@import url("base.css");

/*==============================
	基本設定
==============================*/
body {
	background-color: #FDFDFB;
	background-image: url(../img/index/top_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.font_report{
	font-family:Verdana;
	font-size:12px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 16px;
	color: #FF0000;
}

/*-----------------------------------------------
	header
-----------------------------------------------*/
#header{
	height:87px;
	background:url(../img/base/header_bg.jpg) top repeat-x;
	color:#D6B8B9;
}
#top{
	width:960px;
	margin:0 auto;
	text-align:left;
}
#header .logo{
	float:left;
	display:block;
	margin-top:20px;
}
#header .header_text{
	float:left;
	display:block;
	font-size:10px;
	line-height:16px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	width: 233px;
}
#header .right_links{
	float:right;
	padding-right:7px;
}
#header .right_links .bt_present{
	width:168px;
	height:62px;
	display:block;
	background:url(../img/base/bt_top_present.jpg) top left no-repeat;
}
#header .right_links .bt_present:hover{ background-position:right top; }


#header .right_links_box{
	width:365px;
	float:right;
	padding-top: 38px;
	background-repeat: no-repeat;
	background-position: left 20px;
	background-image: url(../img/base/yoyaku_bg.jpg);
	padding-right: 3px;}



#header .right_links2{
	float:left;
	padding-right: 3px;
}
#header .right_links2 .bt_yoyaku1{
	width:70px;
	height:30px;
	display:block;
	background-image: url(../img/base/yoyaku_btn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#header .right_links2 .bt_yoyaku1:hover{ background-position:right top; }

#header .right_links3{
	float:left;
	padding-right: 3px;
}
#header .right_links3 .bt_yoyaku2{
	width:71px;
	height:30px;
	display:block;
	background-image: url(../img/base/yoyaku_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#header .right_links3 .bt_yoyaku2:hover{ background-position:right top; }

#header .right_links4{
	float:left;
	padding-right: 3px;
}
#header .right_links4 .bt_yoyaku3{
	width:70px;
	height:30px;
	display:block;
	background-image: url(../img/base/yoyaku_btn3.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#header .right_links4 .bt_yoyaku3:hover{ background-position:right top; }

#header .right_links5{
	float:left;
	padding-right: 3px;}
#header .right_links5 .bt_yoyaku4{
	width:70px;
	height:30px;
	display:block;
	background-image: url(../img/base/yoyaku_btn4.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#header .right_links5 .bt_yoyaku4:hover{ background-position:right top; }

#header .right_links6{
	float:left;}
#header .right_links6 .bt_yoyaku5{
	width:70px;
	height:30px;
	display:block;
	background-image: url(../img/base/yoyaku_btn5.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#header .right_links6 .bt_yoyaku5:hover{ background-position:right top; }


/*-----------------------------------------------
	main_menu
-----------------------------------------------*/
#main_menu{
	height:61px;
	background:url(../img/base/menu_bg.jpg) top repeat-x;
}
#main_menu .menu_list{
	width:960px;
	height:60px;
	font-size: 12px;
	font-weight: bold;
	color: #725652;
	letter-spacing: -1px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main_menu .menu_list a:link {
	color:#725652;
	text-decoration:none;}
#main_menu .menu_list a:visited {
	color:#725652;
	text-decoration:none;}
#main_menu .menu_list a:active {
	color:#725652;
	text-decoration:none;}
#main_menu .menu_list a:hover {
	color:#B19894;
	text-decoration:none;}

