@charset "utf-8";

/* common --------------------------- */

html,body {
  -webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,textarea,p,blockquote,th,td {
  border: 0;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

body {
  color: #262626;
  font: 87.5%/1.618 Meiryo, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

a {
  color: #00549e;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
/*  -webkit-transition: all .2s; */
  -moz-transition: all .2s;
}

a:hover img {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)"
}

.album a:hover img {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)"
}

.h1-form {
  padding-left: 8px;
  border-left: 5px solid #009685;
}

.h2-form:before {
  content:"●";
  color: #009685;
}

header span {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  position: absolute;
  margin:0;
  line-height: 30px;
  left: 10px;
}

button,
input,
textarea,
select,
.btn {
  border: 1px solid #c6cccb;
  font: 100%/1.618 Meiryo, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  vertical-align: middle;
}

input,
textarea {
  background: #fbfcfc;
  border-top: 1px solid #b5bab9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .13);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .13);
  color: #4d4d4d;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #262626;
}

input.input-lg {
  font-size: 24px;
  line-height: 24px;
  height:24px;
}

.cart-form input:focus,
.cart-form textarea:focus {
  background:#e5fffc;
}

input.form-error,
textarea.form-error,
input.form-caution,
textarea.form-caution {
  background: #ffe5e8;
}

input[type="file"] {
  height: 2em;
}

input:focus,
textarea:focus {
  background: #fff;
  border: 1px solid #005fb8;
  color: #000;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}


iframe{
  width: 100%;
  border: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

/* header --------------------------- */

header {
  background: #202121;
  font-size: 13px;
  min-width: 980px;
}

header a {
  color: #fff;
  text-decoration: none;
}

header h1 {
  font-size: 12px;
  font-weight: normal;
  color: #ddd;
  position: absolute;
  margin:0;
  line-height: 30px;
  left: 10px;
}

#LL {
  padding:10px;
  margin-bottom: 1.618em;
  background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #343635), to(#000302));
  background: linear-gradient(to bottom, #545756, #545756 1%, #343635 2%, #000302);
  font-size: 14px;
}

#LL p {
  margin:0;
}

#LL .remove {
  position: absolute;
  right: 10px;
  top:10px;
}

img.liquid  {
  max-width: 100%;
  height: auto;
}

#ci {
  padding: 6px 10px 0;
  position: absolute;
}

#utilities {
  font-size: 12px;
  margin: 0;
  padding-right: 10px;
  text-align: right;
  background-color: #1e9685;
}

header h1 {
  color: #fff;
}

#utilities li {
  display: inline;
  line-height: 29px;
  margin-left: 0.6em;
}

#utilities li a.link-twitter {
  background-color: #00aced;
  color: #fff;
  padding: 5px 10px;
  margin-top: -5px;
  margin-bottom: -5px;
}

/* custom search */
#utilities li input[type="text"],
#utilities li .btn-primary {
  padding:1px 3px;
}

#utilities li input[type="text"] {
  height: 17px;
  line-height: 17px;
  border-radius: 2px 0 0 2px;
}

#utilities li .btn-primary {
  height: 21px;
  line-height: 19px;
  width: 21px;
  border-radius: 0 2px 2px 0;
}

header nav {
background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #343635), to(#000302));
background: linear-gradient(to bottom, #545756 0%, #545756 1%, #343635 2%, #000302
   100%);
  border-top: 1px solid #000302;
  border-bottom: 3px solid #009685;
  height: 48px;
  position: relative;
}

#logo{
  margin-left: -480px;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

#gnav{
  border-left: 1px solid #000302;
  border-right: 1px solid #545756;
  margin-left: -335px;
  position: absolute;
  top: 0;
  left: 50%;
}

#gnav li{
  border-right: 1px solid #000302;
  float: left;
  list-style: none;
}

#gnav li a{
  border-left: 1px solid #545756;
  display: block;
  font-weight: bold;
  line-height: 48px;
  width: 8em;
  text-align: center;
}

#gnav li a:hover{
  background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #404242), to(#000302));
  background: linear-gradient(to bottom, #545756, #545756 1%, #404242 2%, #000302);
  text-decoration: none;
}

#gnav li a:active{
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), color-stop(1%, #404242), color-stop(2%, #202121), to(#000302));
  background: linear-gradient(to bottom, #404242, #404242 1%, #202121 2%, #000302);
  border-left: 1px solid #343635;
}

#gnav li.current a {
  background: -webkit-gradient(linear, left top, left bottom, from(#353636), color-stop(1%, #353636), color-stop(2%, #010101), to(#333434));
  background: linear-gradient(to bottom, #353636, #353636 1%, #010101 2%, #333434);
  border-left: 1px solid #343635;
}

#cart {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border: 1px solid #000;
  border-right: 1px solid #444545;
  border-bottom: 1px solid #343636;
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  margin-left: 444px;
  position: absolute;
  text-align: center;
  width: 36px;
  top: 5px;
  left: 50%; 
}

#cart [class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 24px;
}

#cart a {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border:1px solid #000;
  border-top: 1px solid #565757;
  border-left: 1px solid #444545;
  display: block;
  height: 34px;
  width: 34px;
}

#cart a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), to(#000302));
  background: linear-gradient(to bottom, #404242, #000302);
}

#cart a:active {
  border-top: 1px solid #383a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#202121), to(#000302));
  background: linear-gradient(to bottom, #202121, #000302);
}

#before-login {
  top: 5px;
  left: 50%;
  margin-left: 206px;
  position: absolute;
}

#before-login li{
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border: 1px solid #000;
  border-right: 1px solid #343636;
  border-bottom: 1px solid #343636;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  margin-left: 4px;
}

#before-login li a {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border: 1px solid #000;
  border-top: 1px solid #565757;
  border-left: 1px solid #444545;
  display: block;
  height: 34px;
  padding:0 17px;
}

#before-login li a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), to(#000302));
  background: linear-gradient(to bottom, #404242, #000302);
}

#before-login li a:active {
  border-top: 1px solid #383a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#202121), to(#000302));
  background: linear-gradient(to bottom, #202121, #000302);
}

#before-login li.primary a {
  border-top: 1px solid #238aeb;
  border-left: 1px solid #167dde;
  border-right: 1px solid #001c36;
  border-bottom: 1px solid #001c36;
  background: -webkit-gradient(linear, left top, left bottom, from(#0065c4), to(#0055a4));
  background: linear-gradient(to bottom, #0065c4, #0055a4);
}

#before-login li.primary a:hover {
  border-top: 1px solid #3198f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#0073de), to(#0055a4));
  background: linear-gradient(to bottom, #0073de, #0055a4);
}

#before-login li.primary a:active {
  border-top: 1px solid #0065c4;
  border-left: 1px solid #0065c4;
  background: #0055a4;
}

#before-login li.primary i.icon-user:before {
  font-size: 18px;
  vertical-align: -2px;
  margin-left: -6px;
}

#after-login {
  font-size: 24px;
  top: 5px;
  left: 50%;
  margin-left: 328px;
  position: absolute;
}

#after-login [class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 24px;
}

#after-login li {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #343636;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  text-align: center;
  width: 36px;
}

#after-login li a {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(to bottom, #343636, #141515);
  border-top: 1px solid #565757;
  border-left: 1px solid #444545;
  border-bottom: 1px solid #000;
  display: block;
  height: 34px;
}

#after-login li a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), to(#000302));
  background: linear-gradient(to bottom, #404242, #000302);
}

#after-login li a:active {
  border-top: 1px solid #383a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#202121), to(#000302));
  background: linear-gradient(to bottom, #202121, #000302);
}

#after-login li:first-child a {
  border: none;
}

#after-login li:last-child {
  border-right: 1px solid #444545;
}

#after-login li:last-child a {
  border-right: 1px solid #000;
}

#after-login li a img {
  vertical-align: top;
}

#cart a:hover,
#before-login li a,
#after-login li a {
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .62);
}

.notification {
  background: #b80015;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  position:absolute;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .62);
  width: 25px;
}

.notification:before {
  border-bottom: 13px solid #b80015;
  border-left: 12px solid transparent;
  border-right: 13px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: -13px;
  width: 0;
}

.news {
  top: 48px;
  left: 50%;
  margin-left: 336px;
}

.message {
  top: 48px;
  left: 50%;
  margin-left: 372px;
}

.cart {
  top:48px;
  left:50%;
  margin-left: 451px;
}


/* footer --------------------------- */

footer {
  
  font-size: 13px;
  padding: 1.618em 0;
}

#copyright {
  font-size: 11px;
}

#copyright a{
  color: #262626;
}

.footer-columns {
  background-color: #f2f3f5;
}

.footer-inverse {
  background-color: #262626;
  color: #fff;
  padding: 1.618em 0;
}

.footer-inverse a {
  color: #fff;
}

.footer-inverse .inline li {
  margin-left: 1em;
  margin-right: 1em;
}


/* heading -------------------------- */

h1,h2,h3,h4,h5,h6 {
  margin: 1em 0 .618em;
}

h1 {font-size: 1.618em}
h2 {font-size: 1.382em}
h3 {font-size: 1.236em}
h4 {font-size: 1.146em}
h5 {font-size: 1.090em}
h6 {font-size: 1.056em}

article h1:first-child,
article h2:first-child,
aside h1:first-child,
aside h2:first-child,
.inline + h1,
.icon-edit + h1 {
  margin-top:0;
}

.heading-block {
  margin-top: -1em;
}




/* text ----------------------------- */

p {
  margin: 0 0 .618em;
}

small {
  color: #888;
  font-size: 87%;
  font-weight: 400;
}

h1 small,
h2 small,
h3 small,
li small,
dt small {
  margin-left: 0.618em;
}

aside h2 small {
  color: #000;
  margin-left: 0.236em;
}

.text-lead {
  font-size: 1.382em;
  font-weight: 900;
}

.lead {
  font-size: 1.382em;
}

.m-lead {
  font-size: 1.146em;
}

.text-small {
  font-size: 93%;
}

.text-x-small {
  font-size: 87%;
}

.text-important,
.price  {
  color: #b80015;
}

.text-info {
  color: #009685;
}

.text-subcart {
  color: #f16600;
}

.text-mute {
  color: #999;
}

.text-remove {
  color: #999;
}
.text-remove:hover {
  text-decoration: none;
  color: #b80015;
}

.current {
  font-weight: 900;
  color: #000;
}

.current li {
  font-weight: 400;
}

.current li.current {
  font-weight: 900;
}


/* list ----------------------------- */

ul,ol {
  margin: 0 0 .618em 1.618em;
}

ul ul,ul ol,ol ol,ol ul {
  margin-bottom: 0;
}

.unstyle {
  list-style: none;
  margin-left: 0;
}

dl {
  margin: 0 0 .618em;
}

dt a,
dd a {
  font-weight: 400;
}

dd .current a {
  font-weight: 900;
}

.align dt {
  color: #3c615d;
  float: left;
  margin-right: .618em;
}

.dt {
  color: #556663;
}

.inline {
  margin-left: 0;
}

.inline li,
.inline dt,
.inline dd {
  display: inline;
}

.inline-block li {
  display: inline-block;
  margin: .4em 1em;
  *zoom:1;
}
.inline-block {
  margin-bottom: 1.6em;
}

.inline dt {
  color: #3c615d;
  margin-left: 1em;
}

.inline dd,
.inline li {
  margin-left: 0.382em;
}

.inline dt:first-child,
.inline li:first-child {
  margin-left: 0;
}

.inline .inline {
  display: inline;
  margin-left: .382em;
}

.align .inline {
  display: inline;
}

.inline li[class*="icon-"]{
  margin-left: .618em;
}

.inline li[class*="icon-"]:first-child{
  margin-left: 0;
}

.tech dt{
  margin-top: .2em;
}

