@charset "utf-8";

/* format
----------------------------------------------------------------------------------*/
a{color:#3471de;}
#index #container strong{font-weight:normal;}

h3{
padding:6px 0 7px 4px;
margin:0 0 0.5em;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
border-top:2px solid #75a0eb;
}


/* common parts
----------------------------------------------------------------------------------*/
body{
background:url(../images/cmn_header_bg01.gif) center top repeat-x;
}

/* header */
#header{
background:#5a96ff;
}

/* conainer */
#container{
background:url(../images/cmn_container_bg.gif) left top repeat-y;
}

/* contents */
#contents{
padding-right:12px;
width:618px;
}
#contents .btn{
margin:0 auto 1.5em;
padding:4px 0;
width:602px;
background:url(../images/cmn_btn_bg.gif) top center no-repeat;
text-align:center;
}

#contents #pnav{
padding:0 0 25px;
background:#ddf0ff url(../images/cmn_pnav_bgbtm.gif) left bottom no-repeat;
}
#contents #pnav ul{
margin:0;
padding:16px 13px;
list-style-type:none;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
}
#contents #pnav li{
padding-left:1.5em;
background:url(../../common/images/cmn_arw_blue.gif) left 3px no-repeat;
}


#contents .backLink{
text-align:right;
}
#contents .backLink a{
padding-left:15px;
background:url(../images/cmn_ico_back.gif) left top no-repeat;
}

/* table */
table{
margin:0 0 1em;
padding:0;
width:100%;
border:1px solid #3471de;
border-collapse:collapse;
}
table th{
padding:8px 9px;
width:106px;
background:#ddf0ff url(../images/cmn_table_line.gif) left bottom repeat-x;
color:#3471de;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table td{
padding:8px 9px;
background:#fff url(../images/cmn_table_line.gif) left bottom repeat-x;
}
table tr.last th,
table tr.last td{
background-image:none;
}

/* inputFormTable */
table.inputForm{
width:602px;
border:none;
margin:0 0 20px;
}
table.inputForm th{
padding:10px 12px;
width:108px;
vertical-align:top;
text-align:left;
border-top:1px solid #fff;
background:#ddf0ff;
}
table.inputForm td{
padding:10px 12px;
vertical-align:top;
border-top:1px solid #fff;
background:#e9f6ff;
}
table.inputForm input,
table.inputForm textarea{
font-size:100%;
}
table.inputForm .w40{width:40px;}
table.inputForm .w70{width:70px;}
table.inputForm .w150{width:150px;}
table.inputForm .w182{width:182px;}
table.inputForm .w270{width:270px;}
table.inputForm .w390{width:390px;}

/* error */
.error,
.thanks{
color:#fe0000;
}
strong.error{
font-size:116%;
}

/* sideContents */
#sideContents #localNav{
background:#ddf0ff;
}
#sideContents #localNav #lnav{
background:url(../images/cmn_lnav_bgbtm.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dt{
display:block;
padding:4px 3px 0;
margin-bottom:1px;
background:url(../images/cmn_lnav_bgtop.gif) center top no-repeat;
}
#sideContents #localNav #lnav dd{
display:block;
padding:0 3px 1px;
background:url(../images/cmn_lnav_line.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dd.last{
padding:0 3px 2px;
background:none;
}
#sideContents #localNav #blog .blogger .txt span{
color:#3471de;
}

/* footer */
#footer{
background:#fff url(../images/cmn_footer_bg.gif) left top no-repeat;
}
#footer #footnav{
color:#3471de;
}


/* index.html
----------------------------------------------------------------------------------*/
#index #header h1{
position:absolute;
top:-1.5em;
float:none;
margin:0;
padding:0;
font-size:83%;
font-weight:normal;
}

/*  wrapper  */
#index #wrapper{
float:left;
margin:0;
padding:0;
width:692px;
}

