#page-outer { margin: 0 auto; width: 980px; background: url(/files/images/common/bg.jpg) repeat-y #ffffff; }
#page { margin: 0 auto; ; width: 950px; }

/* header */
#header { height: 94px; background: #cc0000 url(/files/images/common/headerbg.jpg) repeat-x left bottom; color: #ffffff; }
#headerBox1 { float: left; padding-left: 25px; padding-top: 11px; width: 496px; }
#headerBox4 { float: right; width: 410px; padding-top: 7px; }
#headerBox2 { float: left; width: 160px; padding-top: 0px; }
#headerBox3 { float: right; width: 250px; padding-top: 7px; }
#headerCalender { font-size: 16px; line-height: 1.1;}
#headerCalender p span{ color:#fff;}
#headerCalender #date_ym { font-size: 40px; margin-right: 10px; line-height: 1.0;}
#headerSocial { height: 24px; width: 410px; }
#headerSocial ul { width: 410px; }
#headerSocial li{ float: right; width: 100px; }
#headerMenu a { color: #ffffff }
#headerMenu a:hover { color: #ffffff }
#headerMenu ul { margin-right: 35px }
#headerMenu li { float: right; text-align: center; padding-top: 5px; }
#headerMenu #menuHome { width: 60px; height: 24px; }
#headerMenu #menuHome a{ padding: 3px; }
#headerMenu #menuAbout { width: 110px; height: 24px; }
#headerMenu .active { background: #1C1C1C }
.gg-plus {margin-left:37px;}
.tw-follow{margin-right:20px;}
.fb-like{margin-left:16px;}

/* social */