.tech ul {
  margin-left: 0;
}

.tech li {
  display: inline;
  list-style: none;
  margin-left: 0;
  line-height: 2em;
}

.tech li span {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.nav {
  margin-left: 0;
}

.triple aside .nav li {
  line-height: 1.4em;
  margin-bottom: 3px;
}

.nav li:before {
  margin-right: .382em;
}

.triple .nav li{
  padding-left: 24px;
  text-indent: -12px;
}

.stacked {
  border: 1px solid #ddd;
  border-top: none;
  margin-left: 0;
  border-radius: 2px;
}

.stacked li {
  list-style: none;
  display: block;
}

.stacked li a {
  display: block;
  padding: 10px;
  border-top: 1px solid #ddd;
  padding-right: 28px;
  position: relative;
  line-height: 1.3;
}

.stacked li a i {
  font-size: 12px;
  color: #c7c9c9;
  content: "\f021";
  font-family: "iconfontsregular";
  position: absolute;
  right: 8px;
  margin-top: -8px;
  top: 50%;
  display: block;
}

.stacked li a:hover {
  background: #f9fafa;
}

.stacked li a i {
  text-decoration: none;
}

.aiu,
.abc {
  margin-left: 0;
}

.aiu li,
.abc li {
  display: table-cell;
  list-style: none;
  padding-bottom: .618em;
  border-bottom: 1px solid #f2f2f2;
  width: 3em;
}

.aiu a,
.abc a {
  padding: .236em .618em;
}

.aiu a:hover,
.abc a:hover {
  background: #004e96;
  color: #fff;
  text-decoration: none;
}


.qa-category dl.inline {
  margin-bottom: 0;
}

.qa-category .topicpath {
  margin-top: 0;
  margin-bottom: 1.618em;
}


/* table ---------------------------- */

table {
  border-top: 1px solid #c6cccb;
  border-left: 1px solid #c6cccb;
  border-collapse: separate;
  border-spacing: 0px;
  margin: 0 0 .618em;
  width: 100%;
}

th,td {
  border-right: 1px solid #c6cccb;
  border-bottom: 1px solid #c6cccb;
  padding:.618em 1em;
}

th {
  background: #f6f7f7;
  background: linear-gradient(to bottom, #fff, #fff 1px, #f5f7f7 2px, #f5f7f7);
  text-align: right;
  white-space: nowrap;
}

.featured table {
  border-top: 1px solid #383838;
  border-left: 1px solid #383838;;
}

.featured th,
.featured td {
  border-right: 1px solid #383838;
  border-bottom: 1px solid #383838;
}

.featured th {
  background: #212121;
}

.featured td dl dl {
  margin-top: .6em;
}



.featured td dd dt {
  margin-right: .6em;
  color: #009685;
  font-weight: bold;
}

td p,
td ul,
td ol,
td dl {
  margin-bottom: 0;
}

td p + p {
  margin-top: .618em;
}

.highlight th {
  background: #edf0ef;
}

.highlight td {
  background: #f5f7f7;
  font-weight: bold;
}

.num {
  text-align: right;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.soldout {
  text-align: center;
  white-space: nowrap;
}

.th1em th {
  width: 1em;
}

.th80 th {
  width: 80px;
}

.th100 th {
  width: 100px;
}

.th160 th {
  width: 160px;
}

.th240 th {
  width: 240px;
}

.td160 {
  width: 160px;
}

.td240 {
  width: 240px;
}

.radio {
  width: 1.618em;
}
th.top {
  vertical-align: top;
}

/* section -------------------------- */

hr {
  border: 0;
  border-top: 1px solid #d7dedd;
  margin: 1.618em 0;
}

/* button --------------------------- */

button,
.btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ebeb));
  background: linear-gradient(to bottom, #fff, #e8ebeb);
  border-bottom: 1px solid #b5bab9;
  color: #262626;
  cursor: pointer;
  font-weight: bold;
  height: 32px;
  line-height: 1;
  overflow: hidden;
  padding: 0 1em;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08);
          box-shadow: 0 1px 1px rgba(0,0,0,.08);
  margin:0;
}


button:hover,
.btn:hover{
  -webkit-filter: none;
          filter: none;
  background: #f3f5f5;
  border: 1px solid #bec4c4;
  border-bottom: 1px solid #a6abaa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f5f5));
  background: linear-gradient(to bottom, #fff, #f3f5f5);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.13);
          box-shadow: 0 1px 1px rgba(0,0,0,.13);
}

button:active,
.btn:active{
  border: 1px solid #bec4c4;
  border-top: 1px solid #a6abaa;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
}

.btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}

.btn:hover {
  text-decoration: none;
}

button.small,
button.large {
  height: auto;
  padding: .618em 1em;
}

button.small {
  font-size: 12px;
}

button.large {
  font-size: 1.236em
}

a.small,
a.large {
  padding: 0;
  height: auto;
  padding: .236em 1em;
}

a.small {
  font-size: 12px;
  padding: 0px 1em;
  height: 2.382em;
}

a.large {
  font-size: 1.236em;
}

.count {
  padding: 0 .618em;
}

.count span {
  border-left: 1px solid #b5bab9;
  margin-left: .618em;
  padding: 5px 0 5px .618em;
}

.has-count {
  padding: 0 .618em;
  position: relative;
  overflow: inherit;
  padding-right:30px;
  border-width: 2px;
}

.has-count:hover,
.has-count:focus {
  border-width: 2px;
}

.has-count img {
  vertical-align:middle;
}

[class*="icon-"] + a.has-count,
[class*="icon-"] a.has-count {
  padding:0 .618em;
  margin:0;
}

.has-count span {
  position: absolute;
  top: -6px;
  right: -5px;
  display: block;
  width: 30px;
  height: 100%;
  padding-top: 10px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  background: #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  background: #b80022;
  color: #fff;
  z-index:20;
}

.disabled {
  background: #ccc;
  border: 1px solid #bbb;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.20;
  color: #333 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-filter: none;
          filter: none;
  -ms-filter: "alpha(opacity=20)"; /* IE 8 */
}

.disabled:hover,
.disabled:active{
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #bbb;
  -ms-filter: "alpha(opacity=20)"; /* IE 8 */
}

[class*="btn-"] {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .55);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.21);
          box-shadow: 0 1px 1px rgba(0,0,0,.21);
}

[class*="btn-"]:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.34);
          box-shadow: 0 1px 1px rgba(0,0,0,.34);
}

[class*="btn-"]:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .21);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .21);
}

