@charset "UTF-8";
/* 変数  */
/* サイト内共通の設定 */
* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#contents a {
  background-color: white;
  border: solid 1px white;
}
#contents a:link {
  text-decoration: none;
  color: black;
}
#contents a:visited {
  text-decoration: none;
  color: black;
}
#contents a:hover {
  text-decoration: none;
  color: black;
  border: solid 1px #a0a0a0;
}
#contents a:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}
#contents a.noneBorder {
  border: none;
}
#contents a.anchor {
  border: none;
}

a img {
  background: none;
}
a:link img, a:hover img, a:active img {
  background: none;
  border: none;
}

body {
  font-size: 62.5%;
  /* Resets 1em to 10px */
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url("/common/images/bg.gif") repeat-y top left;
  background-color: #f7f7f7;
  font-size: 13.5px;
  line-height: 2em;
  letter-spacing: .05em;
}
body br {
  letter-spacing: 0;
}

/* Clear Fix */
.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from Ie-mac */
/* Layout
------------------------------------------- */
#container,
#containerHome {
  width: 1000px;
  overflow: hidden;
  background: url("/common/images/bg.gif") repeat-y top left;
}

#sideColumn,
#sideColumnHome {
  padding: 0 0 0 30px;
  width: 122px;
  float: left;
  overflow: hidden;
}

#mainColumn,
#mainColumnHome {
  width: 848px;
  float: right;
}

#header {
  margin: 32px 32px 120px 42px;
  width: 776px;
  height: 38px;
  position: relative;
}
#header .title {
  position: absolute;
  top: 17px;
  left: 0;
  color: black;
  line-height: 1.1em;
}
#header .logo {
  width: 55px;
  height: 69px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat 0 0;
  position: absolute;
  top: 0;
  right: 2px;
}
#header #globalNavi {
  position: absolute;
  top: 0;
  left: 212px;
}

#sideColumn h1, #sideColumn .title, #sideColumn .titleDetail, #sideColumn .titleDetailJa {
  font-family: adobe-jenson-pro;
  letter-spacing: .17em;
  font-size: 16px;
  font-weight: inherit;
}
#sideColumn .metsaLogo {
  width: 45px;
  height: 35px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -62px 0;
  position: absolute;
  top: 238px;
  left: 29px;
}
#sideColumn .catalogLogo {
  width: 42px;
  height: 38px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -117px 0;
  position: absolute;
  top: 242px;
  left: 30px;
}
#sideColumn .letterLogo {
  width: 59px;
  height: 38px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -169px 0;
  position: absolute;
  top: 238px;
  left: 62px;
}
#sideColumn .catalogTitle {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
}

#mainContents {
  padding: 0 0 60px 42px;
  width: 808px;
  overflow: hidden;
}

.sidebar,
.sideNavi {
  margin: 0 0 0;
  width: 192px;
  float: left;
  list-style: none;
}
.sidebar ul,
.sideNavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li,
.sideNavi li {
  margin-bottom: 20px;
}

.sideNavi {
  width: 120px;
}

#contents {
  padding-right: 54px;
  padding-bottom: 60px;
  width: 540px;
  float: right;
}

#footer {
  margin: 0;
  padding: 0 32px 48px 48px;
  width: 770px;
  height: 36px;
  position: relative;
}
#footer #copyright {
  position: absolute;
  top: 16px;
  right: 32px;
  width: 320px;
  letter-spacing: .05em;
  line-height: 1.8em;
  text-align: right;
  font-size: 12px;
}

/* Font
------------------------------------------- */
#header .en,
#footer .en,
.sideNavi .en,
.sidebar .en {
  font-family: adobe-jenson-pro;
  letter-spacing: .17em;
  font-size: 16px;
  font-weight: inherit;
}

h1 {
  line-height: 1.1em;
  font-size: 16px;
  letter-spacing: .12em;
  margin-bottom: 85px;
}

h2, h3 {
  line-height: 1.1em;
  font-size: 13.5px;
  letter-spacing: .12em;
  margin-bottom: 18px;
}

.en .seg {
  letter-spacing: .15em;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.credit, .taxColor {
  font-size: 12px;
}

.proper {
  font-style: italic;
  font-weight: inherit;
}

.caption {
  font-size: 12px;
  line-height: 1.8em;
}

#letter .archives .date {
  letter-spacing: 0.05em;
}

#metsa #cartMessage {
  font-size: 12px;
  line-height: 1.8em;
}

#passwordReminder,
#notice,
#error_explanation,
.error,
.errorMessage,
.errMsg {
  color: red;
}

/* Common
------------------------------------------- */
p {
  margin: 0;
  padding-bottom: 24px;
}

table {
  margin: 0 0 24px 0;
  border-collapse: collapse;
}

ul, ol {
  margin: 0;
  margin-left: 24px;
  padding-bottom: 24px;
}

li {
  margin-bottom: 3px;
}

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

.section {
  width: 100%;
  padding-bottom: 36px;
}

.noneDisplay {
  display: none;
}

.noneBottom {
  margin: 0;
  padding: 0;
}

.weightNormal {
  font-weight: normal;
}

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

.pageNavi {
  border-top: solid 1px #b9b9b9;
  margin: 60px 0 0 0;
  padding-top: 12px;
  width: 540px;
  list-style: none;
  clear: both;
}
.pageNavi a {
  padding: 1px 0;
}
.pageNavi .left, .pageNavi .right, .pageNavi .center {
  width: 180px;
  float: left;
}
.pageNavi .center {
  text-align: center;
}
.pageNavi .right {
  text-align: right;
}

