@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main table{margin:0 0 10px}


#main .sectionH3,
#main .sectionH4 {
margin-bottom:15px;
}

/* h
*****************************************/

#main h2 {
background:url(../img/common/bg_h2.jpg) no-repeat;
width:690px;
color:#FFFFFF;
margin-bottom:10px;
padding-left:15px;
line-height:36px;
font-size:130%;
}
#main h3{
clear:both;
background:#D92F59;
color:#fff;
font-size:120%;
font-weight:bold;
margin:0 0 10px;
padding:3px 10px; 
}
#main h4{
clear:both;
color:#D92F59;
font-size:110%;
font-weight:bold;
border-left:#D92F59 5px solid;
margin-bottom:5px;
padding-left:8px;
}
#main h5{
font-size:100%;
font-weight:bold;
margin-bottom:5px;
}
#main .emphasis {
color:#CC0000;
}
#main p.txtcenter {
text-align:center;
}
#main .areaA {
border:#999 1px solid;
background:#FFF5CB;
margin-bottom:10px;
padding:10px 15px 10px;
}
#main .areaA02 {
border:#999 1px solid;
background:#FFF5CB;
padding:10px 15px 10px;
width:300px;
}
#main h3.detail {
background:none;
color:#D92F59;
font-size:130%;
font-weight:bold;
margin:0 0 5px;
padding:0; 
}
#main img.pict {
float:right;
margin:0 0 10px 10px;
}
#main .areaA dl {
margin:0 15px 10px;
clear:both;
}
#main .areaA dl dt {
width:8em;
clear:both;
float:left;
background:url(../img/common/line_dod.gif) repeat-x top;
padding:10px;
font-weight:bold;
}
#main .areaA dl dd {
margin-left:12.5em;
background:url(../img/common/line_dod.gif) repeat-x top;
padding:10px 0;
}
#main .areaA dl dt.fst {
background:none;
}
#main .areaA dl dd.fst {
background:none;
}

#main ul.list01 li {
list-style:disc;
margin-left:15px;
}

#main table {
border:#CCCCCC 1px solid;
clear:both;
}
#main table th {
text-align:center;
font-weight:bold;
}
#main table th,
#main table td {
border:#CCCCCC 1px solid;
padding:3px 8px;
}

/***** index ******************************************/

body#index #main h3 {
width:460px;
height:36px;
text-indent:-10000px;
background:none;
font-size:100%;
margin:0;
padding:0;
}
#index #main table {
width:460px;
}
#index #main .h301 {
margin:0 0 15px;
}
#index #main .h301 h3 {
background:url(../img/index/titleM_01.jpg);
}

#index #main .h301 tr.bg01 {
background:url(../img/index/bg_job01.gif) no-repeat bottom;
}
#index #main .h301 tr.bg02 {
background:url(../img/index/bg_job02.gif) no-repeat bottom;
}
#index #main .h301 th {
width:5em;
}
#index #main .h301 th,
#index #main .h301 td {
padding:5px;
}
#index #main .h301 td a {
color:#5F8C00;
}
#index #main .h301 td span{
margin-left:5px;
}

#index #main .h302 h3 {
background:url(../img/index/titleM_02.jpg);
}
#index #main .h302 tr.bg03 {
background:url(../img/index/bg_job03.gif) no-repeat bottom;
}
#index #main .h302 tr.bg04 {
background:url(../img/index/bg_job04.gif) no-repeat bottom;
}
#index #main .h302 th img {
border:#E0E0E0 1px solid;
padding:1px;
background:#FFFFFF;
}
#index #main .h302 th {
padding:5px 0;
}
#index #main .h302 td {
padding:5px;
}
#index #main .h302 td p {
margin-bottom:5px;
}
#index #main .h302 td .txt {
width:300px;
float:left;
}
#index #main .h302 td p.more {
float:right;
text-align:right;
}
#index #main .h302 td p.more a {
background:url(../img/index/icon_more.gif) no-repeat 0 0.45em;
padding-left:10px;
}
#index #main .h302 td a{
color:#006699;
}

#index #main .h302 .job-bnr01,
#index #main .h302 .job-bnr02 {
width:225px;
height:155px;
display:block;
}
#index #main .h302 .job-bnr01 {
background:url(../img/index/bnr_job01.gif) no-repeat;
float:left;
}
#index #main .h302 .job-bnr02 {
background:url(../img/index/bnr_job02.gif) no-repeat;
float:right;
}
#index #main .h302 .job-bnr01 h3 {
margin:8px 0 0 9px;
width:205px;
height:40px;
background:url(../img/index/titleM_02_02.gif) no-repeat;
}
#index #main .h302 .job-bnr02 h3 {
margin:8px 0 0 9px;
width:205px;
height:40px;
background:url(../img/index/titleM_02_03.gif) no-repeat;
}
#index #main .h302 .job-bnr01 p ,
#index #main .h302 .job-bnr02 p {
padding:5px 65px 0 20px;
line-height:140%;
}
#index #main .h302 .job-bnr01 p a,
#index #main .h302 .job-bnr02 p a {
color:#5799BA;
}

