@charset "UTF-8";
@import url(base.css);

#Header .word {height:20px; padding:3px 0 2px;color:#fff;}
#Header h1 { margin:0; padding:0;  font-size:12px; width:800px; float:left}
#Header h2 { margin:0; padding:0;}
#Header ins { display:block;float:right; font-size:12px;}
#Header ul { clear:both;list-style:none; width:881px; margin:0 auto;padding:0;}
#Header ul li { float:left;padding:0 1px;}


#Header a:link,
#Header a:active,
#Header a:visited { color:#fff;text-decoration:none;}
#Header a:focus,
#Header a:hover { text-decoration:underline;}

/**/
.topArea { height:234px; background:#F5F6F8} 
.topArea .image { float:right;}
.topArea ul {margin:0; padding:8px 0 0 7px; list-style:none; width:190px; float:left;}
.topArea ul li { margin:0; padding:0 0 4px; height:70px;}
/**/


#mainBox.top blockquote { margin:0 0 10px; padding:0; border:1px solid #ccc; font-size:14px; }
#mainBox.top blockquote img.photo { float:right; margin:0 0 5px 5px; border:1px solid #eee; border-bottom:2px solid #ddd;border-right:2px solid #ddd;}
#mainBox.top blockquote h3 { color:#930; clear:both;} 
#mainBox.top h2 { margin:0 0 10px; padding:0;}

#mainBox.pages {font-size:14px;}
#mainBox.pages h2 { background:#794A1B url(img/bg_h2.jpg) no-repeat left center; color:#fff; margin-top:0; padding:6px 0 6px 32px; font-size:16px;}
#mainBox.pages h3 { background:url(img/bg_h3.jpg) no-repeat left center; margin-top:0; margin-left:5px; padding:0 10px 0; line-height:30px; font-size:14px;}
#mainBox.pages h4 { margin-left:10px; color:#900;font-size:14px; background:url(img/bg_h4.jpg) no-repeat; line-height:26px; padding-left:18px;}


#mainBox.pages p.topMess { margin:0.5em 1.5em; padding:0.5em;}

#mainBox.pages b { color:#903; }
#mainBox.pages i { color:#C03; font-weight:bold; font-style:normal;}
#mainBox.pages small { font-size:11px; text-decoration:underline; }

h3.message { margin:0; padding:0 8px; line-height:33px;background:url(img/bg_toph3.jpg) no-repeat; color:#fff; font-size:14px;}

/**/

ul.voiceList { list-style:none; margin:1em 0 1em 40px; padding:0;}
ul.voiceList li { background:url(img/bg_livoice.jpg) no-repeat left top; line-height:22px; padding-left:28px; margin:5px 0 ; }


.pv p { margin:1em 30px;}
.pv ol {margin-left:30px; margin-right:20px; font-size:12px;}

ul.question li,
dl.qa dt { list-style:none; background:url(img/bg_qaq.jpg) no-repeat; line-height:36px; padding-left:45px; margin-bottom:4px; font-weight:bold; font-size:15px;}

ul.question li a:link { color:#C30 !important; }
dl.qa { margin-left:20px; margin-right:10px; border:2px solid #BBA494; padding:10px}
dl.qa dt { color:#930; }
dl.qa dd {background:url(img/bg_qaa.jpg) no-repeat; margin:0.5em 10px 12px 0; padding:6px 0 12px 45px; border-bottom:dotted 1px #ccc; font-size:13px; line-height:150%;}


dl.safe2 { width:640px; margin:10px auto;}
dl.safe2 dt { margin:0; padding:0; height:44px; }
dl.safe2 dd { margin:-3px 0 20px 1px; padding:10px; border:1px solid #c90; border-top:none; }

ul.hige li { list-style:none; background:url(img/bg_lihige.jpg) no-repeat; padding-left:18px; margin-bottom:5px; color:#369;}

ul.safe li { list-style:none; background:url(img/bg_lisafe.jpg) no-repeat; padding-left:20px; margin-bottom:5px; color:#BA2F00; }

ul.sitemap li { list-style:none; background:url(img/bg_lihige.jpg) no-repeat; padding-left:18px; margin:7px 0; color:#369;}


div.flow1 { width:440px; margin:0 auto; background:url(img/bg_flow1.jpg) no-repeat; padding:10px 5px 0 180px; font-size:12px; height:91px; }
div.flow2 { width:440px; margin:0 auto; background:url(img/bg_flow2.jpg) no-repeat; padding:20px 5px 0 180px; font-size:12px; height:49px; }
div.flow3 { width:440px; margin:0 auto; background:url(img/bg_flow3.jpg) no-repeat; padding:16px 5px 0 180px; font-size:12px; height:61px; }
div.flow4 { width:440px; margin:0 auto; background:url(img/bg_flow4.jpg) no-repeat; padding:24px 5px 0 180px; font-size:12px; height:41px; }


/**/
#sideBox h2 { margin:0; padding:0;}
#sideBox b { color:#9C8245;}
#sideBox p { margin:0; padding:3px 0;}
#sideBox ol { margin:0; padding:0; list-style:none;}
#sideBox ol li {height:70px; margin:0; padding:0 0 4px;}

.topics { border-right:1px solid #666; border-bottom:1px solid #666; margin-bottom:10px; font-size:12px; padding:5px 0;}
.topics p {margin:0; padding:0.3em 0 0.3em 1em;}
.topics p b { padding-right:1em; color:#f60;}
.topstaff {width:650px; margin:0 auto;}

.acc { padding:0 3px 3px; margin: 0 0 5px; border:1px solid #ccc; border-top:none;}

.traf { background:url(img/img_traff.jpg) no-repeat; padding:138px 5px 2px; margin-bottom:10px; }
.about {border:1px solid #ccc; padding:2px 2px 5px;}
.about dl { margin:0; padding:0; font-size:12px; }
.about dl dt { margin:0; padding:2px 0; font-weight:bold;}
.about dl dd { margin:0; padding:0 0 0 1em;}


/* */

.skinBox {width:154px; float:left; padding:10px 15px 0; margin:0 0 10px 20px;}
.skinBox h5 { border:none; margin:3px 0 ; padding:0;}
.skinBox .pic {text-align:center;}
.skinBox p { margin:2px!important; padding:3px; font-size:12px;  line-height:120%; }

table.toptbl1 {width:650px; margin:0 auto;}

ul.mec { margin:0; padding:0; list-style:none; }

ul.mec li {width:138px;padding:15px 10px 0 110px; font-size:12px; line-height:130%;}
ul.mec li.lm1 { height:132px;  background:url(img/bg_lm1.jpg) no-repeat;}
ul.mec li.lm2 { height:137px; background:url(img/bg_lm2.jpg) no-repeat;}
ul.mec li.lm3 { height:137px; background:url(img/bg_lm3.jpg) no-repeat;}

div.lp1 { width:605px; height:98px; margin:10px auto 0; background:url(img/bg_lp1.jpg) no-repeat; padding:60px 0 0 25px;}
div.lp2 {width:605px; height:56px; margin:0 auto; background:url(img/bg_lp2.jpg) no-repeat; padding:50px 0 0 25px;}
div.lp3 {width:605px; height:86px; margin:0 auto; background:url(img/bg_lp3.jpg) no-repeat; padding:50px 0 0 25px;}
div.lp1 p {width:420px; margin:0;}
div.lp2 p {margin:0;}
div.lp3 p {width:480px;margin:0;}

/**/
#Foot { margin:0 20px; clear:both;}
#Foot .lnks { border-top:2px solid #FA7D00;font-size:10px; padding:8px 5px 10px; text-align: center; color:#666;}
#Foot .copy { clear:both; font: 10px "Century Gothic"; text-align: center; padding-bottom:8px;}
#Foot a { padding:0 5px; }
#Foot a:link,
#Foot a:active,
#Foot a:visited { color:#666; text-decoration:none}
#Foot a:focus,
#Foot a:hover { text-decoration:underline; color:#960}

.lnks2 { padding:10px 0 0; text-align:center; font-size:10px; }
.lnks2 a { padding:0 3px; }
.lnks2 a:link,
.lnks2 a:active,
.lnks2 a:visited { color:#630; text-decoration:none}
.lnks2 a:focus,
.lnks2 a:hover { text-decoration:underline;}
/**/
.contact { background:url(img/lib_contbg.jpg) no-repeat; height:90px; padding:5px 0 0 11px; margin:0 0 5px;}

/**/



#Contents a,
#Contents a:link,
#Contents a:active,
#Contents a:visited { text-decoration:none;}
#Contents a:focus,
#Contents a:hover { text-decoration:underline;}

br.clear { height:5px; line-height:5px;font-size:1%; clear:both;}

small {}
big {}
b {}
i {}
tt { padding:0 8px; color:#F06 }