#main_menu .menu_list .in_text_padding{
	padding-top: 18px;
	display: block;
	text-align: left;
	padding-left: 13px;
	line-height: 100%;
}
	
	
#main_menu .menu_list li{
	float:left;
}
#main_menu .menu_list a{
	width:160px;
	height:60px;
	display:block;
}
#main_menu .menu_list a.bt_menu1{
	display:block;
	background:url(../img/index/bt_menu1.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu1:hover{ background-position:right top; }

#main_menu .menu_list a.bt_menu2{
	display:block;
	background:url(../img/index/bt_menu2.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu2:hover{ background-position:right top; }

#main_menu .menu_list a.bt_menu3{
	display:block;
	background:url(../img/index/bt_menu3.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu3:hover{ background-position:right top; }

#main_menu .menu_list a.bt_menu4{
	display:block;
	background:url(../img/index/bt_menu4.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu4:hover{ background-position:right top; }

#main_menu .menu_list a.bt_menu5{
	display:block;
	background:url(../img/index/bt_menu5.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu5:hover{ background-position:right top; }

#main_menu .menu_list a.bt_menu6{
	display:block;
	background:url(../img/index/bt_menu6.jpg) repeat-y;}
#main_menu .menu_list a.bt_menu6:hover{ background-position:right top; }
 
#main_menu .menu_list a ._out{ background-position:right top; }
/*-----------------------------------------------
	main_title
-----------------------------------------------*/
/*-----------------------------------------------
	wrapper
-----------------------------------------------*/
#wrapper{
	width:960px;
	height:100%;
	margin:0 auto;
	text-align:left;
	position: relative;
}

/*-----------------------------------------------
	main_contents
-----------------------------------------------*/
#main_contents{
	width:695px;
	float:left;
	position: relative;
}

/*++++++++++++++++++++++++++++
	試着無料！
++++++++++++++++++++++++++++*/

#try_box {
	padding-top:13px;
	padding-bottom:26px;
	}
#try_box .try_bg {
	width:695px;
	height:110px;
	background:url(../img/index/try_bg.jpg) no-repeat left top;
	}
#try_box .try_text1 {
	font-size:19px;
	font-weight:bold;
	color:#FF3366;
	vertical-align:middle;
	padding-top:27px;
	padding-left:15px;
	}
#try_box .try_text2 {
	font-size:11px;
	font-weight:normal;
	color:#FF3366;
	}
#try_box .try_text3 {
	font-size:11px;
	line-height:15px;
	color:#663300;
	padding-top:7px;
	padding-left:15px;
	}
#try_box .try_btm {
	width:686px;
	height:23px;
	padding-left:9px;
	background-color:#FF80B2;
	font-size:12px;
	line-height:23px;
	color:#FFFFFF;
	}

/*++++++++++++++++++++++++++++
	南青山店予約バナー
++++++++++++++++++++++++++++*/
#reservation_bana {
	background-image: url(../img/index/w_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	width: 663px;
	padding-left: 32px;
	padding-bottom: 12px;
}
	
#reservation_bana .h_87{height:87px;}	
	
#reservation_bana .reservation_bana_text1{
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	padding-top: 35px;
	display: block;
}	
#reservation_bana .reservation_bana_text2{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #663300;
	padding-top: 15px;
}		
	
#reservation_bana  .w_btn1 {
	width:120px;
	height:38px;
	display:block;
	float: left;}	
#reservation_bana .w_btn1{
	width:120px;
	height:38px;
	display:block;
	background-image: url(../img/index/w_btn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#reservation_bana .w_btn1:hover{ background-position:right top; }

#reservation_bana  .w_btn2 {
	width:120px;
	height:38px;
	margin-left: 7px;
	display:block;
	float: left;}
#reservation_bana .w_btn2{
	width:120px;
	height:38px;
	display:block;
	background-image: url(../img/index/w_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#reservation_bana .w_btn2:hover{ background-position:right top; }

#reservation_bana  .w_btn3 {
	width:120px;
	height:38px;
	margin-left: 7px;
	display:block;
	float: left;}
#reservation_bana .w_btn3{
	width:120px;
	height:38px;
	display:block;
	background-image: url(../img/index/w_btn3.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#reservation_bana .w_btn3:hover{ background-position:right top; }

#reservation_bana  .w_btn4 {
	width:120px;
	height:38px;
	margin-left: 8px;
	display:block;
	float: left;}
