/* CSS Document */

.hidden{
	display:none;
}

.float-l{
	float:left;
}

.float-r{
	float:right;
}

.mt5{
	margin-top:5px;
}

.mb3{
	margin-bottom:3px;
}

.mb5{
	margin-bottom:5px;
}

.mb7{
	margin-bottom:7px;
}

.mr5{
	margin-right:5px;
}


.frb14{
	font-size:14px;
	font-weight:bold;
	color:#974E62;
}

.fr10{
	font-size:10px;
	color:#974E62;
}


.fgray10{
	font-size:10px;
	color:#666666;
}

.fgray12{
	font-size:12px;
	color:#666666;
}


.fgray14b{
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

#top_renew_wrap{
	width:790px;
	margin:0px auto 0px auto;
}

#top_renew_l{
	width:182px;
	float:left;
}

#top_renew_c{
	width:397px;
	float:left;
	margin:0px 0px 0px 14px;
}

#top_renew_r{
	width:182px;
	float:left;
	margin:0px 0px 0px 14px;
}


#renew_course_area{
	width:182px;
	margin:0px 0px 15px 0px;
}

.renew_left_bg{
	width:182px;
	background:url(../img_renew/bg_menu.gif) repeat-y;
	padding:0px;
	margin:0px;
}

.renew_left_bottom{
	width:182px;
	background:url(../img_renew/menu_bottom.gif) no-repeat;
	padding:0px;
	margin:0px;
	height:3px;
}



.course-navi-base{
	display:block;
	width:182px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;
}

.course-navi-base ul{
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;
}

.course-navi-base li{
	height:35px;
	margin-left:auto;
	margin-right:auto;
	list-style-type: none;
}

.course-navi-base li a{
	display:block;
	height:35px;
	margin:0px auto 0px auto;
}




