@charset utf-8;
@import url(default.css);

/*全体的なルール
--------------------------------------------------*/
body{
margin:0;
padding:0;
background-color:#F6F6F6;
} a{
text-decoration:underline
} a:link{
color:#1425CB;
text-decoration:underline;
} a:visited{
color:#1425CB;
text-decoration:underline;
} a:active{
color:#EB6100;
text-decoration:none;
} a:hover{
color:#39F;
} .red{
color:#F36
} .bold{
font-weight:700
} ::selection,::-moz-selection{
color:#T00
}.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} .clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.imgLeft{
float:left;
margin:0 1em .5em 0;
} .imgLeft{
float:left;
margin:0 15px 15px 0;
} .imgRight{
float:right;
margin:0 0 15px 15px;
} .blue{
color:#0E6EB8 !important;
}.orange{
color:#EA5413 !important;
} .green{
color:#07913A !important;
}
.sepLine{
margin-bottom:2em !important;
padding-bottom:1em !important;
background:transparent url(../images/commonLine01.gif) repeat-x left bottom;
}.sepLine02{
margin-bottom:1em !important;
padding-bottom:.5em !important;
background:transparent url(../images/commonLine02.gif) repeat-x left bottom;
}
.iconUp{
background:transparent url(../images/iconUp.gif) no-repeat 0% 50%;
padding:0 0 0 13px;
line-height:13px;
font-size:12px;
}.iconWin{
background:transparent url(../images/iconWin.gif) no-repeat 0% 50%;
padding:0 0 0 13px;
line-height:13px;
font-size:12px;
}
.iconDate{
background:transparent url(../images/iconDate.gif) no-repeat 0% 50%;
padding:0 0 0 13px;
line-height:13px;
font-size:12px;
}

/*ヘッダーテンプレート
--------------------------------------------------*/
#header{
width:100%;
height:80px;
background:transparent url(../images/headerBG.jpg) repeat left top;
}#headContent{
width:870px;
height:80px;
margin:auto;
position:relative;
}#header h1{
width:365px;
height:60px;
margin:0;
padding:0;
position:absolute;
top:12px;
left:0;
text-indent:-9999px;
overflow:hidden;
background:transparent url(../images/headItem01.jpg) no-repeat left top;
} #header h1 a{
width:365px;
height:60px;
display:block;
text-decoration:none;
color:transparent;
background:transparent url(../images/headItem01.jpg) no-repeat left top;
} #header h1 a:hover{
background:transparent url(../images/headItem01on.jpg) no-repeat left top;
} #headerRight{
width:390px;
height:30px;
margin:0;
padding:0;
position:absolute;
top:30px;
right:0;
} #headerRight li{
width:192px;
height:30px;
margin:0;
padding:0;
float:left;
} #headerRight .headBtn01{
width:192px;
height:30px;
margin:0;
padding:0;
background:transparent url(../images/headItem02.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
display:block;
} #headerRight .headBtn02{
width:192px;
height:30px;
margin-left:6px;
padding:0;
background:transparent url(../images/headItem03.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
display:block;
} #topMain{
width:100%;
height:450px;
background:transparent url(../images/mainImgBG.gif) repeat left top;
} 

#topMainInner{
width:900px;
height:350px;
margin:auto;

position:relative;
} 

#topMainInner .headImgInfo{
width:750px;
top:275px;
left:19px;
position:absolute;
display:block;
font-size:18px;
font-weight:bold;
color:#FFF;
overflow:hidden;
letter-spacing:1px;
} #headImgLinkA{
width:178px;
height:33px;
top:311px;
left:13px;
position:absolute;
display:block;
text-indent:-9999px;
overflow:hidden;
} #headImgLinkB{
width:178px;
height:33px;
top:311px;
left:200px;
position:absolute;
display:block;
text-indent:-9999px;
overflow:hidden;
}
 #secMain{
width:100%;
height:215px;
background:transparent url(../images/mainImgBG.gif) repeat left top;
} 
#secMainInner{
width:900px;
height:162px;
background:transparent url(../images/secMainImage.jpg) repeat left top;
margin:auto;
position:relative;
}

#secMainInner .secImgInfo{
width:750px;
top:130px;
left:18px;
position:absolute;
display:block;
font-size:21px;
font-weight:bold;
color:#FFF;
overflow:hidden;
letter-spacing:1px;
}