#reservation_bana .w_btn4{
	width:120px;
	height:38px;
	display:block;
	background-image: url(../img/index/w_btn4.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#reservation_bana .w_btn4:hover{ background-position:right top; }

#reservation_bana  .w_btn5 {
	width:120px;
	height:38px;
	margin-left: 8px;
	display:block;
	float: left;}
#reservation_bana .w_btn5{
	width:120px;
	height:38px;
	display:block;
	background-image: url(../img/index/w_btn5.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#reservation_bana .w_btn5:hover{ background-position:right top; }



/*++++++++++++++++++++++++++++
	コース紹介
++++++++++++++++++++++++++++*/
#cause{
	padding-bottom:4px;
}
#cause .cause_title{
	font-size: 21px;
	color: #C37686;
	display: block;
	padding-left: 70px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#cause .cause_text1{
	font-size: 40px;
	color: #C45878;
	padding-top: 15px;
	line-height: 100%;
	height: 52px;
	display: block;
}
#cause .cause_text2{
	font-size: 12px;
	line-height: 18px;
	color: #C45878;
	padding-top: 0px;
	height: 68px;
}
#cause .cause_text3{
	font-size: 40px;
	color: #FFFFFF;
	padding-top: 22px;
	line-height: 100%;
	height: 46px;
	display: block;
}
#cause .cause_text4{
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	padding-top: 13px;
	height: 45px;
}
#cause .cause_text5{
	font-size: 40px;
	color: #6B7C74;
	padding-top: 12px;
	line-height: 100%;
	display: block;
	height: 100%;
}
#cause .cause_text6{
	font-size: 12px;
	line-height: 18px;
	color: #6B7C74;
	padding-top: 13px;
	padding-bottom: 10px;
}


/* コース1 */
#cause .cause1{
	display:block;
	background-image: url(../img/index/cause1_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 290px;
}
#cause .cause1 .title{
	display:block;
	padding-top:10px;
	padding-left:45px;
}
#cause .cause1 .bt_cause{
	width:190px;
	height:40px;
	margin-left:35px;
	display:block;
	background:url(../img/index/bt_cause1.jpg) top left no-repeat;
}
#cause .cause1 .bt_cause:hover{ background-position:right top; }

/* コース2 */
#cause .cause2{
	padding-left:286px;
	height:235px;
	display:block;
	background:url(../img/index/cause2_bg.jpg) top left no-repeat;
}
#cause .cause2 .title{
	display:block;
}
#cause .cause2 .bt_cause{
	width:190px;
	height:40px;
	margin-left:183px;
	display:block;
	background:url(../img/index/bt_cause2.jpg) top left no-repeat;
}
#cause .cause2 .bt_cause:hover{ background-position:right top; }

/* コース3 */
#cause .cause3{
	height:280px;
	display:block;
	background:url(../img/index/cause3_bg.jpg) top left no-repeat;
}
#cause .cause3 .title{
	display:block;
	padding-left:40px;
}
#cause .cause3 .bt_cause{
	width:190px;
	height:40px;
	margin-left:35px;
	display:block;
	background:url(../img/index/bt_cause3.jpg) top left no-repeat;
}
#cause .cause3 .bt_cause:hover{ background-position:right top; }



/*++++++++++++++++++++++++++++
	オープンキャンペーンバナー
++++++++++++++++++++++++++++*/
#campaign{
	height:150px;
	text-align:center;
	margin:0 auto 18px;
	background:url(../img/index/campaign_bg.jpg) top left no-repeat;
	text-align:left;
}
#campaign .title{
	float:left;
}
#campaign .campaign_list{
	float:right;
}
#campaign .campaign_bottom{
	clear:both;
}
#campaign .campaign_bottom .text{
	float:left;
	padding-left:20px;
}
#campaign .campaign_bottom .btn{
	float:right;
	padding-top:10px;
	padding-right:63px;
}
#campaign .campaign_bottom .btn a{
	width:160px;
	height:20px;
	display:block;
	background:url(../img/index/bt_campaign.gif) top left no-repeat;
}
#campaign .campaign_bottom .btn a:hover{ background-position:right top; }

