/* CSS Document */

/***** サロンのご案内 *****************************************************************************/	
#top_text{
	position:absolute;
	z-index:1;
	top: 14px;
	left: 23px;
	}

#top_btn a{
	background:url(../images/top_btn.jpg) no-repeat;
	width:576px;
	height:40px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:30px
	}
#top_btn a:hover{
	background:url(../images/top_btn.jpg) 0 -40px;
	}
	
	#course_btn a{
	background:url(../images/course_btn.jpg) no-repeat;
	width:576px;
	height:40px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:30px
	}
#course_btn a:hover{
	background:url(../images/course_btn.jpg) 0 -40px;
	}
		
#shop_name{
	position:absolute;
	z-index:1;
	left: 465px;
	top: 15px;
	color: #555629;
	font-weight:bold;
	font-size:14px;
	}
	
#area_kanou a{
	background:url(../images/salon/kantou.jpg) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 461px;
	top: 233px;
	height: 94px;
	width: 76px;
	text-indent:-9999px
	}

#area_kanou a:hover{
	background-position:0 -94px
	}
	
#area_shikoku a{
	background:url(../images/salon/shikoku.jpg) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 287px;
	top: 323px;
	height: 82px;
	width: 87px;
	text-indent:-9999px
	}

#area_shikoku a:hover{
	background-position:0 -84px
	}
	
#area_kyuusyuu a{
	background:url(../images/salon/kyuusuu.jpg) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 187px;
	top: 319px;
	height: 147px;
	width: 104px;
	text-indent:-9999px
	}

#area_kyuusyuu a:hover{
	background-position:0 -147px
	}	

#area_kansai a{
	background:url(../images/salon/area_kansai.gif) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 348px;
	top: 266px;
	height: 98px;
	width: 94px;
	text-indent:-9999px
	}

#area_kansai a:hover{
	background-position:0 -97px
	}	

*html #area_kansai a{
	background:url(../images/salon/area_kansai.gif) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 348px;
	top: 276px;
	height: 98px;
	width: 94px;
	text-indent:-9999px
	}
	
*:first-child+html	 #area_kansai a{
	background:url(../images/salon/area_kansai.gif) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 348px;
	top: 276px;
	height: 98px;
	width: 94px;
	text-indent:-9999px
	}

*:first-child+html	 #area_kansai a:hover{
	background-position:0 -97px
	}	
	
#area_okinawa a{
	background:url(../images/salon/okinawa.gif) no-repeat;
	position:absolute;
	z-index:1;
	display:block;
	left: 393px;
	top: 386px;
	height: 91px;
	width: 138px;
	text-indent:-9999px
	}

#area_okinawa a:hover{
	background-position:0 -91px
	}
	
				
.m_text a{
	color: #FF0000;
	font-weight:bold;
	margin:5px 0 0 390px
	}
	
	
.blue{
	color:#5678DA
	}
	
.kimidori{
	color:#69C422
	}
	
.purple{
	color:#784CB0
	}
.orange{
	color:#F28C0F
	}
	
.salon_list{
	line-height:1.5em
	}
		
#salon h3{
	margin:0 0 10px 0
	}
	
#salon h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 3px 0
	}
.salon_name {
	width:290px;
	float:left;
	font-weight:bold
	}

#kansai_box{
	position:absolute;
	z-index:1;
	height: 165px;
	width: 176px;
	top: 150px;
	left: 17px;
	}

#kyuusyuu_box{
	position:absolute;
	z-index:1;
	height: 79px;
	width: 176px;
	top: 380px;
	left: 19px;
	}


#shikoku_box{
	position:absolute;
	z-index:1;
	height: 44px;
	width: 176px;
	top: 327px;
	left: 20px;
	}


#kantou_box{
	position:absolute;
	z-index:1;
	height: 135px;
	width: 207px;
	top: 149px;
	left: 213px;
	}	
	
	
#kantou_map{
	position:absolute;
	z-index:1;
	height: 98px;
	width: 84px;
	top: 247px;
	left: 463px;
	}		
	

	
