@charset "UTF-8";

html, body {
	margin:0px;
   padding:0px;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   background-image: url(../img/bk1.jpg)}

img{
	border:0;
	    vertical-align: bottom;}

.mark {
	margin: 0 0 5px 0;
	padding: 0 0 0px 20px;
	background-image:url(../img/mark2.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.information {
	padding:0px;
	width:390px;
	height: 200px;
	overflow: auto;
}

.information dl {
	text-align: left;
	margin: 8px auto;
}

.information dt {
	clear: both;
	width: 115px;
	margin: 0 0 5px 0;
	padding: 0 0 0px 20px;
	background-image:url(../img/mark.jpg);
	background-repeat:no-repeat;
	background-position:5px 2px;
}

.information dd{
	margin: 0 0 10px 0;
	padding: 0 0 10px 25px;
	border-bottom: dotted 1px #999999;
	}
.plan-box {
	float:left;
	margin-bottom:25px;
}
.plan-box2 {
	float:left;
	padding-left:10px;
	margin-bottom:20px;
}


#top01{
	margin-top:-100px;
	margin-left:700px;
	float:left;
	z-index:20;	
	position:relative;

	}
#top02{
	margin-top:-230px;
	margin-left:20px;
	float:left;
	z-index:20;	
	position:relative;

	}
#top03{
	margin-top:-120px;
	margin-left:20px;
	float:left;
	z-index:20;	
	position:relative;

	}

/*ヘッダー------------------------------------------*/
#header {
	margin:0 auto;
	height:100%;
   overflow:hidden;
   width:100%;
   text-align:center;
	}

	#head04{
position:relative;
width:960px;
margin:0 auto;
clear:both;
padding:0px;
	}

	#head04 img{
	margin: 0;
    padding: 0;
    vertical-align: bottom;
	}


#column_head {
	clear:both;
	margin:0px auto;	
	width:960px;
	overflow: hidden;
	height:103px;
}

ul.head_menu{
	
    width:960px;
    padding:0;
    margin:0px auto;
}

ul.head_menu li{
display:block;
height:100%;
text-decoration:none;
list-style:none;   
padding:0px;
float:left;
}
/*メイン------------------------------------------*/
.main{
	position:relative;
}

#main_slide{
	position:relative;
	float:left;
	width:460px;
}

#slide{
	position:relative;
	padding:0px;
	width: 100%;
    height: 100%;
}


#menu{
	position:relative;
	margin-top:-304px;
	margin-left:300px;
list-style:none;   
padding:0px;
display:block;
}

#menu ul{
list-style:none;   
padding:0px;
margin:0;
}
#menu ul li{
list-style:none;   
padding:0px;
margin:0;
}

#main_menu{
	
	position:relative;
	float:right;
	width:500px;
	height:300px;
	margin:0;
}
#main_menu ul{
	margin:0;
	list-style:none;   
padding:0px;
}

#main_menu ul li{
margin:0;
padding:0px;
list-style:none;   
position:relative;
float:left;
height:150px;
}

#main_list{
	clear:both;
	position:relative;
	width:525px;
	margin-top:0px;
	padding:0;
}
#main_list ul{
	margin:0;
	list-style:none;   
	padding:0px;
}

#main_list ul li{

	list-style:none;   
	position:relative;
	float:left;
}

#bana-list{
	display:block;
	width:218px;
	height:268px;
	border:#CCC 1px solid;
	margin:0 10px 10px 0;
	padding:15px;
	background-color:#FFF;
	}

#bana-list h3{
	padding:10px 0 10px 0;
	
	}

#bana-list-c h3{
	padding:10px 0 10px 0;
	
	}

#left_menu{
	margin:10px 0 0 0;
	padding:0;}
	
#left_menu ul{
	list-style:none;
	margin:0;
	padding:0;}
#left_menu ul li{
	list-style:none;
	float:left;
	margin-right:13px;}
	
#left_menu #box{
	width:380px;
	height:140px;
	padding:0px;
	margin-bottom:10px;
	background-color:#FFF;}

#left_menu #img{
	float:left;}


#left_menu #box #txt{
	display:block;
	float:left;
	padding:0 0 0 10px;
	width:168px;
	height:90px;}
	
#left_menu #box #syosai{
	float:left;
	width:110px;
	height:40px;
	}
	
#left_menu #box #txt h3{
	padding:0;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	font-size:16px;}	



#left_menu #box #txt ul{
	display:block;
	width:168px;
	list-style:none;}

#left_menu #box #txt ul li{
	display:block;
	width:168px;
	font-size:12px;
	letter-spacing: 0em;
	clear:both;}
	
#left_menu #box #mark ul{
	padding:0;
	margin:0;
	list-style:none;}
#left_menu #box #mark ul li{
	}
	
#left_menu li.end{
	margin-right:0px;}

#left_menu #box h4{
	margin:0;
	padding:5px;}
	
