@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#FFF;
line-height:1.5;
letter-spacing:1.5px;
height:100%;
background:url(../img/bg_body.jpg) no-repeat center center fixed;
background-size:cover;
}

#wrapper{
width:100%;
min-width:1260px;
min-height:100%;
height:auto;
background:url(../img/bg_wrapper.png);
z-index:10;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

.header{
width:100%;
height:30px;
background:url(../img/bg_index.png) center bottom repeat-x;
marginbox-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
position:relative;
z-index:100;
}

.header p{
text-align:center;
}

.header p img{
margin-top:4px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#main{
width:100%;
border-top:1px solid rgba(0,0,0,0);
}

#main ul{
display:table;
table-layout:fixed;
width:100%;
border-rop:1px solid rgba(0,0,0,0.5);
border-bottom:1px solid rgba(0,0,0,0.5);
}

#main ul li{
display:table-cell;
vertical-align:top;
text-align:center;
min-width:152px;
overflow:hidden
}

#main ul li a{
display:block;
position:relative;
z-index:10;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

#main ul li a img{
-webkit-transition:0.7s ease-in-out;
-moz-transition:0.7s ease-in-out;
-o-transition:0.7s ease-in-out;
transition:0.7s ease-in-out;
}

#main ul li a:link{background:url(../img/bg_main.jpg) center center no-repeat;}

#main ul li#main1 a:link{background-position:0px 0px;}
#main ul li#main2 a:link{background-position:-500px 0px;}
#main ul li#main3 a:link{background-position:-1000px 0px;}
#main ul li#main4 a:link{background-position:-1500px 0px;}
#main ul li#main5 a:link{background-position:-2000px 0px;}

#main ul li a:hover{background:url(../img/bg_main2.jpg) center center no-repeat;}

#main ul li#main1 a:hover{background-position:0px 0px;}
#main ul li#main2 a:hover{background-position:-500px 0px;}
#main ul li#main3 a:hover{background-position:-1000px 0px;}
#main ul li#main4 a:hover{background-position:-1500px 0px;}
#main ul li#main5 a:hover{background-position:-2000px 0px;}

#main ul li a img::link{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#main ul li a img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

.note{
width:100%;
height:100px;
background:url(../img/bg_note.png) left top repeat-x;
marginbox-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
margin-bottom:10px;
position:relative;
z-index:100;
border-top:1px solid rgba(0,0,0,0);
}

#note{
width:1260px;
margin:auto;
background:none;
margin-top:-200px;
}

.note a img{
margin-bottom:20px;
}

.note a img:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#nav{
width:100%;
min-width:1260px;
background:url(../img/bg_header.png) repeat-x;
border-top:1px solid rgba(0,0,0,0);
margin-top:10px;
}

.nav{
width:1050px;
margin:auto;
}

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

.nav ul{
text-align:left;
width:1030px;
margin-top:8px;
}

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

.nav ul li a{
display:block;
width:167px;
height:65px;
background:url(../img/nav.png) no-repeat;
margin-left:7px;
margin-right:7px;
-webkit-transition:0.1s;
-moz-transition:0.1s;
-o-transition:0.1s;
transition:0.1s;
margin-top:4px;
}

.nav ul li#nav6 a{margin-left:100px;}

.nav ul li#nav0 a:link{background-position:0px 0px;}
.nav ul li#nav1 a:link{background-position:-167px 0px;}
.nav ul li#nav2 a:link{background-position:-334px 0px;}
.nav ul li#nav3 a:link{background-position:-501px 0px;}
.nav ul li#nav4 a:link{background-position:-668px 0px;}
.nav ul li#nav5 a:link{background-position:-835px 0px;}
.nav ul li#nav6 a:link{background-position:-1002px 0px;}
.nav ul li#nav7 a:link{background-position:-1169px 0px;}
.nav ul li#nav8 a:link{background-position:-1336px 0px;}
.nav ul li#nav9 a:link{background-position:-1503px 0px;}