/*++++++++++++++++++++++++++++
	オープンキャンペーンバナー2
++++++++++++++++++++++++++++*/
#campaign2{
	height:140px;
	text-align:center;
	margin:0 auto 12px;
	background:url(../img/index/campaign2_bg.jpg) top left no-repeat;
	text-align:left;
	position:relative;
}
#campaign2 .title{
	float:left;
}
#campaign2 .campaign_bottom{
	clear:both;
}
#campaign2 .campaign_bottom .text{
	float:left;
	padding-left:20px;
}
#campaign2 .btn{
	position:absolute;
	left:462px;
	width:215px;
	bottom:-5px;
}
#campaign2 .btn a{
	width:215px;
	height:40px;
	display:block;
	background:url(../img/index/bt_campaign2.gif) top left no-repeat;
}
#campaign2 .btn a:hover{ background-position:right top; }


/*++++++++++++++++++++++++++++
	無料試着バナー
++++++++++++++++++++++++++++*/
#campaign3{
	margin-bottom:22px;
}
#campaign3 a{
	width:695px;
	height:170px;
	display:block;
	background:url(../img/index/bt_campaign3.jpg) left top no-repeat;
}
#campaign3 a:hover{ background-position:right top; }



/*++++++++++++++++++++++++++++
	お知らせ情報
++++++++++++++++++++++++++++*/
#news{
	height:410px;
	position:relative;
}
#news_wrapper{
	width:770px;
	height:410px;
	background:url(../img/index/news_bg.jpg) top left no-repeat;
	left:-43px;
	position:absolute;
}
#news a{ color:#917D91; }
#news a:hover{ color:#B6A9B6; }
#news .news_title{
	padding-left:210px;
	padding-top:45px;
	font-size: 16px;
	color: #663300;
	line-height: 20px;
	padding-bottom: 10px;
	display: block;
}
#news .news_list{
	width:500px;
	height:245px;
	padding-left:209px;
	overflow-x:hidden;
}
#news .news_list iframe{
	overflow-x:hidden;
}.padding_flash {
	padding-bottom: 30px;
}
.news_wrapper_line{padding-left:210px;}
/*++++++++++++++++++++++++++++
	コメント
++++++++++++++++++++++++++++*/

