@charset "utf-8";

/* CSS Document */



/* =import 

----------------------------------------------*/

@import url(style.css);



/* s-guide */



#s-guide h3{

display:inline;

font-weight:100;

}



#s-guide h4{

width:100%;

margin-bottom:10px;

text-align:left;

overflow:hidden;

}



#s-guide .pankuzu{

margin-bottom:17px;

}



.left-box .img{

float:left;

padding:0 15px 10px 0;

display:block;

}

.right-box .img{

float:right;

padding:0 0 10px 15px;

display:block;

}



/* kyoutsu------------------------ */

.section h6{

background:url(../information/images/info-allow.gif) no-repeat 0 5px;

padding-left:15px;

color:#004f81;

}



/* title------------------------ */

#title a{

float:right;

}





/* h4-style------------------------ */

#s-guide h4 span.question{

display:block;

background:url(/occupation/images/occ-icon01.gif) no-repeat 0 10px;

float:left;

position:absolute;

top:0;

left:-15px;

padding-left:12px;

}





/* btn-box------------------------ */

#btn-box{

text-align:center;

}

#btn-box input{

margin-right:5px;

}





/* backnumber-box------------------------ */



.backnumber-box{

border:#cacaca solid 1px;

background:#e5e7eb;

text-align:center;

padding:3px 0;

}

.backnumber-box .inside{

width:558px;

margin:0 auto;

background:#ffffff;

}

.backnumber-box .inside h5{

margin:8px 0 0 0;

}

.backnumber-box .inside h5 img{

vertical-align:middle;

}

.backnumber-box .inside span.img{

display:block;

padding:8px 11px 8px 8px;

float:left;

border:none;

}

.backnumber-box .inside span.img img{

border:#bcbcbc solid 1px;

}

.backnumber-box .inside p{

width:411px;

float:left;

}

#occupation .backnumber-box{

border-bottom:none;

}

#occupation .end{

border-bottom:#cacaca solid 1px;

}





/* info06------------------------ */



.info06_box01{

background: url(../information/06/info06_picbg.jpg) top no-repeat;

height:135px;

padding: 10px 250px 10px 0px;

}



h5.info06_h5{

background: url(../information/06/info06_titlebg.gif) top no-repeat;

height:20px;

padding: 2px 35px;

color: #FFFFFF;

margin: 10px 0;

}



.info06_left{

float: right;

margin:0 0 5px 10px;

}





.info06_table p{

padding:10px 0 0 20px;

}



.info06_hr{

border:#999999 1px dotted;

height:1px;

margin:0 0 0 20px;

}

.info06_hr02{

border:#E14E84 1px dotted;

height:0px;

margin:0px;

}



.info06_table h5{

padding:0 0 0 20px;

margin:0;

font-size:110%;

color:#E14E84;

}



.info06_bana img{

margin:0 10px 5px 0px;

border:none;

}



/* info07------------------------ */



.info07-h5{

width: 532px;

height: 21px;

line-height: 21px;

padding-left: 32px;

background:url(../information/07/info07_h5bg.gif) left top no-repeat #02bd7f;

color: #fff;

font-weight: bold;

font-size: 120%;

margin-bottom: 10px;

}



.info07-box02-inner{

width: 299px;

float: right;

}



.info07-h6{

width: 272px;

height: 21px;

line-height: 21px;

padding-left: 27px !important;

background: url(../information/07/info07_h6bg.gif) left top no-repeat !important;

color:#018559 !important;

margin-bottom: 10px;

}



.info07-box02 dl dt{

font-weight: bold;

}



.info07-cimglist li{

display: inline;

}



.info07-box03{

height: 159px;

margin: 16px 0;

padding-bottom: 16px;

background: url(../information/07/info07_dottedline.gif) left bottom repeat-x;

}



.info07-box03 img{

padding-left: 15px;

}



/* info08------------------------ */





.info08-box01{

width: 305px;

float: left;

margin: 15px 0 23px;

}



.info08-box02{

width: 251px;

float: right;

margin: 15px 0 23px;

}



.info08-box03{

width: 140px;

float: left;

}



.info08-box03 img{

margin-bottom: 5px;

}



.info08-box04{

width: 408px;

float: right;

}



.info08-box04 li{

background: url(../information/08/info08_dottedline01.gif) left bottom repeat-x;

padding-bottom: 6px;

margin-bottom: 11px;

}



.info08-box04 li.end{

background: none;

margin-bottom: 0;

}



.info08-box04 li h6{

background: none;

padding-bottom: 5px;

padding-left: 0;

}



.info08-box05{

margin: 16px 0;

padding-bottom: 16px;

background: url(../information/08/info08_dottedline02.gif) left bottom repeat-x;

}



.info08-h5-01,

.info08-h5-02{

width: 532px;

height: 21px;

line-height: 21px;

padding-left: 32px;

font-weight: bold;

margin-bottom: 10px;

}



.info08-box02 .info08-h5-02{

width: 219px;

}



.info08-h5-01{

font-size: 120%;

color: #fff;

background:url(../information/08/info08_h5bg_01.gif) left top no-repeat #5bc7e4;

}



.info08-h5-02{

color:#027acf;

background:url(../information/08/info08_h5bg_02.gif) left top no-repeat;

}



ul.info08-circle li{

padding-left: 14px;

background: url(../information/08/list_circle.gif) left 3px no-repeat;

}



ul.qua-01{

width: 165px;

float: left;

}



ul.qua-02{

width: 395px;

float: left;

}



ul.qua-01 li span,

ul.qua-02 li span,

p.info08-notice{

color: #ff711b;

}



p.info08-notice{

clear: both;

margin-bottom:10px;

font-size:87.5%;

}



ul.info-08-pglist{

margin-bottom: 20px;

}



/* info09------------------------ */



.info09-mainvisual{

margin-bottom: 15px;

}



.info09-subtitle{

margin-bottom: 10px;

}



.info09-h4title{

width: 564px;

height: 21px;

line-height: 21px;

font-weight: bold;

color: #fff;

padding-left: 30px;

background: url(../information/09/info09_h4bg_01.gif) left top no-repeat #a9024c;

margin-bottom: 15px;

}



.info09-h4title span{

font-size: 87.5%;

padding-left: 15px;

}



.info09-box01{

width: 340px;

float: right;

margin-bottom: 20px;

}



.info09-box01 h5{

margin-top: 20px;

margin-bottom: 10px;

}



.info09-box01 p{

text-indent: 1em;

}



.info09-box02{

width: 223px;

float: left;

margin-bottom: 20px;

}



.info09-box03 h5{

margin-bottom: 10px;

}



.info09-box03 h6{

width: 564px;

height: 21px;

line-height: 21px;

font-weight: bold;

color: #a9024c;

padding-left: 30px;

background: url(../information/09/info09-h6title.gif) left top no-repeat #f5cae4;

margin-bottom: 15px;

}



.info09-box03 dl{

width: 170px;

float: left;

margin-right: 25px;

margin-top: 13px;

}



.info09-box03 dl.end{

margin-right: 0;

}



.info09-box04 dl dt,

.info09-box04 dl dd{

float: left;

}



.info09-box04 dl dt{

width: 186px;

margin-right: 14px;

}



.info09-box04 dl dd{

width: 363px;

}



.info09-box04{

margin-top: 30px;

}