#left_menu .syosai{
	margin-top:20px;
	bottom:0;}

#right_bottom{
	clear:both;
	position:relative;
	width:960px;
	margin-top:10px;
	padding:0;
}
#right_bottom ul{
	margin:0;
	list-style:none;   
	padding:0px;
}

#right_bottom ul li{
	margin:0;
	list-style:none;   
	position:relative;
	float:left;
}

#right_bottom ul .ct{
	margin:0;
	padding:0 15px 0 15px;
	list-style:none;   
	position:relative;
	float:left;
}

#right_menu{
	margin:0;
	padding:0;
}
#right_menu ul{
	margin:0;
	list-style:none;   
	padding:0px;
}

#right_menu ul li{
	margin-bottom:20px;
	padding:0;
}
/*メイン　enf------------------------------------------*/


/*コンテナ------------------------------------------*/

#outercontainer1 {
	
   height:100%;
   overflow:auto;
   width:960px;
   text-align:center;
   margin:0px auto;
   overflow: hidden;
   background-image: url(../img/bk.jpg)
  

}


#outercontainer2 {
	   min-height:100%;	   	   
background-position: top;
z-index: 90;
overflow: hidden;

}

#column_h {
	margin:0 auto;
	height:300px;
   overflow:hidden;
   width:100%;
   text-align:center;
	background:url('../img/main_bk.jpg') repeat-x;
}

#column_h_sub {
	margin:0 auto;
	height:150px;
   overflow:hidden;
   width:100%;
   text-align:center;
	background:url('../img/main_bk.jpg') repeat-x;
}

img.bk{
position: relative; top: 0px; z-index: 1;
}


#title {
	margin:-85px auto 0 auto;
	padding-left:40px;
	width:960px;
	text-align:left;
position:relative;
z-index:10;
}
#title h1{
	color:#FFF;
	font-size:28px;
}

#container {
	width:960px;
	height: 100%;
	margin:0px auto;
	text-align:left;
	z-index: 99;
	overflow: hidden;
}


#content {
	width:960px;
	overflow: hidden;
}

#column_2 {
		padding-left:30px;
   padding-top: 25px;
   float: left;
   width: 525px;
}
#column_2 ul {
   margin: 0px;
   padding: 0px;
}  
#column_2 li {
   list-style: none;
   margin-bottom: 0px;
}

#column_3 {

   float: left;
   width: 390px;
   padding-top: 25px;
   
letter-spacing: 0.1em;
line-height: 1.5em;
}

#column_32 {

 
   padding-top: 20px;
}

#column_22 {
   padding-top: 10px;
   float: left;
   width: 480px;
}

#column_33 {

   float: left;
   width: 480px;
   padding-top: 10px;
   
letter-spacing: 0.1em;
line-height: 1.5em;
}

#column_sub {float: left;
   width: 960px;
   padding-top: 20px;
}



/*TOPコンテンツ------------------------------------------*/
#t_c1{
	width:710px;
	height:42px;
	background:url('../images/news_01.jpg') no-repeat;
	}
#t_c2{
	padding:15px;
	height:250px;
	background:url('../images/news_02.jpg') repeat-y;
	}
#t_c3{
	background-color:#FFFFFF;
	padding:13px;
	overflow: auto;
	width:650px;
	height:250px;
		}
			
#t_c4{
	width:210px;
	height:42px;
	background:url('../images/kongetu.jpg') no-repeat;
	}


#mail1{
	padding-top:15px;
	padding-left:370px;
	padding-right:7px;
	}


/*サブメニュー------------------------------------------*/

#footer {
	border-top:#cccccc solid 1px;
	background-color:#000;
   overflow:auto;
   width:100%;
   height:30px;
   text-align:left;
   padding-top:4px;
   color:#fff;
   margin:0px;
	
	}
#foot {
	display:block;
	margin:0 auto;
    width:960px;
	height:30px;
	text-align:left;
	}	




#foot3 {
	display:block;
   width:960px;
   text-align:center;

   float:left;
   padding-top:4px;
   color:#fff;
	}
	
	
#pgt{
	display:block;
	margin:0 auto;
    width:960px;
	height:30px;
	text-align:right;
	padding-top:30px;
}

ul.h_menu {
    list-style:none;
	margin:0;
	padding:0;
    float:left;
	
	}
ul.h_menu li{
    list-style:none;
	margin:0;
	padding:0;
    float:left;
	}
	
	
#contact{
	margin-top:20px;
	margin-bottom:10px;
	display:block;
    list-style:none;
    padding-top:65px;
	padding-left:20px;
    width:200px;
	height:88px;
    float:left;
	text-align:left;
	background:url('../images/contact.jpg') no-repeat;
}

#sp10{
	clear:both;
	width:100%;
	height:10px;
}
#sp20{
	width:100%;
	height:20px;
}
#sp10h{
	clear:both;
	width:100%;
	height:10px;
}