/*  contents  */
#index #contents{
float:right;
margin:0;
padding:0 0 53px;
width:466px;
}
#index #contents #pankuz{
margin:0;
}
#index #contents #dispatchInfo{
position:relative;
margin:0 0 30px;
}
#index #contents #dispatchInfo ul{
margin:0;
padding:0;
list-style-type:none;
}
#index #contents #dispatchInfo li{
margin:0;
padding:0;
}
#index #contents #dispatchInfo li a{
padding-left:15px;
background:url(../../common/images/cmn_arw_blue.gif) left top no-repeat;
}
#index #contents #dispatchInfo img{
margin-left:3px;
}
#index #contents #dispatchInfo p.list{
position:absolute;
top:10px;
right:4px;
}
#index #contents #dispatchOfWork{
margin:0 0 15px;
width:466px;
}
#index #contents #dispatchOfWork dl,
#index #contents #dispatchOfWork dt,
#index #contents #dispatchOfWork dd{
margin:0;
padding:0;
}
#index #contents #dispatchOfWork dl{
float:left;
width:148px;
margin:0 11px 11px 0;
}
#index #contents #dispatchOfWork dl.none{
margin-right:0;
}
#index #contents #dispatchOfWork dt{
margin:0 0 8px;
}
#index #contents #dispatchOfWork dd.img{
float:left;
margin:0;
width:56px;
display:inline;
}
#index #contents #dispatchOfWork dd.txt{
float:right;
width:85px;
font-size:84%;
}

#index #contents #job{
clear:both;
}
#index #contents #job ul{
margin:0 0 15px;
padding:0;
}
#index #contents #job li{
float:left;
margin:0 5% 0 0;
padding:0;
width:30%;
list-style-type:none;
}
#index #contents #job li.none{
margin:0;
}

/* sideBanners */
#index #sideBanners{
float:right;
margin:2.4em 0 53px;
padding:0;
width:152px;
text-align:center;
}
#index #sideBanners #categoryBanners,
#index #sideBanners #supportBanners,
#index #sideBanners #infoBanners,
#index #sideBanners #certificate{
margin:0 0 16px;
_margin:0 0 8px;
padding:0;
width:152px;
list-style-type:none;
}
#index #sideBanners #categoryBanners li,
#index #sideBanners #supportBanners li,
#index #sideBanners #infoBanners li,
#index #sideBanners #certificate li{
margin:0 0 8px;
padding:0;
}

#index #sideBanners img{
vertical-align:bottom;
}


/* beginner.html
----------------------------------------------------------------------------------*/
#beginner #contents dl{
margin:0 0 20px;
padding:0;
}
#beginner #contents dt,
#beginner #contents dd{
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
* html #beginner #contents dt,
* html #beginner #contents dd{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #beginner #contents dt,
*:first-child+html #beginner #contents dd{/* IE 7 */
display:inline;
zoom:1;
}
#beginner #contents dt{
margin:0;
padding:0;
width:180px;
text-align:center;
}
#beginner #contents dd{
margin:0;
padding:0;
width:400px;
}


/* start.html
----------------------------------------------------------------------------------*/
#start #contents dl{
padding:0 0 24px;
background:url(../images/start_step_arw.gif) 49px 98px no-repeat;
}
#start #contents dl.last{
background:none;
}
#start #contents dt{
margin:0;
padding:0;
width:129px;
}

#start #contents dd{
margin:-88px 0 0 142px;
padding:0 0 10px;
min-height:90px;
_height:90px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x
}


/* social.html
----------------------------------------------------------------------------------*/
#social .lead{
position:relative;
margin-top:-17px;
text-align:right;
}
#social #socialNav{
margin:0 0 30px;
padding:0;
list-style-type:none;
}
#social #socialNav li{
display:inline;
margin-right:7px;
}
#social #subttl{
padding:0 0 15px;
text-align:center;
background:url(../images/social_line.gif) left bottom repeat-x;
}
#social #contents #pnav{
margin:0 0 20px;
min-height:100px;
_height:100px;
} 
#social #contents ul.pnavLeftBox{
float:left;
width:200px;
}
#social #contents ul.pnavRightBox{
float:right;
padding-right:147px;
width:200px;
background-position:right top;
}
#social .premiums{
margin:0 0 1.5em;
}
#social .premiums dt{
font-weight:bold;
}
#social .premiums dd{
margin:0 0 0.8em;
}
#social table.social{
position:relative;
margin:0 0 20px 50px;
width:auto;
}
#social table.social th{
border-right:1px solid #85aaeb;
width:auto;
}
#social table.social .formulae{
background:#ddf0ff;
color:#3471de;
font-weight:bold;
border-right:1px solid #85aaeb;
border-left:1px solid #85aaeb;
}
#social table.social td.none{
background:none;
}
#social table .right{
text-align:right;
}
#social .line{
padding:0 0 15px;
margin:0 0 15px;
background:url(../images/cmn_lnav_line.gif) bottom repeat-x;
}
#social .attention{
margin:0 0 10px;
}
#social .caption{
margin:0 0 0 50px;
}
#social #contents dl{
margin:0 0 2em;
}
#social #contents dt{
font-weight:bold;
}
#social #contents dd{
padding-left:1.3em;
text-indent:-1.3em;
}
#social #contents #healthInsurance dt{
width:7em;
}
#social #contents #healthInsurance dd{
margin:-1.5em 0 0 7em;
}
#social #contents #employeePension dt{
width:8em;
}
#social #contents #employeePension dd{
margin:-1.5em 0 0 8em;
}
#social #contents #unemploymentInsurance dt{
width:8em;
}
#social #contents #unemploymentInsurance dd{
margin:-1.5em 0 0 8em;
}
#social #contents #workersAccident dt{
width:9em;
}
#social #contents #workersAccident dd{
margin:-1.5em 0 0 9em;
}
#social .intro{
width:602px;
margin:0 auto 1.5em;;
}

