@charset "utf-8";
/* CSS Document */

body{ background:url(../jpg/bg-10.jpg); border-top:#dbd4c1 solid 12px; font:12px "ヒラギノ丸ゴ Pro W4", 'Hiragino Maru Gothic Pro', verdana, "ＭＳ ゴシック", "Osaka", sans-serif, sans-serif;*font-size:small;*font:x-small;line-height: 160%;-webkit-text-size-adjust : none;}


img.bg {
  /* Set rules to fill background */
  min-height: 900px;
  min-width: 1600px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position:absolute;
  /* またはabsolute; */
  top: 0;
  left: 0;
}


#special{
	margin:50px 0px 0px 0px;
}

#special span{
	font-weight:bold;
}

#special ul{
	margin:0px 0px 0px 0px;
}

#special li{
	float:left;
	width:250px;
	margin:0px 0px 50px 0px;
}


#top_apish:hover,#top_rita:hover,#top_jeno:hover,#top_ginza:hover,#top_cherie:hover{
-moz-transition: -moz-transform 0s linear;
-webkit-transition: -webkit-transform 0s linear;
-o-transition: -o-transform 0s linear;
-ms-transition: -ms-transform 0s linear; 

-moz-transform: rotateZ(5deg);
-webkit-transform: rotateZ(5deg);
-o-transform: rotateZ(5deg);
-ms-transform: rotateZ(5deg);
}


.titile{
	width:980px;
	margin:30px auto;
	text-align:center;
}


#shop_ga{
	margin:0px auto;
	width:980px;
	min-height:700px;
	text-align:center;
}

#shop_gallery{
	margin:30px auto 0px;
	width:100%;
	min-height:700px;
	text-align:center;
}

#top_apish{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
}

#top_rita{
	position:absolute;
	margin:0px 0px 0px 145px;
	padding:350px 0px 0px 0px;
}

#top_jeno{
	position:absolute;
	margin:0px 0px 0px 300px;
	padding:0px 0px 0px 0px;
}

#top_ginza{
	position:absolute;
	margin:0px 0px 0px 740px;
	padding:50px 0px 0px 0px;
}

#top_cherie{
	position:absolute;
	margin:0px 0px 0px 495px;
	padding:350px 0px 0px 0px;
}



#under_menu{
/*	position:absolute;
	left:0px;
	bottom:0px;*/
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	border-bottom:#dbd4c1 solid 12px;
}

#under_menu ul{
	width:980px;
	margin:0 auto 0px;
	padding:0px;
}

#u_l{
	float:left;
	width:200px;
	text-align:left;
	padding:10px 0px 0px 0px;
}

#u_c{
	float:left;
	width:580px;
	text-align:center;
}

#u_r{
	float:left;
	width:200px;
	text-align:right;
	padding:10px 0px 0px 0px;
}


.maximg90
{
  max-width: 90%;
  height: auto;
}





div#container {
  position: relative;
}

/*a{text-decoration:none; color:#643c0d}
a:hover{text-decoration:none; color:#F36}
a.underline{text-decoration:none;}*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

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

.logo{position:absolute;width:980px;top:30px;left:28px;z-index:100;}
.logo img{width:980px;height:70px;}

.nav{width:750px;position:absolute;left:45px;top:150px;z-index:100;text-align:left;}
/*.navi {width: 255px; height:420px; padding: 2px 5px; position:absolute; top:16px; left:16px; }*/



a img{border:0;}
a:hover img.fadeimg{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.fade{
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.semi_t{
margin:30px 0px 0px 0px;
padding:0px;
}





#hair_gallery{
	margin:0 auto;
	width:800px;
	height:480px;
}

#hair_gallery2{
	margin:0 auto;
	width:600px;
	height:480px;
}

#hair_gallery3{
	margin:0 auto;
	width:600px;
	height:700px;
}