#kansai_map{
	position:absolute;
	z-index:1;
	height: 98px;
	width: 71px;
	top: 281px;
	left: 354px;
	}		
	

	
#shikoku_map{
	position:absolute;
	z-index:1;
	height: 51px;
	width: 76px;
	top: 350px;
	left: 295px;
	}		

#kyuusyuu_map{
	position:absolute;
	z-index:1;
	height: 141px;
	width: 87px;
	top: 337px;
	left: 200px;
	}		
	
	
#okinawa_map{
	position:absolute;
	z-index:1;
	height: 98px;
	width: 147px;
	top: 386px;
	left: 392px;
	}	
	
/***** サイトマップ *****************************************************************************/		
#sitemap h3 a {
	background-color: #cdbdfb;
	color: #3333CC;
	padding:3px 0 3px 10px;
	width:290px;
	font-weight:bold;
	display:block;
	margin:24px 0 10px 30px
	}

#sitemap h3 a:hover{
	background-color: #3399FF;
	color: #fff;
	text-decoration:none;
	
	}
#sitemap h4 {
	background-color: #cdbdfb;
	color: #3333CC;
	padding:5px 0 3px 10px;
	width:290px;
	font-weight:bold;
	display:block;
	margin:24px 0 10px 30px
	}
	
#sitemap ul{
	margin:0 0 0 40px;
	}


#sitemap li{
	margin:0 0 7px 0px;
	}

.big{
 font-weight:bold;
 }
 
/***** バイオス研究所 *****************************************************************************/		
	
#bios1{
	position:absolute;
	z-index:1;
	left: 38px;
	top: 165px;
	width: 383px;
	height: 125px;
	font-size:14px;
	font-weight:bold;
	line-height:1.6em
	}

#bios2{
	position:absolute;
	z-index:1;
	left: 331px;
	top: 454px;
	height: 189px;
	line-height:1.7em;
	width: 267px;
	}


#bios3{
	position:absolute;
	z-index:1;
	left: 36px;
	top: 595px;
	}	

#bios4{
	position:absolute;
	z-index:1;
	left: 33px;
	top: 935px;
	height: 61px;
	width: 432px;
	line-height:1.5em
	}		
	
.mini_catch{
	line-height:1.3em
	}
			
/***** バイオエステとは  研究開発 *****************************************************************************/	
#catch_bio{
	background:url(../images/bioeste/hurasuko.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	margin:0 0 7px 0;
	width:570px;
	height:130px;
	background-position:400px 0px;
	padding:20px 0 0 0;
	line-height:1.5em
	
	}
	
.about_txt{
	width:336px;
	float:left;
	line-height:2em;
	margin-right:15px;
	}

*html .about_txt{
	width:336px;
	float:left;
	line-height:2em;
	margin-right:7px;
	}
	
#bio{
	margin:10px 0 0px 0;
	text-align: justify;
	text-justify: inter-ideograph;
	}

#bio h3{
	margin:0 0 7px 0;
	}

#bio h4{
	font-size:13px
	}
#bio a{
	color:#0099FF;
	font-weight:bold
	}
	
/*****Q&A *****************************************************************************/
.re_buttun{
	margin-left:455px
	}
	
#index_box{
	width:365px;
	}
	
		
.index_top a{
	background:url(../images/common/index_top.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
	width:47px;
	height:48px;
	text-indent:-9999px;
	float:left;
	margin-right:10px
	}

.index_top a:hover{
	background-position:0 -48px
	}

.page_top3 a{
	background:url(../images/common/page_top.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
	width:47px;
	height:48px;
	text-indent:-9999px;
	}

.page_top3 a:hover{
	background-position:0 -48px
	}	
	
	
.answer{
	width:560px;
	margin:40px 0 20px 0
	}

.answer h4{
	background:url(../images/qa/q.jpg) no-repeat;
	width:522px;
	color:#5C39A7;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	height:14px;
	padding:8px 29px
	}

.answer h5{
	background:url(../images/qa/a.jpg) no-repeat;
	width:530px;
	color: #333333;
	font-size:12px;
	padding-top:5px;
	height:26px;
	padding:4px 29px;
	line-height:1.5em;
	}

	
.line{
	border-bottom:2px dotted #2B33CF;
	}
	
#qa_layout h3{
	background:url(../images/qa/q.jpg) no-repeat;
	width:522px;
	color:#5C39A7;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	height:14px;
	padding:8px 25px
	}
#qa_layout h3 a{
	color:#825AB6;
	
	}

