/* CSS Document */

body{
padding:0px;
margin:0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#666;
text-align:center;
}
body *{font-size:xx-small;line-height:1.6em;font-weight:normal;}
html>body *{font-size:11px;}
img{border:0px;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6,p,strong{padding:0px;margin:0px;}
a{color:#666;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}
strong{font-weight:bold;}
table{border-collapse:collapse;text-align:left;}


.mr5{margin-right:5px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.pt15{padding-top:15px}


.linetop{
background:url("../images/dot.gif") repeat-x top;
padding-top:10px;}

.linebottom{
background:url("../images/dot.gif") repeat-x bottom;
}

.lineleft{border-left:#CCCCCC 1px solid;}




/* clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*　　　　　　　　レイアウト用
------------------------------------------------*/
#basebox{
width:970px;
height:580px;
position:absolute;
top:50%;
left:50%;
margin-top:-295px;
margin-left:-485px;
text-align:center;
}

/*\*/ /*/
#basebox{
margin-top:100px;
}
/**/

#basebox div{text-align:left;}

#head{
border:#000;
width:870px;
height:50px;
margin:0px auto;
text-align:right
}


#flashbox{width:870px;height:532px;}

#gtit{
width:86px;
height:32px;
padding:0px;
margin:0px 310px 0px 0px; /* 324px */
float:left;}


/*\*/ /*/
#gtit{
margin:0px 305px 0px 0px
}
/**/
/* 324px */


ul#gmenu{
margin:15px 0px 0px 0px;
padding:0px;
float:left;
}

#gmenu li{
list-style:none;
margin:0px;
padding:0px;
float:left;
}


#cntbox{
width:870px;
height:492px;
margin:0px auto;
}

#foot{
width:870px;
border-top:#000 6px solid;
padding-top:12px;
margin:6px auto 10px auto;
text-align:right;
}


#topfoot{
border-top:#CCC 1px solid;
width:870px;
padding-top:9px;
margin:6px auto 10px auto;
text-align:left;
}

#topfoot ul,#foot ul{
margin:0px;
padding:0px;
}

#topfoot li,#foot li{
	list-style:none;
	margin:0px;
	padding:5px 0;
	float:left;
	width:216px;
	text-align:center;
}

#topfoot li p,#foot li p{
color:#333;
margin-left:10px;
font-size:xx-small;
}

html>body #foot li p{
font-size:10px;}
html>body #topfoot li p{
font-size:10px;}



address {
font-style:normal;
margin-top:5px;
text-align:right;}


#imgphoto{
width:280px;
height:492px;
margin-right:15px;
float:left;
}

#mainbox{width:575px;
height:492px;
float:left;
}

#cnttit{height:110px;
margin:0px;
padding:0px;
}


#maintxt{
width:280px;
height:372px;
float:left;
margin-top:10px;
margin-right:15px;
overflow:auto;}


/*\*/ /*/
#maintxt p{
width:278px;
margin:0px;
padding:0px;
}
/**/




#mainsub{
width:280px;
height:372px;
margin-top:10px;
float:left;
}



/*　　　　　　　　company
------------------------------------------------*/


dl{
width:280px;
margin:0px;padding:0px;
}

dt,dd{
margin:0px;
padding:0px;
float:left;
width:56px;
padding-bottom:10px;
}

dd{width:224px;}



#maintxt2{
width:575px;
height:372px;
margin-top:5px;
overflow:auto;}


#maintxt2 dl{
width:575px;
margin:0px;
padding:0px;
}

#maintxt2 dt{
width:30px;
float:left;
margin:7px 10px 0 0;
padding:0;
clear:both;

}

#maintxt2 dd{
width:535px;
float:left;
margin:7px 0 0 0;
padding:0;
}

#maintxt2 dd p,
#maintxt2 dt p{
line-height:1.4em;
padding:0;
margin:0;
}

/*\*/ /*/
#maintxt2 dt{
clear:none;}
/**/

.return{text-align:right;
margin-top:-28px;
font-size:xx-small;}

html>body p.return{font-size:10px;}

/*　　　　　　　　hair design
------------------------------------------------*/

.hairbg{background:url("../hairdesign/images/matrixbg.jpg") no-repeat 100% 54%;}

html>body .hairbg{background:url("../hairdesign/images/matrixbg.jpg") no-repeat 100% 58%;}

#matrix_img{
position:relative;
width:205px;
height:198px;
margin:43px 0px 0px 50px;
}

/*\*/ /*/
#matrix_img{
margin:60px 0px 0px 60px;
}
}
/**/



#matrix_img img{
margin-right:10px;
margin-bottom:10px;
padding:0px;
}

#matrix_bg{
z-index:1;
position:relative;
margin-top:-330px;
margin-left:-43px;
}



#matrix01,#matrix02,#matrix03,#matrix04,#matrix05,#matrix06,#matrix07,#matrix08,#matrix09
{
position:absolute;
width:270px;
height:285px;
margin-left:304px;
margin-top:120px;
z-index:10;
background-color: #fff;
visibility:hidden;
text-align:center;
border-bottom:#ccc 1px solid;
border-right:#ccc 1px solid;
border-top:#eeeeee 1px solid;
border-left:#eeeeee 1px solid;
}

div.matrixbox p {
width:240px;
text-align:right;
padding:0px;
margin:0px 15px;
}
div.matrixbox img.matrixl{
margin:15px 15px 5px 15px;
padding:0px;
}




