/* CSS Document */



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



/***** ページ上部のみの背景設定 *****************************************************************************/	

#bg{
	background: url(../images/common/bg.png) no-repeat;
	background-position:center top;

}

/***** レイアウト包括 *****************************************************************************/	

#wrap{ background-color:#FFFFFF;
		width:812px;
		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;
	padding:0;
}

#header h1{
			color:#603813;
			font-size:10px;
			padding-top:5px;
			height:21px;
			line-height:1em;
			text-align:left
		}
			
*html #header h1{
			color:#603813;
			font-size:10px;
			padding-top:5px;
			}			

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

/***** グローバルナビーション ************************************************************/


ul#g_navi {list-style:none;}

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) 0px 0px  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:136px;
	height:38px;
}
a:hover#guidance{background-position:  -676px -53px;}


.header_line{
	border-bottom:4px solid #252AA7;
	}	

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

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

#catch_top{
	font-size:14px;
	line-height:1.8em;
	margin-bottom:20px;
	font-weight:bold;
	color:#3333CC
	}

/***** /#メインビジュアル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:20px 0 0 18px
	}
	
#new ul{
	background: url(../images/common/new_bg.jpg) repeat-y;
	background-position:right
	}	
#new li{
	border-bottom:2px dotted #2B33CF;
	padding:7px 0 7px 7px
	}
	
#new_border{
	border-bottom:2px dotted #2B33CF;
	padding:0;
	height:0px
	}
		
.date{
	color:#2B33CF;
	margin-right:20px
	}
	
	
		
/***** /申込ブロック　ページ下 ****************************************/	

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

#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:23px 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_campain a{
	width:183px;
	height:183px;
	background:url(../images/common/1st.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:5px 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:#603813;
			font-size:10px;
			height:24px;
			margin-left:13px;
			padding-top:4px
			}
*html #header h2{
			color:#603813;
			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 545px
	}

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