@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#FFF;
font-size:12px;
line-height:1.5;
height:100%;
z-index:0;
background:#0B0C1E;
}

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

#container{margin:auto;}

.header{
width:100%;
height:35px;
background:url(../img/bg_header.png);
position:fixed;
z-index:9999;
}

.title{
width:100%;
height:155px;
background:url(../img/title.jpg) no-repeat;
background-size:cover;
background-position:center center;
border-bottom:solid 1px #FFF;
}

.title .section img{
margin-top:35px;
margin-left:20px;
}

.title .section img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.title ul{
text-align:center;
}

.title ul li{
display:inline-block;
vertical-align:top;
}

.bn img{
box-shadow:rgba(0, 0, 0, 0.6) 5px 5px 5px -2px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 5px 5px 5px -2px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 5px 5px 5px -2px;
border:solid 1px #FFFFFF;
padding:1px;
}

.content{
padding-top:20px;
padding-bottom:20px;
background:url(../img/bg_content.jpg);
}

.section{
width:1260px;
margin:auto;
}

.main{
width:1230px;
height:700px;
margin:auto;
background:url(../img/main.jpg) no-repeat;
background-position:center center;
position:relative;
}

#note{
width:555px;
height:266px;
background:url(../img/note.png) no-repeat;
margin-left:606px;
margin-top:349px;
position:absolute;
}

.footer{
width:100%;
padding-top:20px;
background:url(../img/bg_footer.png) repeat-x;
}

.footer ul{
text-align:right;
}

.footer li{display:inline-block;}
.footer li img{border:solid 1px #FFF}

.footer li img:hover{
filter: alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}

.footer p{
text-align:right;
margin:10px;
margin-right:20px;
}