/* hotline */
#social .note{
margin-bottom:0;
}
#social table input{
width:300px;
}
#social table textarea{
width:390px;
}

/* qanda */
#social #pnav dl{
margin:0;
padding:16px 13px;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
}
#social #pnav dd{
margin:0 0 1em;
padding:0;
}
#social #pnav dd ul{
padding:0;
background:none;
}
#social #pnav dd li{
text-indent:0;
}
#social #contents dl.qanda{
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#social #contents .qanda dt{
margin:0 0 10px 8px;
padding:15px 0 15px 42px;
background:url(../images/qanda_q_bg.gif) top left no-repeat;
color:#3471de;
font-size:140%;
font-weight:bold;
}
#social #contents .qanda dd{
margin:0 0 0 8px;
padding:0 0 20px 42px;
min-height:55px;
_height:55px;
background:url(../images/qanda_a_bg.gif) top left no-repeat;
text-indent:0px;
}
#social #contents .qanda dd th{
width:200px;
}



/* welfare.html
----------------------------------------------------------------------------------*/
#welfare #contents ul{
margin:0 0 1.5em;
padding:0 0 0 2em;
}
#welfare table{
width:600px;
border:none;
}
#welfare table td{
padding:0;
background:none;
vertical-align:top;
}


/* voice.html
----------------------------------------------------------------------------------*/
#voice #contents #pnav{
margin:0 0 20px;
} 
#voice #contents ul.pnavLeftBox{
float:left;
width:200px;
}
#voice #contents ul.pnavRightBox{
float:right;
padding-right:147px;
width:200px;
background-position:right top;
}
#voice #contents .question{
margin:0 0 30px;
width:618px;
background:#ddf0ff url(../images/cmn_colorBox_bgbtm.gif) left bottom no-repeat;
}
#voice #contents .question ul{
margin:0;
padding:10px 10px 5px;
_padding:10px;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
list-style-type:none;
}
#voice #contents .question li{
float:left;
margin-bottom:5px;
width:250px;
}
#voice #contents .section .line{
padding-bottom:15px;
margin-bottom:15px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#voice #contents .pct{
float:left;
width:112px;
}
#voice #contents .answer{
float:right;
margin:0;
padding:0;
width:474px;
}
#voice #contents dl{
margin:0;
padding:0;
}
#voice #contents dt{
width:30px;
}
#voice #contents dd{
margin:-22px 0 0.5em 45px;
_margin:-18px 0 0.5em 45px;
}
#voice #contents .section .pagetop{
clear:both;
}


/* qanda.html
----------------------------------------------------------------------------------*/
#qanda #contents dl{
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#qanda #contents dt{
margin:0 0 10px 8px;
padding:15px 0 15px 42px;
background:url(../images/qanda_q_bg.gif) top left no-repeat;
color:#3471de;
font-size:140%;
font-weight:bold;
}
#qanda #contents dd{
margin:0 0 0 8px;
padding:0 0 20px 42px;
background:url(../images/qanda_a_bg.gif) top left no-repeat;
}
#qanda #contents dd ul{
margin:0;
padding:0 0 1.5em;
list-style-type:none;
}
#qanda #contents dd li{
margin:0;
padding:0;
}
#qanda #contents dd li.disc{
margin:0 0 0 1.5em;
padding:0;
list-style-type:disc;
}
#qanda #contents dd em{
font-style:normal;
margin:0;
padding:0;
color:#ff4842;
}


