@charset "utf-8";

html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#300;
font-size:12px;
line-height:1.5;
height:100%;
width:100%;
background:url(bg_body.gif);
}

#wrapper{
height:auto;
min-height:100%;
margin:auto;
}

.container{
height:auto;
min-height:100%;
width:1260px;
margin:auto;
}

#top{
min-width:1260px;
padding-top:5px;
padding-bottom:5px;
height:19px;
background:url(bg.gif);
border-bottom:dashed 1px #300;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
position:relative;
z-index:100;
}

#header{
min-width:1260px;
background:#FFF;
padding-top:15px;
padding-bottom:15px;
background:url(bg_main.gif);
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
position:relative;
z-index:50;
}

#header h1,#header p{
display:inline-block;
vertical-align:top;
}

#header h1{
width:323px;
height:60px;
border:solid 1px #000;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
margin-right:185px;
}

#header p{
height:40px;
padding:15px;
padding-bottom:10px;
color:#FFF;
font-weight:bold;
font-size:13px;
background:#000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:solid 1px #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}

#header p span{
font-weight:bold;
color:#F03;
}

#main{
padding-top:35px;
padding-bottom:35px;
}

#main h4{
text-align:center;
margin-bottom:10px;
}

#main ul{
letter-spacing:-.40em;
margin-bottom:20px;
}

#main ul li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
margin:8px;
}

#main ul li a img,#main p a img{
background:#F90;
border:5px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#main ul li a img:hover,#main p a img:hover{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.8;
}

#main p a img{border:#F39 5px solid;}

#main p{
margin:20px;
text-align:center;
}

#footer{
clear:both;
width:100%;
min-width:1260px;
padding-top:10px;
padding-bottom:8px;
border-top:dashed 1px #300;
background:url(bg.gif);
height:60px;
margin:auto;
position:relative;
z-index:20;
box-shadow:rgba(0, 0, 0, 0.5) 0px -3px 5px -3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px -3px 5px -3px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px -3px 5px -3px;
}

#footer p{
text-align:center;
}

#footer h2{
text-align:center;
margin:5px;
letter-spacing:1px;
}

#bottom{
position:fixed;
width:100%;
min-height:100%;
margin-top:-78px;
background:url(bg.gif);
z-index:10;
}