#index #main table {
border:none;
clear:both;
}
#index #main table th {
text-align:left;
font-weight:normal;
}
#index #main table th,
#index #main table td {
border:none;
padding:0;
}

#index #main .h303 h3 {
background:url(../img/index/titleM_03.jpg);
clear:both;
}
#index #main .h303 p {
padding-left:5px;
}
#index #main .h303 .bnr {
margin-bottom:15px;
}
#index #main .h303 .bnr li {
margin:0 0 10px 10px;
float:left;
}
#index #main .h303 .bnr li.fst {
margin:0 0 10px 0;
}
#index #main .h303 .bnr li h3 {
background:none;
width:225px;
height:90px;
text-indent:0;
}

#index #main .h304 h3 {
background:url(../img/index/titleM_04.jpg);
clear:both;
}
#index #main .h304 tr.bg01 {
background:url(../img/index/bg_topics01.gif) no-repeat bottom;
}
#index #main .h304 tr.bg02 {
background:url(../img/index/bg_topics02.gif) no-repeat bottom;
}
#index #main .h304 th,
#index #main .h304 td {
padding:5px;
}
#index #main .h304 th {
width:5em;
}
#index #main .h304 td a {
color:#6A50AF;
}
#index #main .h304 td span{
margin-left:5px;
}


#index #main .feat:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .feat{
margin:0 0 15px}

/*\*/
*html #index #main .feat{height:1%}
#index #main .feat{display:block}
/**/

#index #main .feat dl{
float:left;
text-align:center;
width:155px}

#index #main .feat dl dd{
padding:0 1px 5px 5px;
text-align:left}

#index #main .feat dl dd{font-size:90%}

#index #main .feat dl dd.link{font-weight:bold}


#index #main .h302{margin:0 0 20px}


/*B*/
#index #main #side-b h3 {
text-indent:-10000px;
height:36px;
width:210px;
}
#index #main #side-b h3.h3-01 {
background:url(../img/index/titleB01.gif) no-repeat;
}
#index #main #side-b h3.h3-02 {
background:url(../img/index/titleB02.gif) no-repeat;
}

#index #main #side-b .bar-cont {
padding:10px;
}
#index #main #side-b dt {
text-indent:-10000px;
width:150px;
height:23px;
margin-bottom:3px;
}
#index #main #side-b dd {
margin-bottom:10px;
}
#index #main #side-b dt.s01 {
background:url(../img/index/iconB_s01.gif) no-repeat;
}
#index #main #side-b dt.s02 {
background:url(../img/index/iconB_s02.gif) no-repeat;
}
#index #main #side-b dt.s03 {
background:url(../img/index/iconB_s03.gif) no-repeat;
}
#index #main #side-b dt.s04 {
background:url(../img/index/iconB_s04.gif) no-repeat;
}

#index #main #side-b .bar-cont02 {
padding:10px 0;
text-align:center;
}
#index #main #side-b .step {
margin-bottom:10px;
}
#index #main #side-b .step li {
width:210px;
height:50px;
background:no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}
#index #main #side-b .step li.step01 {
background:url(../img/index/listB_01.jpg);
}
#index #main #side-b .step li.step02 {
background:url(../img/index/listB_02.jpg);
}
#index #main #side-b .step li.step03 {
background:url(../img/index/listB_03.jpg);
}
#index #main #side-b .step li.step04 {
background:url(../img/index/listB_04.jpg);
}
#index #main #side-b .step li.step05 {
background:url(../img/index/listB_05.jpg);
}
#index #main #side-b .step li.step06 {
background:url(../img/index/listB_06.jpg);
}
#index #main #side-b .step li.step07 {
background:url(../img/index/listB_07.jpg);
}


/***** lower ******************************************/

#main .sectionH3 .areaA ul.icon:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .sectionH3 .areaA ul.icon{display:inline-block;}

/*\*/
*html #main .sectionH3 .areaA ul.icon{height:1%}
#main .sectionH3 .areaA ul.icon{display:block}
/**/

#main .sectionH3 .areaA ul.icon {
margin:0 15px;
clear:both;
background:url(../img/common/line_dod.gif) repeat-x;
padding-top:15px;
}
#main .sectionH3 .areaA ul.icon li {
float:left;
margin-left:10px;
padding-left:32px;
line-height:28px;
}
#main .sectionH3 .areaA ul.icon li.jobIcon01 {
background:url(../img/common/icon_01.gif) no-repeat;
}
#main .sectionH3 .areaA ul.icon li.jobIcon02 {
background:url(../img/common/icon_02.gif) no-repeat;
}
#main .sectionH3 .areaA ul.icon li.jobIcon03 {
background:url(../img/common/icon_03.gif) no-repeat;
}
#main .sectionH3 .areaA ul.icon li.jobIcon04 {
background:url(../img/common/icon_04.gif) no-repeat;
}
#main .sectionH3 .areaA ul.icon li.jobIcon05 {
background:url(../img/common/icon_05.gif) no-repeat;
}
#main .sectionH3 .areaA ul.icon li.jobIcon06 {
background:url(../img/common/icon_06.gif) no-repeat;
}