#index{
	width:340px;
	}

#shibou{
	position:absolute;
	z-index:1;
	left: 386px;
	top: 144px;
	}

/*****はじめての方へ *****************************************************************************/

.purple_bold{
	color:#784CB0;
	font-weight:bold
	}

#first1{
	position:absolute;
	z-index:1;
	left: 33px;
	top: 301px;
	width: 318px;
	line-height:1.4em
	}

#first2{
	position:absolute;
	z-index:1;
	left: 38px;
	top: 625px;
	width: 311px;
	line-height:1.4em
	}
	
#first3{
	position:absolute;
	z-index:1;
	left: 40px;
	top: 870px;
	width: 308px;
	line-height:1.4em
	}	
	
#first4{
	position:absolute;
	z-index:1;
	left: 39px;
	top: 1077px;
	width: 311px;
	line-height:1.4em
	}	
	
#first5{
	position:absolute;
	z-index:1;
	left: 34px;
	top: 1285px;
	width: 314px;
	line-height:1.4em
	}		
#first1 a{
	font-weight:bold;
	color: #FF0000;
	
	}	
	
/***** 個人情報の取り扱いについて *****************************************************************************/
.policy_midashi{
	color:#784CB0;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 5px 0
	}

.policy_box{
	line-height:1.6em;
	margin:0 0  0 20px;
	width:480px
	}

.policy_box li{
	list-style-type:circle;
		margin:2px 0  0 15px;
		}
.policy_waku{
	border:2px #825AB6 solid;
	padding:10px;
	width:270px;
	line-height:1.4em;
	margin:10px 0 0 20px
	}	

/***** 会社概要 *****************************************************************************/
#logo_com{
	position:absolute;
	z-index:1;
	left: 407px;
	top: 228px;
	}

#com .midashi{
	width:100px;
	float:left;
	font-weight:bold;
	padding-left:6px
	}	

.p0{
	border-bottom:2px dotted #2B33CF;
	padding:0px 0 0px 2px
	}
	

#com li{
	border-bottom:2px dotted #2B33CF;
	padding:10px 0 10px 2px
	}
	
.com_border{
	border-bottom:2px dotted #2B33CF;

	}

#com{
	width:350px;
	margin: 0 0 200px 10px
	}


/***** サロン詳細 *****************************************************************************/	

#view li{
	list-style:none;
	float:left;
	margin:0 6px 10px 0
	}
#view li img{
	border:1px #999999 solid;
	margin:0 0 2px 0
	}

.pink_midashi{
	color:#EA4092;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0px 0
	}

.pink_waku{
	border:2px #E045A3 solid;
	padding:3px 10px 10px 6px;
	margin:20px 0 20px 0;
	line-height:1.6em
	}

.bg_gray{
	background:#bbbbbb;
	padding:3px 6px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	margin:20px 0 15px 0
	
	}

.menu_box{
	margin:0px  0 45px 0;

	}
	
.red_big{
	color:#FF0000;
	font-size:28px;
	font-weight:bold;
	line-height:1.0em;
	}

.blue_big{
	color:#0066FF;
	font-size:16px;
	font-weight:bold;
	line-height:1.0em;
	}
	
*html .salon_title{
	margin:60px 0 0 0
	}

.aki1{
	margin-top:24px;
	}

.aki2{
	margin-top:10px;
	}
	
.aki3{
	margin-top:50px;
	}
.salon_p{
	border:1px #999999 solid;
	margin:0 10px 0px 0;
	float:left;
	}

