/*@charset "utf-8";*/

/* =import 
----------------------------------------------*/
@import url(base.css);
@import url(reset.css);
@import url(footer.css);




/* hn
------------------------------------------- */
h1{
position:absolute;
top:22px;
left:0;
}
#head-txt{
width:860px;
height:22px;
background:url(../images/head-01.gif) repeat-x;
position:absolute;
top:0px;
left:-1px;
text-align:left;
color:#ffffff;
font-weight:100;
font-size:90%;
padding-left:16px;
line-height:2em;
}
#pre h3{
height:34px;
color:#ffffff;
line-height:2.8em;
padding-left:10px;
margin-bottom:10px;
background:url(../images/title3-bg.gif) no-repeat 0 0;
position:relative;
}
#home #pre h3{
padding:0;
margin:0;
background:none;
}
/* icon */
#pre h3 span{
height:26px;
position:absolute;
top:4px;
left:4px;
padding-left:50px;
line-height:2.3em;
}
#pre h3 span.icon-01{ background:url(../images/icon-1.gif) no-repeat 0 0; }
#pre h3 span.icon-02{ background:url(../images/icon-2.gif) no-repeat 0 0; }
#pre h3 span.icon-03{ background:url(../images/icon-3.gif) no-repeat 0 0; }
#pre h3 span.icon-04{ background:url(../images/icon-4.gif) no-repeat 0 0; }
#pre h3 span.icon-05{ background:url(../images/icon-5.gif) no-repeat 0 0; }
#pre h3 span.icon-06{ background:url(../images/icon-6.gif) no-repeat 0 0; }


/* icon */

#pre h4{
height:35px;
color:#003b85;
line-height:2.8em;
padding-left:25px;
margin-bottom:10px;
background:url(../images/title4-bg.gif) no-repeat 0 0;
}
#detail h4{ padding:0; }
#pre h5{
width:100%;
background:url(../images/dash.gif) repeat-x 0 bottom;
margin-bottom:10px;
color:#215700;
}


/* link
------------------------------------------- */
a:link{ color:#0185c2; text-decoration:underline; }
a:hover{ color:#0185c2; text-decoration:none; }
a:visited{ color:#0185c2; text-decoration:underline; }

/* common
------------------------------------------- */
span.allow{
display:block;
padding:0 0 6px 25px;
background:url(../images/allow-03.gif) no-repeat 0 1px;
}
span.allow strong{
color:#215700;
}
.center{ text-align:center; padding:10px 0; }

/* list-01 */
.list-01{
width:628px;
margin:0 auto;
padding:5px 0 0 0;
}
.list-01 dt{
display:block;
font-weight:bold;
padding:0 0 0 20px;
margin-bottom:5px;
background:url(../images/allow-04.gif) no-repeat 0 2px;
}
.list-01 dd{
margin-bottom:10px;
}

/* list-02 */
.list-02{
width:652px;
clear:both;
margin-bottom:5px;
border:#cecece solid 1px;
}
.list-02 ul{
width:634px;
border:#ffffff solid 1px;
background:#f7f7f7;
padding:8px;
}
.list-02 ul li{
display:inline;
border-right:#cacaca solid 1px;
padding-right:10px;
margin-right:10px;
}
.list-02 ul li.end{
padding:0;
margin:0;
border:none;
}

/* list-03 */
.list-03{
width:100%;
margin-bottom:5px;
}
.list-03 dt{
display:block;
background:url(../images/dash-02.gif) repeat-x 0 bottom;
margin-bottom:10px;
}
.list-03 dt span{
display:block;
padding:0 0 8px 30px;
line-height:2.5em;
}
.list-03 dt span.no-01{ background:url(../images/allow-05.gif) no-repeat 0 4px; }
.list-03 dt span.no-02{ background:url(../images/allow-06.gif) no-repeat 0 4px; }
.list-03 dt span.no-03{ background:url(../images/allow-07.gif) no-repeat 0 4px; }
.list-03 dt span.no-04{ background:url(../images/allow-08.gif) no-repeat 0 4px; }
.list-03 dt span.no-05{ background:url(../images/allow-09.gif) no-repeat 0 4px; }
.list-03 dt span.no-06{ background:url(../images/allow-10.gif) no-repeat 0 4px; }
.list-03 dt span.no-07{ background:url(../images/allow-11.gif) no-repeat 0 4px; }
.list-03 dd{ margin-bottom:10px; }


/* bottom-box */
.bottom-box{
border:#9cc597 solid 1px;
}
.bottom-box div{
width:618px;
border:#ffffff solid 1px;
background:#eff7ef;
padding:15px 16px 5px 16px;
}
.bottom-box div p{
margin-bottom:10px;
}
#pre .bottom-box div h5{
background:url(../images/bottom-boxbg.gif) repeat-x 0 bottom;
color:#1a5b00;
padding-bottom:8px;
font-size:120%;
}

/* sitemap */
#sitemap .section ul{
padding:10px 20px;
}
#sitemap .section ul li a{
display:block;
_height:0;
background:url(../images/allow-01.gif) no-repeat 0 6px;
padding-left:15px;
line-height:1.8em;
}

/* pankuzu
------------------------------------------- */
#pankuzu{
margin-bottom:10px;
}
#pankuzu li{
display:inline;
margin-right:5px;
}

/* section
------------------------------------------- */
.section{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:5px;
}
.section p{
margin-bottom:10px;
}
.section .right{
float:right;
margin:0 0 0 10px;
margin-bottom:10px;
}
.section .left{
float:left;
margin:0 10px 0 0;
margin-bottom:10px;
}
.section span.title{
font-size:120%;
color:#0054b1;
display:block;
font-weight:bold;
margin-bottom:10px;
}

.section-box{
width:630px;
height:auto;
overflow:hidden;
padding: 10px;
background-color: #f5faff;
border: solid 2px #ccddf8;
margin-bottom:5px;
}

/* talbe */
.section table{
border-left:#bbc5ce solid 1px;
border-top:#bbc5ce solid 1px;
margin-bottom:10px;
}
.section table th{
border-right:#bbc5ce solid 1px;
border-bottom:#bbc5ce solid 1px;
background:#f3f6f7;
padding:8px;
color:#1e4769;
width:20%;
text-align:center;
}
.section table th span{
color:#990000;
font-weight:100;
margin-left:5px;
}
.section table td{
border-right:#bbc5ce solid 1px;
border-bottom:#bbc5ce solid 1px;
padding:8px;
}
.section table td textarea{
width:99%;
height:100px;
}

.bx-blue {
color: #4477ee;
font-weight:normal;
}






/* side-bax
------------------------------------------- */
.side-bax{
width:164px;
background:#ffffff;
margin:0 auto 7px auto;
background:url(../images/left-box-bottom.gif) no-repeat 0 bottom;
padding:0 0 3px 0;
}
.side-bax ul{
width:162px;
border-left:#c2c2c2 solid 1px;
border-right:#c2c2c2 solid 1px;
}
.side-bax ul li{
background:url(../images/dash.gif) repeat-x 0 bottom;
padding:0 0 1px 0;
}
.side-bax ul li.end{
background:none;
}

/* banner-box
------------------------------------------- */
.banner-box{
padding: 5px 0;
}
.banner-box a{
width:164px;
margin:0 auto;
display:block;
margin-bottom:7px;
}