@charset "utf-8";

.container .wrap { position:relative; background:url(wrap.jpg) repeat-y; }

.sidebar { float:left; width:250px; overflow:hidden; }
.main { float:right; width:695px; padding-bottom:10px; overflow:hidden; }

.content { position:relative; padding:30px 0; background:url(content.jpg) repeat-y; min-height:400px;}
.conTop { position:absolute; left:0; top:0; width:695px; height:20px; background:url(content_t.jpg) no-repeat; }
.conBottom { position:absolute; left:0; bottom:0; width:695px; height:20px; background:url(content_b.jpg) no-repeat; }


/* menu */
.menu { width:245px; margin:0 auto 170px; padding-top:20px; }
.menu dt { width:245px; margin-bottom:5px; background:url(menu_1.jpg) no-repeat 15px center; border-bottom:#77acc7 1px solid; }
.menu dt a { display:block; width:210px; _height:20px; *min-height:20px; padding:9px 0 9px 35px; font-weight:bold; color:#000; line-height:20px; }
.menu dt a:hover, .menu dt .current { background:url(menu_01.jpg) no-repeat 15px center; color:#000; text-decoration:none; }
/*  .menu dd { width:230px; border-bottom:1px dashed #ccc; background:url(point_01.gif) no-repeat 20px 12px; }
.menu dd a { display:block; width:200px; _height:20px; *min-height:20px; padding:5px 0 5px 30px; color:#666; line-height:20px; }
.menu dd a:hover, .menu dd .current { color:#000; text-decoration:none; }  */

.breadcrumbs { width:685px; height:34px; padding-right:10px; color:#00699e; line-height:34px; text-align:right; }
.breadcrumbs a,.breadcrumbs a:hover { padding:0 5px; color:#00699e; line-height:34px; }

/* article */
.artbox { margin:0 15px 30px; text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { padding:0 20px 30px; line-height:200%; word-wrap:break-word; word-break:break-all; }

.top { padding:0 45px 20px; text-align:right; }

/* pic-item */
.w2 { margin:0; padding-left:10px; }
.w2 .pic-item { width:242px; margin:0; padding:9px 50px; color:#6C6D61; }
.w2 .pic-item .list-pic { width:242px; height:125px; border:1px solid #ccc; line-height:125px; }
.w2 .pic-item dl { margin-top:3px; padding:0 5px; }

.w { margin:0; padding-left:10px; }
.w .pic-item { width:180px; margin:0; padding:10px 22px; color:#6C6D61; }
.w .pic-item .list-pic { width:180px; height:128px; border:1px solid #ccc; line-height:128px; }
.w .pic-item dl { margin-top:3px; padding:0 5px; }


/* list */
.list { margin:0 30px 30px; clear:both; }
.list ul li { padding:6px; background:url(line_01.gif) repeat-x left bottom; line-height:20px; clear:both; }
.list ul li a { padding-left:5px; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; font-size:11px; font-family:Arial; }
.list .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(point_01.gif) no-repeat left center; }
.prev_next {margin-bottom:10px; padding:20px 20px 0; text-align:center; }

/* page */
.page { margin:0 20px 30px; padding:15px 20px 0; color:#000; line-height:24px; }
.page a { margin:0 1px; color:#000;}
.page a:hover { text-decoration:underline; }
.page .current { padding:2px 6px; background:#0d70a6; color:#000; }
.page .current:hover { color:#000; }
.page span { position:relative; float:right; z-index:99; }
.page strong { color:#0d70a6; }

/* message */
.message { margin:0 30px 30px; clear:both; }
.message-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.message-list .m-title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#525252; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* hr */
.hr { margin:0 30px 30px; clear:both; }
.hr-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.hr-list .title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#999; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }

/* contact */
.contact { margin:0 20px 30px; clear:both;  padding:10px 20px; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }

/* form */
.form-panel { margin:0 30px 30px; clear:both; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee; color:#333; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }