@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:#1A1A1A;
}

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

.area{
max-width:1400px;
min-width:1260px;
margin:auto;
}

.content{
width:1260px;
margin:auto;
position:relative;
z-index:50;
}

.content h3{
text-align:center;
margin:auto;
margin-bottom:10px;
padding-top:8px;
padding-bottom:4px;
width:1100px;
}

.move a img{
display:block;
position:absolute;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
-webkit-transition:0.1s;
-moz-transition:0.1s;
-o-transition:0.1s;
transition:0.1s;
}

.move a img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}


#back a img{
left:0;
}

#next a img{
right:0;
}

.clear{
clear:both;
}

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

#header{
width:100%;
min-width:1260px;
padding-top:30px;
padding-bottom:30px;
background:url(../img/bg_header.jpg) center top repeat-x;
box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
border-bottom:1px solid #444;
position:relative;
z-index:100;
}

#header h1{
float:left;
text-align:left;
margin-top:14px;
}

#header ul{
float:right;
text-align:right;
}

#header ul li{
display:inline-block;
vertical-align:middle;
}

#header ul li a{
display:block;
width:131px;
height:80px;
background:url(../img/nav.png) no-repeat;
}

#header ul li#nav1 a:link{background-position:0px 0px}
#header ul li#nav2 a:link{background-position:-131px 0px}
#header ul li#nav3 a:link{background-position:-262px 0px}
#header ul li#nav4 a:link{background-position:-393px 0px}
#header ul li#nav5 a:link{background-position:-524px 0px}

#header ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#header ul li a.active:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#header ul li#nav1 a.active{background-position:0px -80px}
#header ul li#nav2 a.active{background-position:-131px -80px}
#header ul li#nav3 a.active{background-position:-262px -80px}
#header ul li#nav4 a.active{background-position:-393px -80px}
#header ul li#nav5 a.active{background-position:-524px -80px}

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

#menu{
width:100%;
min-width:1260px;
height:65px;
box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 1px 1px 20px 0px;
border-bottom:1px solid #444;
position:relative;
z-index:80;
border-top:1px solid rgba(0,0,0,0);
}

#menu ul{
text-align:center;
margin-top:4px;
}

#menu ul li{
display:inline-block;
vertical-align:middle;
margin:5px;
}

#menu ul li a{
display:block;
width:230px;
height:50px;
background:url(../img/menu.png) no-repeat;
}

#menu ul li#menu1 a:link{background-position:0px 0px}
#menu ul li#menu2 a:link{background-position:-230px 0px}
#menu ul li#menu3 a:link{background-position:-460px 0px}
#menu ul li#menu4 a:link{background-position:-690px 0px}
#menu ul li#menu5 a:link{background-position:-920px 0px}

#menu ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#header ul li a.active:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#menu ul li#menu1 a.active{background-position:0px -50px}
#menu ul li#menu2 a.active{background-position:-230px -50px}
#menu ul li#menu3 a.active{background-position:-460px -50px}
#menu ul li#menu4 a.active{background-position:-690px -50px}
#menu ul li#menu5 a.active{background-position:-920px -50px}


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

#main{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_main.png) center top no-repeat;
}

#main .main{
width:1260px;
height:715px;
border-top:1px solid rgba(0,0,0,0);
}

#main .main ul{
font-size:11px;
letter-spacing:0.2px;
margin-top:30px;
margin-left:700px;
}

#main .news ul.scroll{
height:63px;
overflow:auto;
}

#main .main ul li{
margin-bottom:5px;
}

#main .main ul li ol li{
margin-bottom:0px;
}

#main .main ul li ol li h6 span{
color:#F03;
font-weight:bold;
margin-right:7px;
}

#main .main ul li p a{
text-decoration:none;
line-height:13px;
}

#main .main ul li p a:link{color:#FFF;}
#main .main ul li p a:visited{color:#FFF;}
#main .main ul li p a:hover{color:#FF0;}

#main h5{
text-align:right;
margin-top:20px;
}

#main h5 a img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}


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

#about{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_about.png) center top no-repeat;
}

#about h5 a img{
display:block;
position:absolute;
margin-left:1061px;
margin-top:1px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#about h5 a img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#point1{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_point1.png) center top no-repeat;
}

#point2{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_point2.png) center top no-repeat;
}

