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

#main .topicPath{
text-align:right;
margin:0 0 20px}

#main .topicPath li,
#main .topicPath li a{
font-size:x-small}

* html #main .topicPath li,
* html #main .topicPath li a{
font-size:xx-small}

#main .topicPath li{
background:url(../img/common/topicPathBg.gif) no-repeat 0 5px;
display:inline;
margin:0 0 0 10px;
padding:0 0 0 10px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#main .sectionH3 p,
#main .sectionH3 ul,
#main .sectionH3 dl{margin:0 0 20px}

#main .sectionH3 hr{
border-bottom:#ccc 1px dotted;
margin:0 0 20px}

#main .sectionH3 h3{
border:#d9d9db 1px solid;
margin:0 0 20px;
padding:1px}

#main .sectionH3 h3 span{
background:url(../img/common/h3bg.jpg) no-repeat;
border:#e8e8e9 1px solid;
color:#333;
display:block;
font-size:120%;
font-weight:bold;
padding:7px 15px}

* html #main .sectionH3 h3 span{
padding:6px 15px 4px}

#main .sectionH4{margin:0 0 20px}
#main h4{
background:#f3f3f3;
margin:0 0 20px;
padding:5px 7px}

#main h4 span{
border-left:#999 3px solid;
color:#333;
font-weight:bold;
display:block;
padding:0 0 0 5px}


#main .sectionH3 ul{
margin:0 20px 20px}

#main .sectionH3 ul li{
background:url(../img/common/icon03.gif) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 15px}

#main .sectionH3 dl{
border:#f0f0f0 5px solid;
padding:10px}

#main .sectionH3 dl dt{
background:url(../img/common/icon04.gif) no-repeat 0 5px;
color:#1a2d61;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 15px}

#main .sectionH3 dl dd{
margin:0 0 5px;
padding:0 0 0 15px}

#main .end{margin-bottom:0!important}


/*　jobList
-----------------------------------------------*/

#main .jobList .sectionH4{margin:0 0 20px}

#main .jobList .tableCont{
background:url(../img/common/tableSeparator2.gif) no-repeat;
margin:0 0 20px;
padding:2px 0 0}

#main .jobList table{width:620px}

#main .jobList table th,
#main .jobList table td{
background:url(../img/common/tableBg.gif) repeat-x 0 100%;
padding:10px}

#main .jobList table th{
background:#f6f6fc url(../img/common/tableBg.gif) repeat-x 0 100%;
border-right:#fff 10px solid;
font-weight:bold;
width:140px}


#main .jobList .moreBtn{
border-bottom:#ccc 1px dotted;
margin:0 0 20px;
padding:0 0 20px;
text-align:center}

#main .jobList .entBtn{
text-align:center}


/*　010/000/
-----------------------------------------------*/

#main .pict{
margin:0 0 40px;
text-align:center}

#main dl.sign{
border:none;
font-weight:bold;
padding:0;
text-align:right}

#main dl.sign dt{
background:none;
color:#666}

#main dl.sign dd{font-weight:bold}


/*　010/020/
-----------------------------------------------*/

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

#main .message{display:inline-block;}

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

#main .message .cont,
#main .message .photo{
float:left}

#main .message .cont{
margin:0 20px 0 0;
width:440px}

#main .message .pict{
width:160px}


/*　fig
-----------------------------------------------*/

#main .fig01 p{
background:url(../img/020/010/pict_002.jpg) no-repeat 0 0;
padding-left:250px;
_height:160px;
min-height:160px}

#main .fig02 p{
background:url(../img/020/010/pict_003.jpg) no-repeat 0 0;
padding-left:250px;
_height:160px;
min-height:160px}

#main .fig03 p{
background:url(../img/030/pict_001.jpg) no-repeat 0 0;
padding-left:250px;
_height:160px;
min-height:160px}

#main .fig04 p{
background:url(../img/030/pict_002.jpg) no-repeat 0 0;
padding-left:250px;
_height:160px;
min-height:160px}


/*　pay
-----------------------------------------------*/

#main .pay{
background:url(../img/common/tableSeparator2.gif) no-repeat;
margin:0 0 20px;
padding:2px 0 0}

#main .pay table{width:620px}

#main .pay table th,
#main .pay table td{
background:url(../img/common/tableBg.gif) repeat-x 0 100%;
padding:10px}

#main .pay table th{
background:#f6f6fc url(../img/common/tableBg.gif) repeat-x 0 100%;
border-right:#fff 10px solid;
font-weight:bold;
width:140px}