.salon_p_right{
	border:1px #999999 solid;
	}
	
.salon_text{
	line-height:1.4em;
	float:left;
	margin:0 0 30px 0
	}


.salon_text_left{
	line-height:1.4em;
	margin:0 10px 0 0;
	float:left;
	width:370px
	}	

.salon_text_left2{
	line-height:1.4em;
	margin:0 10px 0 0;
	float:left;
	width:450px
	}	
		
#salon_name{
	background:url(../images/salon/common/salon_name.jpg) no-repeat;
	width:574px;
	height:31px;
	color:#2600C2;
	font-weight:bold;
	font-size:18px;
	padding:5px 0 0 14px;
	margin-bottom:5px
	}
	
#photo_icon{
	width:68px;
	height:110px;
	float:left;
	font-size:10px;
	line-height:1em
	}

#camera_p{
	margin:6px 0 5px 6px;
	}

*html #camera_p{
	margin:6px 0 0px 3px;
	}		
#sub_box{

	}
	
#info_box{
	margin-top:20px
	}

#info{
	width:234px;
	height:460px;
	float:left;
	line-height:1.4em;
	margin:0px 14px 0 0
	}

*html #info{
	width:234px;
	float:left;
	margin:0px 7px 0 0
	}
	
*html #map{
	margin-top:40px

}
	
#map_border{
		border:1px solid #333333
		}
		
#hp_buttun{	
	margin:3px 0 0 60px;
	}
	
	

		
/***** コースメニュー *****************************************************************************/	
ul#course_index {list-style:none;}

ul#course_index li{ }

ul#course_index li a{
    display:block;
	text-indent:-9999px;
    overflow:hidden;
	width:583px;
	height:228px;
	list-style:none;
	}
	
a#btb {
	background:url(../images/course/index/btbs_title_index.jpg) no-repeat;
	}
	
a:hover#btb{
	background-position:0 -228px
	}	
	
a#cell {
	background:url(../images/course/index/cell_title_index.jpg) no-repeat;
	}
	
a:hover#cell{
	background-position:0 -228px
	}	

a#miracle {
	background:url(../images/course/index/miracle_title_inde.jpg) no-repeat;
	}
	
a:hover#miracle{
	background-position:0 -228px
	}			

a#core {
	background:url(../images/course/index/core_title_index.jpg) no-repeat;
	}
	
a:hover#core{
	background-position:0 -228px
	}	
	
a#fti {
	background:url(../images/course/index/fti_title_index.jpg) no-repeat;
	}
	
a:hover#fti{
	background-position:0 -228px
	}		

a#bio {
	background:url(../images/course/index/bio_title_index.jpg) no-repeat;
	}
	
a:hover#bio{
	background-position:0 -228px
	}	
	
			
.p_tokutyou{
	margin:0 14px 10px 0;
	float:left
	}

.f_right{
	float:right
	}

#course_menu {
	margin-bottom:14px;
	}
	
#course_menu li {
	background:url(../images/course/yaji_purple.gif) no-repeat;
	border-bottom:2px dotted #2B33CF;
	padding:6px 0 6px 26px;
	background-position: 4px 5px 
}

#course_menu li a{
	color:#0066FF;
	font-weight:bold;
	}	
	
#course_menu li a:hover{
	background-color:#62B0FF;
	color:#FFFFFF;
	padding:3px 5px;
	text-decoration:none;
	font-weight:bold;
	}

#here {
	background-color: #62B0FF ;
	color:#FFFFFF;
	padding:3px 5px;
	text-decoration:none;
	font-weight:bold;
	}



		
.other li {
	background:url(../images/course/yaji_purple.gif) no-repeat;
	padding:2px 0 0 20px;
	margin-bottom:10px;
	float:left;
	width:120px;
	height:14px;
	list-style-position:outside;
	}

*html .other li{
	background:url(../images/course/yaji_purple.gif) no-repeat;
	padding:2px 0 0 20px;
	margin-bottom:10px;
	float:left;
	width:140px;
	height:14px;
	list-style-position:outside;
	}
	
