/* 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;
}


#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;

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

}

/*ジャンルで探す*/

.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;
	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;
}



/*ASPoriginal*/

#top_renew_asp{
	width:790px;
	margin:0px auto 20px auto;
}

#asp_osusume{
	width:790px;
	height:36px;
	background:url(../img_asp_renew/ttl_osusume.gif) no-repeat;
	margin-bottom:10px;
	text-align:center;
	padding-top:6px;
}

#asp_osusume p{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

.asp_osusume_ribon{
	width:22px;
	height:15px;
	background:url(../img_asp_renew/asp_osusume_ribon.gif) no-repeat;
	margin:0px 10px 0px 10px;
}

#asp_os_lineup{
	width:785px;
	margin:0px auto 0px auto;
}

.asp_os_bg_l{
	width:230px;
	margin:0px 14px 0px 0px;
	background-color:#F7EBD9;
	border:#EFD7B1 solid 1px;
	padding:10px;
	float:left;
	text-align:left;
}

.asp_os_bg_l_no{
	width:230px;
	margin:0px;
	background-color:#F7EBD9;
	border:#EFD7B1 solid 1px;
	padding:10px;
	float:left;
	text-align:left;
}

#asp_os_pearl{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_pearl.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_silver{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_silver.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_gold{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_gold.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_plat{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_plat.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_topaz{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_topaz.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_sapp{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_sapp.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_ruby{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_ruby.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_emer{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_emer.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_dia{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_dia.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_stay{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_stay.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_gourmet{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_gourmet.gif) no-repeat;
	margin:0px 0px 10px 0px;
}

#asp_os_surprise{
	width:230px;
	height:26px;
	background:url(../img_asp_renew/os_surprise.gif) no-repeat;
	margin:0px 0px 10px 0px;
}




.asp_os_txt_area{
	width:118px;
	float:right;
}

.asp_os_txt_area h4 a{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#666666;
	line-height:150%;
}

.asp_os_txt_area h4 a:hover{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	line-height:150%;
}

.asp_os_txt_area p{
	font-size:10px;
	color:#666666;
	line-height:150%;
	margin-top:3px;
}



.ml5{
	margin-left:5px;
}

.mt10{
	margin-top:10px;
}