@charset "utf-8";
/* CSS Document */
@import "base.css";

/*===================================
*	sub page
===================================*/
/*topicPath*/
ol#topicPath{
display:block;
clear:both;
margin:0 20px 15px;
padding:0;
font-size:80%;
}
ol#topicPath li{
display:inline;
padding:0 2px 0 0;
}
ol#topicPath li a{
padding:0 16px 0 6px;
background:url(../cmn/ico_tp.png) no-repeat 100% 50%;
color:#ff8e7f;
}
ol#topicPath li a:hover{
color:#0755b7;
}

h1{
display:block;
height:40px;
margin:0 0 20px;
padding-top:5px;
background:url(../cmn/bg_h1.png) no-repeat 0 0;
color:#0755b7;
font-size:24px;
text-indent:50px;
line-height:40px;
}
h4{
display:block;
margin:0 10px 15px 20px;
border-bottom:solid 1px #ccc;
border-left:solid 5px #0755b7;
color:#0755b7;
font-size:16px;
line-height:16px;
text-indent:20px;
}

#content ol.pagenavi{
display:block;
overflow:hidden;
margin:0 0 20px 10px;
text-align:center;
}
/*ie6*/
* html #content ol.pagenavi{
height:1%;
}
#content ol.pagenavi li{
display:block;
float:left;
width:155px;
height:35px;
background:url(../cmn/bg_pagenavi.png) no-repeat 0 0;
font-size:11px;
line-height:35px;
}
#content ol.pagenavi li a:link,
#content ol.pagenavi li a:visited{
display:block;
width:155px;
height:35px;
background:url(../cmn/bg_pagenavi.png) no-repeat 0 -35px;
text-decoration:none;
}
#content ol.pagenavi li a:link{
color:#0755b7;
}
#content ol.pagenavi li,
#content ol.pagenavi li a:hover{
background-position:0 0;
}
#content ol.pagenavi li a:hover{
color:#ff8e7f;
}
#content .section li,
#content .section dt,
#content .section dd{
font-size:80%;
}
#content .section li li,
#content .section li p,
#content .section dd p,
#content .section dd li{
font-size:100%;
}
#content .pict{
overflow:hidden;
}
#content .section ol.flow{
margin-left:40px;
}
#content .section ol.flow li{
list-style:decimal outside;
margin-bottom:10px;
}
#content .section dl,
#content .section ul.example{
margin-left:20px;
}
#content .section dl dt{
font-weight:bold;
}
#content .section dl dd{
margin:0 0 20px 20px;
}
#content .section ul li{
list-style:disc outside;
margin-left:20px;
}
#content .section ul.example li{
display:inline;
list-style:none;
margin:0;
}
#content .section dl.faq dt{
margin:0 0 10px;
padding-left:35px;
background:url(../cmn/ico_faq_q.png) no-repeat 0 0;
color:#0755b7;
font-family:Meiryo,Arial,sans-serif;
font-size:16px;
font-weight:bold;
line-height:34px;
}
#content .section dl.faq dd{
margin:0 0 15px;
padding:0 0 15px 35px;
border-bottom:dotted 1px #ff8e7f;
background:url(../cmn/ico_faq_a.png) no-repeat 0 0;
}
#content .section ul.link{
margin:0 0 20px 10px;
}
#content .section ul.link li{
list-style:none;
background:url(../cmn/ico_link.png) no-repeat 0 50%;
line-height:27px;
text-indent:35px;
}
#content .section ol.nb{
margin-left:20px;
}
#content .section ol.nb li{
list-style:decimal outside;
margin-left:20px;
}
#content .section dl.summary dt{
border-left:solid 2px #0755b7;
text-indent:5px;
}
#content .section dl.summary dd{
margin:-1.6em 0 0;
padding:0 0 1em 12em;
}
#content .section dl.summary dd ul li{
list-style:none;
margin-left:0;
}
#content #map{
margin:5px 0 15px 20px;
}
#content #map small{
font-size:80%;
}

/*form*/
#content #contact.section{
margin-left:10px;
border:none;
}
#content .section fieldset dt{
border-left:solid 3px #0755b7;
text-indent:10px;
}
#content .section fieldset dd{
margin:-1.6em 0 20px 0;
padding:0 0 20px 160px;
border-bottom:dotted 1px #0755b7;
}
#content .section fieldset dd li{
list-style:none;
margin-bottom:10px;
}
#content fieldset .nn{
display:none;
}
#content fieldset input.wd{
width:250px;
}
#content fieldset textarea{
width:400px;
}
#content fieldset input{
padding:5px 0;
}
#content fieldset input.jsmap{
padding-left:20px;
}
#content fieldset input.submitButton,
#content fieldset input.submitButton a{
width:212px;
height:62px;
margin:0;
background:url(../cmn/sub/btn_submitButton.png) no-repeat 0 0;
border:none;
color:#fff;
font-size:18px;
font-weight:bold;
cursor:pointer;
}
#content fieldset input.submitButton a:hover,
#content fieldset input.submitButton:focus{
background-image:url(../cmn/sub/btn_submitButton.png);
outline:none;
}
html:first-child #content fieldset input.submitButton{
content: "";
}
strong.application{
display:block;
width:300px;
height:62px;
margin:-1.6em 0 0 12em;
text-indent:-200em;
line-height:62px;
}
strong.application a{
display:block;
width:300px;
height:62px;
background:url(../cmn/btn_application.png) no-repeat 0 0;
}
strong.application a:hover{
background-position:0 -62px;
}

#side ul li.pagecontents ol li{
list-style:decimal inside;
margin-left:10px;
color:#0755b7;
font-size:80%;
}
#side ul li.pagecontents li a{
color:#0755b7;
}
#side ul li.pagecontents li a:hover{
color:#ff8e7f;
}