#point2 h5 a img{
display:block;
position:absolute;
margin-left:986px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#point2 h5 a img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#point3{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_point3.png) center top no-repeat;
}

#point3 p.link a img{
display:block;
position:absolute;
margin-top:655px;
margin-left:995px;
}

#point3 p.link a img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#point4{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_point4.png) center top no-repeat;
}

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

#lineup{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_lineup.png) center top no-repeat;
}

#lineup .lineup{
width:1260px;
height:715px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
}

#lineup .lineup ul{
font-size:11px;
width:350px;
letter-spacing:1.1px;
margin-top:340px;
margin-left:785px;
padding:5px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
text-shadow: 1px 1px 0px #000;
}

#lineup .lineup ul li{
margin-bottom:10px;
border-bottom:1px dashed #FFF;
}

#lineup .lineup ul li ol li{
margin-bottom:0px;
display:inline-block;
border-bottom:none;
}

#lineup .lineup ul li ol li h6{
width:100px;
}

#lineup .lineup ul li ol li h6 span{
color:#F03;
font-weight:bold;
margin-right:7px;
}

#lineup .lineup ul li p a:link{color:#FFF;}
#lineup .lineup ul li p a:visited{color:#FFF;}
#lineup .lineup ul li p a:hover{color:#FF0;}

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

#list{
width:100%;
min-width:1260px;
margin:auto;
background:url(../img/bg_banner.png) center top;
padding-top:10px;
border-top:1px solid #333;
padding-bottom:30px;
}

#list ul{
text-align:center;
}

#list ul li{
display:inline-block;
vertical-align:top;
margin:10px;
padding:1px;
border:1px dashed rgba(204,204,204,0.5);
margin:10px;
padding-top:5px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
background:rgba(0,0,0,0.1);
padding-bottom:15px;
}

#list ul li ol li{
display:block;
margin:0px;
padding:0px;
border:none;
padding-top:5px;
padding-left:10px;
padding-right:10px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#list ul li ol li img.tit{
border:1px solid #FFF;
}

#list ul li ol li h4{
color:#FF0;
font-weight:bold;
font-size:16px;
text-align:left;
padding:5px;
padding-top:7px;
margin-bottom:5px;
border-bottom:1px solid #FFF;
}

#list ul li ol li h4 span{
font-size:15px;
font-weight:bold;
color:#FFF;
margin-right:10px;
background:rgba(255,0,51,0.7);
padding-left:7px;
padding-right:5px;
padding-top:2px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
text-shadow: 1px 1px 0px #000;
}

#list ul li ol li p{
color:#FFF;
font-size:13px;
width:350px;
line-height:1.6;
background:rgba(255,255,255,0.1);
border:1px solid #666;
}

#list ul li ol li p span{
margin-bottom:1px;
margin-right:10px;
}

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

#list ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

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

#special{
width:100%;
min-width:1260px;
height:715px;
margin:auto;
background:url(../img/bg_special.png) center top no-repeat;
}

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

#date{
width:100%;
min-width:1260px;
margin:auto;
background:url(../img/bg_banner.png) center top;
padding-top:10px;
border-top:1px solid #333;
padding-bottom:30px;
}

#date ul{
text-align:center;
}

#date ul li{
display:inline-block;
vertical-align:top;
margin:10px;
padding:1px;
border:1px dashed rgba(204,204,204,0.5);
margin:5px;
width:370px;
padding-top:5px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
background:rgba(0,0,0,0.1);
}

#date ul li ol li{
display:block;
margin:0px;
padding:0px;
border:none;
width:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#date ul li ol li h4{
color:#FF0;
font-weight:bold;
font-size:14px;
text-align:left;
padding:5px;
padding-top:7px;
margin-bottom:5px;
border-bottom:1px solid #FFF;
}

#date ul li ol li h4 span{
font-size:15px;
font-weight:bold;
color:#FFF;
margin-right:10px;
background:rgba(255,0,51,0.7);
padding-left:7px;
padding-right:5px;
padding-top:2px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
text-shadow: 1px 1px 0px #000;
}

#date ul li ol li p{
color:#FFF;
font-size:13px;
width:350px;
line-height:1.6;
background:rgba(255,255,255,0.1);
border:1px solid #666;
}

#date ul li ol li p span{
margin-bottom:1px;
margin-right:10px;
}

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

#date ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
/*////////////////////////////////////////////////////////////////////////////////////////*/