.orderList {
  margin-top: 48px;
  border-top: solid 1px #b9b9b9;
  padding: 12px 0 0;
  width: 540px;
}
.orderList li {
  padding: 0;
  padding-bottom: 24px;
  clear: both;
  width: 100%;
  overflow: hidden;
}
.orderList .thumbnail {
  margin-bottom: 0;
  margin-right: 12px;
  width: 126px;
  border: solid 1px #f7f7f7;
  display: block;
  float: left;
}
.orderList h2 {
  margin-bottom: 24px;
}
.orderList h3 {
  margin-top: -3px;
  line-height: 2em;
}

#sideColumn h1, #sideColumn .title {
  padding-top: 192px;
}
#sideColumn .titleDetail {
  padding-top: 202px;
}

#contents h1 {
  margin-bottom: 24px;
  width: 540px;
  overflow: hidden;
}

#news #contents h2 {
  margin-bottom: 24px;
  width: 540px;
  overflow: hidden;
}
#news #contents h2 .titleArea {
  padding-bottom: 20px;
  float: left;
  line-height: 1.6em;
}
#news #contents .lineTitle {
  margin-bottom: 0;
}
#news .pageNavi .prev {
  float: right;
  margin-right: 0;
}
#news .pageNavi .top {
  margin-left: 220px;
  position: absolute;
}

#metsaTitle .titleDetail {
  padding-top: 202px;
}
#metsaTitle.titleDetail {
  padding-bottom: 84px;
}

#metsaStoreNavi .naviArea a {
  padding-left: 4px;
  padding-right: 4px;
}

/* Metsa
------------------------------------------- */
#metsa .head, #letter .head {
  margin-bottom: 36px;
  width: 770px;
  overflow: hidden;
}

#metsa .head {
  padding-top: 12px;
  padding-bottom: 14px;
}
#metsa .head h1 {
  margin: 6px 0 0;
  padding: 0;
  width: 146px;
  height: 89px;
  float: left;
  background: url("/metsa/images/sprite_metsa.gif") no-repeat 0 0;
}
#metsa .head .read {
  margin: 0 0 0 188px;
  padding: 0;
}
#metsa .lineTitle {
  margin-bottom: 18px;
}
#metsa .caption {
  margin-top: 6px;
  display: block;
}
#metsa .spec {
  border-top: solid 1px #b9b9b9;
  padding: 18px 0 6px;
  width: 540px;
}
#metsa .spec .block {
  padding-bottom: 18px;
}
#metsa .spec table.material td, #metsa .spec table.sizeInfo td {
  width: 444px;
  text-align: left;
}
#metsa .spec table.material {
  margin: 0;
  padding: 0;
  margin-top: 12px;
}
#metsa .spec th {
  padding: 6px 0;
  width: 96px;
  text-align: left;
}
#metsa .spec td {
  padding: 6px 0;
  width: 74px;
  text-align: center;
}
#metsa .spec .color td {
  width: 80px;
  padding-right: 12px;
}
#metsa .spec .color td table {
  margin: 0;
  padding: 0;
}
#metsa .spec .color td table td {
  margin: 0;
  padding: 0;
}
#metsa .spec .color td table td.wide {
  white-space: nowrap;
}
#metsa .spec .size td {
  border-top: solid 1px #b9b9b9;
  width: 74px;
}
#metsa .spec .lineBottom {
  border-bottom: solid 1px #b9b9b9;
}
#metsa .spec .stockTable th, #metsa .spec .stockTable td, #metsa .spec .paddingTop {
  padding-top: 24px;
}
#metsa .spec .paddingBottom {
  padding-bottom: 24px;
}
#metsa .caption {
  margin: 0;
  padding: 0;
}
#metsa .block {
  width: 540px;
  overflow: hidden;
}
#metsa .block .leftColumn {
  float: left;
  width: 236px;
}
#metsa .block .rightColumn {
  float: right;
  width: 280px;
}
#metsa .block .soldoutContainer {
  text-align: right;
}
#metsa .block .soldout {
  margin-top: -4px;
  text-decoration: none;
  text-align: left;
  float: right;
}
#metsa .block .leftColumn h2 {
  line-height: 1.4em;
}
#metsa .price {
  margin-bottom: 9px;
  font-size: 1.2em;
  line-height: 1.1em;
}
#metsa .price del {
  text-decoration: line-through;
}
#metsa .form {
  font-size: 12px;
}
#metsa .form select {
  width: 100px;
}
#metsa .form table {
  width: 180px;
  float: left;
}
#metsa .form th, #metsa .form td {
  padding: 0 0 12px;
  text-align: left;
  line-height: 1.1em;
}
#metsa .form th {
  width: 52px;
  padding-right: 18px;
}
#metsa .form input#bags {
  width: 82px;
  height: 82px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat 0 -161px;
  position: "relative";
  cursor: pointer;
  border: none;
  float: right;
}
#metsa .form input#bags:hover {
  background: url("/common/images/sprite.gif") no-repeat -92px -161px;
}
#metsa .form input#bags:active {
  background: url("/common/images/sprite.gif") no-repeat -184px -161px;
}
#metsa #variationFormField .rawForm .label {
  position: absolute;
  float: left;
}
#metsa #variationFormField .rawForm select {
  width: 150px;
  margin-left: 100px;
}
#metsa #variationFormField .rawForm .variation, #metsa #variationFormField .rawForm .quantity {
  margin-bottom: 1em;
}
#metsa #variationFormField .rawForm .submit {
  margin-top: 1em;
  margin-left: 100px;
}
#metsa #cartMessage {
  padding-top: 12px;
  color: red;
  display: none;
  clear: both;
}
#metsa .info {
  margin-top: 24px;
  border: solid 1px #b9b9b9;
  padding: 12px;
  text-align: center;
}
#metsa .top #contents {
  padding-right: 0;
  width: 596px;
}
#metsa #imageList {
  margin: 0;
  padding-top: 8px;
  list-style: none;
}
#metsa #imageList a {
  display: block;
  border: solid 1px #f7f7f7;
}
#metsa #imageList a:hover {
  border: solid 1px #a0a0a0;
}
#metsa #imageList a:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}
#metsa #imageList li {
  margin: 5px;
  padding: 0;
  float: left;
}
#metsa table.variationForm {
  margin: 0;
}
#metsa .stockTable {
  vertical-align: top;
}
#metsa #cartNotifier {
  border: 1px solid black;
  position: absolute;
  display: none;
  padding: 48px 20px 20px;
  background-color: #f7f7f7;
  width: 320px;
}
#metsa #cartNotifier .control {
  padding: 0;
  margin: 0;
  text-align: right;
}
#metsa #cartNotifier .close {
  padding: 0 4px;
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background-color: white;
  line-height: 1.4em;
}
#metsa #cartNotifier .iconBag {
  width: 44px;
  height: 42px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -238px 0;
  position: "relative";
  margin-bottom: 24px;
}
#metsa #cartNotifier .price {
  margin-top: 12px;
  float: left;
  font-size: 1em;
  border-top: 1px solid #b9b9b9;
  padding-top: 6px;
}
#metsa #cartNotifier .link a {
  padding: 0 3px;
  clear: both;
  float: right;
  line-height: 1.4em;
}
#metsa #cartNotifier .err {
  font-color: red;
  border: none;
  padding: 0;
}
#metsa p.related {
  text-align: right;
  font-size: 12px;
}
#metsa p.related a:before {
  content: "＞ ";
}
#metsa .hidden {
  color: red;
}

