/* CSS Document */



html, body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#C8CBDA;
	color: #333;
	text-align: center;
	position:relative;
}

#top_text{
	background:  url(http://www.btb.co.jp/images/index/bg_text.gif) no-repeat;
	width:539px;
	height:130px;
    padding:18px;
    color:#FFFFFF;
    line-height:1.8em;
		vertical-align:bottom
	}
	
*html #top_text{
 	background:  url(http://www.btb.co.jp/images/index/bg_text.gif) no-repeat;
	width:575px;
	height:166px;
    padding:18px;
    color:#FFFFFF;
    line-height:1.8em;
	vertical-align:bottom
 	}
	
	
#aisatsu{
	margin:30px 0 0 8px;
	line-height:1.9em
	}
.aki_top{
	margin-top:10px;
	}
#aisatsu h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#01095a
	}
		
#topics{
	background:url(/images/index/topics_image.jpg) no-repeat;
	width:578px;
	height:195px;
	padding:8px 0
	}
.banner_aki{
	margin-top:4px;
	}
.contents_aki{
	margin-top:20px;
	}
		
#topics_banner li{
	float:left;
	margin-left:7px;
	}
	
	
.tonikaku{
	font-weight:bold;
	font-size:16px;
	color:#FF0000;
	line-height:1.3em
	}
	
/***** レイアウト包括 *****************************************************************************/	

#wrap{ background-color:#FFFFFF;
		width:828px;
		margin:0 auto 0 auto}



/***** 一般設定 *****************************************************************************/	

h1, h2, h3, h4, h5, h6, address {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-style: normal;
	font-weight: normal;
	
}



div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	border: 0;
	
}



table, caption, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-style: normal;
	font-weight: normal;
	
}


ul, li{
	list-style:none;
	}


hr {
	margin: 0px;　padding: 0px;
	}


.clear{
	clear:both;
	}


form, fieldset, input, button, select, optgroup, option, textarea,
label, legend 
{
	margin: 0px;　　padding: 0px;
}



span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,

ins, del, a, img, object {
	margin: 0px;
	padding: 0px;
	border: 0;
}


object {
	display: block;
}


hr {
	display: none;
}



label {
	cursor: pointer;
}


img {
	vertical-align: bottom
	}


.f_left{
	float:left
	}
	
	
/***** アンカー設定 *****************************************************************************/	
	a:link  {
		color: #0066FF;
		text-decoration: none;
	}
	
	a:visited {
	color:  #0066FF;
		text-decoration: none;
	}
	
	a:hover {
		color:#FF0000;
		text-decoration: underline;
	}

	
	
/***** ヘッダー *****************************************************************************/

#header {
	position: relative;
	width: 812px;
	height:77px;
	margin: 0 auto 0 auto;
	padding:0;
}

#header h1{
			color:#fff;
			font-size:10px;
			padding-top:15px;
			height:11px;
			background-color:#000A5A
			}
			
*html #header h1{
			color:#fff;
			font-size:10px;
			padding-top:14px;
			background-color:#000A5A
			}			

			
#bioeste_logo{
	width:241px;
	height:77px;
	float:left;
	}
				

/***** グローバルナビーション ************************************************************/
#g_navi2{
	width:812px;
	margin:0 auto 0 auto;
	text-align:center;
	}
*html #g_navi2{
	width:812px;
	margin-left:4px;
	text-align:center;
	}
		
#g_navi2 ul{
	width:810px;
	height:40px;
	

	}
#g_navi2 li{
	float:left;
	}
	


ul#g_navi {
	width:810px;
	list-style:none; 
	margin:0 auto 0 auto;
	background:#000a5a;
	height:40px
		}
		
*html ul#g_navi{
	width:810px;
	list-style:none; 
	background:#000a5a;
	margin:0;
	height:40px
		}
		
ul#g_navi li{list-style:none; float:left;}

ul#g_navi a{
    display:block;
	text-indent:-9999px;
    overflow:hidden;
	}



/***** TOP ******/
a#top{
    background: url( /images/common/g_navi.jpg) 0 0 no-repeat;
	width:135px;
	height:38px;
}

a:hover#top{background-position:0px -53px;}



/***** コースメニュー ******/
a#course{
    background: url(/images/common/g_navi.jpg) -135px 0px  no-repeat;
	width:135px;
	height:38px;
}
a:hover#course{background-position:-135px -53px;}



/***** はじめての方へ ******/
a#hajimete{
    background: url(/images/common/g_navi.jpg) -271px 0px  no-repeat;
	width:135px;
	height:38px;
}

a:hover#hajimete{background-position:-271px -53px;}


/***** バイオエステとは研究開発 ******/
a#develop{
    background: url(/images/common/g_navi.jpg) -406px 0px  no-repeat;
	width:135px;
	height:38px;
}
a:hover#develop{background-position:-406px -53px;}