#topNav{
width:900px;
height:100px;
list-style-type:none;
margin:auto;
padding:0;
} #topNav li{
list-style-type:none;
margin:0;
padding:0;
height:100px;
text-indent:-9999px;
overflow:hidden;
float:left;
} #topNav li a{
background:transparent url(../images/topNav.jpg) no-repeat;
display:block;
height:100px;
text-decoration:none;
} #topNav #topNav01 a{
width:180px;
background-position:0 0;
} #topNav #topNav01 a:hover{
background-position:0px -100px;
} #topNav #topNav02 a{
width:180px;
background-position:-180px 0px;
} #topNav #topNav02 a:hover{
background-position:-180px -100px;
} #topNav #topNav03 a{
width:180px;
background-position:-360px 0px;
} #topNav #topNav03 a:hover{
background-position:-360px -100px;
} #topNav #topNav04 a{
width:180px;
background-position:-540px 0px;
} #topNav #topNav04 a:hover{
background-position:-540px -100px;
} #topNav #topNav05 a{
width:180px;
background-position:-720px 0px;
} #topNav #topNav05 a:hover{
background-position:-720px -100px;
}

#secNav{
width:900px;
height:53px;
list-style-type:none;
margin:auto;
padding:0;
} #secNav li{
list-style-type:none;
margin:0;
padding:0;
height:53px;
text-indent:-9999px;
overflow:hidden;
float:left;
} #secNav li a{
background:transparent url(../images/secNav06.jpg) no-repeat;
display:block;
height:53px;
text-decoration:none;
} #secNav1 li a{
background:transparent url(../images/secNav06.jpg) no-repeat;
display:block;
height:53px;
text-decoration:none;
} #secNav #secNav01 a{
width:100px;
background-position:0 0;
} #secNav #secNav01 a:hover{
background-position:0px -53px;
} #secNav #secNav02 a{
width:100px;
background-position:-100px 0px;
} #secNav #secNav02 a:hover{
background-position:-100px -53px;
} #secNav #secNav03 a{
width:100px;
background-position:-200px 0px;
} #secNav #secNav03 a:hover{
background-position:-200px -53px;
} #secNav #secNav04 a{
width:100px;
background-position:-300px 0px;
} #secNav #secNav04 a:hover{
background-position:-300px -53px;
} #secNav #secNav05 a{
width:100px;
background-position:-400px 0px;
} #secNav #secNav05 a:hover{
background-position:-400px -53px;
} #secNav #secNav06 a{
width:100px;
background-position:-500px 0px;
} #secNav #secNav06 a:hover{
background-position:-500px -53px;
} #secNav #secNav07 a{
width:100px;
background-position:-600px 0px;
} #secNav #secNav07 a:hover{
background-position:-600px -53px;
} #secNav #secNav08 a{
width:100px;
background-position:-700px 0px;
} #secNav #secNav08 a:hover{
background-position:-700px -53px;
} #secNav #secNav09 a{
width:100px;
background-position:-800px 0px;
} #secNav #secNav09 a:hover{
background-position:-800px -53px;
}


#container{
background-color:#F6F6F6;
}

#container-inner{
background-color:#F6F6F6;
}


#content{
background-color:#F6F6F6;
}


/*フッターテンプレート
--------------------------------------------------*/
#footer{
width:100%;
height:99px;
margin:0;
color:#FFF;
clear:both;
background:#2B2B2B url(../images/footerBG.gif) repeat left top;
} #footerContent{
width:870px;
height:99px;
margin:0 auto;
position:relative;
} #footer h3{
width:274px;
height:54px;
margin:0;
padding:0;
position:absolute;
top:18px;
left:0;
text-indent:-9999px;
overflow:hidden;
background:transparent url(../images/footItem01.gif) no-repeat left top;
} #footerRight{
width:247px;
height:11px;
margin:0;
padding:0;
position:absolute;
top:34px;
right:0;
} #footerRight li{
height:11px;
margin:0;
padding:0;
float:left;
} #footerRight .footBtn01{
width:73px;
height:11px;
margin:0;
padding:0;
background:transparent url(../images/footLink01.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
display:block;
} #footerRight .footBtn02{
width:68px;
height:11px;
margin-left:15px;
padding:0;
background:transparent url(../images/footLink02.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
display:block;
} #footerRight .footBtn03{
width:75px;
height:11px;
margin-left:15px;
padding:0;
background:transparent url(../images/footLink03.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
display:block;
} #footer .copyRight{
width:557px;
height:12px;
margin:0;
padding:0;
position:absolute;
top:60px;
right:0;
text-indent:-9999px;
overflow:hidden;
background:transparent url(../images/footItem02.gif) no-repeat left top;
}