#container { padding: 8px 20px; }
#col1 { float: left; width: 480px; }
#col2 { float: left; width: 200px; padding-left: 20px; }
#col3 { float: left; width: 200px; padding-left: 10px; }
.alist { border-bottom: 1px dotted #666666; padding-bottom: 2px; margin-bottom: 15px; }
.alist_header { margin-bottom: 5px; }
.alist_header li { float: left; padding-top: 2px; margin-right: 10px; }
.alist_category { background: #00133A; height: 20px; width: 120px; text-align: center; color: #ffffff; }
.alist_category a:hover {color:#DDD;text-decoration:underline;}
.alist_header a { color: #ffffff; text-decoration: none; }
.alist_title { font-size: 16px; font-weight: bold; margin-bottom: 3px; }
.alist_title a{ text-decoration: underline; color: #1F1F1F; }
.alist_title img{ margin-right: 3px }
.alist_title a:hover{ text-decoration: none; color: #1F1F1F; }
.alistBoxLeft { float: left; width: 143px; }
.alistBoxRight { float: left; width: 337px; }
.alist_body { font-size: 14px; line-height: 1.8; }
.alistFooter { margin-top: 5px; }
.alistFooterLeft { float: left; }
.alistFooterRight { float: right; }
.alistFooterRight ul{ width: 180px; height: 21px; }
.alistFooterRight li{ float: right; width: 110px; text-align: center; height: 18px}
.alistFooterRight p{ padding: 4px 5px 4px 5px; background: #ff8c1c; line-height: 1.0; }
.alistFooterRight li a{}
.alistFooterRight li a, .alistFooterRight li a:hover{ color: #000408; font-size: 12px;}
.alistFooterLeft li{ float: left; width: 100px; }
.alistFooterLeft ul{ width: 300px; height: 24px; }
.alistFooterLeft li{ float: left; height: 24px; margin-right: 10px; }
.alistFooterLeft span , .alistFooterRight span { vertical-align: bottom; }

/* side */
.sideTwitter { margin-bottom: 5px; }
.sideImg { margin-bottom: 5px; }
.sideColumn { margin-bottom: 5px; }
.sideAd { margin-bottom: 5px; }
.sideFacebook { margin-bottom: 5px; }

.sideColumnHeader { padding: 3px 10px; border-bottom: 1px solid #494949; background: #F0F0F0; margin-bottom: 2px; }
.sideColumnHeader h3 { font-weight: bold }
.sideColumnHeader h3 span { vertical-align: top; }
.sideColumnHeader h3 img { vertical-align: bottom; margin-right: 5px; }
.sideColumnMain {padding: 10px; background: #f0f0f0 url(/files/images/common/side_column_bg.jpg) no-repeat center bottom; }

.sideSocial {margin-bottom: 5px; border-bottom: 1px dotted #999999; padding-bottom: 3px; }
.sideSocialLeft { float: left; width: 53px; }
.sideSocialLeft img { margin-right: 3px; }
.sideSocialRight { float: left; width: 127px; font-size: 12px; }
.sideSocialRight li{ margin-bottom: 5px }
.sideSocialRight img{ float: left; margin-right: 2px; }
.sideSocialRight a{ vertical-align: top; }
.sidePartner li { border-bottom: 1px dotted #999999; margin-bottom: 5px; }
.sideGtopicBody { text-align: center; }

#footer { background: #1C1C1C; color: #B3B3B3; height: 120px; text-align: center; }
#footer a { color: #B3B3B3; }
#footerMenu { padding-top: 30px; margin-bottom: 30px; margin: 0 auto; width: 340px; height: 30px; }
#footerMenu li{ float: left; margin: 0 5px; }

.totop { text-align: right; padding: 0 20px; margin-bottom: 10px; }
.totop a { color: #ff0000 }
.totop a:hover { color: #ff0000; }

/* article */
.article { }
.article_header_img { margin-bottom: 10px; }
.article_header { margin-bottom: 5px; }
.article_header li { float: left; padding-top: 2px; margin-right: 10px; }
.article_category { background: #00133A; height: 20px; width: 110px; text-align: center; color: #ffffff; }
.article_header a { color: #ffffff; text-decoration: none; }
.article_title { font-size: 17px; font-weight: bold; margin-bottom: 3px; }
.article_title a{ text-decoration: underline; color: #1F1F1F; }
.article_title img{ margin-right: 3px }
.article_title a:hover{ text-decoration: none; color: #1F1F1F; }
.article_top { border-bottom: 1px dotted #666666; margin-bottom: 5px;  }
.articleLinks ul{ width: 470px; height: 24px; }
.articleLinks li{ float: right; height: 24px; margin-left: 10px; width: 100px; }
.articleLinks li span { vertical-align: bottom; }
.articleCommentLink { padding-top: 6px; }
.article_border { margin:10px 0; padding:0 0 10px 0; border-bottom: 1px solid #6a5e59; clear:both;}

/* ewarrant */
.article .kouza { margin:10px 0;}


/* bokoboko */
.article .bg_black { background:#000; margin: 0 0 10px 0; padding: 10px; }
.article .leftpic_box { float:left; margin:0 10px 0 0; height:auto;}
.article .righttext_box { float:right; width:360px; height:auto;}


/* idol */
.article .idol_navi { padding:0 0 5px 0px;}
.article .idol_navi ul { list-style-type: none; margin:0 0 0 10px;}
.article .idol_navi li { float: left; margin: 10px 8px 10px 0;}

/* nombre */
.article .nombre { padding:0 0 5px 0px; height:30px; clear:both;}
.article .nombre ul { position:relative; left:50%; float:left; list-style-type: none; margin:0 0 0 10px;}
.article .nombre li { position:relative; left:-50%; float: left; margin: 10px 10px 0 0; font-size:140%;}


.article .bg_gray { background: #F0F0F0; padding: 10px; margin-bottom:10px; clear:both; }
.article .bg_normal { background: #FFFFFF; padding: 10px; }
.article .f_big { font-size: 20px; font-weight: bold; margin: 5px 0; }
.article .f_small { font-size: 12px; }
.article_sentence { margin-bottom: 10px;}
.article_body { line-height: 1.6; font-size: 14px; }
.article_body .img_left { float: left; margin-right: 10px; width:auto;}
.article_body .img_right { float: right; margin-left: 10px; }
.article_body .img_center { display: block; text-align: center }
.articlePager { font-size: 20px; text-align: center; margin: 5px 0 10px; }
.articlePager .nextpage{ margin-left: 10px; }
.articleBottom h3 { font-size: 14px; font-weight: bold; line-height: 1.6; border-bottom: 1px solid #666666; padding: 0 0 3px 3px; margin-bottom: 10px; }
.articleBottom h3 span{ border-left: 4px solid #AE110B; line-height: 1.6; padding: 2px 0px 3px 5px; }
.articleSocial, .articleComment { margin-bottom: 20px; }

#hublist { border: 4px solid #f0f0f0; padding: 8px; }
#hublist h3{ font-size: 21px; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 5px; line-height: 1.0; margin-bottom: 12px; }
#hublist h3 span{ font-size: 21px; font-weight: bold; padding-left: 7px; margin-bottom: 5px; border-left: 4px solid #AE110B; line-height: 1.0; }
#hublist ul { width: 100%; border-bottom: 1px dotted #999999; padding-bottom: 6px; margin-bottom: 5px;}
#hublist li { float: left; width: 228px; font-size: 14px; line-height: 1.6;}
#hublist li img { float: left; margin-right: 5px; }
#hub_archive { margin-bottom: 20px; }
#hub_archive_title { font-size: 16px; font-weight: bold; border-bottom: 2px solid #404040; margin-bottom: 10px; }
.hub_archive_left { float: left; width: 224px; padding:0 5px; }
.hub_archive_inner { padding-bottom: 5px; border-bottom: 1px solid #d0d0d0 }
.archive_number { float: left; font-weight: bold; }
.archive_date { float: right; color: #999999; }
.archive_image { text-align :center; padding: 5px;}
.archive_title a{ color: #000000; font-size: 14px; font-weight: bold; }
.archive_title a:hover{ color: #000000; }
.archive_body { margin-bottom: 5px }
.archiveFooter li{ float: left; width: 100px; }
.archiveFooter li{ float: left; height: 24px; margin-right: 10px; }
.archiveFooter span { vertical-align: bottom; }


/* */
.privacy, .rules, .about { line-height: 1.6}
.privacy h2 {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.privacy h3 {font-size: 13px; font-weight: bold; }
.rules h2 {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.rules h3 {font-size: 13px; font-weight: bold; }
.about h2 {font-size: 16px; font-weight: bold; }
.about h3 {font-size: 13px; font-weight: bold; }
.about li {margin-bottom: 10px }