#metsa .err, #news .err, #letter .err, #profile .err {
  border: 2px solid red;
  padding: 1.5em;
  color: red;
}
#metsa .err pre, #news .err pre, #letter .err pre, #profile .err pre {
  border: 1px solid #999999;
  padding: .5em;
  background-color: #ddd;
  color: black;
}

#guide p.info {
  margin-top: 24px;
  border: solid 1px #b9b9b9;
  padding: 12px;
  text-align: center;
  margin-bottom: 24px;
}

#catalog .orderList .thumbnail {
  display: block;
  border: solid 1px #f7f7f7;
}
#catalog .orderList .thumbnail:hover {
  border: solid 1px #a0a0a0;
}
#catalog .orderList .thumbnail:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}

#letter .orderList .thumbnail {
  display: block;
  border: solid 1px #f7f7f7;
}
#letter .orderList .thumbnail:hover {
  border: solid 1px #a0a0a0;
}
#letter .orderList .thumbnail:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}
#letter .orderList .thumbnail img {
  width: 126px;
  height: 84px;
}

.imageCaption {
  padding-top: 1em;
  display: block;
}

#paymentAndShipping .note {
  line-height: 1.6em;
  margin: 0.5em 0 0 0;
}

#news .err .note {
  color: black;
  margin: 1em 0 0 0;
  padding: 0;
  font-size: .9em;
  line-height: 1.8em;
}

#cart #contents {
  padding-right: 0;
  float: left;
  width: 770px;
  position: relative;
}
#cart .head {
  margin-bottom: 90px;
  width: 770px;
}
#cart h1 {
  margin-bottom: 48px;
}
#cart .customerNavi {
  padding-bottom: 36px;
  width: 100%;
  overflow: hidden;
}
#cart .customerNavi li {
  margin-right: 30px;
  float: left;
}
#cart .customerNavi li.signout {
  margin-right: 0;
  float: right;
}

.cartTable {
  table-layout: 768px;
}

#letter_email,
#shippingTel,
textarea {
  border: 1px solid #b9b9b9;
  background-color: white;
  padding: 3px;
  font-size: 13.5px;
  font-family: inherit;
}

#shipping_address_zip1 {
  width: 36px;
}

#shipping_address_zip2 {
  width: 60px;
}

.confirmTable th {
  width: 168px;
}

.confirmTable {
  border-bottom: solid 1px #b9b9b9;
  margin-bottom: 0;
}

.errorMessage,
.errMsg {
  padding-left: 24px;
}

#shippingAddressInput li {
  clear: both;
}
#shippingAddressInput #defaultShippingAddress {
  float: right;
  width: 560px;
}

.payment #creditCardForm .errMsg,
#lastNameFirstName .errMsg,
#lastNameFirstNameKana .errMsg,
#shippingName .errMsg {
  padding: 0;
  margin: 0;
  display: block;
}

#shippingName .innerTable {
  margin: 0;
  padding: 0;
  width: inherit;
}
#shippingName .innerTable td {
  width: inherit;
  border: none;
  padding: 0 30px 0 0;
}

#customerEdit .innerTable td {
  width: inherit;
  border: none;
  padding: 0 30px 0 0;
}

/* letter
------------------------------------------- */
#letter .head {
  padding-top: 12px;
}
#letter .archives {
  margin: 0;
  list-style: none;
}
#letter .archives li {
  margin-bottom: 40px;
  height: 40px;
  clear: none;
}
#letter .archives a {
  padding-right: 12px;
  margin: 0;
  line-height: 3.2em;
  display: block;
  height: 40px;
  overflow: hidden;
  float: left;
  cursor: pointer;
}
#letter .archives .date {
  padding: 0 0 0 12px;
  float: left;
  width: 72px;
  font-size: 20px;
}
#letter .archives .title {
  padding-right: 12px;
  float: left;
}
#letter #detail .read {
  padding-bottom: 36px;
}
#letter #detail .photo {
  margin-bottom: 24px;
}
#letter .pageNavi {
  margin-bottom: 36px;
}
#letter .subscribeLink {
  clear: both;
}

