@charset "utf-8"; /* 検索結果 ----------------------------------------------- */ p.conditionarea { clear: both; width: 566px; margin: 0 auto; padding: 5px; border: solid 1px #333; } /* ページ送り ----------------------------------------------- */ .pagenumberarea, .pagecondarea { clear: both; width: 560px; margin: 20px 0; padding: 10px; background-color: #C5DDAF; } ul.pagenumberarea { height: 2.5ex; overflow:hidden; } ul.pagecondarea { border: 1px solid #CCCCCC; } ul.pagenumberarea li { float: left; width: 32.9%; } ul.pagenumberarea li.left { text-align: left; white-space: nowrap; } ul.pagenumberarea li.center { text-align: center; white-space: pre; } ul.pagenumberarea li.right { text-align: right; white-space: nowrap; } .pagenumberarea .pagenumber{ color: #ff0000; font-weight: bold; } p.pagenumberarea .number{ font-weight: bold; } /* 商品一覧 ----------------------------------------------- */ div#products_container { border:1px solid #B6C8A6; } /* タイトル ----------------------------------------------- */ div#listtitle { width: 578px; margin: 0 0 10px 0; background:transparent url("../img/products/title.gif") repeat-x 0 0; border:1px solid #ACB097; } div#listtitle h2 { padding: 10px 0 10px 10px; font-size: 140%; } /* 商品 ----------------------------------------------- */ div.listarea { clear: both; width: 560px; padding: 10px; overflow:hidden; border:1px solid #b1b1b1; margin:0 0 10px 0; } div.listphoto { float: left; width: 142px; } div.listrightblock { float: right; width: 402px; } div.listrightblock li { display: inline; padding: 0 0 10px 0; } div.listarea h3 { margin: 5px 0; padding: 5px 10px; background-color: #B1E084; font-size: 120%; } div.listarea h3 a { font-size: 100%; font-weight: bold; color:#231F20; } div.listarea h3 a:hover { color:#BAADDE; text-decoration:none; } div.listrightblock .listcomment { margin: 0 0 10px 0; } div.listrightblock .soldout { clear: both; } /* 価格・詳細・カートに入れるボタン */ div.listrightblock .in_cart { margin:0; padding: 8px 2px 7px 8px; clear: both; background:transparent url('../img/products/bg_button.gif') no-repeat 0 0; overflow:hidden; width:392px; } div.listrightblock .in_price { float:left; line-height:28px; } div.listrightblock .buttons { float:right; width:230px; } div.listrightblock .buttons a { width:112px; height:28px; display:block; float:left; margin-right:3px; } /* ここまで */ div.listrightblock .quantity { width: 150px; } div.listrightblock .detailbtn { width:112px; } div.listrightblock .cartbtn { width:112px; margin:0 0 0 5px; float:right; } div.listrightblock .cartbtn img { display: block; width: 115px; } div.listrightblock .box54 { width: 54px; border: solid 1px #ccc; } /* 商品詳細 */ /* 一括にきめること ----------------------------------------------- */ .detailblock { width:560px; margin:0 auto; } /* タイトル ----------------------------------------------- */ div#detailtitle { width: 578px; margin: 0 0 10px 0; background:transparent url("../img/products/title.gif") no-repeat 0 0; border:1px solid #ACB097; } div#detailtitle h2 { padding: 10px 0 10px 10px; font-size: 140%; } /* 商品 ----------------------------------------------- */ div#detailarea { margin-top: 15px; } div#detailarea h2 { background:#93CA5D; color:#231F20; font-size:140%; padding:4px 10px; margin:0 0 5px 0; } div#detailphotoblock { float: left; width: 280px; margin-bottom:15px; } div#detailphotoblock p { margin: 5px 0 0 0; } div#detailrightblock { float: right; width: 270px; margin-bottom:15px; } div#detailrightblock li { display: inline; } div#detailrightblock h2 { margin: 5px 0; padding: 0; color: #ff6600; font-size: 140%; font-weight: bold; } p.detailsection { border-top:1px solid #93CA5D; padding:7px 0; } div#products_info_wrap{ clear: both; width: 580px; padding: 0 0 10px 0; } div#products_info{ width: 280px; float: left; } dl#detailstatus { padding: 10px 0 0 0; line-height:20px; overflow:hidden; } dl#detailstatus dt { font-weight: bold; padding: 2px; background:#A4BD8B; float:left; width:80px; border:1px solid #A4BD8B; margin:0 0 2px 0; } dl#detailstatus dd { width:auto; padding:2px; margin: 0 15px 2px 88px; border:1px solid #A4BD8B; } dl#detailstatus dd#moviepreview { border:1px solid #b1b1b1; padding:5px; text-align:center; margin:0 15px 2px 0px; } div#detailrightblock .box54 { width: 54px; border: solid 1px #ccc; } div#products_info_wrap .btn { float: left; width: 254px; margin: 10px 0 0 10px; text-align: center; padding: 8px 0 7px 3px; background:transparent url('../img/products/bg_detailbutton.gif') no-repeat 0 0; overflow:hidden; text-align:right; } div#products_info_wrap .btn li{ float: left; width: 125px; } div#products_info_wrap .btn li.text{ padding: 5px 0 0 0; } /* 関連カテゴリ */ dl#categorylist { width: 256px; margin:10px 0 0 10px; float: left; } dl#categorylist dt{ float:left; padding: 0 5px 0 0; } dl#categorylist dd { padding:0 10px 0 0; white-space: nowrap; float: left; } /* サンプルムービー+DVD購入誘導 ----------------------------------------------- */ ull#samplemovie { overflow:hidden; } ul#samplemovie li { width:127px; height:30px; display:block; float:left; } ul#samplemovie li.moviebutton { margin:0 3px 0 0; } /* サンプル ----------------------------------------------- */ div#samplearea { clear: both; } div.samplesection { padding:7px 0; text-align:center; border-top: 1px solid #A4BD8B; } div.samplesection ul { width:465px; overflow:hidden; margin:0 auto; } div.samplesection ul li { float:left; margin:0 5px 0 0; text-align:center; } /* サブタイトル ----------------------------------------------- */ div.subarea { clear: both; width: 580px; padding: 30px 0 0 0; } div.subarea h3 { width: 560px; font-size: 120%; margin: 0 0 10px 0; padding: 5px 10px; background-color: #e4e4e4; } div.subtext { float: left; width: 365px; } div.subphotoimg { float: right; width: 202px; } div.subphotoimg p { margin: 5px 0 0 0; text-align:right; } /* お客様の声 ----------------------------------------------- */ div#customervoicearea { clear: both; } div#customervoicearea h2 { } div.voicesection { border-top:1px solid #93CA5D; padding:7px 10px; } div#customervoicearea .voicedate{ font-weight: bold; margin: 10px 0 0 0; } div#customervoicearea .voicetitle{ padding: 5px 0; font-size: 120%; font-weight: bold; } div#customervoicearea li { padding: 0 0 10px 0; background: url("../img/common/line_580.gif") no-repeat bottom; } /* トラックバック ----------------------------------------------- */ div#trackbackarea { clear: both; width: 580px; padding: 35px 0 0 0; } div#trackbackarea h2 { padding: 0 0 10px 0; } div#trackbackarea h3 { font-size: 100%; font-weight: bold; padding: 0 0 10px 0; } div#trackbackarea .box500 { width: 500px; border: solid 1px #ccc; } /* この商品を買った人はこんな商品も買っています ----------------------------------------------- */ div#whoboughtarea { clear: both; padding: 4px 0; background:#E8EBD3; } div#whoboughtarea h2 { padding:0 5px; } div.whoboughtblock { border-top:1px solid #dadada; padding: 10px 0; overflow: auto; } div.whoboughtone { clear:both; border-top:1px solid #aaa; padding: 10px 0; margin:0 10px; overflow: auto; } div.whoboughtone img { display:block; float:left; margin:0 5px 0 0; } p.whoboughtprice { text-align:right; } /* 使用しない div.whoboughtleft { float: left; width: 280px; padding: 10px 0; position: relative; background: url("../img/common/line_578.gif") no-repeat bottom; } div.whoboughtleft img { display: block; float: left; margin: 0 5px 0 0; } div.whoboughtleft p { margin: 0 0 5px 0; } div.whoboughtright { float: right; width: 280px; padding: 10px 0; position: relative; background: url("../img/common/line_578.gif") no-repeat bottom; } div.whoboughtright img { display: block; float: left; margin: 0 5px 0 0; } div.whoboughtright p { margin: 0 0 5px 0; } div.whoboughtleft h3 { font-size: 100%; } div.whoboughtright h3 { font-size: 100%; } 使用しないここまで */