#cup{
width:100%;
min-width:1260px;
margin:auto;
background:url(../img/bg_cup.png) center top;
padding-top:10px;
border-top:1px solid #333;
padding-bottom:30px;
}

#cup ul{
text-align:center;
}

#cup ul li{
display:inline-block;
width:270px;
margin:10px;
padding:1px;
border:1px dashed rgba(204,204,204,0.5);
margin:10px;
padding-top:5px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
background:rgba(0,0,0,0.2);
}

#cup ul li ol li{
display:block;
width:auto;
margin:0px;
padding:0px;
border:none;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#cup ul li ol li img{
border:1px solid #FFF;
}

#cup ul li ol li h4{
font-size:12px;
text-align:left;
padding:5px;
padding-top:7px;
margin-bottom:5px;
border-bottom:1px solid #FFF;
}

#cup ul li ol li h4 span{
font-size:15px;
font-weight:bold;
color:#FFF;
margin-right:10px;
background:rgba(255,0,51,0.7);
padding-left:7px;
padding-right:5px;
padding-top:2px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
text-shadow: 1px 1px 0px #000;
}

#cup ul li ol li p{
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:1.6;
background:rgba(255,0,51,0.5);
border:1px solid #999;
padding-top:1px;
}

#cup ul li ol li p span{
margin-bottom:1px;
margin-right:10px;
}

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

#cup ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

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

#banner{
width:100%;
min-width:1260px;
background:url(../img/bg_banner.png) center top;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #333;
}

#banner ul{
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#banner ul li{
display:inline-block;
vertical-align:top;
}

#banner ul li a{
color:#FFF;
font-size:12px;
display:block;
border:1px solid rgba(204,153,0,0.2);
margin:5px;
box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 2px 2px 0px 0px;
}

#banner ul li ol li{
display:block;
margin:0px;
padding:0px;
border:none;
background:rgba(0,0,0,0.3);
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#banner ul li ol li img{
padding-top:15px;
}

#banner ul li ol li p{
font-size:11px;
text-align:left;
width:210px;
padding:10px;
padding-top:2px;
padding-bottom:10px;
line-height:1.6;
border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
}

#banner ul li ol li p span{
display:block;
margin-bottom:1px;
}

#banner ul li a:hover{
color:#FF0;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

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

#news{
width:100%;
min-width:1260px;
margin:auto;
background:rgba(0,0,0,0.5);
padding-top:30px;
padding-bottom:30px;
border-top:1px solid rgba(255,255,255,0.3);
}

#news ul li a{
display:block;
text-decoration:none;
border-bottom:1px dotted rgba(255,255,255,0.3);
padding-top:5px;
padding-bottom:7px;
margin-bottom:10px;
min-width:100px;
}

#news ul li a:link{color:#CCC;}
#news ul li a:visited{color:#CCC;}
#news ul li a:hover{background:rgba(255,255,255,0.1);}

#news ul li ol li{
font-size:12px;
display:inline-block;
vertical-align:middle;
margin-left:10px;
}

#news ul li a ol li h5{
padding:6px;
padding-top:1px;
padding-bottom:0px;
}

#news ul li.tag1{color:#F69;box-shadow:inset 0 0 0 1px #F69;}
#news ul li.tag2{color:#3CF;box-shadow:inset 0 0 0 1px #3CF;}
#news ul li.tag3{color:#FC6;box-shadow:inset 0 0 0 1px #FC6;}
#news ul li.tag4{color:#6F6;box-shadow:inset 0 0 0 1px #6F6;}
#news ul li.tag5{color:#99F;box-shadow:inset 0 0 0 1px #99F;}

#news ul li a ol li h6{
padding-left:3px;
padding-right:3px;
}

#news ul li a ol li p{
color:#FF0;
}

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

#footer{
font-size:10px;
width:100%;
background:url(../img/bg_footer.jpg) center bottom;
border-top:1px solid #333;
padding-top:30px;
padding-bottom:40px;
}

#footer ul{
text-align:center;
margin-bottom:30px;
}

#footer ul li{
display:inline-block;
vertical-align:middle;
}

#footer ul li a{
display:block;
letter-spacing:4px;
padding:20px;
padding-top:0px;
padding-bottom:0px;
border-right:1px solid rgba(255,255,255,0.6);
}

#footer p{
color:#CCC;
text-align:center;
margin-top:10px;
letter-spacing:4px;
}

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