#main .sectionH3 .areaA ul.icon li.jobIcon07 {
background:url(../img/common/icon_08.gif) no-repeat;
}

#main .sectionH3 .areaA ul.icon li.jobIcon08 {
background:url(../img/common/icon_09.gif) no-repeat;
}

#main .sectionH3 .areaA ul.icon li.jobIcon09 {
background:url(../img/common/icon_10.gif) no-repeat;
}

#main .sectionH3 .areaA p.more {
clear:both;
text-align:center;
margin:0;
padding:10px 0 0;
}

#main .sectionH3 .info p {
float:left;
}
#main .sectionH3 .info img {
float:left;
margin-left:10px;
}

#main .sectionH3 table .col01 {
width:7em;
}
#main .sectionH3 table .col02 {
width:8em;
}
#main .sectionH3 table th.thbg01 {
background:#EEEEEE;
}
#main .sectionH3 table th.thbg02 {
background:#FFE3EB;
}
#main .sectionH3 .table01 th {
background:#FFE3EB;
width:7em;
}
#main .sectionH3 .table02 {
width:100%;
}
#main .sectionH3 .table02 th {
background:#EEEEEE;
text-align:left;
}
#main .sectionH3 .tw3 {
width:300px;
}
#main .sectionH3 .merit {
clear:both;
background:url(../img/06/bg_merit.gif) no-repeat bottom;
margin-bottom:10px;
}
#main .sectionH3 .merit01 {
border-top:#999999 1px solid;
padding:15px 10px 5px;
width:315px;
float:left;
}
#main .sectionH3 .merit02 {
border-top:#999999 1px solid;
padding:15px 10px 5px;
width:315px;
float:right;
}
#main .sectionH3 .merit03 {
clear:both;
border:#999999 1px solid;
padding:15px 10px 5px;
}
#main .sectionH3 .merit h4,
#main .sectionH3 .merit03 h4 {
border:none;
padding-left:0;
}

#main .sectionH3 p.question {
background:url(../img/08/icon_q.gif) no-repeat;
padding-left:37px;
line-height:28px;
margin:25px 0 10px 15px;
}
#main .sectionH3 p.answer {
background: url(../img/08/icon_a.gif) no-repeat;
padding-left:37px;
line-height:28px;
}

/*form*/
#main form table {
width:100%;
}
#main form table th {
background:#EEEEEE;
text-align:left;
width:10em;
}
#main form table p {
margin:0;
}
#main form table span {
color:#CC0000;
}
#main form table td input.txt {
width:380px;
}
#main form table td input.txt2 {
width:150px;
}
#main form table td input.num {
width:100px;
}
#main form table td input.num2 {
width:180px;
}

/*sitemap*/
#main #sitemap {
margin:0 15px;
}
#main #sitemap li {
background: url(../img/common/icon_07.gif) no-repeat 0 0.2em;
margin-bottom:10px;
padding:0 0 10px 15px;
line-height:20px;
border-bottom:#CCCCCC 1px solid;
height:1%;
}
#main #sitemap dl,
#main #sitemap dt,
#main #sitemap dd {
margin:0;
padding:0;
}

/*column*/
#column #main .h301 table {
border:none;
width:690px;
}

#column #main .h301 tr.bg01 {
background:url(../img/index/bg_topics01.gif) repeat-x bottom;
}
#column #main .h301 tr.bg02 {
background:url(../img/index/bg_topics02.gif) repeat-x bottom;
}
#column #main .h301 th {
width:10em;
font-weight:normal;
text-align:left;
}
#column #main .h301 th,
#column #main .h301 td {
padding:5px;
border:none;
}
#column #main .h301 td a {
color:#6A50AF;
}
#column #main .h301 td span{
margin-left:5px;
}
#main .column img {
margin:0 10px 10px 0;
padding:5px;
border:#CCCCCC 1px solid;
float:left;
} 
#main .column p {
clear:both;
}

/* ��������
******************************/

#index #main #ind-cont .content h3{
background:#d92f59;
clear:both;
color:#fff;
font-size:120%;
font-weight:bold;
height:auto;
margin:0 0 10px;
padding:3px 10px;
text-indent:0;
width:440px;
_width:460px}

#index #main #ind-cont .content .entry-bottom{margin:0 0 10px}

#index #main #ind-cont .content .entry-bottom a{text-align:right}

.form #main .btn{
text-align:center}

.form #main .btn li{display:inline}