@charset "utf-8";

html,body{
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
color:#FFF;
font-size:11px;
line-height:1.7;
letter-spacing:1px;
height:100%;
width:100%;
background:#020203;
}

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

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

#header{
position:fixed;
z-index:200;
width:100%;
top:0;
background:url(../img/bg_header.png) repeat-x;
box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
}

#info{
margin:20px;
margin-top:5px;
margin-bottom:0px;
}

#info h5{
float:left;
width:80px;
background:url(../img/bg_info.png) repeat-x;
padding:3px;
border:1px solid #222;
border-top:none;
text-align:center;
letter-spacing:3px;
margin-right:5px;
margin-left:20px;
}

.ticker{
float:left;
width:910px;
overflow:hidden;
background:url(../img/bg_info.png) repeat-x;
padding:3px;
border:1px solid #222;
border-top:none;
}

#info h6{
float:left;
width:150px;
background:url(../img/bg_info.png) repeat-x;
padding:3px;
border:1px solid #222;
border-top:none;
text-align:center;
letter-spacing:2px;
margin-right:5px;
margin-left:20px;
}

#info h6 a:link{color:#FFF;}
#info h6 a:visited{color:#FFF;}
#info h6 a:hover{color:#FF0;}

.ticker ul{
width:100%;
position:relative;
}

.ticker ul li{
width:100%;
display:none;
padding-top:1px;
text-indent:20px;
}

#header #navi{
margin:15px;
margin-top:5px;
margin-bottom:3px;
letter-spacing: -.40em;
}

#header #navi li{
display:inline-block;
letter-spacing:normal;
margin-left:1.5px;
margin-right:1.5px;
}

#header #navi li a{
width:150px;
height:50px;
display:block;
background:url(../img/navi.png) no-repeat;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

#header #navi li#navi1 a:link{background-position:0px 0px;}
#header #navi li#navi2 a:link{background-position:-150px 0px;}
#header #navi li#navi3 a:link{background-position:-300px 0px;}
#header #navi li#navi4 a:link{background-position:-450px 0px;}
#header #navi li#navi5 a:link{background-position:-600px 0px;}
#header #navi li#navi6 a:link{background-position:-750px 0px;}
#header #navi li#navi7 a:link{background-position:-900px 0px;}
#header #navi li#navi8 a:link{background-position:-1050px 0px;}

#header #navi li#navi1 a:hover{background-position:0px -50px;}
#header #navi li#navi2 a:hover{background-position:-150px -50px;}
#header #navi li#navi3 a:hover{background-position:-300px -50px;}
#header #navi li#navi4 a:hover{background-position:-450px -50px;}
#header #navi li#navi5 a:hover{background-position:-600px -50px;}
#header #navi li#navi6 a:hover{background-position:-750px -50px;}
#header #navi li#navi7 a:hover{background-position:-900px -50px;}
#header #navi li#navi8 a:hover{background-position:-1050px -50px;}

#header #navi li#navi1.active a{background-position:0px -100px;}
#header #navi li#navi2.active a{background-position:-150px -100px;}
#header #navi li#navi3.active a{background-position:-300px -100px;}
#header #navi li#navi4.active a{background-position:-450px -100px;}
#header #navi li#navi5.active a{background-position:-600px -100px;}
#header #navi li#navi6.active a{background-position:-750px -100px;}
#header #navi li#navi7.active a{background-position:-900px -100px;}
#header #navi li#navi8.active a{background-position:-1050px -100px;}

.new{
-webkit-animation:blink 0.8s ease-out infinite alternate;
-moz-animation:blink 0.8s ease-out infinite alternate;
animation:blink 0.8s ease-out infinite alternate;
position:absolute;
margin-top:35.5px;
margin-left:7px;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

#footer{
position:fixed;
z-index:200;
height:50px;
width:100%;
bottom:0;
margin-top:-50px;
background:url(../img/bg_footer.png);
box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
}

#footer p{
color:#DDD;
font-size:8px;
letter-spacing:2px;
margin-top:16px;
margin-right:50px;
text-align:right;
}

#footer p a:link{color:#FFF;}
#footer p a:visited{color:#FFF;}
#footer p a:hover{color:#F03;}

.bg{
width:100%;
min-width:1260px;
position:relative;
}

.contents{
position:relative;
z-index:100;
}

.contents .left{float:left;}
.contents .right{float:left;margin-left:30px;}

.banner{
border-top:solid 1px #000;
width:1180px;
margin:auto;
padding-top:110px;
}

.banner ul li{
margin:5px;
margin-top:0px;
margin-left:0px;
display:inline-block;
}

.banner ul li ul li{
display:block;
list-style:none;
}

.banner ul p{
text-indent:10px;
}

.banner ul p span{
font-size:12px;
font-weight:bold;
color:#FF0;
}

.catch img{
margin-top:120px;
margin-left:40px;
}

.note{
margin-top:60px;
}

.text a:link{
color:#FF3E64;
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}

.text a:visited{
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
color:#FF3E64;
}

.text a:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
color:#FFCC00;
}

li.btn{display:inline-block;}

.btn a{
display:block;
border:solid 1px #FFF;
padding:5px;
}

.btn a img{
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

.btn a img:hover{
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

.clear{clear:both;}