/* shop
------------------------------------------- */
#shop #contents {
  width: 594px;
  padding-right: 0;
}
#shop #contents p {
  padding-right: 54px;
}
#shop #contents .map {
  padding: 18px 0 36px;
  width: 540px;
  position: relative;
}
#shop #contents .map a {
  padding-left: 2px;
  line-height: 1.1em;
  font-size: 14px;
}
#shop p.map {
  padding-right: 0;
  width: 572px;
}
#shop .map .minaTokyo, #shop .map .arkistotTokyo, #shop .map .pieceTokyo, #shop .map .minaKyoto, #shop .map .arkistotKyoto, #shop .map .pieceKyoto {
  position: absolute;
  left: 0;
  padding: 0 2px;
}
#shop .map .minaTokyo {
  top: 222px;
}
#shop .map .arkistotTokyo {
  top: 149px;
}
#shop .map .pieceTokyo {
  top: 48px;
}
#shop .map .minaKyoto {
  top: 278px;
}
#shop .map .arkistotKyoto {
  top: 300px;
}
#shop .map .pieceKyoto {
  top: 322px;
}
#shop .tokyo .minaTokyo,
#shop .arkistot .arkistotTokyo,
#shop .piece .pieceTokyo,
#shop .kyoto .minaKyoto,
#shop .arkistot .arkistotKyoto,
#shop .piece .pieceKyoto {
  border: solid 1px #f7f7f7;
  background-color: #f7f7f7;
}
#shop .overseas .article {
  margin-bottom: 18px;
}
#shop .overseas .article h2 {
  margin-bottom: 24px;
}
#shop .overseas .article h3 {
  margin-bottom: 6px;
}

/* Profile
------------------------------------------- */
#profile #contents {
  padding-top: 14px;
}
#profile #contents h2 {
  margin-bottom: 30px;
}
#profile #contents .photo {
  margin-bottom: 36px;
}
#profile #contents .section {
  padding-bottom: 30px;
}
#profile #contents table {
  width: 100%;
}
#profile #contents th, #profile #contents td {
  text-align: left;
  vertical-align: top;
  padding: 3px;
}
#profile #contents th {
  width: 72px;
}

/* Catalog
------------------------------------------- */
#catalog .lead {
  padding-top: 18px;
}
#catalog #detail .article {
  padding-top: 36px;
}
#catalog #detail .article h2 {
  margin-bottom: 30px;
}
#catalog #detail .cash-on th, #catalog #detail .cash-on td {
  text-align: left;
  vertical-align: top;
}
#catalog .titleArea {
  padding-top: 7px;
}
#catalog .specList {
  border-top: solid 1px #b9b9b9;
  padding-top: 24px;
}
#catalog .specList .specArticle {
  padding-bottom: 24px;
  width: 540px;
  overflow: hidden;
  clear: both;
}
#catalog .specList .specArticle .itemPhoto {
  margin-left: 24px;
  float: right;
  width: 258px;
  height: 387px;
}
#catalog .specList .specArticle h4,
#catalog .specList .specArticle ul {
  width: 258px;
  float: left;
}
#catalog .specList .specArticle h4 {
  margin-bottom: 18px;
  line-height: 1.1em;
}
#catalog .specList .specArticle ul {
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#catalog .specList .specArticle li {
  padding-bottom: 18px;
}
#catalog .specList .specArticle .last {
  padding-bottom: 0;
}

/* News
------------------------------------------- */
#news h1 {
  margin-bottom: 9px;
}
#news .section {
  margin: 0;
  padding: 0 0 48px 0;
  width: 540px;
}
#news .pageNavi {
  margin: 0;
  padding: 0;
}
#news ul.pageNavi {
  padding-top: 9px;
  width: 540px;
  overflow: hidden;
}
#news .pageNavi li {
  margin-right: 6px;
  float: left;
}
#news .pageNavi li a {
  padding-left: 4px;
  padding-right: 4px;
}

#newsNavi {
  margin-bottom: 60px;
}

/* Collection
------------------------------------------- */
.collectionTitle {
  padding-bottom: 60px;
}

#collection #detail h2 {
  line-height: 2em;
  margin-bottom: 3px;
}
#collection #detail .photo {
  margin-bottom: 12px;
}
#collection #detail .read {
  margin-bottom: 24px;
}
#collection #detail th, #collection #detail td {
  text-align: left;
  vertical-align: top;
}
#collection #detail .collectionEn h2 {
  margin-bottom: 48px;
}
#collection #detail .lineTitle .lead {
  letter-spacing: .01em;
}
#collection #detail .raise {
  vertical-align: super;
  line-height: 0.1em;
}
#collection #detail #clothesDetail p {
  padding-bottom: 36px;
}
#collection #mainMovie {
  padding-top: 18px;
  margin-bottom: 24px;
}

#textileIndex .imageList {
  list-style: none;
  margin: 0;
}
#textileIndex .imageList li {
  margin-right: 20px;
  width: 96px;
  height: 144px;
  float: left;
}
#textileIndex .imageList .break {
  margin-right: 0;
  width: 72px;
}
#textileIndex .imageList .name {
  line-height: 1.4em;
  letter-spacing: 0.05em;
}
#textileIndex #contents {
  padding-bottom: 0;
}
#textileIndex #contents .season {
  padding-bottom: 48px;
  clear: both;
  overflow: hidden;
}
#textileIndex #contents .season h2 {
  margin-bottom: 24px;
  font-weight: bold;
}
#textileIndex .imageLink {
  display: block;
  width: 72px;
  margin: 0 0 6px 0;
  border: solid 1px #f7f7f7;
}
#textileIndex .imageLink:hover {
  text-decoration: none;
  color: black;
  border: solid 1px #a0a0a0;
}
#textileIndex .imageLink:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}

