@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/parts_common.css");
@media tty {
i{content:"\";/*" "*/}} @import 'special_ie55.css'; /*";}
}/* */

/* --------------------------------
	special.css
--------------------------------
special.cssは特集ページで使用しているCSSファイルです。

** imported list
（なし）

** index
01:カスタマイズ
02:.item-level-XX	商品特集
03:#OtherSpecial	他の特集も見る
-------------------------------- */

/* --------------------------------
■01.カスタマイズ
--------------------------------
共有読み込み用CSSの記述の上書きしています。
-------------------------------- */
/* 大枠 */
#Article {
	width:100%;
}
#Main {
	width:690px;
}

/* MainColumnHeader */
#MainColumnHeader .lead {
	margin:15px 18px;
}

/* section */
#Main .section {
	padding:0 10px;
}
#Main .section-lead {
	margin:8px 15px;
}

/* items */
#Main .items .item .guide {
	font-size:100%;
}

/* Ranking */
#Ranking {
	padding:10px;
	background:#f1f1e2;
	font-weight:bold;
}
#Ranking a {
	padding-left:15px;
	background:url("/common/img/icon/arrow_circle_bb4ca0.gif") no-repeat 0 2px;
}

/* pr */
#Sub .pr {
	font-size:100%;
}
#Sub .pr dd,
#Sub .pr p {
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
/* 09/11/16削除 */
/*#Sub .pr .title,
#OtherSite .title {
	padding:5px 10px!important;
	border-bottom:2px solid #d81a1a!important;
	background:transparent!important;
	color:#000000!important;
}*/
#Sub .pr .more {
	font-size:100%;
	*font-size:110%;	/* IE7 */
}

/* return-to */
.return-to {
	padding-right:0;
}



/* --------------------------------
■02.item-level-XX(商品特集)
--------------------------------
商品を特集するブロックです。
取り扱う大きさごとに、level-01～04まで4段階で分けています。
[div#Main div.item-level-01～04] - 商品特集
[div#Main div.item-level-XX h2.main-headline-02 span] - 見出し
[div#Main div.item-level-XX p.section-lead] - リード文
[div#Main div.item-level-XX * div.item p.name a img.photo] - 商品写真
[div#Main div.item-level-XX * div.item p.guide] - 商品説明
[div#Main div.item-level-XX * div.item p.price span] - 価格
[div#Main div.item-level-XX * div.item p.button a img] - ご購入はこちら
[div#Main div.item-level-01 div.free-html-area] - HTMLフリーゾーン
[div#Main div.item-level-01 dl.item-comment] - 購入者コメント欄
[div#Main div.item-level-01 dl.item-comment dt.title] - 見出し
[div#Main div.item-level-01 dl.item-comment dd.body dl.user/bayer] - 購入者/スタッフのコメント
[div#Main div.item-level-01 dl.item-comment dd.body dl.* dt] - 見出し
[div#Main div.item-level-01 dl.item-comment dd.body dl.* dd] - コメント内容
[div#Main div.item-level-01 div.item] - 商品情報
-------------------------------- */
#Main .items {
	overflow:hidden;
	padding:0 0 11px;
	_zoom:1;	/* IE6 */
}
#Main .item {
	position:relative;
}
#Main .name,
#Main .price {
	font-weight:bold;
	text-align:center;
}
#Main .name .photo {
	display:block;
	margin:0 auto 5px;
}
#Main .guide {
	margin:5px 0 10px;
}
#Main .price {
	color:#db1a1a;
	font-size:100%;
	font-weight:normal;
}
#Main .price span {
	font-family:Arial,Verdana,sans-serif;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;
}
#Main .button {
	margin:5px 0 0;
	text-align:center;
}

/* item-level-04 */
#Main .free-html-area {
	margin:8px 0 15px;
}

#Main .item-comment {
	margin:15px 0 20px;
	background:url("/img_special/bg_item-comment_dl.gif") repeat-y center top;
}
#Main .item-comment .title {
	padding:10px 10px 0;
	background:url("/img_special/bg_item-comment_dt.gif") no-repeat center top;
	*zoom:1;	/* IE7 */
}
#Main .item-comment .title span {
	display:block;
	padding:0 2px 2px;
	border-bottom:1px solid #d5d1c6;
}
#Main .item-comment .body {
	overflow:hidden;
	padding:8px 10px 10px;
	background:url("/img_special/bg_item-comment_dd.gif") no-repeat center bottom;
	_zoom:1;	/* IE6 */
}
#Main .item-comment .body dl {
	float:left;
	width:305px;
	padding:5px 10px;
}
#Main .item-comment .body dl.bayer {
	background:#f7e6e6;
}
#Main .item-comment .body dl.bayer dt {
	color:#b73434;
}
#Main .item-comment .body dl dd {
	margin:10px 2px 0;
	color:#4f4f4f;
}
#Main .item-level-04 .item {
	_zoom:1;	/* IE6 */
}
#Main .item-level-04 .item .name {
	font-size:117%;
}

/* item-level-03 */
#Main .item-level-03 .items {
	background:url("/img_special/bg_item-level-03.gif") no-repeat center bottom;
}
#Main .item-level-03 .item {
	float:left;
	width:306px;
	padding-top:11px;
	padding-right:12px;
	padding-left:12px;
	background:url("/img_special/bg_item-level-03_item.gif") no-repeat center top;
}
#Main .item-level-03 div.even {
	float:right;
}

/* item-level-02 */
#Main .item-level-02 .items {
	background:url("/img_special/bg_item-level-02.gif") no-repeat center bottom;
}
#Main .item-level-02 .item {
	float:left;
	width:194px;
	margin-right:8px;
	padding-top:11px;
	padding-right:12px;
	padding-left:12px;
	background:url("/img_special/bg_item-level-02_item.gif") no-repeat center top;
}
#Main .item-level-02 div.end {
	margin-right:0;
}

/* item-level-01 */
#Main .item-level-01 .items {
	background:url("/img_special/bg_item-level-01.gif") no-repeat center bottom;
}
#Main .item-level-01 .item {
	float:left;
	width:137px;
	margin-right:10px;
	padding-top:11px;
	padding-right:11px;
	padding-left:12px;
	background:url("/img_special/bg_item-level-01_item.gif") no-repeat center top;
}
#Main .item-level-01 div.end {
	margin-right:0;
}



/* --------------------------------
■03.OtherSpecial(他の特集も見る)
--------------------------------
他の特集への遷移ブロックです。
[div#OtherSpecial] - 他の特集も見る
[div#OtherSpecial h2.main-headline-01 span] - 見出し
[div#OtherSpecial p.section-lead] - リード文
[div#OtherSpecial dl] - 各特集
[div#OtherSpecial dt a img] - 特集バナー
[div#OtherSpecial p.more a img] - 過去の特集一覧へ
-------------------------------- */
#OtherSpecial dl {
	clear:both;
	overflow:hidden;
	margin:0 0 10px;
	_zoom:1;	/* IE6 */
}
#OtherSpecial dd {
	margin:0 0 0 235px;
}
#OtherSpecial dt strong {
	color:#e57202;
}
#OtherSpecial dt img {
	float:left;
	margin-right:15px;
}
#OtherSpecial .more {
	padding:10px 0 0;
	background:url("/common/img/line/line_side_dotted_89100f.gif") repeat-x left top;
	text-align:center;
}