.btn-cart {
  background: -webkit-gradient(linear, left top, left bottom, from(#00a390), to(#008273));
  background: linear-gradient(to bottom, #00a390, #008273);
  border-color: #008273;
  border-bottom-color: #006156;
}

.btn-cart:hover {
  background: #00a390;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b09b), to(#00a390));
  background: linear-gradient(to bottom, #00b09b, #00a390);
  border-color: #008273;
  border-bottom-color: #006156;
}

.btn-cart:active {
  border-color: #008273;
  border-top-color: #006156;
}

.btn-cart-yellow {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#de9000));
  background: linear-gradient(to bottom, #ffa600, #de9000);
  border-color: #f19d00;
  border-bottom-color: #d18800;
}

.btn-cart-yellow:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#de9000));
  background: linear-gradient(to bottom, #ffa600, #de9000);
  border-color: #f19d00;
  border-bottom-color: #d18800;
}

.btn-cart-yellow:active {
  border-color: #f19d00;
  border-bottom-color: #d18800;
}

.btn-inverse {
  background: -webkit-gradient(linear, left top, left bottom, from(#343636), to(#141515));
  background: linear-gradient(#343636, #141515);
  border: 1px solid #000;
  border-top: 1px solid #565757;
  border-left: 1px solid #444545;
}

.btn-inverse:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), to(#000302));
  background: linear-gradient(to bottom, #404242, #000302);
  border: 1px solid #000;
  border-top: 1px solid #565757;
  border-left: 1px solid #444545;
}

.cart-back-btn {
  top:-3.9em;
  position: relative;
}

.btn-large,
a.btn-large {
  height: 64px;
  padding: 0 2em;
  font-size: 1.6em;
  line-height: 64px;
  display: inline-block;
  font-weight: bold;
}

a.btn-large {
  text-decoration: none;
}


.btn-block {
  height: 44px;
  padding: 0;
  width: 100%;
}
.indent-btn {
  padding:10px;
}


.btn-subcart {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6c00), to(#d15900));
  background: linear-gradient(to bottom, #ff6c00, #d15900);
  border-color: #d15900;
  border-bottom-color: #9c4200;
}

.btn-subcart:hover {
  background: #ff6c00;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6c00), to(#ff6c00));
  background: linear-gradient(to bottom, #ff6c00, #ff6c00);
  border-color: #d15900;
  border-bottom-color: #9c4200;
}

a.btn-subcart:hover {
  text-decoration: none;
}

.btn-subcart:active {
  border-color: #d15900;
  border-top-color: #9c4200;
}




.btn-danger {
  background: -webkit-gradient(linear, left top, left bottom, from(#c40017), to(#a30013));
  background: linear-gradient(to bottom, #c40017, #a30013);
  border-color: #a30013;
  border-bottom-color: #82000f;
}

.btn-danger:hover {
  background: #c40017;
  background: -webkit-gradient(linear, left top, left bottom, from(#d10018), to(#c40017));
  background: linear-gradient(to bottom, #d10018, #c40017);
  border-color: #a30013;
  border-bottom-color: #82000f;
}

.btn-danger:active {
  border-color: #a30013;
  border-top-color: #82000f;
}

.btn-primary {
  background: -webkit-gradient(linear, left top, left bottom, from(#0065c4), to(#0054a3));
  background: linear-gradient(to bottom, #0065c4, #0054a3);
  border-color: #0054a3;
  border-bottom-color: #004382;
}

.btn-primary:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#006cd1), to(#0065c4));
  background: linear-gradient(to bottom, #006cd1, #0065c4);
  background: #0065c4;
  border-color: #0054a3;
  border-bottom-color: #004382;
}

.btn-primary:active {
  border-color: #0054a3;
  border-top-color: #004382;
}

.box .remove,
.tmbset62 .remove,
.tmbset54 .remove {
  height: 27px;
  line-height: 27px;
  padding: 0 8px;
  background: #fff;
  color: #fff;
  border-color: #fff;
  -webkit-filter: inherit;
          filter: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.box:hover .remove,
.tmbset62:hover .remove,
.tmbset54:hover .remove {
  color: #b80015;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ebeb));
  background: linear-gradient(to bottom, #fff, #e8ebeb);
  border-color: #c6cbcc;
}

.member-list li {
  position: relative;
}

.member-list li .remove {
  color: #d7dedd;
  cursor: pointer;
  text-indent: -9999em;
  text-decoration: none;
}

.member-list li:hover .remove {
  text-indent: 0;
}

.member-list li:hover .remove:hover {
  color: #b80015;
}


/* input ---------------------------- */

input {
  height: 15px;
  line-height: 1;
  padding: 8px 5px 7px;
}

input::-webkit-input-placeholder {
  line-height: 1.5;
}

input:-moz-placeholder {
  line-height: 1.5;
}

input:focus {
  color: #000;
}

label input[type="checkbox"],
label input[type="radio"] {
  margin-right: .382em;
}
.em3 {
  width: 3em;
}
.em4 {
  width: 4em;
}
.em5 {
  width: 5em;
}

.em6 {
  width: 6em;
}

.em8 {
  width: 8em;
}

.em12 {
  width: 12em;
}

.em16 {
  width: 16em;
}

.em20 {
  width: 20em;
}

.em29 {
  width: 29em;
}

.em30 {
  width: 30em;
}


/* textarea ------------------------- */

textarea {
  padding: 5px;
  min-height: 190px;
  max-width: 618px;
  min-width: 618px;
}

.comment {
  min-height: 170px;
  max-width: 552px;
  min-width: 552px;
}

.qa {
  min-height: 182px;
  max-width: 588px;
  min-width: 588px;
}

.timeline {
  min-height: 44px;
  max-width: 521px;
  min-width: 521px;
}

.reply {
  min-height: 26px;
  height: 26px;
  max-width: 483px;
  min-width: 483px;
}

.tmbset-album textarea {
  min-height: 146px;
  max-width: 421px;  
  min-width: 421px;
}

table textarea {
  max-width: 475px;
  min-width: 475px;
}

table .message-text {
  max-width: 560px;
  min-width: 560px;
}

.report {
  max-width: 588px;
  min-width: 588px;
  min-height: 190px;
}


/* select --------------------------- */

select {
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  cursor: pointer;
  height: 32px;
  padding: 5px .618em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select{
    padding-right: 2em;
  }
}

/* layout --------------------------- */

.default {
  background: #fff;
}

.chick {
  background: #131615;
  color: #fff;
}

.single,
.double-l,
.double-r,
.triple {
  width:980px;
  margin:0 auto;
}

.single-slim {
  width: 650px;
  margin:0 auto;
}

.single > .box:first-child,
.double-l > .box:first-child,
.double-r > .box:first-child,
.triple > .box:first-child {
  margin-top: 1.618em;
}

.single article,
.single-slim article {
  margin: 0 10px;
}

.double-l article,
.double-r article{
  width:630px;
}

.double-l aside,
.double-r aside{
  width: 300px;
}

.double-r article,
.double-l aside{
  float: left;
  margin-left: 10px;
}

.double-l article,
.double-r aside{
  float: right;
  margin-right: 10px;
}


.single .double-r article,
.single .double-l aside{
  margin-left: 0;
}

.single .double-l article,
.single .double-r aside{
  margin-right: 20px;
}

article,
aside{
  padding-top: 1.618em;
}

section{
  margin-bottom: 2.56em;
}

.double-r aside.my {
  width: 270px;
  border: 1px solid #d7dedd;
  margin-top: 1.618em;
  padding: 14px 14px 6px;
}

.double-r aside.my hr {
  margin: 1.618em -14px;
}

.double-r div.my {
  width: 270px;
  border: 1px solid #d7dedd;
  margin-top: 1em;
  padding: 0 14px 6px;
}

.double-r .ad {
  width: 300px;
  margin-top: 1.618em;
}

.triple article { 
  width: 420px;
  float: left;
  margin: 0 30px;
}

.triple .triple-l {
  width: 180px;
  float: left;
  margin-left: 10px;
}

.triple .triple-r {
  width: 300px;
  float: right;
  margin-right: 10px;
}


#colorbox {
  width: 630px;
  margin:0 15px 15px;
}

.bisection {
  margin: 0 -30px -1.618em 0;
}

.bisection div {
  float: left;
  width: 440px;
  margin-right: 20px;
}

.bisection div div.box{
  float: none;
  width: auto;
  margin-right: 0;
}

.bisection div input[type="text"],
.bisection div input[type="password"] {
  width: 428px;
}

.bisection div.tmbset62 {
  width: 390px;
}

article .bisection div.tmbset62 {
  width: 300px;
}

article .bisection .float-l,
article .bisection .float-r {
  width: 300px;
}

.address-table {
  padding: 20px;
}


/* topicpath ------------------------ */

.topicpath {
  border-bottom: 1px solid #d7dedd;
  margin: 0 10px;
  padding: 1em 0 .618em;
}

.topicpath li {
  display: inline;
}

.topicpath li:before {
  color: #c7c9c9;
  content: "\f021";
  font-family: "iconfontsregular";
  font-weight: 900;
  margin:0 5px 0 2px;
  vertical-align: middle;
}

.topicpath li:first-child:before {
  content: "";
  margin: 0;
}

article .topicpath,
aside .topicpath,
.triple .topicpath {
  border: 0;
  padding: 0;
  margin: 0 0px .618em;
}

.topicpath .remove {
  margin-left: .618em;
}

.topicpath .remove:before {
  content: "";
}

[id*="gallary"] .remove a,
.topicpath .remove a {
  color: #d7dedd;
}

[id*="gallary"] .remove a:hover,
.topicpath .remove a:hover {
  color: #b80015;
  text-decoration: none;
}

[id*="gallary"] .remove {
  position: absolute;
  top:5px;
  right: 5px;
  height: 25px;
  width: 25px;
  text-align: center;
  padding:0;
  display: none;
  font-weight: 900;
}

[id*="gallary"] li:hover .remove {
  display: block;
}

[id*="gallary"] li:hover .remove:hover {
  color: #b80015;
}

.topicpath li.movie {
  margin-left: .618em;
}

.topicpath li.movie:before {
  content:"";
}

.selectlist li{
  margin-bottom: .618em;
}

.selectlist li.second:before {
  color: #d7dedd;
  content: "\f021";
  font-family: "iconfontsregular";
  font-weight: 900;
  margin-right: .382em;
}

.selectlist li.third:before {
  color: #d7dedd;
  content: "\f021 \f021";
  font-family: "iconfontsregular";
  font-weight: 900;
  margin-right: .382em;
}

.selectlist li.forth:before {
  color: #d7dedd;
  content: "\f021 \f021 \f021";
  font-family: "iconfontsregular";
  font-weight: 900;
  margin-right: .382em;
}


.topicpath-flow {
  width: 100%;
  margin-left: 0;
}

.topicpath-flow li {
  display: table-cell;
  width: 1%;
  text-align: center;
  vertical-align: middle;
  line-height: 1.6em;
}




.stepbar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepbar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #e3e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepbar .step:before, .stepbar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #e3e8e8;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepbar .step:after {
  top: 0;
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepbar .step:before {
  bottom: 0;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepbar .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepbar .step:first-child:before, .stepbar .step:first-child:after {
  content: none;
}
.stepbar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepbar .step.current {
  color: #FFF;
  background-color: #009685;
}
.stepbar .step.current:before, .stepbar .step.current:after {
  background-color: #009685;
}

.stepbar-subscription .step.current {
  background-color: #f19d00 !important;
}

.stepbar-subscription .step.current:before,
.stepbar-subscription .step.current:after {
  background-color: #f19d00 !important;
}
.stepbar.step2 .step {
  width: 50%;
}
.stepbar.step3 .step {
  width: 33.333%;
}
.stepbar.step4 .step {
  width: 25%;
}
.stepbar.step5 .step {
  width: 20%;
}

.stepbar .step .line2 {
  display:block;
  line-height: 16px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.td-req {
  padding-right: 0;
  border-right: none;
  width:2em;
}
.td-req span {
  white-space: nowrap;
}
.example {
  display:block;
  margin-bottom: -0.4em;
  margin-top: 2px;
}

.border-top-none {
  border-top: none;
}
.border-bottom-none {
  border-bottom: none;
}
.border-left-none {
  border-left: none;
}
.border-right-none {
  border-right: none;
}


/* span label ----------------------- */

[class*="label"] {
  background: #999e9e;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.618;
  margin-right: .618em;
  padding: 3px 5px 1px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .21);
}

.label-default2 {
  background: #666;
}

.label-important {
  background: #b80015;
}

.label-alert {
  background: #f19d00;
}



.label-info {
  background: #009685;
}

.label-subcart {
  background: #f16600;
}

.label-inverse {
  background: #262626;
}

a .label {
  background: #f2f2f2;
  color: #004E96;
  text-shadow: none;
}

a .label:hover {
  background: #004E96;
  color: #fff;
  text-decoration: none;
}

.topicpath .label-info,
.topicpath .label-subcart {
  font-size: 14px;
  margin-right: 0;
}

[id*="gallary"] [class*="label"] {
  font-size: 14px;
}

.tmb [class*="label"]{
  position: relative;
  top:.618em;
  display: block;
  text-align: center;
  margin-right:0;
}

p[class*="label"]{
  margin-right:0;
}

.label-info a,
.label-subcart {
  color: #fff;
}


p.label-prize-gold {
  background: #e5b82e;
  border-top: 3px solid #b80015;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .62);
}

p.label-prize-silver {
  background: #b2b8b8;
  border-top: 3px solid #b80015;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .62);
}

p.label-prize-other {
  background: #615c5c;
  border-top: 3px solid #b80015;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .62);
}

.tmb p.label-prize-gold {
  margin-top: -7px;
}


.featured p[class*="label-prize-"] {
  font-size: 13px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .62);
  padding: 4px 8px 1px;
  vertical-align: middle;
  margin-bottom: 1em;
}

.featured .label-prize-gold {
  background: #e5b82e;
}

.featured .label-prize-silver {
  background: #b2b8b8;
}

.featured .label-prize-other {
  background: #615c5c; 
}



span.label-prize-gold,
a.label-prize-gold {
  background: #e5b82e;
  border-left: 4px solid #b80015;
  border-radius: 0;
}

span.label-prize-silver,
a.label-prize-silver {
  background: #b2b8b8;
  border-left: 4px solid #b80015;
  border-radius: 0;
}

span.label-prize-other,
a.label-prize-other {
  background: #615c5c;
  border-left: 4px solid #b80015;
  border-radius: 0;
}

.label-prize-gold + .label-info,
.label-prize-silver + .label-info,
.label-prize-other + .label-info {
  margin-left: -.618em;
  border-radius: 0 2px 2px 0;
}


/* box ------------------------------ */

.box {
  border: 1px solid #d7dedd;
  margin: 0 0 1.618em;
  padding: .618em .618em 0;
}

p.box {
  padding-bottom: .618em;
}

.box-block {
  padding: 1em 1em .382em;
}

.box-blank {
  padding:1em 1em .382em;
  text-align: center;
  background: #f2f5f5;
  border:none;
  color: #565656;
}

.box-gray {
  padding:1em 1em .382em;
  background: #f2f5f5;
  border:none;
}

.box-blank .box-blank {
  background-color: #fff;
}

.box .box {
  margin-bottom: .618em;
}

.box td .topicpath {
  margin-bottom: .618em;
}

.box hr {
  margin: .618em 0;
}

.box-alert {
  background: #ffffb2;
  border-color: #e5e55c;
}

.box-error {
  background: #de0000;
  border: 1px solid #de0000;
  color: #fff;
  font-weight: 900;
  margin-bottom: .618em;
}

.box-info {
  border: 1px solid #009685;
  color: #009685;
}

.box-cart {
  border: 1px solid #b8d9d4;
  background: #edfaf8;
  text-shadow: 0 1px 1px #fff;
}

.box-cart h2,
.box-subcart h2 {
  font-size: 1.2em;
}

.box-subcart {
  border: 1px solid #ffd2b2;
  background: #fff0e5;
  text-shadow: 0 1px 1px #fff;
}

.box-cart .box-cart,
.box-subcart .box-subcart {
  background: #fff;
}

.box-cart .btn-cart,
.box-subcart .btn-subcart{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-cart small,
.btn-subcart small{
  background: #fff;
  color: #008273;
  display: block;
  font-size: 13px;
  padding:0.236em;
  text-shadow: none;
  font-weight: 900;
  margin-top: 0.382em;
  border-radius: 1px;
  padding-top: 6px;
  opacity: .95;
}

.btn-subcart small {
  color: #d15900;
}

.btn-cart small + small
.btn-subcart small + small {
  margin-top: 1px;
}



.login {
  width: 475px;
  margin:0 auto;
}

.login input[type="text"],
.login input[type="password"] {
  width: 31em;
}

.box-exhibition {
  background: #202121;
  border: 1px solid #000;
  color: #fff;
}

.box-exhibition p.right a {
  color: #fff;
}

.box-exhibition .tmbgrid135 {
  margin-left: 10px;
}

.box-exhibition .tmbgrid135 li{
  margin-right: 20px;
  margin-bottom: 0;
}

.box-gallary .tmbgrid135 {
  margin-left: 10px;
}

.tmbgrid135-medal {
  width: 645px;
  margin:0 -80px 0 0;
  padding-left: 30px;
}

.tmbgrid135-medal li{
  width: 135px;
  margin: 0 80px 1.618em 0;
} 

.box-gallary .tmbgrid135 li{
  margin-right: 20px;
  margin-bottom: 0;
}

.box-gallary .tmbgrid90 {
  margin-left: 4  px;
}

.box-gallary .tmbgrid90 li{
  margin-right: 14px;
  margin-bottom: 0;
}

.top-banner {
  padding:1.618em 10px 0;
}

.banner970 {
  padding: 1.618em 5px 0;
}


/* sort ----------------------------- */

.sort li:after {
  color: #d7dedd;
  content: " \f013";
  font-family: "iconfontsregular";
  margin-right: 0.618em;
}

.sort li:hover:after {
  content: " \f014";
  font-family: "iconfontsregular";
  color: #000;
}

.sort li.up:after {
  content: " \f015";
  font-family: "iconfontsregular";
  color: #000;
}

.sort li.up:hover:after {
  content: " \f014";
  font-family: "iconfontsregular";
  color: #000;
}

.sort li.down:after {
  content: " \f014";
  font-family: "iconfontsregular";
  color: #000;
}

.sort li.down:hover:after {
  content: " \f015";
  font-family: "iconfontsregular";
  color: #000;
}

.sort li.none:after {
  content: "";
  color: #000;
}

.filter {
  text-align: center;
}

.filter li {
  margin-left: 1px;
}

.filter dd .current{
  padding: .236em .236em .236em .618em;
  background: #f0f2f2;
}

.filter a {
  padding: .236em .618em;
}

.filter a:hover,
.filter dd .current a:hover {
  background: #004e96;
  color: #fff;
  text-decoration: none;
}


/* view switch ---------------------- */

.view-switch {
  margin-top: -38px;
  margin-bottom: -6px;
}

.view-switch a {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ebeb));
  background: linear-gradient(to bottom, #fff, #e8ebeb);
  display: block;
  padding: 5px 8px;
  color: #262626;
}

.view-switch a:hover {
  background: #f3f5f5;
  text-decoration: none;
}

.view-switch a:active {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .21);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .21);
}

.view-switch li{
  border: 1px solid #c9c9c9;
  float: right;
  list-style: none;
}

.view-switch li:first-child{
  border-left: none;
}

.view-switch .current {
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#575757));
  background: linear-gradient(to bottom, #212121, #575757);
  border-color: #212121;
  color: #fff;
  padding: 5px 8px;
}


/* resize --------------------------- */

.resize-box {
  width: 960px;
  margin-top: 1.618em;
  margin-left: 10px;
}

.resize {
  background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #343635), to(#000302));
  background: linear-gradient(to bottom, #545756, #545756 1%, #343635 2%, #000302);
  margin: 0 0 1.618em;
  padding-left: 843px;
  width: 117px;
}

.resize li {
  float: left;
  list-style: none;
}

.resize li a {
  background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #343635), to(#000302));
  background: linear-gradient(to bottom, #545756, #545756 1%, #343635 2%, #000302);
  background: #333;
  border-left: 1px solid #545756;
  border-right: 1px solid #000302;
  color: #a0a8a7;
  display: block;
  text-align: center;
  width: 37px;  
}

.resize li:first-child a {
  border-left: 1px solid #343635;
}

.resize li a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#545756), color-stop(1%, #545756), color-stop(2%, #404242), to(#000302));
  background: linear-gradient(to bottom, #545756, #545756 1%, #404242 2%, #000302);
  text-decoration: none;
  color: #fff;
}

.resize li a:active{
  background: -webkit-gradient(linear, left top, left bottom, from(#404242), color-stop(1%, #404242), color-stop(2%, #202121), to(#000302));
  background: linear-gradient(to bottom, #404242, #404242 1%, #202121 2%, #000302);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202121', endColorstr='#000302',GradientType=0 );
}

.resize li.current a {
  background: #000;
  color: #fff;
}

.resize-image {
  margin-bottom: 0;
}

p + .resize-image {
  margin-top:1.618em;
}

.resize-image img {
  vertical-align: bottom;
}

article .resize-box {
  width: 630px;
  margin: 0;
}

article .resize {
  padding-left: 513px;
  width: 117px;
}


/* thumbs-up ------------------------ */

.thumbs-up {
  margin-top: .618em;
  margin-bottom: .618em;
}

.thumbs-up button{
  margin-bottom: .618em;
}


/* pagination & pager --------------- */

.pagination,
.pager {
  height: 1.618em;
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.618em;
  position: relative;
}

.pagination dt {
  font-weight: 400;
  position: absolute;
}

.pagination dd,
.pager li {
  right: -8px;
  position: absolute;
}

.pagination dd li {
  float: left;
  list-style: none;
}

.pagination dd .current{
  padding: .236em .618em;
  background: #f0f2f2;
}

.pager li:first-child {
  left: 0;
}

.pagination a,
.pager a{
  padding: .236em .618em;
}

.pagination a:hover,
.pager a:hover{
  background: #004e96;
  color: #fff;
  text-decoration: none;
}

.box .pagination {
  margin-bottom: 0;
}


/* more ----------------------------- */

.more {
  text-align: right;
}

.more-load {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#c7c9c9));
  background: linear-gradient(to bottom, #f7f9f9, #c7c9c9);
  text-align: center;
  padding: 0 1px 1px 1px;
  border-radius: 0 0 3px 3px;
}

.more-load span {
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f7f7));
  background: linear-gradient(to bottom, #fff, #f5f7f7);
  border-radius: 0 0 2px 2px;
}

.more-load a {
  display: block;
  height: 32px;
  line-height: 32px;
  border-radius: 0 0 2px 2px;
}

.more-load a:hover {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ebeb));
  background: linear-gradient(to bottom, #fff, #e8ebeb);
}

.label .more {
  float: right;
  color: #fff;
}


/* thumbnail grid ------------------- */

.grid300 {
  list-style: none;
  margin-left: 0;
  margin-right: -30px;
}

.grid-col {
  float: left;
  width:300px;
  margin: 0  30px 0 0;
}

.grid-col-double {
  float: left;
  width: 660px;
  margin: 0;
}

.grid-col-double-inner {
  margin-right: 30px;
}


[class*="tmbgrid"] {
  list-style: none;
  margin-left: 0;
}

[class*="tmbgrid"] li {
  float: left;
}

[class*="tmbgrid"] p {
  margin-bottom: 0;
}

.tmbgrid300,
.tmbgrid190,
.tmbgrid135 {
  margin-right: -30px;
}

.tmbgrid110 {
  margin-right: -20px;
}

.tmbgrid90 {
  margin-right: -18px;
}

.tmbgrid62 {
  margin-right: -9px;
}

.tmbgrid62-top {
  margin-right: -16px;
}

.tmbgrid54,
.tmbgrid36 {
  margin-right: -10px;
}

.tmbgrid300 li {
  width: 300px;
  margin: 0  30px 1.618em 0;
}

.tmbgrid190 li {
  width: 190px;
  margin: 0  30px 1.618em 0;
}

.tmbgrid135 li {
  width: 135px;
  margin: 0 30px 1.618em 0;
}

.tmbgrid110 li {
  width:110px;
  margin:0 20px 1.618em 0;
}

.tmbgrid90 li {
  width: 90px;
  margin: 0 18px .618em 0;
}

.tmbgrid62 li {
  width: 62px;
  margin: 0 9px .618em 0;
}

.tmbgrid62-top li {
  margin-right: 16px;
}

.tmbgrid54 li {
  width: 54px;
  margin: 0 10px .618em 0;
}

.tmbgrid36 li {
  width: 36px;
  margin: 0 10px .618em 0;
}

[class*="tmbgrid"] .line2 {
  height: 2.56em;
}


aside .tmbgrid90 {
  margin-right: -15px;
}
aside .tmbgrid90 li {
  margin-right: 15px;
}

[class*="double-"] .tmbset135 .tmbgrid62 li {
  margin: 0 8px 4px 0;
}

.triple aside .tmbgrid36 {
  margin-right: -12px;
}

.triple aside .tmbgrid36 li {
  margin: 0 12px 0 0;
}

.triple aside .tmbgrid54 {
  margin-right: -9px;
}

.triple aside .tmbgrid54 li {
  margin:0 9px 0 0;
}

.triple aside .tmbgrid62 {
  margin-right: -17px;
}

.triple aside .tmbgrid62 li {
  margin: 0 17px 0 0;
}

.triple article .tmbgrid90 {
  margin-right: -20px;
}

.triple article .tmbgrid90 li {
  margin: 0px 20px 8px 0;
}

.triple article .tmbgrid135 {
  margin-right: -9px;
}

.triple article .tmbgrid135 li {
  margin: 0 8px 0 0;
}

[class*="medalgrid"] p{
  text-align: center;
}

[class*="medalgrid"] small {
  color: #262626;
  margin: 0;
}

.item135 li{
  height: 300px;
}

.item135 .btn-block{
  padding:0;
  height: 32px;
}

aside.landing {
  padding-top:0;
}

aside.landing h2:first-child {
  margin-top: 1.2em;
  margin-top: 1em\9;
}

.landing .tmbgrid62 {
  margin-right: -15px;
}

.landing .tmbset90 .tmbgrid62 {
  margin-right: -6px;
}

.landing .tmbgrid54 {
  margin-right: -7px;
}

.landing .tmbgrid62 li {
  width: 62px;
  margin: 0 15px .618em 0;
}

.landing .tmbset90 .tmbgrid62 li {
  width: 62px;
  margin: 0 6px .618em 0;
}

.landing .tmbgrid54 li {
  width: 54px;
  margin: 0 7px .618em 0;
}

/* pickup-member ------------------- */

.pickup-member {
  margin-bottom: 1em;
}

.pickup-member .user {
  width: 190px;
  float: left;
}

.pickup-member .summary {
  width: 420px;
  float: right;
}

.pickup-member .medal {
  margin-left: 0;
  text-align: right;
  margin-right:  -5px;
  width: 190px;
  width: 195px\9;
}

.pickup-member .medal li {
  list-style: none;
  display: inline;
  margin-right: 3px;
}

.medal a:hover img {
  -ms-filter: "no";
}

.pickup-member .tmbgrid90 li {
  margin-right: 19px;
}

.border a {
  overflow: hidden;
  float: left;
  border: 1px solid #f2f2f2;
}

.border a img {
  margin: -1px;
}

.border .tmbgrid62 img {
  vertical-align: top;
}

.border .tmbgrid62 a {
  margin-bottom: 7px;
}


/* album --------------------------- */

.album {
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #fff));
  background: linear-gradient(left, #000, #fff 50%);
  border-bottom: 1px solid #000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
  height: 156px;
  width: 159px;
  padding-left: 25px;
}

.album img{
  background: #fff;
  border: 1px solid #ddd;
  border-left: 1px dashed #333;
  border-right: 3px double #ddd;
  border-bottom: 1px solid #ccc;
  display: block;
  height: 135px;
  width: 135px;
  padding: 10px;
}

.album .noimage {
  background: #fff;
  border: 1px solid #ddd;
  border-left: 1px dashed #333;
  border-right: 3px double #ddd;
  border-bottom: 1px solid #ccc;
  display: block;
  height: 135px;
  width: 135px;
  padding: 10px;
}

.tmbgrid135 .album {
  width: 159px;
  margin: 0 30px 1.618em 0;
}

.tmbset-album {
  padding-left: 197px;
  margin-bottom: 1.618em;
}

.tmbset-album .album {
  float: left;
  margin-left: -197px;
}


/* thumbnail set -------------------- */

.tmb {
  float: left;
}

.tmb img {
  vertical-align: bottom;
}

[class*="tmbset"] p,
[class*="tmbset"] ul,
[class*="tmbset"] dl {
  margin-bottom: .618em;
}

li[class*="tmbset"] {
  margin-top: 1.618em;
}

.tmbset630 {
  padding-left: 660px;
}

.tmbset190 {
  padding-left: 202px;
}

.tmbset135 {
  padding-left: 147px;
}

.tmbset90 {
  padding-left: 102px;
}

.tmbset62 {
  padding-left: 74px;
}

.tmbset54 {
  padding-left: 66px;
}

.tmbset36 {
  padding-left: 48px;
}

.tmbset630 .tmb {
  margin-left: -660px;
  width: 630px;
}

.tmbset190 .tmb {
  margin-left: -202px;
  width: 190px;
}

.tmbset135 .tmb {
  margin-left: -147px;
  width: 135px;
}

.tmbset90 .tmb {
  margin-left: -102px;
  width: 90px;
}

.tmbset62 .tmb {
  margin-left: -74px;
  width: 62px;
}

.tmbset54 .tmb {
  margin-left: -66px;
  width: 54px;
}

.tmbset36 .tmb {
  margin-left: -48px;
  width: 36px;
}


.setgrid200 {
  margin-right: -20px;
}

.setgrid200 li {
  width: 128px;
  height: 77px;
  float: left;
  margin-right: 20px;
  padding-left: 72px;
}

.setgrid200 .tmb {
  margin-left: -72px;
}

.setgrid200 dl.inline dt {
  margin-left: 0;
}

.setgrid200 dl.inline dd{
  margin-left: 0;
  margin-right: 0;
}



.setgrid305 {
  margin-right: -20px;
}

.setgrid305 li {
  width: 233px;
  height: auto;
  float: left;
  margin-right: 20px;
  padding-left: 72px;
}

.setgrid305 .tmb {
  margin-left: -72px;
}

.setgrid305 dl.inline dt {
  margin-left: 0;
}

.setgrid305 dl.inline dd {
  margin-left: 0;
  margin-right: 0;
}

.setgrid305 dl.inline + dl.inline {
  margin-top: -.618em;
}


/* tab ------------------------------ */

.tab {
  font-weight: 900;
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.618em;
  width: 630px;
}

.tab a:hover {
  text-decoration: none;
}

.tab li {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f3f5));
  background: linear-gradient(to bottom, #fff, #f0f3f5);
  float: left;
  text-align: center;
  width: 157px;
  /*width: 126px;*/
}

.tab li:first-child a {
  border-left: 1px solid #e2e3e3;
  border-radius: 2px 0 0 2px;
}

.tab li:last-child a {
  border-radius: 0 2px 2px 0;
}

.tab li a {
  border-top: 1px solid #e2e3e3;
  border-right: 1px solid #e2e3e3;
  border-bottom: 1px solid #c9caca;
  display: block;
  padding: .618em 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
          box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.tab li a:hover {
  background: #f3f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f3f5));
  background: linear-gradient(to bottom, #fff, #f0f3f5);
  text-decoration: none;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08);
          box-shadow: 0 1px 1px rgba(0,0,0,.08);
}

.tab li.current a {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
  background: linear-gradient(to bottom, #f7f7f7, #fff);
  border-top:1px solid #ddd;
  border-right: 1px solid #e2e3e3;
  border-bottom: 1px solid #e2e3e3;
  -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.03);
          box-shadow: inset 0 1px 0px rgba(0,0,0,.03);
}

.tab li.current:first-child a {
  border-left: 1px solid #e2e3e3;
}

.profile-tab li {
  width: 315px;
}



.single .tab{
  width: 960px;
}

.single .tab li {
  width: 240px;
}


/* mytab ---------------------------- */

.mytab {
  font-weight: 900;
  list-style: none;
  margin: 2em 10px 0;
  width: 960px;
}

.mytab li {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f6f7));
  background: linear-gradient(to bottom, #fff, #f2f6f7);
  float: left;
  text-align: center;
  width: 107px;
  border-bottom: 3px solid #0077b8;
}

.mytab li:first-child a {
  border-left: 1px solid #e2e3e3;
  border-top-left-radius: 2px;
}

.mytab li:first-child {
  width: 104px;
}

.mytab li:last-child a {
  border-top-right-radius: 2px;
}

.mytab li a {
  border-top: 1px solid #e2e3e3;
  border-right: 1px solid #e2e3e3;
  display: block;
  padding: .618em 0;
}

.mytab li a:hover {
  background: #f3f5f5;
  text-decoration: none;
}

.mytab li .lock:before {
  content: "\f031";
  font-family: "iconfontsregular";
  margin-right: .382em;
  line-height: 1;
  font-size: 1.2em;
  vertical-align: -0.1em;
}

.mytab li.current a {
  background: -webkit-gradient(linear, left top, left bottom, from(#006296), to(#0076b7));
  background: linear-gradient(to bottom, #006296, #0076b7);
  color: #fff;
  border-top:1px solid #006296;
  border-right:1px solid #006296;
}

.mytab li.current:first-child a {
  border-left:1px solid #006296;
}

ul.other li {
  border-bottom: 3px solid #00ab97;
}

ul.other li.current a {
  background: -webkit-gradient(linear, left top, left bottom, from(#008a7a), to(#00ab97));
  background: linear-gradient(to bottom, #008a7a, #00ab97);
  border-top:1px solid #008a7a;
  border-right:1px solid #008a7a;
}

/* tab-box -------------------------- */

.tab-box {
  margin: 1em 0 0 .618em;
}

.tab-box li {
  float: left;
  list-style: none;
  margin-right: .618em;
}

.tab-box li a {
  border: 1px solid #fff;
  border-bottom: none;
  background: #fff;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 .618em;
}

.tab-box li a:hover {
  background: #004e96;
  border: 1px solid #004e96;
  border-bottom: none;
  color: #fff;
  text-decoration: none;
}

.tab-box .current a {
  background: #fff;
  border: 1px solid #c6cccb;
  border-bottom: none;
  color: #000;
  height: 35px;
  line-height: 35px;
  margin-bottom: -1px;
  padding: 0 1em;
}

.tab-box .current a:hover {
  background: #fff;
  border: 1px solid #c6cccb;
  border-bottom: none;
  color: #000;
}


.tab-contest {
  border-bottom: 1px solid #c6cccb;
  margin:0;
  margin-top: -.618em;
}

.tab-contest li {
  float: left;
  list-style: none;
  margin-right: .618em;
}

.tab-contest li a {
  border: 1px solid #fff;
  border-bottom: none;
  background: #fff;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 .618em;
}

.tab-contest li a:hover {
  background: #004e96;
  border: 1px solid #004e96;
  border-bottom: none;
  color: #fff;
  text-decoration: none;
}

.tab-contest .current a {
  background: #fff;
  border: 1px solid #c6cccb;
  border-bottom: none;
  color: #009685;
  height: 35px;
  line-height: 35px;
  margin-bottom: -1px;
  padding: 0 1em;
}

.tab-contest .current a:hover {
  background: #fff;
  border: 1px solid #c6cccb;
  border-bottom: none;
  color: #009685;
}

.checked {
  background: #ffffcc;
}

.unread {
  font-weight: bold;
}

.user36 p{
  height: 36px;
  line-height: 36px;
}

.user36 p img{
  height: 36px;
  line-height: 36px;
}


/* review-head ---------------------- */

.review-head {
  height: 36px;
}

.review-head p {
  line-height: 36px;
  margin-bottom: 0;
}

.review-head .date {
  margin-top: -36px;
  text-align: right;
}


/* bbs-user ------------------------- */

.bbs-user p{
  line-height: 36px;
  float: left;
  height: 36px;
  margin-bottom: .382em;
  margin-right: .618em;
}

.bbs-user p .label {
  margin-right: 0;
}

.bbs-user p img {
  margin-right: .618em;
}


/* align ---------------------------- */

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.float-l {
  float:left;
  margin-right: 1em;
}

.float-r {
  float: right;
  margin-left: 1em;
}

figure{
  display: table;
  width: 10px; /* minimum width */
  *width: auto; /* for IE7 and below */
  margin:0;
}

/* search --------------------------- */

.search input {
  border-right: none;
  width: 360px;
}

.search button {
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  font-size: 23px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  vertical-align: bottom;
  width: 51px;
}

.search button [class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 23px;
}

.search select {
  border-right: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 185px;
}

aside .search input,
.search-top input {
  width: 255px;
  border-radius: 2px 0 0 2px;
}

aside .search button,
.search-top button {
  width: 34px;
  font-size: 20px;
}

aside .search button [class^="icon-"]:before, [class*=" icon-"]:before,
.search-top button [class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 20px;
}



/* all-category --------------------- */

.all-category {
  position: relative;
}

.all-category .unstyle {
  font-weight: bold;
}

.all-category .unstyle ul li {
  font-weight: normal;
  padding-right: 2em;
  width: 260px;
}

.all-category .favorite li li:hover {
  position: relative;
  background: #f2f2f2;
}

.all-category .favorite li li span {
  display: none;
}

.all-category .favorite li li:hover span {
  cursor: pointer;
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
}

.all-category .favorite .icon-heart:before{
  color: #ff475d;
}


.maker-list {
  width: 960px;
  margin-right: -20px;
}

.maker-list .unstyle {
  width: 300px;
  float: left;
  margin-right: 20px;
  margin-bottom: 2em;
}

.maker-list .unstyle li {
  font-weight: bold;
}

.maker-list .unstyle li li {
  font-weight: normal;
}

.maker-list a {
  color: #00549e;
}

.w960 {
  width: 960px;
  margin-left: 10px;
}

.w960 h1{
  margin-top: -1.6em;
}

.w960 .right{
  margin-right: 5px;
}


/* .invitation ---------------------- */

.invitation {
  border-bottom: 1px solid #d7dedd;
  list-style: none;
  margin-left: 0;
}

.invitation li {
  border-top: 1px solid #d7dedd;
  margin-bottom: 0;
  padding-top: .618em;
  position: relative;
}

.invitation li + li {
  margin-top: 0;
}

.invitation p {
  line-height: 36px;
}

.invitation button{
  top: 11px;
  right: 0;
  position: absolute;
}


/* password-strength ---------------- */

.password-strength {
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.password-strength:after{
  background: #f0f2f2;
  color: #f0f2f2;
  content: "未";
  margin-left: .618em;
  padding: 0 3em;
}

.weak:after {
  border-left: 2em solid #b80015;
  content :"弱";
  color: #262626;
  padding-left: 1em;
}

.middle:after {
  background: #f19d00;
  border-right: 2em solid #f2f2f2;
  color: #fff;
  content :"中";
  padding-right: 1em;
}

.high:after {
  background: #004E96;
  color: #fff;
  content :"強";
}


/* gallary -------------------------- */

[id*="gallary"] {
  position: relative;
  margin: 0;
  list-style: none;
}

[id*="gallary"] li {
  position: relative;
}

[id*="gallary"] .box {
  margin: 10px;
  position: absolute;
  top: 0px;
  width: 250px;
  z-index: 1;
  background: #fff;
}

[id*="gallary"] .box-top {
  width: 910px;
}

#landing {
  position: relative;
  margin: 0;
  list-style: none;
}

#landing li {
  position: relative;
}

#landing .box {
  margin: 10px;
  position: absolute;
  top: 0px;
  width: 580px;
  z-index: 1;
  background: #fff;
}

/* icon ----------------------------- */

.icon-star:before {
  color: #f19d00;
}

h2[class*="icon-"]:before,
h3[class*="icon-"]:before,
span[class*="icon-"]:before,
p[class*="icon-"]:before,
dt[class*="icon-"]:before,
dd[class*="icon-"]:before,
td[class*="icon-"]:before,
button[class*="icon-"]:before,
.btn[class*="icon-"]:before {
  margin-right:0.382em;
}


.icon-amazon:before,
.icon-rakuten:before,
.icon-yahoo:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-mixi:before,
.icon-hobbycom:before{
  height: 16px;
  width: 16px;
  content: "";
  vertical-align: middle;
}

.icon-amazon:before{
  background: url(/images/icon.png) no-repeat 0 0;
}

.icon-rakuten:before{
  background: url(/images/icon.png) no-repeat 0 -16px;
}

.icon-yahoo:before{
  background: url(/images/icon.png) no-repeat 0 -32px;
}

.icon-facebook:before{
  background: url(/images/icon.png) no-repeat 0 -48px;
}

.icon-twitter:before{
  background: url(/images/icon.png) no-repeat 0 -64px;
}

.icon-mixi:before{
  background: url(/images/icon.png) no-repeat 0 -80px;
}

.icon-hobbycom:before{
  background: url(/images/icon.png) no-repeat 0 -96px;
}

.fb-like {
  display: inline;
}

.remove-box:hover .icon-remove{
  display: inline;
}

.remove-box .icon-remove:hover{
  color: #b80015;
}

.remove-box hr {
  margin:.382em 0 1em;
}

h2 .icon-chevron-right:before {
  color: #d7dedd;
  font-size: 1em;
  vertical-align: 0;
  margin:0 0.382em;
}


/* captcha -------------------------- */
.captcha .btn{
  vertical-align: baseline;
  color: #004E96;
  width: 262px;
  text-align: center;
}

/* rating --------------------------- */

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}

.rating > span {
  display: inline-block;
  position: relative;
}

.rating > span:hover,
.rating > span:hover ~ span {
  cursor: pointer;
  color: #fff;
}

.rating > span:hover:before,
.rating > span:hover ~ span:before {
  content: "\f018";
  font-family: iconfontsregular;
  position: absolute;
  /* left: 0; */
  left: 2px;
  bottom: 0;
  color: #f19d00;
  /* font-size: 1.2em; */
  line-height: 1.6;
}

.rating > span .icon-star-empty:before {
  /* font-size: 1.2em; */
  /* line-height: 1.6; */
}


/* userbadge ------------------------ */

.userbadge-my {
  width: 300px;
  height: 302px;
  background: url(/images/userbadge-bg.png) no-repeat;
  position: relative;
  top:-15px;
  left:-15px;
}

.username {
  text-align: center;
  color: #fff;
  padding-top: 15px;
  text-shadow: 0 1px 0 #005887;
  font-weight: 900;
}

.username span {
  background: #0085cd;
  padding: 0 .618em;
}

.userimage {
  position: absolute;
  top: 89px;
  left: 62px;
}

[class*="EX-"] {
  color: #fff;
  text-align: center;
  margin-top: -10px;
  font-size: 12px;
}

[class*="EX-"]:after {
  content: "";
  display: block;
  margin-left: 57px;
  width: 186px;
  height: 19px;
}

.EX-L1:after { background: url(/images/progressbar.png) no-repeat 0 0; }
.EX-L2:after { background: url(/images/progressbar.png) no-repeat 0 -19px; }
.EX-L3:after { background: url(/images/progressbar.png) no-repeat 0 -38px; }
.EX-M1:after { background: url(/images/progressbar.png) no-repeat 0 -57px; }
.EX-M2:after { background: url(/images/progressbar.png) no-repeat 0 -76px; }
.EX-M3:after { background: url(/images/progressbar.png) no-repeat 0 -95px; }
.EX-H1:after { background: url(/images/progressbar.png) no-repeat 0 -114px; }
.EX-H2:after { background: url(/images/progressbar.png) no-repeat 0 -133px; }
.EX-H3:after { background: url(/images/progressbar.png) no-repeat 0 -152px; }
.EX-S:after { background: url(/images/progressbar.png) no-repeat 0 -171px; }

.userbadge-other {
  width: 300px;
  height: 302px;
  background: url(/images/userbadge-bg.png) no-repeat -600px 0;
  position: relative;
  top:-15px;
  left:-15px;
}

.userbadge-other .username span,
.userbadge-medal-other .username span {
  background: #00ab97;
}

.userbadge-pro {
  width: 300px;
  height: 282px;
  background: url(/images/userbadge-bg.png) no-repeat -1200px 0;
  position: relative;
  top:-15px;
  left:-15px;
}

.userbadge-pro .userimage {
  position: absolute;
  top: 70px;
  left: 62px;
}

.userbadge-pro .username span {
  background: #2b2b2b;
}


.userbadge-medal {
  width: 300px;
  height: 331px;
  background: url(/images/userbadge-bg.png) no-repeat -300px 0;
  position: relative;
  top:-15px;
  left:-15px;
}

.userbadge-medal-other {
  width: 300px;
  height: 331px;
  background: url(/images/userbadge-bg.png) no-repeat -900px 0;
  position: relative;
  top:-15px;
  left:-15px;
}

#medal-list {
  position: absolute;
  top:245px;
  left: 13px;
}

#medal-list li{
  width: 77px;
  height: 77px;
  text-align: center;
  list-style: none;
  float: left;
}

#medal-list li img{
  margin-top: 18px;
}

#medal-list li.god img{
  margin-top: 0;
}

.prev a,
.next a {
  position: absolute;
  top:260px;
  color: #dedede;
  font-size: 30px;
}

.prev a:hover,
.next a:hover {
  text-decoration: none;
}

.prev a{
  left: 0px;
}

.next a{
  left: 265px;
}


.edit {
  margin-top: -1.618em;
  z-index: 1;
  background: #fff;
  position: absolute;
  width: 298px;
  margin-left: -14px;
}


/* irregular rule ------------------- */

[class*="tmbset"] dl.inline {
  margin-bottom: 0;
}

table .inline {
  display: inline;
}

h1 + .icon-heart {
  margin:-.618em 0 1em 3px;
}

h1 + .icon-heart:hover {
  color: #ff475d;
}

.tmbset62 .align,
.tmbset62 .topicpath,
.tmbset62 dl{
  margin-bottom: 0;
}

table .topicpath:last-child {
  margin-bottom: 0;
}

.setting {
  margin-top: -.618em;
}

.tmbset135 .inline{
  margin-bottom: 0;
}

.box-block h3.icon-camera:first-child{
  margin-top: 0;
}

dl.inselect {
  margin-top: .382em;
  margin-left: 0;
}

dl.inselect dt {
  line-height: 32px;
}

h2 .icon-plus-sign {
  margin-left: .618em;
  font-size: 14px;
  color: #000;
}

h2 .icon-plus-sign:before{
  margin-right: .236em;
}

.triple aside .topicpath + .inline {
  margin-top: -.618em;
}

.triple article dt [class*="label"]{
  margin-right: 0;
} 

dl.align + dl.align {
  margin-top: -8px;
}

dl.align + dl.tech {
  margin-top: 0px;
}

.diaries li {
  margin-bottom: 1.618em;
}

.right + hr {
  margin-top: 1em;
}

/*[class*="icon-"] + a,
[class*="icon-"] a {
  padding-left: 1.618em;
  margin-left: -1.618em;
}*/

h2 + .float-r {
  float: right;
  margin-top: -43px;
}

aside [class*="tmbset"] dl.inline dt {
  margin-left: 0;
}

aside [class*="tmbset"] dl.inline dd {
  margin-left: 0;
  margin-right: .382em;
}

dt [class*="icon-"] {
  color: #262626;
}

.triple aside .tmbgrid54{
  margin-bottom: 1.618em;
}

/* level ---------------------------- */

[class*="SS-"] {
  height: 36px;
  width: 36px;
  display: block;
}

[class*="SS-"]:before {
  content: "";
  display: block;
  width: 32px;
  height: 5px;
  background: #000;
  position: relative;
  top:29px;
  left: 2px;
  z-index: 2;
  opacity: 0.62;
}

[class*="SS-"]:after {
  content: "";
  display: block;
  height: 3px;
  position: relative;
  top: 25px;
  left: 3px;
  z-index: 3;
  width: 0;
}

[class*="SS-"] img{
  position: absolute;
  z-index: 1;
  height: 36px;
  width: 36px;
  margin-top: -5px;
}

[class*="SS-"] img {
  z-index: -1¥9;
}

[class*="SS-P"]:before { background: none; }
[class*="SS-L"]:after { background: #ff0; }
[class*="SS-M"]:after { background: #ff7f00; }
[class*="SS-H"]:after { background: #f00; }
.SS-S:after { background: #00ab97; }

.SS-L1:after,
.SS-M1:after,
.SS-H1:after { width: 10px; }

.SS-L2:after,
.SS-M2:after,
.SS-H2:after { width: 20px; }

.SS-L3:after,
.SS-M3:after,
.SS-H3:after,
.SS-S:after { width: 30px; }



[class*="MS-"] {
  height: 54px;
  width: 54px;
  display: block;
}

[class*="MS-"]:before {
  content: "";
  display: block;
  width: 50px;
  height: 5px;
  background: #000;
  position: relative;
  top:47px;
  left: 2px;
  z-index: 2;
  opacity: 0.62;
}

[class*="MS-"]:after{
  content: "";
  display: block;
  height: 3px;
  position: relative;
  top:43px;
  left: 3px;
  z-index: 3;
  width: 0;
}

[class*="MS-"] img{
  position: absolute;
  z-index: 1;
  height: 54px;
  width: 54px;
  margin-top: -5px;
}

[class*="MS-"] img {
  z-index: -1¥9;
}

[class*="MS-P"]:before { background: none; }
[class*="MS-L"]:after { background: #ff0; }
[class*="MS-M"]:after { background: #ff7f00;}
[class*="MS-H"]:after { background: #f00; }
.MS-S:after{ background: #00ab97; }

.MS-L1:after,
.MS-M1:after,
.MS-H1:after { width: 16px; }

.MS-L2:after,
.MS-M2:after,
.MS-H2:after { width: 32px; }

.MS-L3:after,
.MS-M3:after,
.MS-H3:after,
.MS-S:after { width: 48px; }


[class*="M-"] {
  height: 62px;
  width: 62px;
  display: block;
}

[class*="M-"]:before {
  content: "";
  display: block;
  width: 58px;
  height: 5px;
  background: #000;
  position: relative;
  top:55px;
  left: 2px;
  z-index: 2;
  opacity: 0.62;
}

[class*="M-"]:after{
  content: "";
  display: block;
  height: 3px;
  position: relative;
  top:51px;
  left: 3px;
  z-index: 3;
  width: 0;
}

[class*="M-"] img{
  position: absolute;
  z-index: -1;
  height: 62px;
  width: 62px;
  margin-top: -5px;
}

[class*="M-"] img {
  z-index: -1¥9;
}

[class*="M-P"]:before { background: none; }
[class*="M-L"]:after { background: #ff0; }
[class*="M-M"]:after { background: #ff7f00;}
[class*="M-H"]:after { background: #f00; }
.M-S:after{ background: #00ab97; }

.M-L1:after,
.M-M1:after,
.M-H1:after { width: 19px; }

.M-L2:after,
.M-M2:after,
.M-H2:after { width: 38px; }

.M-L3:after,
.M-M3:after,
.M-H3:after,
.M-S:after { width: 56px; }


.SS-medal-bronze,
.SS-medal-silver,
.SS-medal-gold,
.SS-medal-god,
.MS-medal-bronze,
.MS-medal-silver,
.MS-medal-gold,
.MS-medal-god,
.M-medal-bronze,
.M-medal-silver,
.M-medal-gold,
.M-medal-god{
  position: absolute;
}

.SS-medal-bronze:before,
.SS-medal-silver:before,
.SS-medal-gold:before,
.SS-medal-god:before{
  content: "";
  background: url(/images/medal.png) no-repeat 100% 0px;
  height: 36px;
  width: 36px;
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.MS-medal-bronze:before,
.MS-medal-silver:before,
.MS-medal-gold:before,
.MS-medal-god:before{
  content: "";
  background: url(/images/medal.png) no-repeat 100% 0px;
  height: 54px;
  width: 54px;
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.M-medal-bronze:before,
.M-medal-silver:before,
.M-medal-gold:before,
.M-medal-god:before{
  content: "";
  background: url(/images/medal.png) no-repeat 100% 0px;
  height: 62px;
  width: 62px;
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.SS-medal-silver:before,
.MS-medal-silver:before,
.M-medal-silver:before {
  background: url(/images/medal.png) no-repeat 100% -100px;
}

.SS-medal-gold:before,
.MS-medal-gold:before,
.M-medal-gold:before {
  background: url(/images/medal.png) no-repeat 100% -200px;
}

.SS-medal-god:before,
.MS-medal-god:before,
.M-medal-god:before {
  background: url(/images/medal.png) no-repeat 100% -300px;
}









.new-item-triangle{
  position: relative;
  height: 142px;
  width: 135px;
  display: block;
}

.new-item-triangle:before{
  content: "";
  background: url(/images/new.png) no-repeat 100% 0px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  opacity: 1;
}


.narrow-box {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 1.6em;
}

.narrow-box .title {
  width: 80px;
}

.narrow-box .col {
  width: 500px;
}

.narrow-box .col-col {
  width: 165px;
  float:left;
}

/* featured --------------------------- */

.tongue90 {
  overflow: hidden;
  display: block;
  width: 90px;
  height: 90px;
}

.tongue90 .tongue {
  position: relative;
  display: block;
  color: #fff;
  width: 60px;
  text-align: center;
  background: #999e9e;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.618;
  margin-right: .618em;
  padding: 3px 5px 1px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .21);
  top: -90px;
  left: -60px;
  margin-bottom: 3px;
}

.tmbgrid90 .tongue90 .tongue {
  top: -97px;
}

.tongue135 {
  overflow: hidden;
  display: block;
  width: 135px;
  height: 135px;
}

.tongue135 .tongue {
  position: relative;
  display: block;
  color: #fff;
  width: 60px;
  text-align: center;
  background: #999e9e;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.618;
  margin-right: .618em;
  padding: 3px 5px 1px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .21);
  top: -135px;
  left: -60px;
  margin-bottom: 3px;
}

.tmbgrid135 .tongue135 .tongue {
  top: -142px;
}

.tongue90:hover,
.tongue135:hover {
  text-decoration: none;
}

.tongue90:hover .tongue,
.tongue135:hover .tongue {
  left: 0;
}

.tongue90 .tongue-featured,
.tongue135 .tongue-featured {
  background: #009685;
}

.tongue90 .tongue-prize-gold,
.tongue135 .tongue-prize-gold {
  background: #e5b82e;
  border-left: 3px solid #b80015;
  width: 57px;
}

.tongue90 .tongue-prize-silver,
.tongue135 .tongue-prize-silver {
  background: #b2b8b8;
  border-left: 3px solid #b80015;
  width: 57px;
}

.tongue90 .tongue-prize-other,
.tongue135 .tongue-prize-other {
  background: #615c5c;
  border-left: 3px solid #b80015;
  width: 57px;
}




.featured-54,
.featured-62,
.featured-90,
.featured-135 {
  position:relative;
}

.featured-54 img,
.featured-62 img,
.featured-90 img,
.featured-135 img {
  position: relative;
  z-index: -1;
}

.featured-54:before {
  content: "";
  background: url(/images/featured.png) no-repeat 100% 0;
  height: 54px;
  width: 54px;
  position: absolute;
  top:-39px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.featured-62:before {
  content: "";
  background: url(/images/featured.png) no-repeat 100% 0;
  height: 62px;
  width: 62px;
  position: absolute;
  top:-47px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.featured-90:before {
  content: "";
  background: url(/images/featured.png) no-repeat 100% 0;
  height: 90px;
  width: 90px;
  position: absolute;
  top: -75px;
  left: 0;
  z-index: 2;
  opacity: 1;
}

.featured-135:before {
  content: "";
  background: url(/images/featured.png) no-repeat 100% 0;
  height: 135px;
  width: 135px;
  position: absolute;
  top:-120px;
  left: 0;
  z-index: 2;
  opacity: 1;
}


/* tooltip ---------------------------- */

#powerTip {
  cursor: default;
  background-color: #333; /* fallback for browsers that dont support rgba */
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  color: #FFF;
  display: none;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
  content: "";
  position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
#powerTip.n:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
#powerTip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
#powerTip.s:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}
#powerTip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}






.powertip-block {
  padding-right: 2em;
}

.powertip-block p {
  margin-bottom: 0;
}

.powertip-block p + p {
  margin-top: 6px;
}

.powertip-block .remove {
  position: absolute;
  right: 1em;
  color: #fff;
}

.powertip-block .remove:hover {
  text-decoration: none;
  color: #b80015;
}



/* social-btn ----------------------- */

.social-btn {
  height: 30px;
}

.social-btn .fb-like {
  vertical-align: top;
}



/* strike ----------------------- */

.strike {
  text-decoration: line-through;
}

.strike table {
  text-decoration: line-through;
}

/* showcase ------------------------- */

#showcase {
  margin-bottom: .618em;
}

#awOnePageButton .view-slide {
  display: none;
}

.showcase-load {
  height: 300px;
  overflow: hidden;
}

.showcase {
  position: relative;
  margin: auto;
}

.showcase-content-container {
  background-color: #000;
}

.showcase-arrow-previous, .showcase-arrow-next {
  position: absolute;
  background: url(/images/arrows.png);
  width: 33px;
  height: 33px;
  top: 220px;
  cursor: pointer;
}
  
.showcase-arrow-previous {
  left: -60px;
}
  
.showcase-arrow-previous:hover {
  background-position: 0px -34px;
}
  
.showcase-arrow-next {
  right: -56px;
  background-position: -34px 0;
}
  
.showcase-arrow-next:hover {
  background-position: -34px -34px;
}

.showcase-content {
  background-color: #000;
  text-align: center;
}
.showcase-content-wrapper {
  text-align: center;
  height: 300px;
  width: 500px;
  display: table-cell;
  vertical-align: middle;
}

.showcase-plus-anchor {
  background-image: url('/images/plus.png');
  background-repeat: no-repeat;
}
    
.showcase-plus-anchor:hover {
  background-position: -32px 0;
}
    
div.showcase-tooltip {
  background-color: #fff;
  color: #000;
  text-align: left;
  padding: 5px 8px;
  background-image: url(/images/white-opacity-80.png);
}

.showcase-caption {
  color: #000;
  padding: 8px 15px;
  text-align: left;
  position: absolute;
  bottom: 10px; left: 10px; right: 10px;
  display: none;
  background-image: url(/images/white-opacity-80.png);
}
    
.showcase-onepage .showcase-content {
  margin-bottom: 10px;
}

.showcase-button-wrapper {
  clear: both;
  margin-top: 10px;
  text-align: center;
}
  
.showcase-button-wrapper span {
  margin-right: 3px;
  padding: 2px 5px 0px 5px;
  cursor: pointer;
  font-size: 12px;
  color: #444444;
}
  
.showcase-button-wrapper span.active {
  color: #fff;
}
  
.showcase-thumbnail-container {
  background-color: #000;
  width: 300px;
}
  
.showcase-thumbnail-wrapper {
  overflow: hidden;
}

.showcase-thumbnail {
  width: 30px;
  height: 25px;
  cursor: pointer;
  border: solid 1px #333;
  position: relative;
}
    
.showcase-thumbnail-caption {
  position: absolute;
  bottom: 2px;
  padding-left: 10px;
  padding-bottom: 5px;
}
      
.showcase-thumbnail-content {
  padding: 10px;
  text-align: center;
  padding-top: 25px;
}
      
.showcase-thumbnail-cover {
  background-image: url(/images/black-opacity-40.png);
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}
    
.showcase-thumbnail:hover {
  border: solid 1px #009685;
}
    
.showcase-thumbnail:hover .showcase-thumbnail-cover {
  display: none;
}
    
.showcase-thumbnail.active {
  border: solid 1px #009685;
}
    
.showcase-thumbnail.active .showcase-thumbnail-cover {
  display: none;
}
  
.showcase-thumbnail-wrapper-horizontal {
  padding: 8px;
}

.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
  margin-right: 8px;
  width: 30px;
}
  
.showcase-thumbnail-wrapper-vertical {
  padding: 10px;
}
  
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
  margin-bottom: 10px;
}
    
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
  padding: 7px;
  cursor: pointer;
}
  
.showcase-thumbnail-button-backward {
  padding-bottom: 0px;
  padding-right: 0px;
}
  
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-image: url(/images/arrows-small.png);
  background-repeat: no-repeat;
  display: block;
  width: 17px;
  height: 17px;
}
    
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
  background-position: 0 -51px;
  margin-left: 55px;
}

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
  background-position: -17px -51px;
}

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
  background-position: 0 -34px;
  margin-left: 55px;
}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
  background-position: -17px -34px;
}
    
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-position: 0 -17px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
  background-position: -17px -17px;
}
    
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
  background-position: 0 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
  background-position: -17px 0;
}

.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {
  display: none;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  float: none;
}

/* flashArea ------------------------ */

#flashArea {
  text-align: center;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 1em 0;
}

#flashArea p{
  margin: 0;
}

#flashArea.notice {
  border-bottom: solid 1px #009685;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc009685,EndColorStr=#cc009685);
  background-color: rgba(0, 150, 133, 0.8);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .38);
}

#flashArea.error {
  border-bottom: solid 1px #de0000;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccde0000,EndColorStr=#ccde0000);
  background-color: rgba(222, 0, 0, 0.8);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .38);
}

/* thumb-switch --------------------- */

.thumb-switch{
  margin-left: 0;
  margin-top: -1em;
  text-align: center;
  padding-left: 2px;
}

.thumb-switch li{
  float: left;
  list-style: none;
  margin-right: 1px;
}

.thumb-switch li a img{
  border:1px solid #f7f7f7;
}

.thumb-switch li.current a img{
  border:1px solid #004e96;
}



/* featured ------------------------- */

.featured {
  background: #121414;
  color: #ddd;
  padding-bottom: 60px;
}

.featured a {
  color: #fff;
}

.featured dt {
  color: #ddd;
}

.featured .topicpath {
  border-bottom: 1px solid #383838;
}

.featured .topicpath li:before {
  color: #4d4d4d;
}

.featured #gallary .box {
  border: 0;
  background: #202020;
  background: rgba(0,0,0,.87);
}

.featured #copyright a {
  color: #ccc;
}

.featured hr {
  border-color: #383838;
}

.featured footer {
  border-top: 1px solid #383838;
}

.box img.featured-img {
  vertical-align: bottom;
  margin-left: 3px;
}

h1 .label {
  vertical-align: middle;
}

#gallary .label-info {
  font-size: 11px;
}

#gallary .label-prize-gold,
#gallary .label-prize-silver,
#gallary .label-prize-other {
  font-size: 11px;
  
}

.featured dl.inline dt {
  color: #009685;
}


/* contest-banner ------------------- */

.contest-banner a{
  display: block;
  width: 604px;
  height: 135px;
  border:4px solid #000;
  padding: 16px;
  padding-right: 0;
  position: relative;
  color: #fff;
}

.contest-banner a img {
  padding-right: 16px;
}

.contest-banner a:hover img {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)"
}

.contest-banner a span {
  position: absolute;
  display: block;
  top: 0;
  width: 620px;
  margin-left: -16px;
  
  height: 167px;
  background: rgba(0,0,0,.34);
}

.contest-banner a span strong {
  background: rgb(0,0,0);
  background: rgba(0,0,0,.55);
  display: block;
  width: 620px;
  height: 49px;
  line-height: 53px;
  text-align: center;
  font-size: 30px;
  margin-top: 58px;
}


/* border-radius -------------------- */

[class*="label"],
button,
input,
textarea,
select,
#cart,
#cart a,
#before-login li,
#before-login li a,
.box,
.btn,
.tab,
.aiu a,
.abc a,
.album,
.pager a,
.pagination a,
.pagination dd .current,
.password-strength:after,
.filter a,
.filter .current {
  border-radius: 2px;
}

[class*="label-prize-"] {
  border-radius: 2px 2px 0 0;
}

.view-switch li,
#after-login li:first-child a {
  border-radius: 2px 0 0 2px;
}

#after-login li:last-child a,
.search button,
.view-switch li:first-child {
  border-radius: 0 2px 2px 0;
}

#after-login li a img,
.search select {
  border-radius: 2px 0 0 2px;
}

.notification {
  border-radius: 0 0 2px 2px;
}

.tab-box li a {
  border-radius: 2px 2px 0 0;
}

#after-login li:last-child {
  border-radius: 0 3px 3px 0;
}

#after-login li:first-child {
  border-radius: 3px 0 0 3px;
}

.search input,
.profile-tab li:last-child {
  border-radius: 0;
}


a.remove {
  color: #d7dedd;
}
a.remove:hover {
  color: #b80015;
  text-decoration: none;
}

.margin-1em {
  margin-bottom:1em;
}

.margin-1x {
  margin-bottom:1.6em;
}

.margin-none {
  margin-bottom: 0 !important;
}

article.margin-none {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.margin-half {
  margin-bottom:0.618em !important;
}

.margin-full {
  margin-bottom:1.618em !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.filter-box .unstyle {
  margin-bottom: .6em;
}

.filter-box .topicpath {
  margin-left: -.6em;
  margin-bottom: 1em;
}

.filter-box .topicpath + .topicpath {
  margin-left: -.2em;
}

.box .box textarea.qa {
  min-width: 570px;
  max-width: 570px;
}

.box-header {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

.truncate {
  overflow:hidden;
  -webkit-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nav-justified {
  width: 100%;
  margin: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.nav-justified li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-justified li a {
  display: block;
  width: 299px;
  border: 1px solid #ddd;
  border-bottom: none;
  border-left: none;
  padding:5px 10px;
}

.heightLine-h2 .float-r {
  margin-top: -2.56em;
}

.height-2line {
  height:3.3em;
}



a.block-link {
  border: 1px solid #ddd;
  padding:10px;
  display: block;
  color: #262626;
  margin-bottom: 0.6em;
}

a.block-link:hover {
  text-decoration: none;
  border-color: #00549e;
}

a.block-link .lead {
  font-size: 1.2em;
  color: #00549e;
  margin-bottom: 0;
}

a.block-link:hover .lead {
  
}







.wideslider {
  width: 100%;
  padding-bottom:130px; ←付け足す
  text-align: left;
  position: relative;
  overflow: hidden;
}

 
.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
  margin :0;
}
 
.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider ul li a span {
  position: absolute;
  display: block;
  width: 630px;
  background: rgba(0,0,0,.6);
  z-index: 530000;
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent: 10px;
  color: #fff;
}
 
.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}
.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.slider_prev {background: #fff url(/images/wideslider-prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(/images/wideslider-next.jpg) no-repeat left center;}
 

.wideslider .pagination {
  top: 410px;
  left: 0;
  width: 100%;
  height: 205px;
  text-align: center;
  position: absolute;
  z-index: 200;
  margin-left: 10px;
}
 
.wideslider .pagination a {
  margin: 0 5px;
  width: 170px;
  height: 105px;
  display: inline-block;
}

.wideslider .pagination a.active {
  filter:alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}
 

.infobox {
  border: 1px solid #ddd;
  border-radius: 2px;
}

.infobox dl {
  margin-bottom: 0;
  overflow: hidden;
  background-color: #f7f7f7;
}

.infobox dl dt {
  float: left;
  width: 100px;
  padding: 10px;
  background: #f7f7f7;
}

.infobox dl dd {
  margin-left: 120px;
  border-left: 1px solid #ddd;
  padding:10px 0;
  background-color: #fff;
}

.infobox dl dd ul li {
  list-style: none;
  margin-right: 20px;
  margin-bottom: 0.5em;
}

.infobox dl dd .more {
  margin-right: 20px;
}
 
 
/* =======================================
  ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
 
.wideslider ul {
  display: inline-block;
  overflow: hidden;
}


/* 151218 ------------------------- */


dl.inline .topicpath {
  display: inline;
}

.re {
  margin-top: -22px;
  padding-top: 22px;
  margin-left: 10px;
  border-left: 5px #999 solid;
  padding-left: 10px;
}

.label-fw {
  display: inline-block;
  width: 70px;
  text-align: center;
}


/* 151226 ------------------------- */


.tr-total {
  background-color: #dee9ff;
}

.box-info-blue {
  border: 2px solid #305CAC;
  color: #262626;
}

.title-bordered {
  padding-bottom: .2em;
  border-bottom: 2px solid #009685;
}


.row {
  margin-left: -15px;
  margin-right: -15px;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.row:before,
.row:after {
  content: " ";
  display: table;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.row:after {
  clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.col-1 { width: 8.33333%; }
.col-2 { width: 16.66667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }


.panel {
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 2px;
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}
.panel-body:after {
    clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
.panel-title > a {
  color: inherit;
}

.panel-info {
  border-color: #009685;
}
.panel-info > .panel-heading {
  color: #fff;
  background-color: #009685;
  border-color: #009685;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #009685;
}
.panel-info > .panel-heading .badge {
  color: #fff;
  background-color: #009685;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #009685;
}

/* 160401 ------------------------- */

.icon-beginner {
  vertical-align: -3px;
}

#about_ttlArea{
  border-top: 1px solid #d7dedd;
  padding-top: 50px;
  margin-bottom: 50px;
  }
#about_ttl{
  background: url(/images/about.png) no-repeat -320px -87px;
  height:44px;
  width:209px;
  text-indent: -9999em;
  float:left;
  margin:13px 0 0 95px;
  }
.about_ttl_txtArea{
  float:left;
  padding-left:95px;
  width:560px;
  }
.about_ttl_txt01{
   font-size: 24px;
   margin:0;
   }
.about_ttl_txt02{
   font-size: 18px;
   margin:0;
   }
.about_txt01{ line-height:27px; margin-bottom:20px;}
.about_txt02{ margin:5px 0 0;}
.about_txt03{ margin:-10px 0 20px;}
.a_m_none{ margin-bottom:0 !important;}
.about_btnArea{ margin-bottom:60px !important; border:none !important;}
.about_btnBox{
  font-size:22px;
  color:#FFF !important;
  border-radius: 3px;
  cursor:pointer !important;
  width:306px;
  height:48px;
  position:relative;
  padding:12px 0 0 0;
  margin:0 auto;
  display:block;
}
.about_btnBox02{
  color:#FFF !important;
  border-radius: 3px;
  cursor:pointer !important;
  width:278px;
  height:29px;
  position:relative;
  padding:3px 0 0 0;
  display:block;
  margin-top:18px;
  line-height:27px;
}
.about_btnBox02{line-height:26px\9;}

.icon-user02:before{
  content:"";
  background:url(/images/about.png) no-repeat -320px -156px;
  height:31px;
  width:25px;
  vertical-align:-0.2em;
  }
.icon-user02:before,  x:-moz-any-link  {
  content:"";
  background:url(/images/about.png) no-repeat -320px -156px;
  height:31px;
  width:25px;
  }
.icon-play:before{
  content:"";
  background:url(/images/about.png) no-repeat -315px -238px;
  height:35px;
  width:26px;
  vertical-align:-1em;
  }
.icon-play:before,  x:-moz-any-link{
  content:"";
  background:url(/images/about.png) no-repeat -315px -237px;
  height:36px;
  width:26px;
  vertical-align:-1em;
  }
.about_serviceArea{ width:984px; margin:0 -24px 10px 0;}
.about_serviceArea a button{ text-decoration:none;}
.about_service{
  border: 1px solid #d7dedd;
  border-radius: 3px;
  width:278px;
  padding:0 12px 16px;
  float:left;
  margin:0 24px 20px 0;
}
.about_service .ser_ttlArea{
  border-bottom:1px solid #d7dedd;
  line-height:47px;
  margin-bottom:11px;
  }
.about_service .ser_ttl{
  float:left;
  font-weight:bold;
  font-size:16px;
  margin:0;
  }
.about_service .ser_help a{
  float:right;
  font-size:12px;
  background:url(/images/about.png) no-repeat -320px -206px;
  line-height:15px;
  margin-top:15px;
  padding:0 0 0 19px;
  }
.about_service .ser_btn{ width:278px; margin-top:18px;}

.ser_col01,
.ser_col02,
.ser_col03,
.ser_col04,
.ser_col05,
.ser_col06,
.ser_col07,
.ser_col08,
.ser_col09,
.ser_col10,
.ser_col11,
.ser_col12
{ padding-left:98px;height:87px;}

.ser_col01{ background:url(/images/about.png) no-repeat 0 0;}
.ser_col02{ background:url(/images/about.png) no-repeat 0 -87px;}
.ser_col03{ background:url(/images/about.png) no-repeat 0 -174px;}  
.ser_col04{ background:url(/images/about.png) no-repeat 0 -261px;}
.ser_col05{ background:url(/images/about.png) no-repeat 0 -348px;}
.ser_col06{ background:url(/images/about.png) no-repeat 0 -435px;}
.ser_col07{ background:url(/images/about.png) no-repeat 0 -522px;}
.ser_col08{ background:url(/images/about.png) no-repeat 0 -609px;}
.ser_col09{ background:url(/images/about.png) no-repeat 0 -696px;}
.ser_col10{ background:url(/images/about.png) no-repeat 0 -782px;}
.ser_col11{ background:url(/images/about.png) no-repeat 0 -870px;}
.ser_col12{ background:url(/images/about.png) no-repeat -320px 0;}

.ser_btn_folse{
  background:#767676;
  color:#FFF;
  text-align:center;
  border: 1px solid #686868;
  font: 100%/1.618 Meiryo, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  vertical-align: middle;
  font-weight: bold;
  height: 31px;
  line-height:31px;
  overflow: hidden;
  border-radius: 3px;
  width:276px;
  margin-top:18px;
  }

.ser_btn_folse,  x:-moz-any-link{line-height:34px;}


.heading-more {
  border-bottom: 2px solid #009685;
  position: relative;
}
.heading-more a {
  float:right;  
  font-size: 13px;
  padding-top: 5px;
  font-weight: normal;
}

.heading-more a.upper {
  position: absolute;
  right:0;
  top:-1em;
}

.heading-more a.lower {
  position: absolute;
  right:0;
  bottom: 0;
}

.small {
  font-size: 87%;
}

.contest-col img{
  margin-left:6px;
  vertical-align: top;
}

.contest-col img:first-child {
  margin-left: 0;
}

.contest-description {
  margin-top: -44px;
}

.text-twitter {
  color: #00aced !important;
}
/* clearfix ------------------------- */

.cf:after,
.cf:before {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
  clear: both;
}