@charset "UTF-8";
@import url("second_style.css"); /* 共通スタイルの読み込み */ 

/*==========================================================
 【Buzzclip】スタイルシート
 ----------------------------------------------------------
  common.css … 共通スタイル
  ***_style.css … 各ページのスタイル
 ----------------------------------------------------------
  このスタイルは特集ページのスタイルです。
==========================================================*/


/*==========================================================
　[3]右エリア
==========================================================*/
#right div.right_bg p { /* カテゴリー名表示 */
	margin:0;
	padding:15px 30px 10px 40px;
	text-align:right;
	}


/*==========================================================
　[4]中央エリア
==========================================================*/

#center div.center_bg div.coupon { /* クーポン枠 */
	clear:right;
	margin:20px 25px 0 25px;
	padding:10px;
	background-color:#f2e1ca;
	}
	
#center div.center_bg div.coupon h4 { /* クーポンタイトル */
	margin:0 0 5px 0;
	font-size:13px;
	padding:0;
	}
	
#center div.center_bg div.coupon img { /* クーポン画像 */
	margin:0 20px 0 0;
	float:left;
	}
	
#center div.center_bg div.coupon p { /* クーポン使用可能期間 */
	margin:5px 0 0 0;
	font-size:11px;
	color:#FF0000;
	text-align:right;
	}
	
/*特典アイコン*/
div.coupon span.tokuten {
	width:41px;
	height:17px;
	background:url(/skins/special/img/tokuten2.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
	margin:2px 3px 0 0;
}
	
/*情報アイコン*/
div.coupon span.jouhou {
	width:41px;
	height:17px;
	background:url(/skins/special/img/jouhou2.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
	margin:2px 3px 0 0;
}

/*アイコンの非表示*/
div.coupon span.none {
	display:none;
}
	
#center div.center_bg div.model_comment { /* モデルコメント枠 */
	clear:left;
	margin:20px 25px 0 25px;
	padding:0;
	width:344px;
	*width:350px; /* IE7・IE6標準準拠モードに適用 */
	border:3px solid #f2e1ca;
	}

#center div.center_bg div.model_comment_in {
	padding:10px;
	}
	
#center div.center_bg div.model_comment div.rightbox,
#center div.center_bg div.model_comment div.leftbox { /* モデルコメント枠 画像回り込み枠 */
	clear:both;
	}

#center div.center_bg div.model_comment div.rightbox img { /* 画像右よせ */
	float:right;
	margin:0 0 10px 10px;
	}
	
#center div.center_bg div.model_comment div.leftbox img { /* 画像左よせ */
	float:left;
	margin:0 10px 10px 0;
	}