#price{
	margin:0 0 5px 0;
	width:550px	
	}


#price td {
	border-left:1px #383DBA solid;
	border-bottom:1px #383DBA solid;
	padding:6px 12px;
	font-size:12px;
	}

.hyou_midashi{
	background:#D9D5EC;
	font-weight:bold;
	border-top:1px #383DBA solid;
	text-align:center
	}

	
.hyou_right{
		border-right:1px #383DBA solid;
	}
	
#page_menu{
	margin:0 0 0px 0 
	}

#page_menu a{
		background:#8C7AFF;
		color:#FFFFFF;
		padding:2px 5px;
		border:1px #383DBA solid;
		text-decoration:none;
		font-size:10px;
		font-weight:bold
		}
		
#page_menu a:hover{
		background: #FF0000;
		color:#FFFFFF;
		border:1px #383DBA solid;
		}		
		
#course_layout h3{
	background:url(../images/course/part_title.jpg) no-repeat;
	width:547px;
	height:35px;
	color:#5C39A7;
	font-size:16px;
	font-weight:bold;
	padding: 25px 0 0 29px;
	margin:30px 0 0 0
	}

*html #course_layout h3{
	background:url(../images/course/part_title.jpg) no-repeat;
	width:576px;
	height:60px;
	color:#5C39A7;
	font-size:16px;
	font-weight:bold;
	padding: 25px 0 0 29px;
	margin:30px 0 0px 0
	}
	
.c_catch{
	color:#5C39A7;
	font-weight:bold;
	font-size:14px;
	margin:0 0 8px 0
	}
		
.course_text2{
	width:520px;
	line-height:1.5em
	}	

.course_text3{
	width:570px;
	line-height:1.5em
	}	
		
.course_text{
	width:400px;
	margin:0 20px 0 0;
	line-height:1.5em
	}

*html .course_text{
	width:400px;
	margin:0 10px 0 0;
	line-height:1.5em
	}
		
#course_title{
	}

.red{
	color: #0066FF;
	font-weight:bold
	}

.nagare_photo{
	float:left;
	height:121px;
	margin-right:10px;
	}
	
.number{
	margin-bottom:10px
	}
	
.nagare_box{
	line-height:1.4em;
	height:120px;
	margin-bottom:10px
	}
		
		
			
/***** タイトル *****************************************************************************/	
#title{
	margin-bottom:14px
	}



/***** 共通パンクズリスト *****************************************************************************/	

#pankuzu{
	font-size:10px;
	text-align:left;
	margin:3px 0 3px 19px;
	color: #888888
	}
	
#pankuzu a{
	color:#0066FF;
	}
		
#main_block{
	width:570px;
	margin:14px 0 0 18px
	}



/***** お申し込み　表組み *****************************************************************************/
.kibou{
	height:220px;
	}

*html .kibou{
	height:240px;
	}
	
*:first-child+html .kibou{
	height:240px;
	}
	
#hyou .midashi{
	width:130px;
	float:left;
	font-weight:bold
	}	

.dot {
	border-bottom:2px dotted #9ba0ff;
	height:3px;
	padding:0 0 10px 0;
	width:360px;
	margin:0 0 10px 130px
	}
	
#hyou li{
	border-bottom:2px dotted #2B33CF;
	padding:10px 0 12px 7px
	}
	
.hyou_border{
	border-bottom:2px dotted #2B33CF;
	padding:2px 0 0 0;
	height:0px;
	}

#hyou{
	width:500px;
	}

.input_buttun{
	text-align:center;
	margin-top:10px;
	}
	
#re_top{
	text-align:center;
	margin:20px 0 400px 0
	}
	
	
	

/***** フォント色 *****************************************************************************/	
.pink{
	color:#EA4092
	}

.keikoku{
	color:#FF0000;
	margin:26px 0 0px 0;
	font-weight:bold
	}	
.catch{
	font-size:14px;
	font-weight:bold;
	margin:0 0 7px 0
	}