#main .pay table td div{
border:#bdbde8 1px dotted;
color:#1a2d61;
font-weight:bold;
margin:0 0 20px;
padding:10px 0;
text-align:center;
width:300px}

/*　company
-----------------------------------------------*/

#main .company{
background:url(../img/common/tableSeparator2.gif) no-repeat;
margin:0 0 20px;
padding:2px 0 0}

#main .company table{width:620px}

#main .company table th,
#main .company table td{
background:url(../img/common/tableBg.gif) repeat-x 0 100%;
vertical-align:middle;
padding:10px}

#main .company table th{
background:#f6f6fc url(../img/common/tableBg.gif) repeat-x 0 100%;
border-right:#fff 10px solid;
font-weight:bold;
text-align:center;
width:140px}

/*　flow
-----------------------------------------------*/

#main .flow dl{
background:url(../img/common/flowBg.gif) no-repeat 0 0;
border:none;
margin:16px 0 0;
padding:18px 0 0}

#main .flow dl.firstChild{
background:url(../img/common/separator3.gif) no-repeat 0 0;
margin:0;
padding:2px 0 0}

#main .flow dl dt{
background:#f6f6fc url(../img/common/separator3.gif) no-repeat 0 100%;
color:#333;
padding:5px 5px 7px}

#main .flow dl dd{
background:url(../img/common/separator3.gif) no-repeat 0 100%;
padding:10px}


/*　qa
-----------------------------------------------*/

#main dl.qa{
border:none;
border-bottom:#ccc 1px dotted;
margin:0 0 20px;
padding:0}

#main dl.qa dt{
background:url(../img/common/q.gif) no-repeat 0 0;
color:#333;
font-weight:bold;
margin:0 0 20px;
padding:0 0 0 25px}

#main dl.qa dd{
background:url(../img/common/a.gif) no-repeat 0 3px;
padding:0 0 0 25px}

/*　contact
-----------------------------------------------*/

#main .contact .tableCont{
background:url(../img/common/tableSeparator2.gif) no-repeat;
margin:0 0 20px;
padding:2px 0 0}

#main .contact table{width:620px}

#main .contact table th,
#main .contact table td{
background:url(../img/common/tableBg.gif) repeat-x 0 100%;
padding:10px}

#main .contact table th{
background:#f6f6fc url(../img/common/tableBg.gif) repeat-x 0 100%;
border-right:#fff 10px solid;
font-weight:bold;
width:140px}


#main .contact table td{line-height:250%}

#main .contact table th span{
color:#ff0000;
font-size:x-small}

* html #main .contact table th span{font-size:xx-small}

#main .contact fieldset{
margin:0;
padding:0}

#main .contact table td input.text01{width:350px}
#main .contact table td input.text02{width:70px}
#main .contact table td input.text03{width:100px}

#main .contact table td input.text04{width:420px}

#main .contact table td .ck{margin:0 5px 0 0}
#main .contact table td textarea{width:420px}

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

#main .contact ul.btn li{
background:none;
display:inline;
margin:0 0 0 10px;
padding:0}

#main .contact ul.btn li.firstChild{margin:0}


/*　sitemap
-----------------------------------------------*/

#main .sitemap ul li ul{margin-top:20px}

/***********************************************/

#index #contents{background:#1a2d61 url(../img/index/contentsBg.jpg) repeat-x}

#index #main{background:url(../img/index/mainBg.jpg) no-repeat 0 0}

#index #head{
background:url(../img/index/headBg.jpg) no-repeat;
height:365px}

#index #head h2{
left:0;
position:absolute;
top:167px}


#index #main .h301{margin:0 0 15px}
#index #main .sectionH3 h3{
border:0;
margin:0 0 15px;
padding:0}

#index #main .sectionH3 h3 span{
border:0;
margin:0;
padding:0}

#index #main .sectionH3 p,
#index #main .sectionH3 table,
#index #main .sectionH3 ul{margin:0 0 15px}


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

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

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

#index #main .h301 ul li{
background:none;
padding:0;
float:left;
margin:0 0 0 20px}

#index #main .h301 ul li.firstChild{margin:0}

#index #main .h301 table{width:620px}

#index #main .h301 table th,
#index #main .h301 table td{
border-bottom:#ccc 1px dotted;
padding:10px 0}

#index #main .h301 table th{width:120px}
#index #main .h301 table th span{margin:0 0 0 5px}

#index #main .h301 table td {
background:url(../img/common/icon02.gif) no-repeat 0 13px;
padding:10px 0 10px 15px}

#index #main .h302 ul li{
background:none;
padding:0;
float:left;
margin:0 0 0 10px}

#index #main .h302 ul li.firstChild{margin:0}