#hair_gallery ul,#hair_gallery2 ul,#hair_gallery3 ul{margin:0px;padding:0px;}
#hair_gallery li,#hair_gallery2 li,#hair_gallery3 li{ float:left;margin:0px 0px 50px;padding:0px;width:200px;height:180px;text-align:center;}
#hair_gallery a img,#hair_gallery2 a img,#hair_gallery3 a img{border: solid 2px #dbd4c1;}

#wrapper{display;block;}

    #fade {
    position:fixed;
    _position:absolute; /* ie6 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fffcf7;
    }
	
	


@media screen and (max-width: 1024px){
img.bg {
  left: 40%;
  margin-left: -600px;
  width:auto; }



.titile{
	width:100%;
	margin:30px auto;
	text-align:center;
}

#u_c img{
	width:25%;
	height:auto;
}

#u_c{
	padding:10px 0px 0px 0px;
}


}


	
@media screen and (max-width: 768px){



.titile{
	width:700px;
	margin:30px auto;
	text-align:center;
}

.titile img{width:700px; height:auto;}

#shop_ga{
	width:700px;
	margin:0 auto;
	min-height:550px;
	text-align:left;
}




#top_apish,#top_rita,#top_jeno,#top_ginza,#top_cherie{
	width:200px;
}

#top_apish img,#top_ginza img{
	width:90%;
	height:auto;
}

#top_rita img,#top_jeno img{
	width:120%;
	height:auto;
}

#top_cherie img{
	width:135%;
	height:auto;
}



#top_apish{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
}
#top_rita{
	position:absolute;
	margin:0px 0px 0px 115px;
	padding:250px 0px 0px 0px;
}

#top_jeno{
	position:absolute;
	margin:0px 0px 0px 240px;
	padding:0px 0px 0px 0px;
}

#top_ginza{
	position:absolute;
	margin:0px 0px 0px 530px;
	padding:50px 0px 0px 0px;
}

#top_cherie{
	position:absolute;
	margin:0px 0px 0px 360px;
	padding:250px 0px 0px 0px;
}



#under_menu{
/*	position:absolute;
	left:0px;
	bottom:0px;*/
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	border-bottom:#dbd4c1 solid 12px;
}

#under_menu ul{
	width:700px;
	margin:0 auto 0px;
	padding:0px;
}


#u_l img,#u_r img{
	width:60%;
	height:auto;
}

#u_c img{
	width:40%;
	height:auto;
}

#u_l{
	float:left;
	width:25%;
	text-align:left;
	padding:10px 0px 0px 0px;
}

#u_c{
	float:left;
	width:50%;
	padding:10px 0px 0px 0px;
	text-align:center;
}

#u_r{
	float:left;
	width:25%;
	text-align:right;
	padding:10px 0px 0px 0px;
}


#hair_gallery{
	margin:0 auto;
	width:700px;
	height:480px;
}

#hair_gallery li{ float:left;margin:0px 0px 50px;padding:0px;width:175px;height:180px;text-align:center;}


	}
	
	
	
@media screen and (max-width: 640px){
 



.titile{
	width:550px;
	margin:30px auto;
	text-align:center;
}

.titile img{width:550px; height:auto;}

#shop_ga{
	width:550px;
	margin:0 auto;
	min-height:380px;
	text-align:left;
}




#top_apish,#top_rita,#top_jeno,#top_ginza,#top_cherie{
	width:140px;
}

#top_apish img,#top_ginza img{
	width:90%;
	height:auto;
}

#top_rita img,#top_jeno img{
	width:120%;
	height:auto;
}

#top_cherie img{
	width:135%;
	height:auto;
}



#top_apish{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
}
#top_rita{
	position:absolute;
	margin:0px 0px 0px 85px;
	padding:170px 0px 0px 0px;
}

#top_jeno{
	position:absolute;
	margin:0px 0px 0px 180px;
	padding:0px 0px 0px 0px;
}

#top_ginza{
	position:absolute;
	margin:0px 0px 0px 415px;
	padding:50px 0px 0px 0px;
}

#top_cherie{
	position:absolute;
	margin:0px 0px 0px 280px;
	padding:170px 0px 0px 0px;
}