/* educational.html
----------------------------------------------------------------------------------*/
#educational #contents ul{
margin:0 0 25px;
padding:0;
list-style-type:none;
}
#educational #contents li{
position:relative;
margin:0;
padding:9px 0 8px 220px;
min-height:43px;
_height:43px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#educational #contents li.last{
background:none;
}
#educational #contents li img{
position:absolute;
left: 2px;
top: 8px;
}


/* point.html
----------------------------------------------------------------------------------*/
#point #contents #flow dl,
#point #contents #flow dt,
#point #contents #flow dd{
margin:0;
padding:0;
}
#point #contents #flow{
background:url(../images/point_flow_bg.jpg) 23px 10px no-repeat;
}
#point #contents #flow dl{
background:transparent;
zoom:1;
}
#point #contents #flow dt{
width:125px;
}
#point #contents #flow dd{
padding-bottom:1px;
margin:-30px 0 15px 125px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#point #contents #flow dd p{
margin:0 0 1em;
}
#point #contents #flow ul{
margin:0 0 1em;
padding:0 0 0 1.5em;
}


/* point-agreement.html
----------------------------------------------------------------------------------*/
#pointAgreement table ul{
margin:0;
padding:0;
list-style-type:none;
}
#pointAgreement table li{
margin:0;
padding:0 0 0 1.3em;
text-indent:-1.3em;
}


/* recruitment.html
----------------------------------------------------------------------------------*/
#recruitment table{
width:600px;
}
#recruitment th{
width:169px;
}


/* download.html
----------------------------------------------------------------------------------*/
#download #contents #pnav{
margin:0 0 20px;
min-height:100px;
_height:100px;
} 
#download #contents ul.pnavLeftBox{
float:left;
width:240px;
}
#download #contents ul.pnavRightBox{
float:right;
padding-right:68px;
width:260px;
background-position:right top;
}
#download .note{
margin:0 0 1.5em;
padding:0;
list-style-type:none;
}
#download .note li{
padding-left:1em;
text-indent:-1em;
font-size:120%;
}
#download h3{
position:relative;
padding-left:45px;
}
#download h3 img.icon{
position:absolute;
display:block;
left:7px;
_left:-38px;
top:-5px;
}
#download #contents em{
color:#ff2727;
font-style:normal;
}


/* recruitment-hurriedly.html
----------------------------------------------------------------------------------*/
#recruitingHurriedly table{
width:600px;
margin:0 auto 1em;
}
#recruitingHurriedly table th.head{
position:relative;
width:auto;
background:#3471de;
color:#ffffff;
font-size:116%;
}
#recruitingHurriedly th.head p{
position:relative;
margin-bottom:0;
padding-right:58px;
}
#recruitingHurriedly table th.head .icon{
position:absolute;
right:0;
top:0;
}
* html #recruitingHurriedly table th.head .icon{
right:9px;
top:-2px;
}


#recruitingHurriedly table.end{
border:1px solid #959595;
}
#recruitingHurriedly table.end th{
background:#e4e4e4 url(../images/hurriedly_line01.gif) left bottom repeat-x;
color:#333333;
}
#recruitingHurriedly table.end th.head{
background:#959595;
color:#ffffff;
}
#recruitingHurriedly table.end td{
background:#fff url(../images/hurriedly_line01.gif) left bottom repeat-x;
}
#recruitingHurriedly table.end tr.last th,
#recruitingHurriedly table.end tr.last td{
background-image:none;
}


/* recruitment-input.html
----------------------------------------------------------------------------------*/
#recruitmentInput div.section{
width:605px;
padding:0 0 4px 0;
background:url(../images/input_table_bg.gif) right bottom no-repeat;
}


/* mypage.html
----------------------------------------------------------------------------------*/
#mypage #contents dl,
#mypage #contents dt,
#mypage #contents dd{
margin:0;
padding:0;
}
#mypage #contents dl{
margin-bottom:20px;
}
#mypage #contents .pct{
float:left;
margin-left:8px;
width:202px;
display:inline;
}
#mypage #contents .txt{
float:right;
margin-right:12px;
width:380px;
display:inline;
}