.r_kome1 {
	position: relative;
	background-image: url(../img/index/komento4.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 100%;}
.r_kome2 {
	background-image: url(../img/index/komento6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;}
.r_kome3 {
	background-image: url(../img/index/komento5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;}
.a_kome {
	position: absolute;
	top: -11px;
	height: 11px;
	width: 695px;}
.kome_text {
	padding-top: 50px;
	padding-left: 32px;
	font: 14px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #C46200;
	padding-right: 30px;
	padding-bottom: 25px;}
.komennto_padding {
	padding-bottom: 28px;
	padding-top: 10px;
}

.font_pink01 {color: #F39;}
	
/*++++++++++++++++++++++++++++
	メディア情報
++++++++++++++++++++++++++++*/
.r_media1 {
	position: relative;
	background-image: url(../img/index/media2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 100%;
}
.r_media2 {
	background-image: url(../img/index/media1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;}
.r_media3 {
	background-image: url(../img/index/media3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;
	padding-bottom: 10px;}
	
.media_text1 {
	float:left;
	padding-top: 56px;
	padding-left: 41px;
	font-size: 0px;
	width: 500px;
	display: block;
	line-height: 18px;
}	
.media_text111 {
	padding-top: 5px;
	padding-left: 70px;
	font-size: 21px;
	display: block;
	line-height: 18px;
	color: #C37686;
	padding-bottom: 5px;
}		
.media_text222 {
	float:left;
	padding-top: 15px;
	padding-left: 41px;
	font-size: 16px;
	width: 500px;
	display: block;
	line-height: 18px;
	padding-bottom: 10px;
	height: 100%;
}
.media_text2 {
	float:right;
	font-size: 12px;
	line-height: 100%;
	color: #917D91;
	text-align: right;
	padding-right: 41px;
	padding-top: 40px;
	width: 110px;
	font-family: Verdana;}
.media_text1_2 {
	float:left;
	padding-left: 41px;
	font-size: 0px;
	width: 500px;}
.media_text2_2 {
	float:right;
	font-size: 12px;
	line-height: 100%;
	color: #917D91;
	text-align: right;
	padding-right: 41px;
	padding-top: 10px;
	width: 110px;
	font-family: Verdana;}	
	
.media_text4_1 {
	float:left;
	font-size: 0px;
	float:left;
	padding-top: 19px;
	padding-left: 44px;
	font-size: 0px;
	width: 160px;
	background-image: url(../img/index/media_photobg.jpg);
	background-repeat: no-repeat;
	background-position: 41px top;
	height: 130px;}
	
.media_text4_3 {
	float:left;
	font-size: 0px;
	float:left;
	padding-top: 15px;
	padding-left: 44px;
	font-size: 0px;
	width: 90px;
	background-image: url(../img/index/media_photobg2.jpg);
	background-repeat: no-repeat;
	background-position: 36px top;
	height: 125px;
	position: relative;
}	
	
.media_text4_2 {
	float:left;
	font-size: 0px;
	float:left;
	padding-top: 19px;
	padding-left: 44px;
	font-size: 0px;
	width: 160px;
	background-image: url(../img/index/media_photobg.jpg);
	background-repeat: no-repeat;
	background-position: 41px top;
	height: 130px;}
	
.media_a1{
	position: absolute;
	top: 35px;
	left: 500px;
}	
		
.media_text5 {
	float:right;
	font-size: 12px;
	line-height: 20px;
	color: #917D91;
	padding-right: 41px;
	padding-top: 13px;
	width: 442px;}
.media_text5_2 {
	float:right;
	font-size: 12px;
	line-height: 20px;
	color: #917D91;
	padding-right: 41px;
	padding-top: 13px;
	width: 512px;}	
	
.media_text6{
	background-image: url(../img/index/media4.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	font-size: 10px;
	line-height: 100%;
	color: #828282;
	padding-left: 19px;
	padding-top: 13px;
	padding-bottom: 13px;}		
#media_padding {
	padding-bottom: 26px;}
.media_text3{padding-left: 44px;}

/*++++++++++++++++++++++++++++
	お問い合わせ
++++++++++++++++++++++++++++*/

#reserve_box { padding-top:18px; }
#reserve_box .reserve_bg {
	width:695px;
	height: 200px;
	background:url(../img/index/reserve_bg.jpg) no-repeat left top;
	}
#reserve_box .reserve_title {
	padding-top:22px;
	padding-left:27px;
	}
#reserve_box ul {
	padding-top:44px;
	padding-left:27px;
	}
#reserve_box ul li { float:left; }

#reserve_box .r_btn1 {
	width:230px;
	height:49px;
	display:block;
	float: left;}	
#reserve_box .r_btn1{
	width:230px;
	height:49px;
	display:block;
	background:url(../img/index/r_btn1.jpg) no-repeat left top;
	}
#reserve_box .r_btn1:hover { background-position:right top; }

#reserve_box .r_btn2 {
	width:230px;
	height:49px;
	display:block;
	float: left;}	
#reserve_box .r_btn2{
	width:230px;
	height:49px;
	display:block;
	background:url(../img/index/r_btn2.jpg) no-repeat left top;
	}
#reserve_box .r_btn2:hover { background-position:right top; }