@charset "UTF-8";
/* CSS Document */



/* 商品ページ */
#itempage{width:900px; margin:0 auto; padding:0; background:#fff;}

#item-name{width:900px; border-bottom:1px solid #EEE; padding:5px 0 2px 0; position:relative;}
#item-name h2{ font-size:16px; font-weight: normal; margin:0; padding:0; line-height:20px;}
#item-name h2 span{ font-size:11px; margin:0 0 0 20px;}
#item-name #bland-name{ position:absolute; right:0; bottom:4px; font-size:13px;}

.item-image{padding:20px 0 0 0;}

#item-title-area{ margin:0; padding:25px 0; text-align:center;border-bottom:1px solid #EEE;}




#item-title-area h3{font-size:25px; line-height:30px; margin:0; padding:15px 0;background:url(https://www.rakuten.ne.jp/gold/kozlife/images/item/line_2.gif) no-repeat bottom center;}
#item-title-area p{font-size:11px; line-height:18px; margin:0; padding:15px 0 0 0;}

#item-title-area #item-title-name { height:15px; margin: 0 auto; vertical-align: middle;}
#item-title-area #item-title-name p { letter-spacing:1px;font-size:11px; font-weight:bold; height:15px; line-height:15px; padding:0 10px; margin:0; !important}


.blog-link{ margin:20px 0 0 0;}
.blog-link ul{ line-height:20px; padding:0; margin:5px 0 0 0;}
.blog-link ul li{ background:url(https://www.rakuten.ne.jp/gold/kozlife/images/common/blank.png) no-repeat left 5px; list-style:none; padding:0 0 0 23px;}
.blog-link a{ font-size:11px; color:#0000ff; text-decoration:underline;}
.blog-link a:hover{ text-decoration: none;}



.tip {color: #fff;background:#1d1d1d;display:none; padding:3px; position:absolute; z-index:1000;}


#preview{position:absolute;display:none;color:#fff;}




/* レイアウト　A */
.layout-A{ overflow:hidden; position:relative; zoom:1; width:860px; margin:20px auto 0 auto;}
.layout-A p{ width:415px; font-size:12px; line-height:23px;}

/* レイアウト　B */
.layout-B{ overflow:hidden; position:relative; zoom:1; width:840px; margin: 0 auto; padding:60px 0 20px 0;}
.layout-B h3{ font-size:20px; font-weight:normal; line-height:30px; margin:0; padding:0 0 30px 0;}
.layout-B p{ font-size:12px; line-height:23px; margin:15px 0 0 0; padding:0;}
.layout-B-left{ width:399px; float:left;}
.layout-B-right{ width:399px; float:right;}
.layout-B h4{ font-size:16px; font-weight:normal; line-height:20px;margin:15px 0 0 0; padding:0 0 0 0;}
.layout-B h4.yoko{margin:0;}


/* レイアウト　C */
.layout-C{ overflow:hidden; position:relative; zoom:1; width:870px; margin: 0 0 0 30px; padding:60px 0 20px 0;}
.layout-C h3{ font-size:20px; font-weight:normal; line-height:30px; margin:0; padding:0 0 30px 0;}
.layout-C p{ font-size:12px; line-height:23px; margin:15px 0 0 0; padding:0;}
.layout-C-left{ width:400px; float:left;}
.layout-C-right{ width:400px; float:right;}
.layout-C h4{ font-size:16px; font-weight:normal; line-height:20px; margin:15px 0 0 0; padding:0 0 0 0;}



.layout-B-2col{ overflow:hidden; position:relative; zoom:1; padding:10px 0 0 0;}
.layout-B-2col p{ font-size:10px; line-height:16px; margin:0;}
.layout-B-2col-left{ float:left; width:195px;}
.layout-B-2col-right{ float:right; width:195px;}

.layout-B-2col-thumb{ overflow:hidden; position:relative; zoom:1; padding:10px 0 0 0;}
.layout-B-2col-thumb h4{ font-size:13px; font-weight:normal; line-height:16px; margin:0; padding:0 0 15px 0;}
.layout-B-2col-thumb p{ font-size:9px; line-height:16px; margin:0;}
.layout-B-2col-thumb-left{ float:left; width:110px;}
.layout-B-2col-thumb-right{ float:right; width:280px;}

#slide-area {
    margin: 40px 0 0 0;
}

.icon-miwako{background:url(../images/common/icon-staff/icon-miwako.jpg) no-repeat top left; padding:12px 0 0 53px; margin:40px 0 0 0; min-height:73px;}
.icon-koshiba{background:url(../images/common/icon-staff/icon-koshiba.jpg) no-repeat top left; padding:12px 0 0 53px; margin:40px 0 0 0; min-height:73px;}
.icon-kaneda{background:url(../images/common/icon-staff/icon-kaneda.jpg) no-repeat top left; padding:12px 0 0 53px; margin:40px 0 0 0; min-height:73px;}
.icon-akane{background:url(../images/common/icon-staff/icon-akane.jpg) no-repeat top left; padding:12px 0 0 53px; margin:40px 0 0 0; min-height:73px;}
p.staff-comment{ font-size:11px; line-height:20px; }




/* シリーズ */
#series { width:450px;overflow:hidden; position:relative; zoom:1; margin:30px 0 0 0;}
#series h4{ font-size:13px; font-weight:bold; line-height:22px;}
#series a{border:1px solid #999; float:left; margin:3px 3px 0 0; width:70px; height:70px; overflow:hidden;}
#series img{ max-height:70px;}
#series a:hover{border:1px solid #000;}

#series-large { width:450px;overflow:hidden; position:relative; zoom:1; margin:30px 0 0 0;}
#series-large h4{ font-size:13px; font-weight:bold; line-height:22px;}
#series-large a{border:1px solid #999; float:left; margin:3px 3px 0 0; width:448px; overflow:hidden;}
#series-large a:hover{border:1px solid #000;}


/* バナー */
#banner-area { margin:20px 0 0 450px; width:450px;}
#banner-area h4{ font-size:13px; font-weight:bold; line-height:22px;}
#banner-area a{ margin-top:2px; }
#banner-area img:hover { opacity: 0.5 ;}


/* スペック */
#spec-area,.spec-area{ overflow:hidden; position:relative; zoom:1; width:900px; margin:40px 0 0 0;}
#spec-area h4,.spec-area h4{ font-size:13px; font-weight:bold; line-height:22px; padding:5px 0;}
#spec-area-left,.spec-area-left{ float:left; width:450px;}
#spec-area-left img,.spec-area-left img{ margin: 0 auto;}

#spec-area-right,.spec-area-right{ float:right; width:450px;}
#spec-area-right p,.spec-area-right p{font-size:11px; line-height:20px; padding:5px 0;}
table#spec,table.spec{ width:450px; border-top:1px solid #ccc;font-size:11px; line-height:20px; border-collapse: collapse; border-spacing: 0;}
table#spec td,table.spec td{ border-bottom:1px solid #ccc; padding:5px 0;}

#spec-area .notice,.spec-area .notice{font-size:11px; line-height:22px; margin:10px 0 0 0; padding:15px; border:1px solid #c8c859; background:#fffffa;}
.notice ul li{list-style-type: disc; margin:0 0 0 15px;}


/* スペックに入れる用サムネイル */
.thmb { overflow:hidden; position:relative; zoom:1; margin:30px 0 0 0;}
.thmb a{border:1px solid #999; float:left; margin:3px 3px 0 0; width:70px; height:70px; overflow:hidden;}
.thmb img{ max-height:74px; min-width:74px;}
.thmb a:hover{border:1px solid #000;}