/* CSS Document */

/*html{background:#000;}*/
html {height:100%;}

body#index{overflow:hidden;}

input,textarea{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}

#slideshow{width:606px; margin-left:2px; background:#000; color:#fff; float:left;}

#wrap{
text-align:left;
width:606px;
margin:0 auto;
padding-bottom:2px;}

#header{
height:148px;
width:670px;
}

#wrap h1,
#navi li,
#copyright{float:left;
width:148px;
height:148px;
margin:2px 0 0 2px;
display:inline;}

#navi li#b1{background:url(../img/bt3b.gif) 0 0 no-repeat;}
#navi li#b2{background:url(../img/bt1b.gif) 0 0 no-repeat;}
#navi li#b3{background:url(../img/bt2b.gif) 0 0 no-repeat;}


#navi li#b1 a,
#navi li#b2 a,
#navi li#b3 a{
width:148px;
height:148px;
display:block;}

#navi li#b1 a{background: url(../../img/bt3.gif) 0 0 no-repeat;}
#navi li#b2 a{background: url(../../img/bt1.gif) 0 0 no-repeat;}
#navi li#b3 a{background: url(../../img/bt2.gif) 0 0 no-repeat;}


#copyright{
background:#000;
font-size:10px;}

#copyright p#attention{margin-top:70px;
margin-left:8px;
color:#fff;}
#copyright p#copy{padding-top:95px;
height:123px;
width:210px;
padding-left:8px;
font-family: Times, Georgia, Baskerville, Palatino;
color:#fff;}

#copyright p#copyindex{margin-top:8px;
margin-left:8px;
font-family: Times, Georgia, Baskerville, Palatino;
color:#fff;}

#contents{
width:700px;
padding-top:2px;
margin-top:2px;}

ul.image-holder li{
float:left;
width:148px;
height:148px;
margin:0 0 2px 2px;
background:#EFEBCD;
display:inline;
font-size:xx-small;}

ul.image-holder li img{vertical-align:bottom;}

dl{
width:148px;
height:148px;
background:url(../img/box_w.gif) 0 0 no-repeat;
font-size:10px;
display:inline;
float:left;
margin-left:2px;
}

dl dt{width:210px;
height:61px;
border-bottom:1px solid #EBEBEB;
padding-top:48px;
padding-left:8px;
font-family: Times, Georgia, Baskerville, Palatino;
font-size:11px;
}

dd input,dd textarea,p.back{padding-left:8px;}
dd textarea,p.back{padding-top:8px;}

body#contact dl dd{width:202px;
padding-left:8px;
padding-right:8px;
padding-top:8px;}

.box{width:148px;
height:148px;
background:url(../img/box_w.gif) 0 0 no-repeat;
font-size:10px;
display:inline;
float:left;
margin-left:2px;}

.box2{
width:148px;
height:148px;
background:#000;
color:#fff;
display:inline;
float:left;
font-size:10px;
margin:0 0 2px 2px;
}

h2,p#thanks{
padding-top:95px;
padding-left:8px;
}



@media screen and (max-device-width: 320px) {
body#index{overflow:auto;}
body{width:100%;}
}

@media screen and (max-device-width: 768px) {
body#index{overflow:auto;}
body{width:100%;}
}


/*link*/
a:link{text-decoration:underline}
a:visited{text-decoration:underline}
a:hover{text-decoration:none;}
a:active{text-decoration:none}

/*====clearfix======*/

/* for modern brouser */
.cl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.cl {
        display: inline-block;
}

* html .cl{ zoom: 1; } /* IE6 */  
*:first-child+html .cl{ zoom: 1; } /* IE7 */ 

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