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

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;
}
 
@media screen and (max-width: 1000px){
img.bg {
  left: 40%;
  margin-left: -600px;
  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:252px;top:45px;left:28px;z-index:100;}
.logo img{width:240px;height:65px;}

.nav{width:172px;position:absolute;left:15px;top:100px;z-index:100;}
.navi {width: 255px; height:420px; padding: 2px 5px; position:absolute; top:16px; left:16px; }
.navi li{height:30px;}
.startnav {
background: rgba(56, 56, 56, 0.6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index:90;
}

* .startnav {
background: rgb(56, 56, 56);
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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:30px 0px 0px 0px;
padding:0px;
}


.aw_theme{
width:535px; height:345px; padding: 32px 35px; position:absolute; left:50%;margin-left:10px;top:50%;margin-top:100px;
}


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

@media screen and (max-width: 1000px){
.aw_theme{
width:535px; height:345px; padding: 22px 25px; position:absolute; left:35%;margin-left:10px;top:50%;margin-top:100px;
}

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


#hair_gallry ul{margin:0px;padding:0px;}
#hair_gallry li{ float:left;margin:0px;padding:0px;width:160px;height:180px;text-align:center;}
#hair_gallry a img{border: solid 2px #906e49;}

#wrapper{display;block;}

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