#textile .pageNavigation {
  border-top: solid 1px #b9b9b9;
  margin: 12px 0 0 0;
  padding-top: 12px;
  list-style: none;
  width: 540px;
  overflow: hidden;
}
#textile .pageNavigation .left {
  width: 270px;
  float: left;
}
#textile .pageNavigation .right {
  width: 270px;
  float: right;
  text-align: right;
}

/* Guide
------------------------------------------- */
#guide table {
  width: 540px;
}
#guide th, #guide td {
  text-align: left;
  vertical-align: top;
}
#guide th {
  width: inherit;
}
#guide .detail h1 {
  margin-bottom: 24px;
}
#guide .detail h2 {
  font-weight: bold;
}
#guide .detail .section {
  padding: 36px 0 0 0;
}
#guide .detail .anchor {
  border: none;
}
#guide .sidebar {
  position: relative;
}
#guide .size_spec {
  border-top: 1px solid #231815;
  padding-top: 10px;
}
#guide .size_spec .specs {
  list-style-type: none;
  margin: 0;
}
#guide .size_spec .specs li {
  text-indent: -1.2em;
  padding-left: 1.2em;
}
#guide .size_spec .spec_image {
  margin: 40px 0;
}
#guide .arrow_top {
  overflow: hidden;
  margin-bottominfo: -24px;
}
#guide .arrow_top a {
  width: 16px;
  height: 16px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -118px -45px;
  position: relative;
  float: right;
  border: 1px solid white;
}
#guide .arrow_top a:hover {
  border: 1px solid black;
}

/* Navigation
------------------------------------------- */
.catalogTitle {
  letter-spacing: .25em;
  color: black;
  font-size: 12px;
  line-height: 2em;
}

#footNavi {
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 360px;
}
#footNavi li {
  float: left;
  padding: 0;
}
#footNavi li.active {
  background: url("/common/images/bg_black.gif") repeat-x top left;
}
#footNavi .news, #footNavi .profile, #footNavi .contact {
  margin-right: 24px;
}
#footNavi a {
  margin-top: 12px;
  padding: 0 1px 0 3px;
  border: solid 1px white;
  background-color: white;
  height: 22px;
  color: black;
  display: block;
}
#footNavi a:hover {
  border: solid 1px #a0a0a0;
}
#footNavi a:active {
  border: solid 1px black;
}
#footNavi .en {
  line-height: 1.4em;
}

#globalNavi {
  margin: 0;
  width: 450px;
  list-style: none;
  overflow: hidden;
}
#globalNavi li {
  float: left;
  padding: 0;
}
#globalNavi li.active {
  background: url("/common/images/bg_black.gif") repeat-x top left;
}
#globalNavi .collection, #globalNavi .metsa, #globalNavi .catalog, #globalNavi .letter {
  margin-right: 24px;
}
#globalNavi a {
  margin-top: 12px;
  padding: 0 1px 0 3px;
  border: solid 1px white;
  background-color: white;
  height: 22px;
  color: black;
  display: block;
}
#globalNavi a:hover {
  border: solid 1px #a0a0a0;
}
#globalNavi a:active {
  border: solid 1px black;
}
#globalNavi .catalog a {
  letter-spacing: .25em;
  color: black;
  font-size: 12px;
  line-height: 2em;
  padding: 1px 2px 0 3px;
}
#globalNavi .en {
  line-height: 1.4em;
}

.globalNaviEn .shop, .globalNaviEn .news, .globalNaviEn .profile {
  margin-right: 24px;
}

#storeInnerNavi {
  list-style: none;
  overflow: hidden;
  width: 770px;
  padding: 0;
  margin: 0;
}
#storeInnerNavi li {
  height: 22px;
  float: left;
  padding: 12px 0 0;
  margin-right: 0;
}
#storeInnerNavi li.active {
  background: url("/common/images/bg_black.gif") repeat-x top left;
}
#storeInnerNavi li .naviArea {
  padding: 0;
}
#storeInnerNavi li.arrow {
  padding: 12px 10px 0;
  padding: 12px 5px 0\9;
}
#storeInnerNavi div {
  margin-top: 0;
  background-color: transparent;
  padding: 0 1px 0 3px;
  border: transparent;
  height: 22px;
  color: black;
  display: inline;
}
#storeInnerNavi .iconArrow {
  width: 26px;
  height: 11px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat -65px -45px;
  position: relative;
  margin-top: 7px;
}

.sideNavi li,
.sidebar li {
  height: 22px;
  padding-top: 14px;
  float: left;
  clear: both;
}
.sideNavi li.active,
.sidebar li.active {
  background: url("/common/images/bg_black.gif") repeat-x top left;
}
.sideNavi a,
.sidebar a {
  margin-top: 12px;
  padding: 0 1px 0 3px;
  border: solid 1px white;
  background-color: white;
  height: 22px;
  color: black;
  display: inline;
}
.sideNavi a:hover,
.sidebar a:hover {
  border: solid 1px #a0a0a0;
}
.sideNavi a:active,
.sidebar a:active {
  border: solid 1px black;
}
.sideNavi .christmasGift a,
.sidebar .christmasGift a {
  color: red;
}
.sideNavi .en,
.sidebar .en {
  line-height: 1.4em;
}

.titleArea {
  line-height: 1.3em;
  padding-top: 12px;
  float: left;
  background: url("/common/images/bg_black.gif") repeat-x top left;
}

.activeLine {
  display: none;
}

