@charset "Shift_JIS";
/*2009.09.16更新
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ hot dinos汎用CSSの読み込み*/
@import url("hot_common.css");
@import url("hot_head.css");
@import url("menu2.css");


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ top Default */

p {	
	color:#504943;
	line-height:160%;
}
.hdn {
	position: relative;
	visibility: hidden;
}
a img {border:none;}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 共通Hot dinos contents Wrap*/

#hotmain_Wrap {
	width: 940px;
	height: auto;
	margin:0px auto;
	text-align:left;
}
#hotcont_Wrap {
	width: 936px;
}
#hotcont {
	width: 730px;
	float: left;
	text-align:left;
}
#hotmenu {
	width: 182px;
	float: right;
	text-align:left;
}

#pankuzu_hot {
	width:930px;
	font-size:100%;
	margin:10px auto 4px;
	text-align:left;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ オトク大枠 */
#otk_Wrap {
	width: 725px;
	margin:0px auto;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ キャッチ（name:otkca〜）*/
/* ------------------------------------------------ Layout */
#otkca_Wrap01 {
	width: 723px;
	margin:0px auto 20px;
	border:1px solid #DAC59E;
	background:url(../otoku/images/bg1.jpg) no-repeat left top;
	min-height:98px;
	_height: 98px;		/* IEのみに適用される(undesr score hack) */
}
#otkca_box01 {
	width: 290px;
	margin-left:20px;
}