#shop_gallery{
	min-height:200px;
}


#under_menu ul{
	width:550px;
	margin:0px auto;
	padding:0px;
}


#u_l img,#u_r img{
	width:70%;
	height:auto;
}

#u_c img{
	width:50%;
	height:auto;
}



#u_l{
	float:left;
	width:140px;
	text-align:left;
	padding:10px 0px 0px 0px;
}

#u_c{
	float:left;
	width:270px;
	padding:10px 0px 0px 0px;
	text-align:center;
}

#u_r{
	float:left;
	width:140px;
	text-align:right;
	padding:10px 0px 0px 0px;
}

#hair_gallery{
	margin:0 auto;
	width:480px;
	height:700px;
}

#hair_gallery2{
	margin:0 auto;
	width:480px;
	height:460px;
}

#hair_gallery3{
	margin:0 auto;
	width:480px;
	height:700px;
}


#hair_gallery img,#hair_gallery2 img,#hair_gallery3 img{width:130px; height:auto;}

#hair_gallery ul,#hair_gallery2 ul,#hair_gallery3 ul{margin:0px;padding:0px;}
#hair_gallery li,#hair_gallery2 li,#hair_gallery3 li{ float:left;margin:0px 0px 50px;padding:0px;width:160px;height:180px;text-align:center;}
#hair_gallery a img,#hair_gallery2 a img,#hair_gallery3 a img{border: solid 2px #dbd4c1;}





@media screen and (max-width: 480px){
 



.titile{
	width:300px;
	margin:15px auto;
	text-align:center;
}

.titile img{width:300px; height:auto;}

#shop_ga{
	width:300px;
	margin:0 auto;
	min-height:280px;
	text-align:left;
}




#top_apish,#top_rita,#top_jeno,#top_ginza,#top_cherie{
	width:90px;
}

#top_apish img,#top_ginza img{
	width:90%;
	height:auto;
}

#top_rita img,#top_jeno img{
	width:120%;
	height:auto;
}

#top_cherie img{
	width:135%;
	height:auto;
}



#top_apish{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}
#top_rita{
	position:absolute;
	margin:0px 0px 0px 35px;
	padding:150px 0px 0px 0px;
}

#top_jeno{
	position:absolute;
	margin:0px 0px 0px 95px;
	padding:0px 0px 0px 0px;
}

#top_ginza{
	position:absolute;
	margin:0px 0px 0px 215px;
	padding:20px 0px 0px 0px;
}

#top_cherie{
	position:absolute;
	margin:0px 0px 0px 150px;
	padding:150px 0px 0px 0px;
}



#shop_gallery{
	min-height:200px;
}


#under_menu ul{
	width:300px;
	margin:0px auto;
	padding:0px;
}


#u_l img,#u_r img{
	width:100%;
	height:auto;
}

#u_c img{
	width:60%;
	height:auto;
}



#u_l{
	float:left;
	width:70px;
	text-align:left;
	padding:10px 0px 0px 0px;
}

#u_c{
	float:left;
	width:160px;
	padding:10px 0px 0px 0px;
	text-align:center;
}

#u_r{
	float:left;
	width:70px;
	text-align:right;
	padding:10px 0px 0px 0px;
}



#hair_gallery{
	margin:0 auto;
	width:300px;
	height:380px;
}

#hair_gallery2{
	margin:0 auto;
	width:300px;
	height:270px;
}

#hair_gallery3{
	margin:0 auto;
	width:300px;
	height:380px;
}

#hair_gallery img,#hair_gallery2 img,#hair_gallery3 img{width:70px; height:auto;}

#hair_gallery ul,#hair_gallery2 ul,#hair_gallery3 ul{margin:0px;padding:0px;}
#hair_gallery li,#hair_gallery2 li,#hair_gallery3 li{ float:left;margin:0px;padding:0px;width:100px;height:120px;text-align:center;}
#hair_gallery a img,#hair_gallery2 a img,#hair_gallery3 a img{border: solid 2px #dbd4c1;}



}