#metsaStoreNavi a {
  letter-spacing: .25em;
  color: black;
  font-size: 12px;
  line-height: 2em;
  padding: 3px;
}

#guideNavi a {
  padding: 3px;
}

#catalogNavi .ja a {
  color: black;
  font-size: 12px;
  line-height: 2em;
  letter-spacing: 0.05em;
  padding: 3px 2px;
  font-size: 13px;
}
#catalogNavi .howto {
  height: 60px;
}

#profileNavi .book,
#guideNavi .system {
  margin-bottom: 80px;
}

#metsaNavi .todays {
  margin-top: 80px;
}

/* Home
------------------------------------------- */
#home .separate {
  width: 100%;
  overflow: hidden;
}
#home #contents, #home #contentsHome {
  padding: 0;
  width: 880px;
  float: none;
}
#home #contentsHome {
  margin: 0;
  padding-top: 90px;
  padding-bottom: 144px;
  width: 100%;
}
#home #mainContents {
  padding-bottom: 36px;
}
#home #mainContentsHome {
  width: 808px;
  overflow: hidden;
  padding-left: 42px;
  padding-top: 88px;
  padding-bottom: 96px;
}
#home #mainContentsHome h2 {
  margin-bottom: 24px;
  clear: both;
}
#home #mainContentsHome .topics {
  padding: 0 0 18px 0;
}
#home #mainContentsHome ul {
  list-style: none;
  margin-bottom: 24px;
  margin-left: 0;
  padding: 0;
  overflow: hidden;
}
#home #mainContentsHome li {
  margin-right: 12px;
  float: left;
  width: 126px;
  height: 84px;
}
#home #images {
  width: 1000px;
  height: 667px;
  position: relative;
}
#home .hightLine {
  border-left: solid 1px #b9b9b9;
  width: 1px;
  height: 667px;
  position: absolute;
  top: 0;
  left: 151px;
}
#home h2 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 16px;
  height: 36px;
  position: relative;
  font-weight: normal;
  letter-spacing: 0.15em;
  clear: both;
}
#home h2 .line {
  width: 30px;
  height: 2px;
  display: block;
  background: url("/common/images/sprite.gif") no-repeat 0px -149px;
  position: absolute;
  top: 0;
  left: 0;
}
#home h2 a {
  padding: 0 3px 0;
  line-height: 3.5em;
  font-weight: normal;
}
#home a.noneBorder img {
  border: none;
}
#home a.noneBorder:hover img, #home a.noneBorder:active img {
  border: none;
}
#home h1 .en, #home h2 .en, #home h3 .en {
  font-weight: normal;
}
#home h2 a {
  background-color: white;
  border: solid 1px white;
}
#home h2 a:link {
  text-decoration: none;
  color: black;
}
#home h2 a:visited {
  text-decoration: none;
  color: black;
}
#home h2 a:hover {
  text-decoration: none;
  color: black;
  border: solid 1px #a0a0a0;
}
#home h2 a:active {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}
#home a img {
  background-color: #f7f7f7;
  border: solid 1px #f7f7f7;
}
#home a:link img {
  text-decoration: none;
  color: black;
}
#home a:visited img {
  text-decoration: none;
  color: black;
}
#home a:hover img {
  text-decoration: none;
  color: black;
  border: solid 1px #a0a0a0;
}
#home a:active img {
  text-decoration: none;
  color: black;
  border: solid 1px black;
}

