@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_body2.png) no-repeat #FFF top center fixed;
}

#wrapper{
width:100%;
min-width:1260px;
}

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

.header{
position:relative;
width:100%;
min-width:1260px;
height:60px;
border-top:0px solid #295F77;
background:url(../img/bg_header.png) repeat-x bottom center;
z-index:500;
}

#nav{
width:1260px;
height:50px;
margin:auto;
background:url(../img/bg_nav.png) repeat-x bottom center;
}

#nav ul{
text-align:center;
}

#nav ul li{
position: relative;
text-align:right;
display:inline-block;
vertical-align:middle;
height:50px;
width:122px;
margin:10px;
margin-top:0;
margin-bottom:0;
background:url(../img/nav.png) no-repeat;
}

#nav ul li a{
display:block;
height:50px;
}

#nav ul li#nav1{background-position:0px 0px;}
#nav ul li#nav2{background-position:-122px 0px;}
#nav ul li#nav3{background-position:-244px 0px;}
#nav ul li#nav4{background-position:-366px 0px;}
#nav ul li#nav5{background-position:-488px 0px;}
#nav ul li#nav6{background-position:-610px 0px;}
#nav ul li#nav7{background-position:-732px 0px;}
#nav ul li#nav8{background-position:-854px 0px;}

#nav ul li#nav1:hover{background-position:0px -50px;}
#nav ul li#nav2:hover{background-position:-122px -50px;}
#nav ul li#nav3:hover{background-position:-244px -50px;}
#nav ul li#nav4:hover{background-position:-366px -50px;}
#nav ul li#nav5:hover{background-position:-488px -50px;}
#nav ul li#nav6:hover{background-position:-610px -50px;}
#nav ul li#nav7:hover{background-position:-732px -50px;}
#nav ul li#nav8:hover{background-position:-854px -50px;}

#nav ul li#nav1.active{background-position:0px -100px;}
#nav ul li#nav2.active{background-position:-122px -100px;}
#nav ul li#nav3.active{background-position:-244px -100px;}
#nav ul li#nav4.active{background-position:-366px -100px;}
#nav ul li#nav5.active{background-position:-488px -100px;}
#nav ul li#nav6.active{background-position:-610px -100px;}
#nav ul li#nav7.active{background-position:-732px -100px;}
#nav ul li#nav8.active{background-position:-854px -100px;}

#nav ul li#nav1.none{background-position:0px -150px;}
#nav ul li#nav2.none{background-position:-122px -150px;}
#nav ul li#nav3.none{background-position:-244px -150px;}
#nav ul li#nav4.none{background-position:-366px -150px;}
#nav ul li#nav5.none{background-position:-488px -150px;}
#nav ul li#nav6.none{background-position:-610px -150px;}
#nav ul li#nav7.none{background-position:-732px -150px;}
#nav ul li#nav8.none{background-position:-854px -150px;}

#nav ul li img.new{
display:block;
position:absolute;
margin-top:40px;
margin-left:70px;
z-index:100;
}

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

#nav ul li ul.dd{
font-size:10px;
display:none;
position:absolute;
width:137px;
padding:0;
padding-top:5px;
margin-left:-10px;
margin-top:50px;
background:none;
text-align:center;
z-index:300;
}

#nav ul li ul.dd li{
display:block;
background:none;
height:auto;
border-bottom:1px solid rgba(255,255,255,0.2);
background:rgba(0,0,44,0.8);
}

#nav ul li ul.dd li.re{
letter-spacing:0.5px;
}

#nav ul li ul.dd li a{
color:rgba(255,255,255,0.9);
display:block;
background:none;
height:auto;
text-align:center;
min-height:20px;
padding:5px;
padding-bottom:1px;
padding-top:6px;
}

#nav ul li ul.dd a:hover{
background:rgba(255,255,255,0.1)
}

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


#index{background:url(../img/bg_index.png) no-repeat top center;}

.index h1{
text-align:center;
}

#topic{
background:url(../img/bg_topic.png) repeat-x;
border-top:1px solid rgba(0,31,62,0.8);
}

#index #topic{
margin-top:-30px;
padding-bottom:10px;
}

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

#index1 a img{
display:block;
position:absolute;
}

#index_link1 a img{
margin-top:400px;
margin-left:900px;
}

#index_link2 a img{
margin-top:290px;
margin-left:900px;
}

#index_link3 a img{
margin-top:680px;
margin-left:860px;
}

#index1 a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}



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

.index ul{text-align:center;}

.index ul li{
display:inline-block;
vertical-align:middle;
}

.index .news{
display:block;
font-size:11px;
width:1080px;
height:80px;
margin-top:30px;
margin-left:80px;

background:url(../img/bg_product.png) no-repeat top center;
box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(0,0,30,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(0,0,30,0.5) 3px 3px 1px 0px;

border:1px solid rgba(255,255,255,0.2);
}

.index .news h4 img{
position:absolute;
margin-top:-20px;
margin-left:10px;
}

.index .news ul.scroll{
text-align:left;
position:absolute;
height:45px;
width:1060px;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

.index .news ul.scroll li{
width:1060px;
margin-bottom:3px;
padding-bottom:3px;
border-bottom:solid 1px rgba(255,255,255,0.4);
text-indent:10px;
}

.index .news ul.scroll li h5,
.index .news ul.scroll li p{
display:inline-block;
vertical-align:top;
}

.index .news ul.scroll li h5{
margin-right:10px;
color:#FC9;
}

.index .news h6{
margin-right:10px;
color:#FFFF;
position:absolute;
margin-top:5px;
margin-left:5px;
}


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

.index ul.topic{
text-align:center;
margin-top:30px;
}

.index ul.topic li a{
display:block;
margin:5px;
margin-bottom:10px;
box-shadow:rgba(0,102,255,0.2) 6px 6px 1px 0px;
-webkit-box-shadow:rgba(0,102,255,0.2) 6px 6px 1px 0px;
-moz-box-shadow:rgba(0,102,255,0.2) 6px 6px 1px 0px;
}

.index ul.topic li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

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

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

#bn{
width:1260px;
height:451px;
text-align:center;
margin-top:30px;
background:url(../img/pa_bn.png) no-repeat top center;
}

#bn ul{
margin:0px;
margin-top:50px;
padding-bottom:5px;
}

#bn li{
display:inline-block;
vertical-align:top;
margin:0px;
margin-bottom:-50px;
margin-top:65px;
}

#bn li{
display:inline-block;
}

#bn li a{
display:block;
}

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


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

#footer{
position:relative;
width:100%;
min-width:1260px;
padding-bottom:10px;
padding-top:20px;
background:url(../img/bg_footer.png) repeat-x top center;
z-index:1000;
}

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

#footer ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;
}

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

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

#footer li a:hover{
background:rgba(0,0,0,0.1);
}

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

#footer p a:hover{color:#FFF;}