/* Base layout
======================================================================= */
body { color: #000000; background-color: #fef7f7; text-align: center; }
a { color: #34959e; text-decoration: underline; }
a:link img { text-decoration: overline !important; }

/* div#wrapper
----------------------------------------------------------------------- */
/*div#wrapper { margin-right: auto; margin-left: auto; width: 960px; background: #ffffff url(/img/common/wrapper_bg.png) repeat-y; text-align: left; }*/

/* div#header
----------------------------------------------------------------------- */
div#header { margin-left: 30px; padding-top: 11px; width: 880px; height: 75px; }
div#header h1 { margin-top: 0px; float: left; padding-left:15px; }
div#header p { float: right; }

/* ul#gnav
----------------------------------------------------------------------- */
ul#gnav { margin: 17px 0 0 10px; width: 940px; list-style: none; line-height: 1; }
ul#gnav li { display: inline; }

/* div#main
----------------------------------------------------------------------- */
div#main {margin: 15px 10px 0 10px; padding: 0 30px 28px 30px; border-bottom: 1px solid #cccccc; }

/* div#content
----------------------------------------------------------------------- */
div#content { float: left; width: 671px; }
div#content div.breadcrumbs { padding: 8px 2px; line-height: 1.3; color: #666666; }
div#content div.breadcrumbs span { margin: 0 5px; }
div#content div.gopagetop { margin-top: 10px; text-align: right; }

/* div#cpane
----------------------------------------------------------------------- */
div#cpane { border: 1px solid #cccccc; }
div#cpane div.cpaneline { height: 6px; background: url(/img/common/cpane_line.png) repeat-x; }
div#cpane div.cpaneline.top { background-position: left top; }
div#cpane div.cpaneline.btm { background-position: left bottom; }
div#cpane div.cpaneline hr { display: none; }
div#cpane div.cpaneinner { margin-left: 20px; padding-bottom: 60px; width: 629px; }

div#cpane h3 { margin: 20px 0 5px; }
div#cpane h4 { margin-top: 30px; }

div#cpane div.hline { height: 20px; background: url(/img/common/line_hrz_dot.gif) repeat-x; }
div#cpane div.hline hr { display: none; }

div#cpane div.return { margin-top: 40px; }
div#cpane div.return a { padding-left: 17px; background: url(/img/common/arw_return.png) no-repeat left center; }

/* div#cpane div.search
----------------------------------------------------------------------- */
div#cpane div.search { padding: 15px 0 15px 7px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: #cccccc; background: url(/img/common/search_bg.png) right top repeat-y; }
div#cpane div.search .que { width: 507px; display: table-cell; vertical-align: middle; }
div#cpane div.search .que table { width: 498px; }
div#cpane div.search .que table th { padding: 6px 12px 6px 20px; border-width: 2px 10px 0 0; border-style: solid; border-color: #ffffff; white-space: nowrap; background: #666666 url(/img/common/que_arw.png) 8px center no-repeat; line-height: 1.3; color: #ffffff; font-weight: normal; }
div#cpane div.search .que table td { padding: 5px 0 4px; background: url(/img/common/que_line.gif) left top repeat-x; line-height: 1.3; }
div#cpane div.search .que table tr.first th { border-top: none; }
div#cpane div.search .que table tr.first td { background: none; }

div#cpane div.search .que table td input,
div#cpane div.search .que table td select { margin: 0 3px; vertical-align: middle; }
div#cpane div.search .que table td.term input { width: 40px; }
div#cpane div.search .que table td.kwrd input { width: 270px; }
div#cpane div.search .que table td input.tx { border: 1px solid #7f9db9; padding: 2px; }
div#cpane div.search .que table td .bx { margin-right: 2px; padding: 2px 0; display: block; float: left; width: 122px; height: 17px; font-size: 97%; }
div#cpane div.search .que table td .bx input { margin: -3px 3px 0 0; padding: 0; vertical-align: middle; }
div#cpane div.search .btn { width: 97px; display: table-cell; vertical-align: middle; text-align: right; }

/* IE 6 */
* html div#cpane div.search .que { display: inline; zoom: 1; }
* html div#cpane div.search .btn { display: inline; zoom: 1; }

/* IE 7 */
*:first-child+html div#cpane div.search .que { display: inline; zoom: 1; }
*:first-child+html div#cpane div.search .btn { display: inline; zoom: 1; }

/* div#cpane div.article
----------------------------------------------------------------------- */
div#cpane div.article { margin-bottom: 20px; background: url(/img/common/article_bg.png) repeat-y; }
div#cpane div.article div.articleline { height: 10px; background: url(/img/common/article_line.png) no-repeat; }
div#cpane div.article div.articleline.btm { background-position: left bottom; }
div#cpane div.article div.articleline br { display: none; }
div#cpane div.article div.articleinner { margin-left: 10px; width: 609px; }

div#cpane div.article h4 { margin-top: 12px; vertical-align: middle; font-size: 125%; line-height: 1.3; }
div#cpane div.article h4 img { margin-right: 6px; vertical-align: middle; }

div#cpane div.article img.pic { margin-top: 12px; border: 1px solid #cccccc; }
div#cpane div.article div.pic { margin-top: 12px; }
div#cpane div.article div.pic div { display: table-cell; vertical-align: middle; text-align: center; }
div#cpane div.article div.pic div.inner { width: 152px; _margin-top: -1px; _margin-bottom: -1px; }
div#cpane div.article div.pic div.inner img { margin: 1px; }
div#cpane div.article div.pic div.dummy { width: 1px; height:152px; }
div#cpane div.article div.pic div.dummy br { display: none; }
* html div.article div.pic div { display: inline; zoom: 1; } /* IE 6 */
*:first-child+html div.article div.pic div { display: inline; zoom: 1; } /* IE 7 */

div#cpane div.article div.list img.pic { float: left; }
div#cpane div.article div.list div.pic { float: left; width: 160px; }
div#cpane div.article div.list div.intro { float: right; width: 442px; }
div#cpane div.article div.detail img.pic { float: left; }
div#cpane div.article div.detail div.pic { float: left; width: 200px; height: 200px; }
div#cpane div.article div.detail div.intro { float: right; width: 392px; }

div#cpane div.article table { margin-bottom: 6px; width: 100%; }
div#cpane div.article table td,
div#cpane div.article table th { padding: 4px 12px; border: 1px solid #cccccc; line-height: 1.3; }
div#cpane div.article table th { width: 5%; background-color: #666666; white-space: nowrap; text-align: center; font-weight: normal; color: #ffffff; }
div#cpane div.article table td { width: 95%; }
div#cpane div.article table td.narrow25 { width: 25%; }
div#cpane div.article table td.narrow30 { width: 30%; }

div#cpane div.article dl { margin: 6px 0 6px; padding-top: 13px; background: url(/img/common/line_hrz_dot.gif) repeat-x; line-height: 1.3; }
div#cpane div.article dl dt { margin: 6px 0; }
div#cpane div.article dl dd { padding-bottom: 6px; }
div#cpane div.article dl dd table { margin-bottom: 0; }

div#cpane div.article div.links ul { float: right; position: relative; list-style: none; }
div#cpane div.article div.links ul li { padding-left: 12px; display: table-cell; vertical-align: bottom; }
div#cpane div.article div.links ul li a { padding-left: 16px; background: url(/img/common/arw_red.png) no-repeat left center; }
div#cpane div.article div.links ul li.balloon { padding: 6px 0 0 38px; background: url(/img/common/icon_balloon.png) 12px bottom no-repeat; }
div#cpane div.article div.links ul li.balloon a { padding-left: 0; background: none; }
* html div#cpane div.article div.links ul li { display: inline; zoom: 1; } /* IE 6 */
*:first-child+html div#cpane div.article div.links ul li { display: inline; zoom: 1; } /* IE 7 */

div#cpane div.article div.intro { margin-top: 12px; }
div#cpane div.article div.intro h4 { margin-top: 0; margin-bottom: 6px; }
div#cpane div.article div.intro div.cat { margin-bottom: 6px; width: 444px;  line-height: 1; }
div#cpane div.article div.intro div.cat img { margin: 0 3px 2px 0; }
div#cpane div.article div.intro p { margin-bottom: 6px; line-height: 1.3; }
div#cpane div.article div.intro dl { margin-top: 0; padding-top: 6px; background: none; position: relative; }

/* div#cpane div.pager
----------------------------------------------------------------------- */
div#cpane div.pager dl { text-align: right; line-height: 1.3; }
div#cpane div.pager dl dt,
div#cpane div.pager dl dd { display: inline; }
div#cpane div.pager dl dd { border-left: 1px solid #000000; text-align: center; }
div#cpane div.pager dl dd a,
div#cpane div.pager dl dd em { padding: 0 8px; }
div#cpane div.pager dl dd em { color: #f35b87; }

div#cpane div.pager.clearfix { margin-bottom: 6px; position: relative; }
div#cpane div.pager.clearfix h3 { margin-bottom: 0; }
div#cpane div.pager.clearfix dl { position: absolute; right: 0; bottom: 0; }

/* div#cpane div.comment
----------------------------------------------------------------------- */
div#cpane div.comment { margin: 0 10px; }
div#cpane div.comment div.pager { margin-top: 10px; }
div#cpane div.comment dl.view { line-height: 1.3; }
div#cpane div.comment dl.view dt { margin-top: 10px; padding: 6px 0 0 24px; background: url(/img/common/icon_body.png) 2px top no-repeat; font-weight: bold; }
div#cpane div.comment dl.view dt em { float:left; }
div#cpane div.comment dl.view dt span { float:right; font-weight:normal; }
div#cpane div.comment dl.view dd { padding: 6px 0 10px; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; }
div#cpane div.comment strong { padding: 2px 0 2px 10px; background: url(/img/common/line_vrt_greenpink.png) left center no-repeat; display: block; line-height: 1.3; color: #8da253; }
div#cpane div.comment div.submits { margin: 20px 0 10px; text-align: center; }
div#cpane div.comment div.submits form { display: inline; }
div#cpane div.comment div.submits .btn { cursor: pointer; margin: 0 24px; }

div#cpane div.comment div.post { margin-top: 20px; padding: 10px; border: 1px solid #cccccc; }
div#cpane div.comment div.post table { margin-top: 5px; width: 100%; }
div#cpane div.comment div.post table th,
div#cpane div.comment div.post table td { border-bottom: 2px solid #ffffff; line-height: 1.3; }
div#cpane div.comment div.post table th { padding: 6px 24px 6px 20px; border-right: 10px solid #ffffff; width: 10%; white-space: nowrap; background: #666666 url(/img/common/que_arw.png) 8px center no-repeat; color: #ffffff; font-weight: normal; }
div#cpane div.comment div.post table td em { font-style: normal; font-weight: bold; padding-right: 6px; }
div#cpane div.comment div.post table td textarea { width: 99%; height: 7em; border: 1px solid #7f9db9; padding: 2px; }

div#cpane div.comment div.notice { margin-top: 20px; padding: 10px; border: 1px solid #cccccc; background-color: #feecec; text-align: center; }
div#cpane div.comment div.notice a { font-weight: bold; }
div#cpane div.comment div.notice ul.nav { margin-top: 10px; list-style: none; }
div#cpane div.comment div.notice ul.nav li { margin: 0 18px; display: inline; }

div#cpane div.confirm div.comment { margin: 0; }
div#cpane div.confirm div.comment strong { margin-top: 20px; color: #000000; font-size: 125%; }
div#cpane div.confirm div.comment .msg { margin-top: 18px; padding: 6px; border: 1px solid #cccccc; background-color: #feecec; line-height: 1.3; text-align: center; color: #cc0000; }
div#cpane div.confirm div.comment dl.view { margin: 20px 10px 0 20px; }
div#cpane div.confirm div.comment div.submits { margin-top: 50px; margin-bottom: 120px; }

/* div#sub
----------------------------------------------------------------------- */
div#sub { float: right; width: 188px; }
div#sub .ban { margin-bottom: 12px; }

div#sub div.pane { margin: 1px 0 12px; padding: 0 6px 7px 6px; border: 1px solid #cccccc; background: #fffdec url(/img/common/sub_pane_bg.png) repeat-x; line-height: 1.3; }
div#sub div.pane p,
div#sub div.pane div { margin-top: 9px; text-align: center; }
div#sub div.pane div.welcome { margin: 0 7px; }
div#sub div.pane div.welcome p { padding-left: 10px; background: url(/img/common/line_vrt_greenpink.png) left center no-repeat; text-align: left; }
div#sub div.pane div.welcome p em { margin-bottom: 3px; display: block; font-weight: bold; }
div#sub div.pane div.welcome p span { font-size: 85%; }
div#sub div.pane div.welcome div.setting { text-align: right; font-size: 85%; }
div#sub div.pane div.welcome div.setting a { padding-left: 9px; background: url(/img/common/sub_setting_arw.png) left center no-repeat; }
div#sub div.pane div.join { padding-top: 1px; background: url(/img/common/line_hrz_dot.gif) repeat-x; }

div#sub div.smpl { margin: 1px 0 12px; padding: 0 6px 7px 6px; border: 1px solid #ccc; background:#fffdec url(/img/common/sub_pane_bg.png) repeat-x; line-height: 1.3; }

div#sub div.rp { margin-bottom: 12px; padding-bottom: 5px; background: url(/img/common/sub_rp_bg.png) left bottom no-repeat; text-align: center; color: #3f3f3f; line-height: 1.3; font-size: 85%; }
div#sub div.rp p { margin: 5px 3px 0 3px; }
div#sub div.rp p img { margin-bottom: 5px; }
div#sub div.rp div { margin: 5px 5px 0 5px; text-align: right; }

div#sub ul.ad { margin-bottom: 12px; list-style: none; background: url(/img/common/line_hrz_dot.gif) repeat-x; }
div#sub ul.ad li { padding-top: 10px; line-height: 1; }
div#sub ul.ad li img { vertical-align: bottom; }

div#sub div.pane.ap { font-size: 85%; color: #333333; }
div#sub div.pane.ap p,
div#sub div.pane.ap div { margin-top: 7px; text-align: left; }
div#sub div.pane.ap div a { padding: 8px 0 8px 12px; background: url(/img/common/sub_ap_arw.png) left center no-repeat; }

/* div#footer
----------------------------------------------------------------------- */
div#footer { margin: 2px 10px 0 10px; padding: 8px 30px; background: url(/img/common/footer_bg.png); color: #ffffff; font-size: 85%; line-height: 1.3; }
div#footer address { float: left; font-family: arial; font-size: 11px; }
div#footer ul { float: right; list-style: none; border-left: 1px solid #ffffff; }
div#footer ul li { padding: 0 4px; display: inline; border-right: 1px solid #ffffff; }
div#footer ul li a { color: #ffffff; text-decoration: none; }
div#footer ul li a:hover { text-decoration: underline; }