/* metsa store
------------------------------------------- */
#metsaStore .cartTable th, #metsaStore .cartTable td {
  border-top: 1px solid #b9b9b9;
  padding: 6px;
  text-align: center;
}
#metsaStore .cartTable td {
  padding: 18px 6px;
}
#metsaStore .cartTable .currency {
  text-align: right;
}
#metsaStore #customerAccount table {
  border-bottom: 1px solid #b9b9b9;
}
#metsaStore #customerAccount table th, #metsaStore #customerAccount table td {
  padding: 18px 6px;
}
#metsaStore #customerEdit th, #metsaStore #customerEdit td {
  padding: 18px 6px;
}
#metsaStore .cofirmTable th, #metsaStore .cofirmTable td {
  text-align: center;
}
#metsaStore .formTable th, #metsaStore .formTable td {
  padding: 18px 6px;
}
#metsaStore .pageNavi {
  margin-top: 48px;
  padding: 0;
  border: 0;
  width: auto;
  float: right;
}
#metsaStore .pageNavi li {
  padding: 0;
  margin: 0;
  float: left;
  padding-left: 60px;
}
#metsaStore .pageNavi a {
  margin: 0;
  padding: 1px 0;
  display: inline;
  background-color: white;
  border: solid 1px white;
  cursor: pointer;
  color: black;
  line-height: 1.4em;
}
#metsaStore .passwordReminderNotice a, #metsaStore .customerNavi a {
  margin: 0;
  padding: 1px 0;
  display: inline;
  background-color: white;
  border: solid 1px white;
  cursor: pointer;
  color: black;
  line-height: 1.4em;
}
#metsaStore input[type=submit], #metsaStore input[type=button] {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13.5px;
  margin: 0;
  padding: 1px 0;
  display: inline;
  background-color: white;
  border: solid 1px white;
  cursor: pointer;
  color: black;
  height: 19px;
  line-height: 1.3em;
}
#metsaStore input[type=submit] x:-moz-any-link, #metsaStore input[type=submit] x:default, #metsaStore input[type=button] x:-moz-any-link, #metsaStore input[type=button] x:default {
  padding: 0;
  height: 24px;
}
#metsaStore input[type=submit]:hover, #metsaStore input[type=button]:hover {
  border: solid 1px #a0a0a0;
}
#metsaStore input[type=submit]:active, #metsaStore input[type=button]:active {
  border: solid 1px black;
}
#metsaStore input[type=submit], #metsaStore x:-moz-any-link, #metsaStore x:default {
  height: 24px;
}
#metsaStore input[type=button], #metsaStore x:-moz-any-link, #metsaStore x:default {
  height: 24px;
}
#metsaStore .pageNavi a, #metsaStore x:-moz-any-link, #metsaStore x:default {
  padding: 4px 0;
  line-height: 1em;
}
#metsaStore .passwordReminderNotice a, #metsaStore x:-moz-any-link, #metsaStore x:default {
  padding: 4px 0;
  line-height: 1em;
}
#metsaStore .customerNavi a, #metsaStore x:-moz-any-link, #metsaStore x:default {
  padding: 4px 0;
  line-height: 1em;
}
#metsaStore .pageNavi a:hover, #metsaStore .passwordReminderNotice a:hover, #metsaStore .customerNavi a:hover {
  border: solid 1px #a0a0a0;
}
#metsaStore .pageNavi a:active, #metsaStore .passwordReminderNotice a:active, #metsaStore .customerNavi a:active {
  border: solid 1px black;
}
#metsaStore .emphasisBtn a, #metsaStore .emphasisBtn input[type=submit], #metsaStore .emphasisBtn input[type=button] {
  background-color: #fff000;
  border: 1px solid #fff000;
}
#metsaStore .emphasisBtn a:hover, #metsaStore .emphasisBtn input[type=submit]:hover, #metsaStore .emphasisBtn input[type=button]:hover {
  background-color: #fff000;
  border: 1px solid #a0a0a0;
}
#metsaStore .emphasisBtn a:active, #metsaStore .emphasisBtn input[type=submit]:active, #metsaStore .emphasisBtn input[type=button]:active {
  background-color: #fff000;
  border: 1px solid black;
}
#metsaStore .signIn h2 {
  font-weight: normal;
}
#metsaStore .signIn th, #metsaStore .signIn td {
  padding: 18px 0 0;
  vertical-align: middle;
}
#metsaStore .errorInput[type=text], #metsaStore .errorInput[type=password],
#metsaStore .errorInput input[type=email],
#metsaStore .errorInput #login_form_email,
#metsaStore .errorInput #login_form_password,
#metsaStore .errorInput #customerEmail {
  border-color: red;
}
#metsaStore .field_with_errors input, #metsaStore .field_with_errors input#customer_email {
  border-color: red;
}
#metsaStore .err input {
  border-color: red;
}
#metsaStore input[type=text], #metsaStore input[type=password], #metsaStore #login_form_email, #metsaStore #login_form_password {
  border: 1px solid #b9b9b9;
  background-color: white;
  padding: 3px;
  font-size: 13.5px;
  font-family: inherit;
}
#metsaStore #login_form_submit, #metsaStore #back_bottun {
  margin-right: 90px;
}
#metsaStore .signIn .bottomPadding {
  padding-bottom: 18px;
}
#metsaStore .form_table th, #metsaStore .formTable th {
  width: 192px;
}
#metsaStore .signIn .noneBorder {
  border-top: none;
}
#metsaStore #cart .signIn #login_form_email, #metsaStore #cart .signIn #login_form_password, #metsaStore #cart .signIn #customer_email {
  width: 270px;
  margin: 0;
}
#metsaStore #cart input[type=text], #metsaStore #cart input[type=tel], #metsaStore #cart input[type=password], #metsaStore #cart input#login_form_email {
  width: 240px;
}
#metsaStore #cart .name_input input, #metsaStore #cart #paymentAndShipping .nameInput input {
  width: 120px;
}
#metsaStore #cart #customer_zip1 {
  width: 36px;
}
#metsaStore #cart #customer_zip2, #metsaStore #cart #paymentAndShipping #shippingZip input {
  width: 60px;
}
#metsaStore #cart .noneTable {
  border-bottom: solid 1px #b9b9b9;
  margin-bottom: 0;
}
#metsaStore #cart .dateSection {
  margin-top: 48px;
}
#metsaStore #cart #loginErrorMessage, #metsaStore #cart #signInErrorMessage {
  padding: 0;
  margin: 0;
  display: block;
}
#metsaStore .passwordReminderNotice {
  display: inline;
}
#metsaStore #ExistingCustomerGate {
  padding-bottom: 42px;
}
#metsaStore .customer .form_table td {
  vertical-align: middle;
}
#metsaStore .leadCustomer {
  margin-top: -30px;
  padding-bottom: 36px;
}
#metsaStore .payment .borderBottom {
  margin-bottom: 48px;
  border-bottom: solid 1px #b9b9b9;
}
#metsaStore .payment #defaultShippingAddress {
  margin-bottom: 24px;
}
#metsaStore .payment .table_form td {
  vertical-align: middle;
}
#metsaStore #items_wrapping {
  margin-top: 4px;
  margin-right: 6px;
}
#metsaStore #order_note {
  width: 536px;
  height: 120px;
}
#metsaStore .confirm .pageNavi {
  margin-top: 48px;
  width: 500px;
}
#metsaStore .confirm .pageNavi li {
  padding: 0;
  margin: 0;
  float: right;
}
#metsaStore input.err {
  border-color: red;
}
#metsaStore .innerTable {
  margin: 0;
  padding: 0;
  width: inherit;
}
#metsaStore .innerTable td {
  width: inherit;
  border: none;
  padding: 0 30px 0 0;
}
#metsaStore .sidebar {
  font-size: .85em;
}
#metsaStore .sidebar div {
  text-align: center;
  width: 150px;
}
#metsaStore .sidebar div.step {
  border: 1px solid;
}
#metsaStore h2 {
  font-weight: bold;
  margin-bottom: 30px;
}
#metsaStore table {
  padding: 0;
  margin: 0;
  width: 100%;
}
#metsaStore td {
  border-top: 1px solid #b9b9b9;
  margin: 0;
  padding: 6px;
  vertical-align: top;
}
#metsaStore th {
  border-top: 1px solid #b9b9b9;
  margin: 0;
  padding: 6px;
  vertical-align: top;
  text-align: left;
}
#metsaStore .head .button_to div {
  float: right;
}
#metsaStore.admin #contents {
  padding: 0 33px 0 0;
  width: 775px;
}
#metsaStore.admin li.ordered a {
  font-weight: bold;
}
#metsaStore.admin .currency {
  text-align: right;
}
#metsaStore.admin .orderList {
  width: auto;
}
#metsaStore #creditCardBrands {
  margin: 0;
  padding-bottom: 0;
}
#metsaStore #creditCardBrands li {
  margin-top: 12px;
  list-style-type: none;
  line-height: 1.1em;
  width: 100%;
}
#metsaStore #creditCardBrands li img {
  display: block;
}
#metsaStore #creditCardBrands li input {
  margin-right: 6px;
  margin-top: 1px;
  float: left;
}
#metsaStore #creditCardBrands li label {
  display: block;
}
#metsaStore #creditCardBrands.last {
  padding-bottom: 9px;
}
#metsaStore #registeredCreditCards li {
  margin-left: 12px;
  list-style: none;
}
#metsaStore #err_creditCardBrands {
  display: block;
}

