@charset "Shift_JIS";
/* CSS Document */
.px10{font-Size:10px;}
.px12{font-Size:12px;}
.px14{font-Size:14px;}
.px16{font-Size:16px;}
.px18{font-Size:18px;}
.px20{font-Size:21px;}

a{text-decoration:none;}
a:link{color:#0000FF;}
a:hover,a:active{color:#0099FF;}
a:visited{color:#551A8B;}

body {
color: #111111;
background-color:#FFFFFF;
background-image:url(../image/bg.gif);
background-repeat:repeat-y;
margin:0;
padding:0;
text-align:center;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'Osaka';
}

#wrapper{
position: relative;
text-align: left;
margin:0 auto;
padding:0;
}

#header{
position:relative;
top:0;
left:0;
height:71px;
background-image:url(../image/bgHeader.gif);
background-repeat:no-repeat;
}

#main {
position:absolute;
top:90px;
right:30px;
left:220px;
text-align:left;
background-image:url(../image/bgTitle.gif);
background-repeat:no-repeat;
}

#navigation{
position:absolute;
top:80px;
left:0;
width:200px;
}


#copyright{
text-align:right;
margin:20px 0 10px 0;
padding:5px;
background-image:url(../image/line.gif);
background-repeat:repeat-x;
background-position:top;
height:15px:
}



/*ヘッダ*/
#header h1{
padding:11px 0 0 35px;
margin:0;
}

#header ul{
position:absolute;
display:block;
right:30px;
top:0;
width:204px;
height:28px;
background-image:url(../image/bgHeaderMenu.gif);
background-repeat:no-repeat;
padding:0;
margin:0;
list-style:none;
}

#header li{
display:block;
float:left;
padding:6px 0 0 0;
margin:0;
text-align:center;
}

#header li.menu1{
width:126px;
}

#header li.menu2{
width:78px;
}

#header p{
position:absolute;
top:53px;
left:20px;
padding:0;
margin:0;
width:640px;
}
#header p a:link,
#header p a:visited{
font-weight:bold;
text-decoration:underline;
}



/*ナビゲーション*/
#header a,
#navigation a{
text-decoration:none;
}

#navigation ul{
list-style:none;
padding:0;
margin:0 0 10px 0;
border-top:1px solid #CECECE;
display:block;
}

#navigation h2{
padding:0;
margin:0;
}

#navigation li{
padding:0;
margin:0;
}

#navigation li a:link,
#navigation li a:visited{
display:block;
background-image:url(../image/bgNavi.gif);
background-repeat:no-repeat;
background-position:0 top;
height:19px;
padding:6px 5px 0 12px;
border-bottom:1px solid #CECECE;
}

#navigation li a:hover,
#navigation li a:active{
display:block;
background-image:url(../image/bgNavi.gif);
background-repeat:no-repeat;
background-position:0 26px;
height:19px;
padding:6px 5px 0 12px;
}


#navigation li.here a:link,
#navigation li.here a:visited,
#navigation li.here a:active,
#navigation li.here a:hover{
display:block;
background-image:url(../image/bgNavi.gif);
background-repeat:no-repeat;
background-position:0 bottom;
height:19px;
padding:6px 5px 0 12px;
}


#navigation a.here{
color:#FFFFFF;
}

#navigation ol.subNavi{
list-style:none;
padding:0;
margin:0 0 10px 0;
border-top:none;
display:block;
}

#navigation ol.subNavi a:link,
#navigation ol.subNavi a:hover,
#navigation ol.subNavi a:active,
#navigation ol.subNavi a:visited{
background-image:url(../image/li_naviSub.gif);
background-repeat:no-repeat;
background-position:14px 7px;
border-bottom:none;
height:10px;
padding:5px 0 5px 20px;
margin:0;
}





/*メイン*/

#main a{
text-decoration:underline;
}

#main h2{
padding:18px;
margin:0;
}

#main h3{
background-color:#4b6cce;
color:#FFFFFF;
padding:4px 7px 3px 7px;
margin:12px 10px 5px 15px;
}
#main h4{
padding:5px 0 5px 7px;
margin:10px 10px 10px 15px;
border-bottom:1px solid #999999;
}

#main p,
#main dl{
padding:10px;
margin:0 15px 5px 15px;
line-height:150%;
}

#main ul,
#main ol{
padding:0;
margin:10px 15px 7px 50px;
line-height:150%;
}

#main li{
padding:3px 0 5px 2px;
margin:5px;
}

#main table{
margin:10px 20px 10px 20px;
border-top:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;
}

#main table th{
background-color:#eff5ff;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
text-align:left;
padding:3px;
margin:0;
}

#main table td{
border-right:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
padding:3px;
margin:0;
}

#main blockquote{
border:1px dashed #666666;
padding:15px;
}
#main .right{
float:right;
}

#main .center{
text-align:center;
}

#main .attention{
color:#FF0000;
border:1px solid #ff0000;
padding:10px;
background-color:#FFEBE8;
display:block;
}

#main dt{
display:block;
border-bottom:1px solid #999999;
padding:2px;
font-weight:bold;
}

#main dl.qa dt{
display:block;
border-bottom:none;
padding:5px 5px 5px 25px;
font-weight:bold;
background-image:url(../image/question.gif);
background-repeat:no-repeat;
border-bottom:1px solid #999999;
}

#main dd{
padding:0 0 15px 0;
margin:5px 5px 10px 15px;
}

#main dl.qa dd{
padding:0 0 15px 25px;
margin:5px 5px 10px 30px;
}

#copyright a,
#copyright img{
text-decoration:none;
border:none;
}

#main div.mobile{
background-color:#8BD88F;
width:150px;
border:2px solid #111111;
padding:4px;
margin:5px 5px 10px 35px;
}

#main div.pda{
background-color:#eeeeee;
width:200px;
border:2px solid #111111;
padding:4px;
margin:5px 5px 10px 35px;
}

.red{
color:#FF0000;
}


#main div.mobile p,
#main div.pda p{
padding:3px;
margin:0;
line-height:130%;
border-bottom:1px solid #555555;
text-align:left;
}
#main div.mobile p.end,
#main div.pda p.end{
border-bottom:none;
text-align:right;
}
#main div.mobile p.noline,
#main div.pda p.noline{
border-bottom:none;
}
#main div.mobile p.title,
#main div.pda p.title{
text-align:center;
}

#main div.mobile p.right,
#main div.pda p.right{
text-align:right;
}

#main div.pda span.form,
#main div.mobile span.form{
border:1px solid #555555;
padding:1px 10px 1px 1px;
margin:2px 0 2px 0;
}
#main div.mobile span.button,
#main div.pda span.button{
border:1px solid #555555;
background-color:#000000;
color:#FFFFFF;
display:inline;
padding:1px 5px 1px 5px;
}