#course-navi1 a{
	background:url(../img_renew/course_btn01.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi1 a:hover{
	background:url(../img_renew/course_btn01.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi2 a{
	background:url(../img_renew/course_btn02.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi2 a:hover{
	background:url(../img_renew/course_btn02.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi3 a{
	background:url(../img_renew/course_btn03.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi3 a:hover{
	background:url(../img_renew/course_btn03.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi4 a{
	background:url(../img_renew/course_btn04.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi4 a:hover{
	background:url(../img_renew/course_btn04.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi5 a{
	background:url(../img_renew/course_btn05.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi5 a:hover{
	background:url(../img_renew/course_btn05.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi6 a{
	background:url(../img_renew/course_btn06.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi6 a:hover{
	background:url(../img_renew/course_btn06.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi7 a{
	background:url(../img_renew/course_btn07.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi7 a:hover{
	background:url(../img_renew/course_btn07.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi8 a{
	background:url(../img_renew/course_btn08.gif) no-repeat 0px 0px;
	width:176px;
	margin-top:3px;
}
#course-navi8 a:hover{
	background:url(../img_renew/course_btn08.gif) no-repeat -176px 0px;
	width:176px;
	margin-top:3px;
}

#course-navi9 a{
	background:url(../img_renew/course_btn09.gif) no-repeat 0px 0px;
	width:176px;
/*	margin-top:3px;*/
}
#course-navi9 a:hover{
	background:url(../img_renew/course_btn09.gif) no-repeat -176px 0px;
	width:176px;
/*	margin-top:3px;*/
}

/*ジャンルで探す*/

.genre_area{
	width:174px;
	background-color:#F9B460;
	margin:0px auto 0px auto;
}

.genre_area h4{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding-left:5px;
	padding-top:5px;
}

.genre-txt{
	width:170px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

.genre-txt ul {  margin-right: auto; margin-left: auto; width: 170px; padding:0px; }

.genre-txt li a{
	margin: 0px;
	background:url(../img_renew/arrow_orange.gif) no-repeat 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
	line-height:200%;
	text-decoration:underline;
	font-size:12px;
	color:#666666;
}

.genre-txt li a:hover{
	margin: 0px;
	background:url(../img_renew/arrow_orange.gif) no-repeat 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
	line-height:200%;
	text-decoration:none;
	font-size:12px;
	color:#FB800C;
}




/*ニュース・トピックス*/

#re_news_area{
	width:380px;
	margin:10px auto 20px auto;
	text-align:left;
	line-height:150%;
	font-size:12px;
}

#re_news_area ul {  margin-right: auto; margin-left: auto; width: 380px; padding:0px; }

#re_news_area li{
	margin: 0px;
	background:url(../img_renew/arrow_brown.gif) no-repeat 5px 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
	line-height:150%;
	font-size:12px;
	color:#666666;
}

#re_news_area li a{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	list-style-type: none;
	line-height:150%;
	text-decoration:underline;
	font-size:12px;
	color:#666666;
}

#re_news_area li a:hover{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	list-style-type: none;
	line-height:150%;
	text-decoration:none;
	font-size:12px;
	color:#FB800C;
}


/*カタログラインアップ*/


#lineup_base{
	width:395px;
	margin:10px auto 20px auto;
}

.lineup_bg_l{
	width:373px;
	margin:0px auto 8px auto;
	background-color:#F2EBEA;
	border:#E9DAD8 solid 1px;
	padding:10px;
}

.lineup_bg_s_left{
	width:172px;
	margin:0px auto 8px auto;
	background-color:#F2EBEA;
	border:#E9DAD8 solid 1px;
	padding:10px;
	float:left;
	text-align:left;
}

.lineup_bg_s_right{
	width:172px;
	margin:0px auto 8px auto;
	background-color:#F2EBEA;
	border:#E9DAD8 solid 1px;
	padding:10px;
	float:right;
	text-align:left;
}


.lineup_txt_l{
	width:265px;
	float:right;
	text-align:left;
}

.lineup_txt_s{
	width:87px;
	float:right;
	text-align:left;
}

.lineup_txt_s_bottom{
	width:172px;
}

.lineup_btn_area{
	width:82px;
	float:right;
}

.lineup_txt_l p{
	font-size:10px;
	line-height:140%;
	color:#666666;
}

.lineup_bg_s_right p{
	font-size:10px;
	line-height:140%;
	color:#666666;
}

.lineup_bg_s_left p{
	font-size:10px;
	line-height:140%;
	color:#666666;
}



.lineup_h4_plat{
	font-size:14px;
	font-weight:bold;
	color:#63ADC9;
	padding-top:3px;
	padding-bottom:3px;
}

.lineup_h4_pearl{
	font-size:12px;
	font-weight:bold;
	color:#FA747A;
	padding-top:5px;
	padding-bottom:3px;
}

.lineup_h4_silver{
	font-size:12px;
	font-weight:bold;
	color:#7D7C7B;
	padding-top:5px;
	padding-bottom:3px;
}

.lineup_h4_gold{
	font-size:12px;
	font-weight:bold;
	color:#BCA858;
	padding-top:5px;
	padding-bottom:3px;
}


.lineup_h4_topaz{
	font-size:12px;
	font-weight:bold;
	color:#9E80C1;
	padding-top:5px;
	padding-bottom:3px;
}


.lineup_h4_sapp{
	font-size:12px;
	font-weight:bold;
	color:#6262A4;
	padding-top:5px;
	padding-bottom:3px;
}


.lineup_h4_ruby{
	font-size:12px;
	font-weight:bold;
	color:#BD6882;
	padding-top:5px;
	padding-bottom:3px;
}


.lineup_h4_emer{
	font-size:12px;
	font-weight:bold;
	color:#63A386;
	padding-top:5px;
	padding-bottom:3px;
}


.lineup_h4_diam{
	font-size:12px;
	font-weight:bold;
	color:#9C9265;
	padding-top:5px;
	padding-bottom:3px;
}


/*カタログランキング*/

#rank_bg_1{
	width:333px;
	height:80px;
	background:url(../img_renew/bg_rank01.jpg) no-repeat;
	margin:10px auto 8px auto;
	padding-top:8px;
	padding-right:7px;
	padding-left:50px;
}

#rank_bg_2{
	width:333px;
	height:80px;
	background:url(../img_renew/bg_rank02.jpg) no-repeat;
	margin:10px auto 8px auto;
	padding-top:8px;
	padding-right:7px;
	padding-left:50px;
}

#rank_bg_3{
	width:333px;
	height:80px;
	background:url(../img_renew/bg_rank03.jpg) no-repeat;
	margin:10px auto 20px auto;
	padding-top:8px;
	padding-right:7px;
	padding-left:50px;
}


.rank_txt{
	width:258px;
	float:left;
	text-align:left;
}


/*今月のおすすめ体験*/

#pickup_bg{
	width:370px;
	height:190px;
	padding:10px;
	margin:10px auto 20px auto;
	background:url(../img_renew/bg_pickup.gif) no-repeat;
}

#pickup_txt_area{
	width:225px;
	float:right;
	text-align:left;
}

#pickup_btn{
	width:170px;
}


/*右エリア*/

#btn_card a{
	display:block;
	width:182px;
	height:64px;
	margin:0px auto 10px auto;
	background:url(../img_renew/btn_card.gif) no-repeat 0px 0px;
}

#btn_card a:hover{
	width:182px;
	height:64px;
	margin:0px auto 10px auto;
	background:url(../img_renew/btn_card.gif) no-repeat 0px -65px;
}

#btn_about a{
	display:block;
	width:182px;
	height:50px;
	margin:0px auto 10px auto;
	background:url(../img_renew/btn_about.gif) no-repeat 0px 0px;
}

#btn_about a:hover{
	width:182px;
	height:50px;
	margin:0px auto 10px auto;
	background:url(../img_renew/btn_about.gif) no-repeat 0px -50px;
}

#contact_area{
	width:182px;
	height:123px;
	background:url(../img_renew/contact_area.gif) no-repeat;
	padding-top:32px;
	margin-top:10px;
}

#btn_contact a{
	display:block;
	width:165px;
	height:30px;
	margin:0px auto 0px auto;
	background:url(../img_renew/contact_btn.gif) no-repeat 0px 0px;
}

#btn_contact a:hover{
	width:165px;
	height:30px;
	margin:0px auto 0px auto;
	background:url(../img_renew/contact_btn.gif) no-repeat 0px -30px;
}


#btn_buy a{
	display:block;
	width:182px;
	height:50px;
	margin:10px auto 0px auto;
	background:url(../img_renew/btn_buy.gif) no-repeat;
}

#btn_send a{
	display:block;
	width:182px;
	height:50px;
	margin:7px auto 0px auto;
	background:url(../img_renew/btn_send.gif) no-repeat;
}

#btn_package a{
	display:block;
	width:182px;
	height:50px;
	margin:7px auto 0px auto;
	background:url(../img_renew/btn_package.gif) no-repeat;
}



/*saitan_otodoke*/

#ttl_deli{
	width:182px;
	height:25px;
	background:url(../img_renew/ttl_delivery.gif) no-repeat;
	margin-top:10px;
}

#bg_deli{
	width:182px;
	background:url(../img_renew/bg_delivery.gif) repeat-y;
	padding-top:7px;
	padding-bottom:7px;
}

#foot_deli{
	width:182px;
	height:3px;
	background:url(../img_renew/foot_delivery.gif) no-repeat;
	margin-bottom:10px;
}



/* pertners 2010.9.4 add by yano */
div#pertners {
	margin-top: 50px;
	text-align: left;
	border:solid 1px #F9B460;
}
div#pertners h4 {
	margin-bottom: 5px;
	padding: 4px 0;
	text-align: center;
	color: #FFF;
	background: #F9B460;
}

div#pertners p{
	color:#555555;
}

div#pertners_in{
	width:160px;
	margin:10px;
}

div#pertners_in dl dt {
	margin-top: 20px;
	margin-bottom:5px;
	font-size:10px;
	text-align:center;
	color:#666666;
}
div#pertners_in dl dd {
	margin-bottom: 3px;
}