/*見出し------------------------------------------*/

#midasi{
	background-color:#FF8F9B;
	color:#FFF;
	font-size:16px;
	padding:5px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:20px;
	}

#midasi2{
	color:#fff;
	font-size:14px;
	padding-top:8px;
	padding-left:40px;
	background:url('../images/bar_1.jpg');
	margin-bottom:15px;
	margin-top:10px;
	font-weight:bold;
	width:610px;
	height:27px;
	}
	
#q{
	
	color:#699fe5;
	font-size:16px;
	padding:5px;
	font-weight:bold;
	padding-top:15px;
	border-bottom:#699fe5 dotted 2px;
	}	
#qa{
	
	padding-top:10px;
	}	
#osusume{
	background:url('../images/osusume.jpg');
	margin-bottom:10px;
	margin-top:0px;
	width:610px;
	height:171px;
	padding-top:90px;
	padding-left:20px;
	padding-right:20px;
	}

#news2{
	width:618px;
	border-bottom:#999 1px solid;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	padding:15px; 
	}
#news2 li{
	width:100%;
	border-bottom:#999 dotted 1px;
	list-style:none;
	padding-left:5px;

	margin-bottom:8px;
	}
#news2 ul{
	width:100%;
	padding:0px;
	margin:0px;
	}
	

#menu{
	background:url('../images/menu.jpg');
	width:280px;
	height:35px;
	}
#menu2{
	width:280px;
	padding:0px; 
	margin:0px;
	}
#menu2 li{
	margin:0px;
	width:100%;
	height:29px;
	list-style:none;
	padding-left:30px;
	padding-top:10px;
background:url('../images/menu2.jpg');
	}
#menu2 ul{
	width:100%;
	padding:0px;
	margin:0px;
	}
	
.c_1 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-image: url('../images/content_01.gif');
	background-repeat: no-repeat;
	height: 42px;
	width: 620px;
	padding-left: 30px;
	text-align:left;
}
.c_2 {
	background-image: url('../images/content_02.gif');
	background-repeat: repeat-y;
	padding: 20px;
	width: 610px;
}
.c_3 {
	background-image: url('../images/content_03.gif');
	background-repeat:no-repeat;
	height: 10px;
	width: 650px;
}

.bar_1 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-image: url('../images/bar_1.jpg');
	background-repeat: no-repeat;
	height: 30px;
	width: 600px;
	padding-left: 25px;
	padding-top:8px;
	
	text-align:left;
}

#kigyo li{
	list-style:none;
	padding:0px;
	}
#kigyo ul{
	padding:10px;
    margin:0px auto;
	}	
.komu{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-image: url('../images/komu.gif');
	background-repeat: no-repeat;
	height: 25px;
	width: 600px;
	padding-left: 25px;
	padding-top:4px;
	
	text-align:left;
}	    

.kaiin {
	color: #333;
	background-image: url('../images/kaiin.jpg');
	background-repeat: no-repeat;
	height: 85px;
	width: 280px;
	padding-left: 10px;
	padding-top:275px;
	text-align:left;
}
.kaiin li{
	list-style:none;
	padding-left:7px;
	float:left;
	}
.kaiin ul{
	padding:0px;
    margin:0px auto;
	}	
	
	.setubi {
	width:220px;
	margin-bottom:20px;
	float:left;
	position:relative;
}
	.setubi2 {

	margin-bottom:10px;
}


.left {
	padding-left:20px;
}

.cleafix{
	clear:both;
	}
	
.demo1 a   {
	width:300px;
	height:60px;
    border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #FFF;
	background-color:#0098d8;
}  
/*シャンプー------------------------------------------*/

#sha_top{
	
	
}
#sha_bana{
	margin:30px 0 30px 0;
	padding-left:50px;
	padding-right:50px;
	width:960px;
	height:120px;
}
#sha_bana2{
	margin-right:60px;
	width:400px;
	float:left;
}

#sha_bana2 img{
	margin-bottom:20px;
}
#sha_bana3{
	width:400px;
	float:left;
}

#sha_bana3 img{
	margin-bottom:20px;
}
#sha_men{
	margin:0px 0 10px 0;
}

#sha_read{
	margin:0;
	width:960px;
}
#sha_read2{
	clear:both;
	margin-right:30px;
	width:461px;
	float:left;
	margin-bottom:30px;
}

#sha_read2 img{
	margin-bottom:10px;
}
#sha_read3{
	width:461px;
	float:left;
	margin-bottom:30px;
}

#sha_read3 img{
	margin-bottom:10px;
}

#sha_qa{
	clear:both;
	width:960px;
	margin:40px;
	text-align:center;
}

#main-readtxt{
	width:100%;
	padding:10px 10px 10px 30px;
	background-color:#FFF;}


#staff{
	width:100%;
	padding-top:10px;}