/***** Q&A ******/
a#qa{
    background: url(/images/common/g_navi.jpg) -541px 0px  no-repeat;
	width:135px;
	height:38px;
}
a:hover#qa{background-position: -541px -53px;}


/***** サロンのご案内 ******/

a#guidance{
    background: url(/images/common/g_navi.jpg) -676px 0px  no-repeat;
	width:135px;
	height:38px;
}
a:hover#guidance{background-position:  -676px -53px;}




/***** /#contents **************************************************/

#contents {
	position: relative;
	width: 812px;
	margin: 0 auto;
	text-align: justify;
	display: block;
	height: 1%;
	color: #444;
}



/***** /#メインビジュアルTOP *****/

#main_visual{
	width:812px
	}




/***** 左ブロック **************************************************/

#left-block{
	width:595px;
	position: relative;
	float:left;
	margin-right:16px
	}

*html #left-block{
	width:595px;
	position: relative;
	float:left;
	margin-right:6px
	}


/***** /#what's New *****/

#new{
	width:570px;
	margin:0px 0 0 5px;
	height:150px;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#999;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;
	border-top:1px solid #01095a;
	border-bottom:1px solid #01095a;
	
	}
	
#new ul{
	background-position:right
	}	
#new li{
	width:530px;
	border-bottom:2px dotted #2B33CF;
	padding:7px 0 7px 7px
	}
	
#new_border{
	width:536px;
	border-bottom:2px dotted #2B33CF;
	padding:0;
	height:0px
	}
		
.date{
	color:#2B33CF;
	margin-right:14px
	}
	
.blue{
	color:#2B33CF;
	font-weight:bold
	}
		
		
/***** /申込ブロック　ページ下 ****************************************/	

#footer_moushikomi{
	width:583px;
	height:127px;
	margin:36px 0 18px 14px
	}

#footer_moushikomi2{
	width:583px;
	height:127px;
	margin:36px 0 18px 0px
	}　
#moushikomi{
	width:583px;
	}
	
#moushikomi li{
	float:left
	}


ul#moushikomi a{
    display:block;
	text-indent:-9999px;
    overflow:hidden;
	}

a#moushikomi_buttun{
    background: url(/images/common/toi_buttun_03.jpg) 0px 0px  no-repeat;
	width:237px;
	height:65px;
}


a:hover#moushikomi_buttun{background-position:-0px -65px;}





	
/***** /右ブロック *******************************************************/

#right-block{
	width:187px;
	position: relative;
	float:left;
	margin:16px 0 30px 0
	}


/***** お申込みボタン *****/

#side_moushikomi a{
	width:187px;
	height:68px;
	background:url(/images/common/side_moushikomi.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px
	}
	
#side_moushikomi a:hover{
	background-position:0 -68px
	}



/***** サロンご案内ボタン *****/


#side_salon a{
	width:183px;
	height:88px;
	background:url(/images/common/salon_banner.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:3px 0 10px 2px;
	}
	
#side_salon a:hover{
	background-position:0 -93px
	}
	
	
	
/***** バイオエステとはボタン *****/


#side_towa a{
	width:183px;
	height:88px;
	background:url(/images/common/towa.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:5px 0 8px 2px
	}
	
#side_towa a:hover{
	background-position:0 -94px
	}
	
	
/***** 動画ボタン *****/

#side_douga a{
	width:183px;
	height:125px;
	background:url(/images/common/douga.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:5px 0 10px 2px
	}
	
#side_douga a:hover{
	background-position:0 -128px
	}


	
	
/***** ストラップボタン *****/

#side_strap a{
	width:183px;
	height:90px;
	background:url(/images/common/strap.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:5px 0 20px 2px
	}
	
#side_strap a:hover{
	background-position:0 -92px
	}
	
.side_title{
	margin-top:13px;
	}	
	
/***** キャンペーンバナー *****/

#side_campain a{
	width:183px;
	height:183px;
	background:url(/images/common/1st.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:1px 0 0 2px
	}
	
#side_campain a:hover{
	background-position:0 -183px
	}
	
	
	
	
/***** #footer *****************************************************/

#footer {
	width: 812px;
	margin: 0 auto;
	clear:both;
}

#footer_line{
	border-bottom:1px solid #252AA7;
	}
	
#footer_text{
	width:419px;
	padding:10px;
	line-height:1.5em;
	float:left
	}
	
#footer h2{
			color: #000099;
			font-size:10px;
			padding-top:15px;
			height:11px;
			margin-left:13px
			}
*html #header h2{
			color: #000099;
			font-size:10px;
			padding-top:14px;
			}			
			
			

/***** ページトップボタン *****************************************************/			

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

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


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

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