/* board base css */
img { border:none; }
form { margin:0 }

.submit { border:1px solid #BBB; background-color:#EEE; }
ul, ol, form { margin:0; padding:0; }

.cursor { cursor:pointer; }

.margintop5 { margin-top:5px; }
.margintop10 { margin-top:10px; }

.padding2 { padding:2px !important; }
.padding3 { padding:3px !important; }
.padding4 { padding:4px !important; }
.padding5 { padding:5px !important; }
.padding6 { padding:6px !important; }
.padding7 { padding:7px !important; }
.padding8 { padding:8px !important; }
.padding9 { padding:9px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }

.clearBoth { clear:both; }

.base_table { clear:both; width:100%; border-collapse:collapse; table-layout:fixed; }
.base_table th { text-align:center; font-size:9pt; word-spacing:-1px; }
.base_table td { font-size:9pt; height:30px; overflow:hidden;word-break:break-all; }
.base_table .center { text-align:center; }
.base_table .paddingleft { padding-left:10px; }

.form_table { width:100%; border-collapse:collapse; }
.form_table th { text-align:center; font-size:10pt; }
.form_table td { font-size:9pt; border-left:0 !important; padding:3px 3px 3px 5px; }

.comment_table { width:100%; border-collapse:collapse; border:1px solid #DFDFDF; table-layout:fixed; }
.comment_table th { padding:10px 10px 0 10px; text-align:left; font-size:9pt; color:#666; }
.comment_table td { padding:10px; color:#666; }
.comment_submit { border:1px solid #BBB; background-color:#EEE; width:58px; height:115px; }

.comment_name { padding-top:10px !important; font-weight:bold; color:#333; }
.comment_name span { margin-left:10px; font-weight:normal; font-size:8pt; color:#AAA; }
.comment_btn { padding:10px 5px 0 0 !important; font-size:8pt !important; text-align:right; }
.comment_btn a { color:#666; }
.comment_btn span { margin:0 3px 0 3px; font-size:7pt; color:#AAA; }
.comment_contents { padding:8px !important; border-bottom:1px solid #EEE; color:#333; }
.comment_contents p { line-height:120%; }

.article_over { background-color:#EFEFEF !important; }

.header_top_line { width:100%; border-collapse:collapse;  }
.write_btn { clear:both; float:right; margin:5px 0 20px 0; }

.gbtn_button { padding:6px 0 0 0; margin:0; border:0; background-color:transparent; height:25px; }

.re_icon { float:left; margin-right:5px; }
.total_comment { font-family:verdana; font-size:10px; color:#ff9000; }

.gallery_pannel { width:100%; margin-top:5px; }
.gallery_pannel ul {}
.gallery_pannel ul .gallery_pannel_li { display:inline-block; *display:inline; *zoom:1; margin:10px 15px; vertical-align:top; list-style-type:none; }
.gallery_pannel table { border-collapse:collapse; }
.gallery_pannel table td { text-align:center; }
.gallery_content { clear:left; }

.gallery_pannel div { margin-top:3px; }
.gallery_pannel .name { padding-top:3px; color:#777; font-size:9pt; }
.gallery_pannel .info { padding-top:3px; color:#999; font-size:8pt; }

#content_area { color:#333333; }
#content_area a:link { color:#333333; text-decoration:none; }
#content_area a:active { color:#333333; text-decoration:none; }
#content_area a:visited { color:#333333; text-decoration:none; }
#content_area a:hover { color:#333333; text-decoration:none; }

.original_article { margin-top:15px; padding:10px; border:2px solid #CCC; background-color:#EEE; }
.original_article a:link { color:#333333; text-decoration:none; }
.original_article a:active { color:#333333; text-decoration:none; }
.original_article a:visited { color:#333333; text-decoration:none; }
.original_article a:hover { color:#333333; text-decoration:none; }

.paging_area { clear:both; margin:15px 0; text-align:center; }
.paging { display:inline-block; *display:inline; *zoom:1; list-style:none; overflow:hidden; }
.paging li { float:left; margin-right:4px; text-decoration:none; line-height:normal; color:#333333; font:normal 12px Verdana !important; }
.paging li a { color:#333333; padding:5px 9px; display:block; border:1px solid #CCC;  }
.paging .current a { font-weight:bold; color:#3366CC !important; }
.paging .pre { position:relative; }
.paging .next { position:relative; }
.paging .pre a, .paging .next a { padding:4px 5px; }

.table_line .info { color:#888; }
.table_line .info span { margin:0 15px 0 15px; color:#CCC; font-size:8pt; }

.header_top_line_edge_color { border-bottom:2px solid #3193da; padding:0;}
.header_bottom_line_edge_color { border-top:1px solid #4da1de; }
.header_bottom_line_padding { padding:0; height:3px; }
.header_title { color:#333333; background-color:#FAFAFA; }
.header_title a { color:#333333; }
.article_content { color:#333333; background-color:#FFFFFF; border-bottom:1px solid #DDDDDD; }
.article_content a { color:#333333 !important; }
.notice_highlight { color:#FFFFFF !important; background-color:#3193da !important; }
.notice_highlight a { color:#FFFFFF !important; }
.article_subject { padding:5px; }
.article_content .article_contents { margin-top:5px; word-break:keep-all; word-wrap:break-word; }
.table_line { width:100%; border-collapse:collapse; border:1px solid #DDDDDD; border-top:2px solid #3193da; table-layout:fixed; }
.table_line th { text-align:center; }
.table_line th, .table_line td { font-size:9pt !important; border:1px solid #DDDDDD; }
.table_line td { padding-left:10px; color:#333; }

.base_table .thumb { }
.base_table .thumb_gallery { position:relative; padding:5px; }
.base_table .thumb_gallery img { border:3px solid #DDDDDD; }

.attach_area { padding:10px 0 8px 0; }
.attach_area .attach_header { font-size:8pt; font-weight:bold; padding:3px 0 3px 5px; background-color:#DDD; }
.attach_area ul { list-style:none; margin-top:8px; }
.attach_area ul li { clear:both; overflow:auto; padding:2px 0 2px 5px; border-bottom:1px solid #EEE; }
.attach_area ul .file_name { float:left; margin-right:10px; font-weight:bold; font-size:8pt; }
.attach_area ul .file_name img { vertical-align:middle; margin:0 3px 2px 0; }
.attach_area ul .file_size { color:#888; font-size:8pt; font-weight:normal; }
.attach_area ul .file_play { float:left; font-size:8pt; margin-right:10px; }
.attach_area ul .file_play span { float:left; }
.attach_area ul .file_down { font-size:8pt; }
.attach_area ul .file_down span { float:left; }

.attach_info, .attach_info_list { display:none; font-size:11px; color:#FFF; _width:100%; }
.tooltip_head_left { float:right; overflow:hidden; width:25px; height:36px; background:url(/_vendors/images/tooltip/tail_left.png) left 0; }
.tooltip_head_right { float:left; overflow:hidden; width:30px; height:36px; background:url(/_vendors/images/tooltip/head_right.png) left 0; }
.tooltip_body { float:left; overflow:hidden; padding:11px 0 0 0; height:25px; background:url(/_vendors/images/tooltip/body.png); }
.attach_info_list .tooltip_body { float:right; }

.tooltip_tail_left { float:right; overflow:hidden; width:30px; height:36px; background:url(/_vendors/images/tooltip/head_left.png) right 0; }
.tooltip_tail_right { float:left; overflow:hidden; width:25px; height:36px; background:url(/_vendors/images/tooltip/tail_right.png) right 0; }

.article_search { clear:both; height:30px; padding:9px 10px 0 20px; position:relative; background-color:#F3F3F3; }
.article_search .search_word { float:right; color:#666; }
.article_search .style_select { vertical-align:middle; }
.article_search .search_input { width:140px; height:18px; padding:0 4px; border:1px solid #BEBEBE; vertical-align:middle; }
.article_search .search_btn { vertical-align:middle; }

.rss_feed { float:right; margin:0 0 5px 0; text-align:right; }

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { border:1px solid #CCC; clear:left; margin:0 5px 5px 0; padding:4px 0 4px 8px; text-decoration:none !important; cursor:pointer; position:relative; text-align:center; zoom:1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon { background: url(/_modules/board/images/common/spinner_bar.gif) no-repeat 0 0; }

.ellipsis_area { list-style-type:none; overflow:hidden; }
.ellipsis_area li { float:left; margin-right:4px; font-size:9pt; }
.ellipsis_area .e_file { padding:3px 0 0 0; }
.ellipsis_area .e_file img { vertical-align:middle; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; max-width:85%; }
.ellipsis_gallery { overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; max-width:90%; }

.view_ip { padding-right:5px; text-align:right; font-size:8pt !important; color:#888; }

#sns_more { display:none; text-align:center; margin:5px 0; padding:10px; background-color:#F9F9F9; border:1px solid #EEE; }
#sns_more .sns { margin-top:10px; padding:0; list-style:none; vertical-align:top; }
#sns_more .sns li { display:inline; vertical-align:top; }

/*
.wrap_inner { position:relative; top:-7px; letter-spacing:-0.5px; }
.wrap_inner a { color:#aaa; font-size:11px; }
.wrap_inner a:hover { color:#444; text-decoration:none; }

.wrap_inner_on { position:relative; top:-9px; letter-spacing:-0.5px; font-weight:bold; }
.wrap_inner_on a { color:#444; font-size:11px; }
.wrap_inner_on a:hover { color:#444; text-decoration:none;  }

div#category ul li span { letter-spacing: -0.5px; vertical-align: bottom;}
*/
#category ul li span {word-break: keep-all;}

.wrap_inner { position:relative; top: 3px; letter-spacing:-0.5px; }
.wrap_inner a { color:#aaa; font-size:11px; }
.wrap_inner a:hover { color:#444; text-decoration:none; }

.wrap_inner_on { position:relative; top: 0; letter-spacing:-0.5px; font-weight:bold; }
.wrap_inner_on a { color:#444; font-size:11px; }
.wrap_inner_on a:hover { color:#444; text-decoration:none;  }