/* ------------------------------------------------ 段落p */
.otkca_p01 {
	line-height:150%;
	padding:0px 15px 10px 430px;
	color:#333333;
}
.otkca_p02 {
	border:1px solid #DBC7A2;
}
.otkca_p03 {
	color:#FF0000;
	font-weight: bold;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ コンテンツ（name:otkcon〜）*/
/* ================================================================= Layout */
/* ------------------------------------------------ Wrapper */
.otkcon_Wrap01 {	/*オススメ外枠*/
	width: 721px;
	margin:0px 0px 20px;
	padding-bottom:12px;
	border-right:2px solid #F86959;
	border-bottom:2px solid #F86959;
	border-left:2px solid #F86959;
}
.otkcon_Wrap02 {	/*オススメ中枠*/
	margin:0px auto;
	width: 682px;
	padding-top:12px;
}

.otkcon_Wrap03 {	/*メインカテゴリ一覧枠*/
	width: 725px;
	margin-bottom:10px;
}
.otkcon_Wrap04 {	/*dinosのおトクフッタ枠*/
	width: 707px;
	margin:0px auto 20px;
	background:url(../otoku/images/otk_bk2.gif) no-repeat left bottom;
	padding-bottom:14px;
}
.otkcon_Wrap05 {	/*dinosのおトク外枠*/
	width: 707px;
	background:url(../otoku/images/otk_bk1.gif) repeat-y left top;
}

/* ------------------------------------------------ Box */
.otkcon_box01Lf {	/*オススメ左Box*/
	width: 302px;
	float:left;
	min-height:250px;
	_height: 250px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box01Rf {	/*オススメ右Box*/
	width: 360px;
	float:right;
}

.otkcon_box01 {	/*オススメ個別Box*/
	width: 358px;
}



.otkcon_box02 {	/*メインカテゴリ一覧左Box*/
	width: 350px;
	float:left;
	padding-bottom:5px;
}
.otkcon_box02a {	/*暮らすBox枠*/
	width: 348px;
	border-left:1px solid #D1B1E7;
	border-bottom:1px solid #D1B1E7;
	border-right:1px solid #D1B1E7;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:410px;
	_height: 410px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box02b {	/*エンタメBox枠*/
	width: 348px;
	border-left:1px solid #F3D157;
	border-bottom:1px solid #F3D157;
	border-right:1px solid #F3D157;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:210px;
	_height: 210px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box02c {	/*ヘルシービューティBox枠*/
	width: 348px;
	border-left:1px solid #EBB1B5;
	border-bottom:1px solid #EBB1B5;
	border-right:1px solid #EBB1B5;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:210px;
	_height: 210px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box03 {	/*メインカテゴリ一覧右Box*/
	width: 350px;
	float:right;
	padding-bottom:5px;
}
.otkcon_box03a {	/*備えるBox枠*/
	width: 348px;
	border-left:1px solid #98C4E3;
	border-bottom:1px solid #98C4E3;
	border-right:1px solid #98C4E3;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:410px;
	_height: 410px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box03b {	/*学ぶBox枠*/
	width: 348px;
	border-left:1px solid #B5D78F;
	border-bottom:1px solid #B5D78F;
	border-right:1px solid #B5D78F;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:410px;
	_height: 410px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box03c {	/*グルメBox枠*/
	width: 348px;
	border-left:1px solid #F6B67D;
	border-bottom:1px solid #F6B67D;
	border-right:1px solid #F6B67D;
	background-color:#FFFFFF;
	padding-top:10px;
	min-height:220px;
	_height: 220px;		/* IEのみに適用される(undesr score hack) */
}
.otkcon_box04 {	/*dinosのおトク個別Box*/
	width: 208px;
	float:left;
	padding-left:20px;
} 

.otkcon_box05 {	/*dinosのおトク個別Box枠*/
	width: 707px;
}



/* ------------------------------------------------ inBox */
.otkcon_inboxWrap01 {	/*メインカテゴリ一覧共通inBox*/
	width: 336px;
	margin:0px 6px;
}
.otkcon_inbox01 {	/*メインカテゴリ一覧共通inBox*/
	width: 120px;
	float:left;
	padding-left:6px;
	padding-top:8px;
	padding-bottom:10px;
}
.otkcon_inbox02 {	/*メインカテゴリ一覧共通inBox*/
	width: 190px;
	float:left;
	padding-left:10px;
}
.otkcon_inbox03 {	/*メインカテゴリ一覧共通inBox*/
	width: 162px;
	float:left;
	padding-bottom:10px;
}
.otkcon_inbox04 {	/*メインカテゴリ一覧共通inBox*/
	width: 162px;
	float:right;
	padding-bottom:10px;
}


/* ------------------------------------------------ 段落p */
.otkcon_p01 {
	font-size:90%;
	text-align:left;
	line-height:100%;
	padding-top:5px;
}
.otkcon_p02 {
	line-height:150%;
}
.otkcon_p03 {
	font-size:80%;
	line-height:100%;
}
.otkcon_inbox02 p {	/*メインカテゴリ一覧共通テキスト（画像あり）*/
	line-height:140%;
	padding-top:6px;
}
.otkcon_inbox03 p,.otkcon_inbox04 p {	/*メインカテゴリ一覧共通テキスト（画像なし）*/
	line-height:140%;
	padding-left:6px;
	padding-top:5px;
	padding-right:4px;
}
.otkcon_box04 p {
	line-height:150%;
}


/* ------------------------------------------------ Title */
.otkcon_h401a {	/*暮らすロング*/
	width:320px;
	background-color:#F6EFFA;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h401b {	/*暮らすショート*/
	background-color:#F6EFFA;
	padding:4px 6px 3px;
	font-size:110%;
}
.otkcon_h402a {	/*備えるロング*/
	width:320px;
	background-color:#EEF5FA;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h402b {	/*備えるショート*/
	background-color:#EEF5FA;
	padding:4px 6px 3px;
	font-size:110%;
}
.otkcon_h403a {	/*エンタメロング*/
	width:320px;
	background-color:#FDF9E9;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h403b {	/*エンタメショート*/
	background-color:#FDF9E9;
	padding:4px 6px 3px;
	font-size:110%;
}
.otkcon_h404a {	/*学ぶロング*/
	width:320px;
	background-color:#F4F9EE;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h404b {	/*学ぶショート*/
	background-color:#F4F9EE;
	padding:4px 6px 3px;
	font-size:110%;
}
.otkcon_h405a {	/*ヘルシービューティロング*/
	width:320px;
	background-color:#FBF0F1;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h405b {	/*ヘルシービューティショート*/
	background-color:#FBF0F1;
	padding:4px 6px 3px;
	font-size:110%;
}
.otkcon_h406a {	/*グルメロング*/
	width:320px;
	background-color:#FEF3E9;
	padding:4px 8px 3px;
	font-size:110%;
	margin-left:6px;	
}
.otkcon_h406b {	/*グルメショート*/
	background-color:#FEF3E9;
	padding:4px 6px 3px;
	font-size:110%;
}

/* ------------------------------------------------ Image */
.otkcon_box02 h4 img,.otkcon_box03 h4 img {
	vertical-align:top;
}
.otkcon_p01 img {
	padding-bottom:3px;
}
.otkcon_p02 img {
	vertical-align:top;
}
.otkcon_box04 img {
	float:left;
	padding-right:10px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ おトクLink */
#otk_Wrap a, #otk_Wrap a:link, #otk_Wrap a:visited, #otk_Wrap a:active {
	color:#B76324;
}
#otkcon_Wrap01 a:hover {
	color:#B76324;
}