/*コンテンツテンプレート
--------------------------------------------------*/
#contents{
width:900px;
margin:0 auto 20px auto;
padding-top:20px;
}
#secContents{
width:900px;
margin:0 auto 20px auto;
padding-top:40px;
} #secContents h2{
width:847px;
margin:0 auto 20px auto;
} #secContents h3{
margin:0 auto 40px auto;
}
#facNav{
width:847px;
height:46px;
margin:0 auto;
padding:0;
background-color:#F6F6F6;
border-bottom:#3385C9 4px solid;
} #facNav li{
list-style-type:none;
margin:0;
padding:0;
height:46px;
text-indent:-9999px;
overflow:hidden;
float:left;
} #facNav li a{
display:block;
height:46px;
text-decoration:none;
} #facNav #facNav01 a{
width:423px;
background-position:0 0;
margin-right:1px;
background:transparent url(../images/facNav01.gif) no-repeat;
} #facNav #facNav01 a:hover{
background-position:0 -46px;
} #facNav #facNav02 a{
width:423px;
background-position:0 0;
margin:0;
background:transparent url(../images/facNav02.gif) no-repeat;
} #facNav #facNav02 a:hover{
background-position:0 -46px;
}
#facNav ul#tab li.selected {
background-position:0 0;
} #facNav ul#tab li.selected a {
background-position:0 -46px;
}
#accNav{
width:847px;
height:46px;
margin:0 auto;
padding:0;
background-color:#F6F6F6;
border-bottom:#3385C9 4px solid;
} #accNav li{
list-style-type:none;
margin:0;
padding:0;
height:46px;
text-indent:-9999px;
overflow:hidden;
float:left;
} #accNav li a{
display:block;
height:46px;
text-decoration:none;
} #accNav #accNav01 a{
width:423px;
background-position:0 0;
margin-right:1px;
background:transparent url(../images/accNav01.gif) no-repeat;
} #accNav #accNav01 a:hover{
background-position:0 -46px;
} #accNav #accNav02 a{
width:423px;
background-position:0 0;
margin:0;
background:transparent url(../images/accNav02.gif) no-repeat;
} #accNav #accNav02 a:hover{
background-position:0 -46px;
}
#accNav ul#tab li.selected {
background-position:0 0;
} #accNav ul#tab li.selected a {
background-position:0 -46px;
}
#tabA{
width:767px;
margin:auto;
padding:40px;
background-color:#FFF;
} #tabA h3{
margin-bottom:1em;
} #tabA p{
margin-bottom:.5em;
font: normal normal 14px/1.5 sans-serif;
color:#444;
}
#tabB{
width:767px;
margin:auto;
padding:40px;
background-color:#FFF;
} #tabB h3{
margin-bottom:1em;
} #tabB p{
margin-bottom:.5em;
font:normal normal 14px/1.5 sans-serif;
color:#444;
}
#tabB .contentBoxHead{
width:767px;
height:15px;
display:block;
background:transparent url(../images/contentBoxHead.gif) no-repeat;
} #tabB .contentBoxInner{
width:687px;
display:block;
padding:40px 40px 10px 40px;
background:transparent url(../images/contentBoxInner.gif) repeat-y;
} #tabB .contentBoxBottom{
width:767px;
height:54px;
display:block;
background:transparent url(../images/contentBoxBottom.gif) no-repeat;
}
#tabB .contentBoxInner h4{
border-left:6px solid #0071BC;
font-size:16px;
color:#444;
margin:0 0 10px 0;
padding:0 0 0 8px;
line-height:16px;
} #tabB .contentBoxInner p{
font:normal normal 13px/1.4 sans-serif;
color:#444;
} #tabB .contentBoxInner ul{
margin:0 -8px 30px 0;
overflow:hidden;
zoom:1;
} #tabB .contentBoxInner li{
float:left;
margin:0 8px 10px 0;
width:131px;
display:inline;
font-size:12px;
}
#tabB .usage ul{
list-style-type:decimal;
margin-bottom:30px;
padding-left:1.5em
} #tabB .usage li{
margin-bottom:1em;
font-size:13px;
color:#444;
}
.contentBoxInner .heightBox{
height:230px;
overflow:hidden;
margin-bottom:0;
display:block;
} .contentBoxInner li img{
margin-bottom:5px;
} .heightBox h5{
margin:0;
font-weight:bold;
font-size:12px;
color:#0071BC;
} .heightBox p{
font-size:12px !important;
line-height:1.2 !important;
}
.cellBox{
border-collapse:collapse;
border-spacing:0;
width:100%;
margin:30px auto;
border-top:1px solid #AAA;
font-size:13px
} .cellBox td{
padding:.5em;
border:none;
border-bottom:1px solid #AAA;
background-color:#FFF;
} .cellBox .grayCell{
background-color:#EFEFEF;
color:#222;
font-weight:bold;
width:120px;
border-right:1px solid #AAA;
} .cellBox .redCell{
background-color:#FFE5EF;
color:#222;
width:40px;
border-right:1px solid #AAA;
} .cellBox .redCell2{
background-color:#FFE5EF;
color:#222;
width:40px;
border-right:1px solid #AAA;
border-left:1px solid #AAA;
} .cellBox .borderCell{
border-left:1px solid #AAA;
}
#contentLeft{
width:560px;
float:left;
} #topInfoImg{
width:560px;
margin-top:23px;
margin-bottom:15px;
} .topInfoImgEx{
width:560px;
margin-bottom:25px;
} #topNews{
width:560px;
margin-bottom:15px;
} #topNews h3{
width:560px;
margin:0 0 .5em 0;
padding:0;
} #topNews .topNewsLink{
width:555px;
margin:0 0 1em 0;
padding:0 0 0 5px;
font-size:12px;
text-align:right
} #topNewsEx{
width:560px;
margin-bottom:15px;
} #topNewsEx h3{
width:560px;
margin:0 0 .5em 0;
padding:0;
} #leftBottom{
width:560px;
height:57px;
margin:0;
padding:0;
} #leftBottom li{
height:57px;
margin:0;
padding:0;
float:left;
}