.nav ul li a:hover{
margin-top:0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.nav ul li a.active{
margin-top:0px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.nav ul li a.none{pointer-events:none;}

.nav ul li#nav0 a.active{background-position:0px -66px;}
.nav ul li#nav1 a.active{background-position:-167px -66px;}
.nav ul li#nav2 a.active{background-position:-334px -66px;}
.nav ul li#nav3 a.active{background-position:-501px -66px;}
.nav ul li#nav4 a.active{background-position:-668px -66px;}
.nav ul li#nav5 a.active{background-position:-835px -66px;}
.nav ul li#nav6 a.active{background-position:-1002px -66px;}
.nav ul li#nav7 a.active{background-position:-1169px -66px;}
.nav ul li#nav8 a.active{background-position:-1336px 0px;}
.nav ul li#nav9 a.active{background-position:-1503px -66px;}

.nav ul li#nav4 a.none{background-position:-668px -132px;}
.nav ul li#nav6 a.none{background-position:-1002px -132px;}
.nav ul li#nav7 a.none{background-position:-1169px -132px;}
.nav ul li#nav8 a.none{background-position:-1336px -132px;}

.nav ul li a img.new{
position:absolute;
margin-top:-7px;
margin-left:20px;
}
/*////////////////////////////////////////////////////////////////////////////////////////*/

#content{
width:1260px;
margin:auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#info{
padding-top:40px;
padding-bottom:40px;
}

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

.info ul{
text-align:center;
background:url(../img/bg_content.png);
border-top:1px solid rgba(255,255,255,0.8);
marginbox-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-top:1px solid rgba(0,0,0,0);
marginbox-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
margin-bottom:10px;
}

.info h4{
text-align:left;
text-indent:20px;
height:23px;
margin-bottom:10px;
padding-top:9px;
padding-bottom:10px;
background:url(../img/bg_label.png) repeat-x;
marginbox-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
}

.info ul#news li h4{
width:390px;
margin:auto;
}

.info ul#topic li h4{
width:790px;
margin:auto;
}

.info ul#bn li h4{
width:1200px;
margin:auto;
}

ul#news,ul#topic{
display:inline-block;
vertical-align:top;
margin:5px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#news{
width:399px;
text-align:left;
text-shadow:1px 1px 0px #000;
padding-bottom:20px;
}

ul#news li ol{
font-size:12px;
padding:4px;
margin-left:10px;
margin-right:10px;
border-bottom:1px dashed #FFF;
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
}

ul#news li ol li{
display:inline-block;
vertical-align:middle;
margin-bottom:1px;
}

ul#news li ol li h6{
display:list-item;
list-style:inside disc;
color:#FFF;
letter-spacing:4px;
padding:10px;
padding-top:3px;
padding-bottom:2px;
margin-left:10px;
margin-top:5px;
margin-bottom:3px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

ul#news li ol li h5{
display:list-item;
list-style:inside disc;
color:#FFF;
letter-spacing:4px;
padding:10px;
padding-top:3px;
padding-bottom:2px;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
background:rgba(153,0,0,0.6);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

ul#news li ol li p{
display:list-item;
list-style:inside disc;
color:#FFF;
width:310px;
margin-left:10px;
background:rgba(51,0,51,0.7);
padding:20px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:2px;
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.6);
text-shadow:-1px -1px 0px rgba(255,255,255,0.2);
}

ul#news li p img{
	margin-left:10px;
}

ul#news li ol li p span{
color:#FFA;
margin-right:12px;
text-align:left;
padding:10px;
padding-top:0px;
padding-bottom:1px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background:rgba(250,0,130,0.4);
border:1px solid rgba(255,255,255,0.4);
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#topic{
width:800px;
padding-bottom:10px;
}

.info ul#topic li{
display:inline-block;
vertical-align:top;
}

.info ul#topic li a{
display:block;
margin-top:10px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#bn{
width:1210px;
}

.info ul#bn{
margin:5px;
margin-top:30px;
padding-bottom:20px;
}

.info ul#bn li{
display:inline-block;
margin:1px;
vertical-align:top;
}

.info ul#bn li{
display:inline-block;
}

.info ul#bn li a{
display:block;
}

.info ul#topic li a:hover,
.info ul#bn li a:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

.footer{
width:100%;
min-width:1260px;
padding-bottom:50px;
z-index:400;
border-top:1px solid rgba(255,255,255,0.1);
background:url(../img/bg_footer.png) repeat-x;
}

.footer ul{
width:1140px;
margin:auto;
font-size:10px;
text-align:center;
margin-top:10px;
letter-spacing:-.40em;
}

.footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}

.footer ul li a{
display:block;
letter-spacing:4px;
width:110px;
padding-top:5px;
padding-bottom:5px;
border-right:1px solid rgba(255,255,255,0.5);
}

.footer p{
color:#FFF;
font-size:10px;
text-align:center;
margin-top:20px;
letter-spacing:4px;
}

.footer a:link{color:#FFF;}
.footer a:visited{color:#FFF;}
.footer a:hover{color:#FF0;}