.adminPage h2 #series_item_id, .adminPage h2 #series_name_prefix, .adminPage h2 #series_name {
  width: 240px;
}

/* for application
------------------------------------------- */
.field_with_errors input, .field_with_errors select, .field_with_errors textarea {
  border: solid 1px red;
}
.field_with_errors label {
  font-weight: normal;
  color: black;
}

ul#sortableList {
  padding: 0;
  margin: 0;
}
ul#sortableList li {
  display: block;
  clear: both;
  padding: .7em 0 .7em 0;
  margin: 0;
  border-top: 1px solid #666666;
}
ul#sortableList li:hover, ul#sortableList li:hover a {
  background-color: #ccc;
  cursor: pointer;
}
ul#sortableList li.label:hover {
  background-color: none;
  cursor: default;
}
ul#sortableList li.hidden {
  color: #999;
}
ul#sortableList li a {
  float: left;
  display: block;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
ul#sortableList li a:link, ul#sortableList li a:hover {
  border: none;
  color: none;
}
ul#sortableList li a.itemId {
  width: 20%;
}
ul#sortableList li a.name {
  width: 25%;
}
ul#sortableList li a.count {
  width: 10%;
  text-align: right;
}
ul#sortableList li a.open {
  width: 10%;
  text-align: center;
}
ul#sortableList li a.pickup {
  width: 10%;
  text-align: center;
}
ul#sortableList li a.price {
  width: 20%;
  text-align: right;
}
ul#sortableList li a.publicLink {
  width: 5%;
  text-align: right;
}
ul#sortableList li a.orderId {
  width: 20%;
}
ul#sortableList li a.status {
  width: 20%;
}
ul#sortableList li a.payment {
  width: 10%;
}
ul#sortableList li a.total {
  width: 15%;
  text-align: right;
}
ul#sortableList li a.created {
  width: 20%;
  text-align: right;
}
ul#sortableList li a.shipping {
  width: 5%;
  height: 2em;
  text-align: right;
}
ul#sortableList div.handle {
  width: 13px;
  height: 20px;
  background: url("/rails/images/sort_handle.png") no-repeat 0 3px;
  padding-right: .5em;
  float: left;
}
ul#sortableList.orderList a.name {
  width: 10%;
}

/* inqury */
#inqury #contents {
  padding-right: 0;
  float: left;
  width: 770px;
}
#inqury .formTable {
  width: 100%;
}
#inqury .formTable th, #inqury .formTable td {
  border-top: 1px solid #b9b9b9;
  padding: 15px 0;
  text-align: left;
  vertical-align: top;
}
#inqury .formTable th {
  width: 144px;
}
#inqury .formTable td {
  width: 626px;
}
#inqury input[type=button], #inqury input[type=submit] {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  padding: 1px 0;
  display: inline;
  background-color: white;
  border: solid 1px white;
  cursor: pointer;
  color: black;
  line-height: 1.4em;
}
#inqury input[type=button]:hover, #inqury input[type=submit]:hover {
  border: solid 1px #a0a0a0;
}
#inqury input[type=button]:active, #inqury input[type=submit]:active {
  border: solid 1px black;
}
#inqury .emphasisBtn input[type=button], #inqury .emphasisBtn input[type=submit] {
  background-color: #fff000;
  border: 1px solid #fff000;
}
#inqury .emphasisBtn input[type=button]:hover, #inqury .emphasisBtn input[type=submit]:hover {
  background-color: #fff000;
  border: 1px solid #a0a0a0;
}
#inqury .emphasisBtn input[type=button]:active, #inqury .emphasisBtn input[type=submit]:active {
  background-color: #fff000;
  border: 1px solid black;
}
#inqury input {
  border: 1px solid #b9b9b9;
  background-color: white;
  padding: 3px;
  font-size: 13.5px;
  font-family: inherit;
}
#inqury input.err {
  border-color: red;
}
#inqury .historyBack {
  margin-right: 80px;
}

#inquiry_email,
#inquiry_name {
  width: 220px;
}

#inquiry_body {
  width: 440px;
  height: 420px;
}