#contentRight{
width:318px;
float:right;

padding-top:0px;
} #topCal{
width:318px;
} #topCal h3{
width:318px;
margin:0;
} #topCalContent{
width:290px;
margin:0 0 15px 0;
padding:11px;
background-color:#D1D8DF;
position:relative;
} #topCalOuter a{
width:290px;
height:400px;
margin:0;
text-indent:-9999px;
overflow:hidden;
z-index:5;
position:absolute;
top:11px;
left:11px;
display:block;
} #topCalInfo{
margin-top:415px;
} #topMobileInfo{
width:312px;
height:100px;
background:transparent url(../images/topItem04.gif) no-repeat;
position:relative;
} #topMobileInfo a{
width:127px;
height:19px;
text-indent:-9999px;
top:71px;
left:14px;
display:block;
position:absolute;
}
.stTitleh4{
border-left:6px solid #0071BC;
font-size:16px;
color:#444;
margin:0 0 10px 0;
padding:0 0 0 8px;
line-height:16px;
}
#topBottom{
width:900px;
height:128px;
margin:0 auto 20px auto;
clear:both;
background:transparent url(../images/topBottomBG.gif) no-repeat left top;
position:relative;
} #topBottomListBox{
top:35px;
left:45px;
position:absolute;
} .topBottomList li{
width:161px;
}
#topMiddle{
width:900px;
margin:0 auto 20px auto;
clear:both;
} #topMiddle h3{
margin:0 0 .5em 0;
} #topMiddle p{
font-size:12px;
color:#444;
margin:0 0 .5em 0;
} #topMiddle ul{
width:882px;
height:159px;
margin:auto;
} #topMiddle li{
float:left;
}
#contentBottom{
width:900px;
margin:0 auto 20px auto;
text-align:right;
clear:both;
}
.playerLrBox ul{
margin:0 -8px 30px 0;
overflow:hidden;
zoom:1;
} .playerLrBox li{
float:left;
margin:0 8px 20px 0;
padding-bottom:8px;
width:252px;
display:inline;
font-size:12px;
background-color:#EFEFEF;
} .playerLrBox h4{
font-size:14px;
font-weight:bold;
padding:5px 0 5px 8px;
margin:0 0 10px 0;
display:block;
border-bottom:#1FC3FF 2px solid;
} .playerLrBox img{
float:left;
margin:0 12px 0 8px;
width:83px;
} .playerLrBox span{
line-height:2.3;
}
#poricyContent h3,#siteMapContent h3{
border-left:6px solid #0071BC;
font-size:16px;
color:#444;
margin:0 0 10px 0;
padding:0 0 0 8px;
line-height:16px;
}
#inquiryContent{
border-top:#B4B4B4 1px solid;
margin:25px 0 50px 0;
clear:both;
} #inquiryContent dl{
margin:0;
padding:0;
font-size:12px;
border-bottom:#B4B4B4 1px solid;
clear:both;
} #inquiryContent dt{
width:125px;
margin:0;
padding:12px 0 12px 10px;
float:left;
color:#444;
font-weight:bold;
} #inquiryContent dd{
margin:0 0 0 125px;
padding:12px 0 12px 10px;
border-left:#B4B4B4 1px solid;
} #inquiryContent p,ul{
font-size:12px;
}
/*IE6ハック
--------------------------------------------------
*html #mainNavWrapper{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(src='common/images/navBack_win.png',sizingMethod='crop');}
*html a,form{ position:relative !important;}
*html #mainNavWrapper{background:transparent url(../images/navBack_win.gif) repeat-x left top;}
*html #secNavWrapper{background:transparent url(../images/navBack_win.gif) repeat-x left top;}