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

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

@media screen and (max-width: 1000px){
img.bg {
 /* left: 50%;*/
  margin-left: -200px;
  width:auto; }
}


div#container {
  position: relative;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
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:300px;top:120px;left:12px;z-index:100;}
.logo img{width:145px;height:75px;}

.nav{width:300px;position:absolute;left:15px;top:130px;z-index:100;}
.navi {width: 320px; height:85%; padding: 2px 5px; position:absolute; top:80px; left:0px; }

@media screen and (max-width: 1000px){
.logo{position:absolute;width:300px;top:60px;left:12px;z-index:100;}
.logo img{width:145px;height:75px;}

.nav{width:300px;position:absolute;left:15px;top:90px;z-index:100;}
.navi {width: 320px; height:90%; padding: 2px 5px; position:absolute; top:40px; left:0px; }
}

.navi li{height:45px;}
.startnav {
background: rgba(56, 56, 56, 0.6);
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px ;
border-radius: 10px;
z-index:0;*/
}

* .startnav {
background: rgb(56, 56, 56);
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:90;*/
 }
 
.themenav {
background: rgba(56, 56, 56, 0.6);
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:90;*/
}

* .themenav {
background: rgb(56, 56, 56);
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:90;
 }
 

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

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


.aw_theme{
width:530px; height:350px; padding: 16px 20px; position:absolute; left:55%;margin-left:0px;top:0%;margin-top:150px;
}


/*#hair_title{position:absolute; top:16px; left:500px;width:430px;left:50%;margin-left:20px;top:50%;margin-top:50px;}*/

#hair_gallry{position:absolute; top:16px; left:500px;width:465px;left:55%;margin-left:50px;top:0%;margin-top:90px;}


@media screen and (max-width: 1000px){
.aw_theme{
width:530px; height:350px; padding: 16px 20px; position:absolute; left:35%;margin-left:30px;top:0%;margin-top:100px;
}

/*#hair_title{position:absolute; top:16px; left:500px;width:430px;left:50%;margin-left:0px;top:50%;margin-top:50px;}*/

#hair_gallry{position:absolute; top:16px; left:500px;width:480px;left:50%;margin-left:0px;top:0%;margin-top:45px;}
}
 


#hair_gallry ul{margin:0px;padding:0px;}
#hair_gallry li{ float:left;margin:0px;padding:0px;width:155px;height:200px;text-align:center;}

@media screen and (max-width: 1000px){
#hair_gallry li{ float:left;margin:0px;padding:0px;width:155px;height:188px;text-align:center;}
}

#hair_gallry a img{border: solid 2px #b78134;}

#wrapper{display;block;}

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

#top_bg{
	position:absolute;
	top: 0;
    left: 0;
    width: 100%;
	height:80px;
	background: rgb(0, 0, 0);
	text-align:center;
}

#top_bg img{
	padding:12px 0px 0px 0px;
}


#under_bg{
	position:absolute;
	bottom:0;
    left: 0;
    width: 100%;
	height: 80px;
	background: rgb(0, 0, 0);
	/*z-index:10;*/
	text-align:center;
}

#under_bg img{
	padding:20px 0px 0px 0px;
}



@media screen and (max-width: 1000px){
	
#top_bg{
	position:absolute;
	top: 0;
    left: 0;
    width: 100%;
	height:40px;
	background: rgb(0, 0, 0);
	text-align:center;
}

#top_bg img{
	padding:0px 0px 0px 0px;
}

#under_bg{
	position:absolute;
	bottom:0;
    left: 0;
    width: 100%;
	height: 40px;
	background: rgb(0, 0, 0);
	z-index:150;
	text-align:center;
}

#under_bg img{
	padding:4px 0px 0px 0px;
}

}	


@media screen and (max-height: 600px){

#under_bg{
	display:none;
}

#under_bg img{
	display:none;
}

}