/*　　　　　　　　　salon
------------------------------------------------*/

#cnttit02{
height:110px;
margin:0px;
padding:0px;
background-image:url(../salon/images/title.gif);
background-repeat:repeat-x;
}

#salontit{
margin:70px 84px 0px 0px;
float:left;
}

ul#salonmenu{
margin:78px 0px 0px 0px;
padding:0px;
float:left;
}

#salonmenu li{
list-style:none;
margin:0px;
padding:0px;
float:left;
}

ul#shopmenu{
margin:5px 0px 0px 0px;
padding:0px;
}


#shopmenu li{
list-style:none;
margin-right:10px;
padding:0px;
float:left;
}

#shopmenu img{
margin-right:3px;
}


dl#salon{
width:280px;
margin:0px;
padding:0px;
margin-top:10px;
}


dl#salon dt,
dl#salon dd{
margin:0px;
padding:0px;
float:left;
width:56px;
background:none;
padding-bottom:2px;
}

dl#salon dd{width:224px;}

dl#salon .linetop{
padding-top:2px;
background:none;}

dl#salon .linebottom{
background:none;}

dl#salon span{font-size:xx-small;}
html>body dl#salon span{font-size:9px;}

#salonphoto{width:280px;height:90px;}
#smallmap{width:280px;height:220px;margin:5px 0px 2px 0px;}
#smallmapadd{font-size:xx-small;}
html>body #smallmapadd{font-size:10px;}

/*　　　　　　　　price
------------------------------------------------*/
.pricecnt{
font-size:10px;
width:575px;
font-style:normal;
text-align:left;
margin:0px auto 15px auto; 
}


.pricehead{
width:575px;
height:45px;
border-bottom:#ccc 1px solid;
margin:0px;
padding:0px;
}

.pricetxt{
margin:5px 0px;
padding-bottom:5px;
border-bottom:1px #ccc solid;
}

.pricehead h1{
width:180px;
float:left;
margin:0px;
paddong:0px;
margin-top:15px;
}

.pricemenu{
width:395px;
text-align:right;
float:left;
}


.pricemenu ul{
padding:0px;
margin:0px;
margin-top:15px;
float:right;
}

/*\*/ /*/
.pricemenu{width:265px;}
/**/

.pricemenu li{
list-style:none;
padding:0px;
margin:0px;
float:left;
}
.pricemenu li img{
margin-left:15px;
}

/*\*/ /*/
.pricemenu li{{display:inline;width:70px;}
/**/


.pricebox,
.pricebox02{
width:280px;
padding:5px 0px;
/*border-bottom:#666666 1px dotted;*/
background:url("../images/dot.gif") repeat-x bottom;
}

.bdnone{border-bottom:none;}
.bdtop{/*border-top:#666666 1px dotted;*/
background:url("../images/dot.gif") repeat-x bottom;}


.pricebox table{
width:280px;}

.pricebox02{
width:575px;
}
.pricebox02 table{
width:575px;}


.price_l{
width:280px;
float:left;
margin-right:15px;
margin-bottom:15px;
}

.price_r{
width:280px;
float:left;
margin-bottom:15px;
}

.pricecnt strong{
color:#000;
margin-right:10px;
}

.pricecnt th{
font-size:xx-small;
padding:2px 0px;
vertical-align:top;
}
html>body .pricecnt th{font-size:11px;}

.pricecnt span{font-size:xx-small;}
html>body .pricecnt span{font-size:10px;}



.pricetit{width:100px;}
.pricetit01{width:210px;}
.pricetit02{width:480px;}
.price{text-align:right;}
.price01{text-align:right;width:90px;}

.priceul{
margin:10px 0px 0px 0px;
padding:0px;
}

.priceul li{
list-style-position:outside;
list-style-image:url(../images/li.gif);
margin-left:15px;
margin-bottom:5px;}



/*　　　　　　　　　　map
------------------------------------------------*/
#mapcnt{
width:600px;
height:510px;
position:absolute;
top:50%;
left:50%;
margin-top:-255px;
margin-left:-305px;
text-align:right;}

#mapcnt #map{text-align:left;margin-bottom:10px;}





/*　　　　　　globalMenu (add 11.03.30)
------------------------------------------------*/
#gHeader {
	margin: 0 50px;
	margin-bottom:2px;
}
* html #gHeader              { margin-bottom:13px; } /* IE6 */
*:first-child+html #gHeader  { margin-bottom:13px; } /* IE7 */

  /* animation */
	#gHeader a img {
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
	}
	#gHeader a:hover img {
		-ms-filter: "alpha( opacity=40 )";
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	
	
  /* style */
	#gHeader h1 {
		float:left;
	}
	
	#gHeader .nav {
		float:right;
		margin-top: 10px;
	}
	
		#gHeader .nav ul {}
		
			#gHeader .nav ul li {
				float:left;
				list-style-type: none;
				display: inline;
				border-right: #ddd 1px solid;
				line-height: 0;
			}
			#gHeader .nav ul li.last {
				border-right: none;
			}
			
				#gHeader .nav ul li img{
					vertical-align: text-top;
				}
				#gHeader .nav ul li.current img {
					-ms-filter: "alpha( opacity=40 )";
					filter:alpha(opacity=40);
					opacity:0.4;
				}