/* CSS Document */
@charset "utf-8";


.cls_p li{ float:left; width:200px; margin:10px 10px 0px 30px; height:260px; overflow:hidden;text-align:center; line-height:28px;}
.tit_03{ width:750px; height:20px; border-bottom:#CCCCCC 1px solid;}
.tit_03 h2{ float:left; background:url(../images/ioc_01.jpg) no-repeat left center; padding-left:20px; font-size:14px; font-weight:bold; color:#5f3b1b}
.tit_03 p{ float:right; text-align:right; line-height:16px;}

.tit_04{ width:100%; height:20px; border-bottom:#CCCCCC 1px solid;}
.tit_04 h2{ float:left; background:url(../images/ioc_01.jpg) no-repeat left center; padding-left:20px; font-size:14px; font-weight:bold; color:#0176a0}
.tit_04 p{ float:right; text-align:right;}

.doc{ padding:0PX 20px;}
.doc p{ margin:5px 0px; line-height:18px;  word-wrap: break-word; break-word: break-all;}
.pic_ad{ width:200px; color:#FFFFFF; margin:10px auto; text-align:center; line-height:28px;}
.pic_ad img{ display:block;}
.buy input[type=text]{ height:24px; line-height:24px; width:200px;}
.but1{ background:url(../images/message_10.gif) no-repeat; cursor:pointer; width:137px; height:33px; border:none; color:#FFFFFF; text-align:center; line-height:40px;}
.index_contact{ width:220px; background:url(../images/line.jpg) no-repeat center top;color:#FFFFFF; height:340px; overflow:hidden;}
.index_contact h2{ font-size:14px; font-weight:bold; padding:15px; }
.index_contact .txt{ padding:0 20px 15px;}
.index_contact .txt p{ margin:12px 0px;}

.page {width:100%;margin:10px auto;text-align:center;}
.page { color: #999; }
.page a{ text-decoration:none;padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.page a:hover { background-color: #0078bc; color:#fff;border:1px solid #0078bc; text-decoration:none;}
.page .txt{ width:20px;}