@charset "UTF-8";

.sectionH3{position:relative}

.sectionH3 h3{
background:url(../img/common/h3border01.jpg) repeat-x 0 100%;
margin:0 0 20px}

.sectionH3 h3 img,
.sectionH3 h3 span{
background:url(../img/common/h3border02.jpg) repeat-x 0 100%;
padding:0 0 7px}

.sectionH3 h3 span{display:none}

/***************************************recruit***************************************/

#recruit #main p{margin:0 0 30px}

#recruit #main table{
margin:0 0 40px;
width:100%}

#recruit #main table th{
background:#EEEDEC;
border-bottom:1px dotted #666;
font-weight:bold;
padding:15px 20px;
vertical-align:middle;
width:160px}

#recruit #main table td{
border-bottom:1px dotted #666;
padding:15px 20px;
vertical-align:middle}

#recruit #main table th.firstChild,
#recruit #main table td.firstChild{border-top:2px solid #3A3A3A}

#recruit #main table td dl dd{
background:url(../img/recruit/icon.jpg) no-repeat 0 5px;
margin:5px 0 0;
padding:0 0 0 15px}

#recruit #main h4{
font-size:135%;
font-weight:bold;
margin:0 0 20px}

/***************************************sitemap***************************************/

#sitemap #main dl dt,
#sitemap #main dl dd{
background:url(../img/sitemap/icon.jpg) no-repeat 0 5px;
margin:0 0 10px;
padding:0 0 0 10px}

#sitemap #main dl dd{margin:0 0 10px 10px}

/***************************************privacy***************************************/

#privacy #main p{margin:0 0 40px}

#privacy #main dl dt{
color:#333;
font-weight:bold;
margin:0 0 15px}

#privacy #main dl dd{margin:0 0 35px}

#privacy #main dl.note{
background:#F0F0F0;
border:1px solid #E3E3E3;
margin:0 0 20px;
padding:20px}

#privacy #main dl.note dd{margin:0}

#privacy #main dl.note dd a{color:#333}

/***************************************work***************************************/

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

#work #main ul{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #work #main ul{height:1%}
#work #main ul{display:block}
/**/

#work #main ul li{
float:left;
width:48.8%}

#work #main ul li img{width:100%}

#work #main ul li.note{margin:0 2.2% 0 0}

#work #main ul li dl dt{
font-size:135%;
font-weight:bold;
margin:0}

#work #main ul li dl dd{margin:10px 0 0}

/***************************************product***************************************/

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

#product #main .sectionH4{
border-bottom:1px dotted #B9B9B9;
display:inline-block;
margin:0 0 20px;
padding:0 0 20px}

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

#product #main .sectionH4 h4{
font-size:135%;
font-weight:bold;
margin:0 0 15px}

#product #main .sectionH4 .pict{
float:left;
margin:0 15px 0 0;
width:43%}

#product #main .sectionH4 .pict img{width:100%}

#product #main .sectionH4 .detail{
float:right;
width:54%}



#product #main .sectionH4 .detail p{margin:0 0 15px}

#product #main .sectionH4 .detail h5{
background:url(../img/product/icon.jpg) no-repeat 0 3px;
color:#0B2C86;
margin:0 0 5px;
padding:0 0 0 20px}

#product #main .sectionH4 .detail table{
border:1px solid #ccc;
width:100%}

#product #main .sectionH4 .detail table th{
background:#F0F0F0;
border-bottom:1px solid #ccc;
font-size:85%;
padding:8px 10px;
width:100px}

#product #main .sectionH4 .detail table td{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
font-size:85%;
padding:8px 10px}




/***************************************contact***************************************/

#contact #main .sectionH3 p{margin:0 0 20px}

#contact #main .sectionH3 p.note{margin:0 0 5px}

#contact #main .sectionH3 p.note span,
#contact #main .sectionH3 dl dt span{color:#FF0000}

#contact #main .sectionH3 .btn{
margin:40px 0 20px;
text-align:center}

#contact #main .sectionH3 dl dd input{
border:1px solid #ccc;
height:25px;
width:300px}

#contact #main .sectionH3 dl dd p{
font-size:85%;
margin:8px 0 0}

#contact #main .sectionH3 dl dd textarea{
border:1px solid #ccc;
height:200px;
width:500px}

/***************************************news***************************************/

#news #main .pageNav{text-align:center}

#news #main .pageNav a{
border:1px solid #ccc;
color:#999;
padding:3px 7px;
text-decoration:none}

#news #main .pageNav a.c{
background:#0B2C87;
border:1px solid #0B2C87;
color:#fff}

#news #main .pageNav a.prev,
#news #main .pageNav a.next{
border:none;
color:#0B2C87;
text-decoration:underline}

#news #main .pageNav a.prev.non,
#news #main .pageNav a.next.non{color:#999}

#news #main .pageNav a.prev:hover,
#news #main .pageNav a.next:hover{text-decoration:none}

/***************************************company***************************************/

#company #main p{margin:0 0 20px}

#company #main .map iframe{border:1px solid #ccc}

#company #main .h301{margin:0 0 40px}

#contact #main .sectionH3 dl,
#company #main .sectionH3 dl{
border-bottom:1px dotted #666;
display:table;
width:100%}

#contact #main .sectionH3 dl.firstChild,
#company #main .sectionH3 dl.firstChild{border-top:2px solid #3A3A3A}

#contact #main .sectionH3 dl dt,
#company #main .sectionH3 dl dt{
background:#EEEDEC;
display:table-cell;
font-weight:bold;
padding:10px;
vertical-align:middle;
width:180px}

#contact #main .sectionH3 dl dd,
#company #main .sectionH3 dl dd{
display:table-cell;
padding:10px;
vertical-align:middle}

#company #main .sectionH3 dl dd ul li{
background:url(../img/company/icon.jpg) no-repeat 0 6px;
margin:0 0 5px;
padding:0 0 0 15px}

#company #main .sectionH3 dl dd ul li:last-child{margin:0}

/***************************************service***************************************/

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

#service #main .sectionH4{
border-bottom:1px dotted #B9B9B9;
display:inline-block;
margin:0 0 20px;
padding:0 0 20px}

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

#service #main .sectionH4 .date{
background:url(../img/index/icon01.jpg) no-repeat 0 4px;
color:#666;
font-size:85%;
margin:0 0 5px;
padding:0 0 0 10px}

#service #main .sectionH4 h4{
font-size:135%;
font-weight:bold;
margin:0 0 15px}

#service #main .sectionH4 .pict{
float:left;
margin:0 20px 20px 0}


#service #main .sectionH4 .more{
clear:both;
text-align:right}


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

#index #head .flex-direction-nav li .next{
background:url(../img/index/right.png) no-repeat 0 0;
height:42px;
margin:21px 0 0;
right:10px;
overflow:hidden;
width:22px}

#index #head .flex-direction-nav li .prev{
background:url(../img/index/left.png) no-repeat 0 0;
height:42px;
margin:21px 0 0;
left:10px;
overflow:hidden;
width:22px}

#index #head .flex-control-nav{display:none}

#index .sectionH3 .more{
position:absolute;
top:0;
right:0}

#news #main .sectionH3 dl dt,
#index #main .sectionH3 dl dt{
background:url(../img/index/icon01.jpg) no-repeat 0 4px;
color:#666;
font-size:85%;
margin:0 0 10px;
padding:0 0 0 10px}

#news #main .sectionH3 dl dd,
#index #main .sectionH3 dl dd{
border-bottom:1px dotted #B9B9B9;
margin:0 0 20px;
padding:0 0 15px}