/* info.html
----------------------------------------------------------------------------------*/
#info #entryBox{
margin:0 auto 25px;
width:602px;
background:url(../images/info_entryBox_bg.gif) top center no-repeat;
}
#info #entryBox dt,
#info #entryBox dd{
margin:0;
padding:0;
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
* html #info #entryBox dt,
* html #info #entryBox dd{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #info #entryBox dt,
*:first-child+html #info #entryBox dd{/* IE 7 */
display:inline;
zoom:1;
}
#info #entryBox dt{
padding:14px 0;
width:118px;
text-align:center;
}
#info #entryBox dd{
width:484px;
text-align:center;
}
#info #entryBox dd.confirm{
margin-left:30px;
width:454px;
text-align:left;
}
#info #entryBox dd input{
margin-right:1em;
width:295px;
vertical-align:middle;
font-size:100%;
}


/* campaign.html
----------------------------------------------------------------------------------*/
#campaign h2{
margin-top:-21px;
}
#campaign .infobox dt{
width:169px;
}


/* medical.html
----------------------------------------------------------------------------------*/
#medical #contents em{
font-weight:bold;
font-style:normal;
}
#medical .infobox dt{
width:192px;
}
#medical .infobox dd{
padding:1em 12px;
width:300px;
}
#medical td p{
margin-bottom:0;
}
#medical td ul{
margin:0;
padding:0;
list-style-type:none;
}
#medical #content{
margin:0 auto;
width:479px;
}

#medical #flow{
margin:0;
padding:0;
list-style-type:none;
}
#medical #flow li{
margin:0 0 7px;
background:url(../images/medical_flow_bgbtm.gif) left bottom no-repeat;
}
#medical #flow li.last{
margin:0 0 7px;
background:url(../images/medical_flow_bgbtmla.gif) left bottom no-repeat;
}
#medical #flow span{
display:block;
padding:10px 0 45px;
_padding-bottom:35px;
background:url(../images/medical_flow_bgtop.gif) left top no-repeat;
}
#medical #flow li.last span{
padding-bottom:10px;
_padding-bottom:5px;
}
#medical #flow span span,
#medical #flow span strong{
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
* html #medical #flow span span,
* html #medical #flow span strong{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #medical #flow span span,
*:first-child+html #medical #flow span strong{/* IE 7 */
display:inline;
zoom:1;
}
#medical #flow span strong{
padding-left:20px;
width:130px;
font-size:116%;
}
#medical #flow span span{
padding:10px 0 10px 20px;
background:url(../images/medical_flow_line.gif) left top repeat-y;
width:400px;
}

#medical #qa dt{
margin:0 0 10px;
padding:0 0 5px 46px;
text-indent:-46px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#medical #qa dd{
margin:0 0 20px;
padding:0 0 0 46px;
text-indent:-46px;
}
#medical #qa dt img{
vertical-align:middle;
margin-right:11px;
}
#medical #qa dd img{
vertical-align:middle;
margin:0 16px 0 4px;
}


/* entry.html
----------------------------------------------------------------------------------*/
#entry #terms{
margin-right:10px;
padding:10px;
border:2px solid #ccc;
height:10em;
overflow:scroll;
}
#entry .buttons{
width:331px;
}
#entry #secure dd{
width:360px;
}


/* input.html
----------------------------------------------------------------------------------*/
#input div.section{
width:605px;
padding:0 0 4px 0;
background:url(../images/input_table_bg.gif) right bottom no-repeat;
}
#input table.inputForm td dl,
#input table.inputForm td dd,
#input table.inputForm td ul,
#input table.inputForm td li{
margin:0;
padding:0;
list-style-type:none;
}
#input table.inputForm td dt{
margin:0 0 5px;
}
#input table.inputForm td ul{
width:400px;
}
#input table.inputForm td li{
float:left;
width:100px;
}
#input table.inputForm td span.line{
display:block;
margin-bottom:5px;
}


/* backnumber.html
----------------------------------------------------------------------------------*/
#backnumber #contents ul{
margin:0 0 15px;
padding:0;
list-style:none;
}
#backnumber #contents dl{
margin:0 0 15px;
padding:0;
}
#backnumber #contents li,
#backnumber #contents dt,
#backnumber #contents dd{
margin:0;
padding:0;
}
#backnumber #contents li,
#backnumber #contents dt{
padding-left:15px;
background:url(../../common/images/cmn_arw_blue.gif) left 3px no-repeat;
}
#backnumber #contents ul.box{
float:left;
margin-right:40px;
width:260px;
display:inline;
}
* html #backnumber #contents ul.box li{
padding:0;
}
#backnumber #contents li em{
font-style:normal;
margin:0 2em;
}
#backnumber #contents dt{
width:6em;
}
#backnumber #contents dd{
margin:-1.5em 0 0.25em 6em;
}