body { background-color: #F2F2F2; }

.w100n #contentWrap, #contentWrap { padding: 5px 0 0; }

#mainContentWrap { width: 685px; }

article { margin-bottom: 20px; }

#article { background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
#article h1 { font-size: 26px; line-height: 32px; min-height: 92px; word-break: break-all; }

#articleImg { padding: 10px 0 0; background-color: #FFF; }
#articleImg h1 { position: absolute; top: 15px; left: 50%; margin-left: -100px; width: 200px; text-align: center; z-index: 1; font-size: 16px; }
#articleImg .originalArticleTitle { line-height: 20px; }
#articleImg .mainImg { position: relative; min-height: 190px; margin-bottom: 30px; text-align: center; }
#articleImg .mainImg img { max-width: 100%; height: auto; }

.articleImgResultWrap { position: relative; height: 80px; margin-bottom: 10px; }

.articleImgResult { position: absolute; top: 0; left: 0; width: 100%; height: 80px; line-height: 110px; font-weight: bold; font-size: 24px; display: block; text-align: center; }

.articleImgPager li { float: right; }
.articleImgPager li:first-child { float: left; }
.articleImgPager .pagerThunbnail { display: inline-block; width: 100px; height: 67px; -webkit-background-size: cover; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; background-color: #F2F2F2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.articleImgPager .prev { padding: 5px 10px 3px 60px; }
.articleImgPager .next { padding: 5px 60px 3px 10px; }
.articleImgPager .next, .articleImgPager .prev { position: relative; display: inline-block; color: #333; background-color: #0055AD; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.articleImgPager .prev:hover, .articleImgPager .next:hover { text-decoration: none; color: #FFF; background-color: #2680df; }
.articleImgPager .prev:active, .articleImgPager .next:active { background-color: #529fef; }
.articleImgPager .prev .fa { left: 10px; }
.articleImgPager .next .fa { right: 10px; }
.articleImgPager .fa { position: absolute; top: 50%; width: 40px; font-size: 40px; margin-top: -20px; color: #F2F2F2; }

#articleOtherImg h2 { color: #333; font-size: 18px; padding-top: 30px; border-top: 1px dotted #CCC; margin-bottom: 20px; }
#articleOtherImg ul { margin: 10px 0 0 0; }
#articleOtherImg ul:first-child { margin: 0; }
#articleOtherImg li { float: left; width: 120px; height: 80px; margin: 0 0 0 10px; background-color: #F2F2F2; text-align: center; }
#articleOtherImg li:first-child { margin: 0; }
#articleOtherImg a { display: table-cell; width: 120px; height: 80px; vertical-align: middle; }
#articleOtherImg a:hover { border: 1px solid #0055AD; -webkit-box-sizing: border-box; box-sizing: border-box; }
#articleOtherImg img { max-width: 100%; max-height: 100%; border: none; margin: 0; }

#articleCategory { margin-bottom: 10px; }
#articleCategory li { float: left; margin: 0 10px 5px 0; }
#articleCategory li a { display: block; color: #333; padding: 0 7px; height: 24px; line-height: 24px; background-color: #E6E6E6; -webkit-border-radius: 3px; border-radius: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 8em; }
#articleCategory li a:hover { text-decoration: none; background-color: #DDD; }

#articleMetaInfo { margin-bottom: 10px; }
#articleMetaInfo .articleDate { float: right; font-size: 13px; color: #999; }

.articleAuthorGrp { float: left; }
.articleAuthorGrp .name { color: #999; margin-left: 1em; }
.articleAuthorGrp .name:first-child { margin: 0; }

#articleHeader { position: relative; padding: 20px; background-color: #FEFEFE; border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; }
#articleHeader h1 span { float: none; margin-left: 5px; }
#articleHeader .commentsNum { float: left; font-weight: bold; }
#articleHeader .commentsNum .num { position: relative; float: left; padding: 0 7px; min-width: 12px; display: inline-block; border: 1px solid #CCC; margin-left: 7px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; height: 18px; line-height: 18px; background-color: #FFF; text-align: center; font-weight: normal; font-size: 11px; }
#articleHeader .commentsNum .text { float: left; background-color: #f4781a; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 7px; color: #FFF; height: 20px; line-height: 20px; }
#articleHeader .commentsNum .text:hover { background-color: #f78936; }
#articleHeader .commentsNum .num:before { content: ' '; position: absolute; top: 50%; left: -9px; margin-top: -4px; border: 4px solid transparent; border-right-color: #AAA; }
#articleHeader .commentsNum .num:after { content: ' '; position: absolute; top: 50%; left: -8px; margin-top: -4px; border: 4px solid transparent; border-right-color: #FFF; }
#articleHeader .commentsNum .fa { position: relative; bottom: -1px; color: #999; padding-left: 3px; }
#articleHeader .commentsNum a:hover .fa { color: #333; }
#articleHeader .thumbWrap { float: left; margin-right: 10px; }
#articleHeader .socialBtn { float: right; }
#articleHeader .socialBtn > ul > li { margin-left: 10px; }
#articleHeader .socialBtn > ul > li:nth-child(3) { margin-left: 0; }

.articleTitleWrap { margin-bottom: 5px; }

.articleRead { margin-bottom: 5px; line-height: 1.6; color: #44464A; font-size: 14px; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; word-break: normal; }

#articleBody { font-size: 16px; padding: 0 20px 20px; color: #2B2D30; }
#articleBody h2 { font-size: 20px; line-height: 24px; margin: 10px 0 20px; }
#articleBody strong { line-height: 20px; }
#articleBody .mainImg a img, #articleBody .tableImg td img { vertical-align: middle; border: 2px solid #F2F2F2; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.05s linear; transition: all 0.05s linear; }
#articleBody .mainImg a img { margin: 0; }
#articleBody .mainImg a img:hover { border-color: #0055AD; }
#articleBody .tableImg td a img:hover { border-color: #0055AD; }
#articleBody p { margin-bottom: 20px !important; line-height: 1.65; word-wrap: break-word; word-break: normal; color: #111; }
#articleBody p.image_cap { margin-top: 5px; color: #00BB33; text-align: left; font-size: 13px; line-height: 18px; }
#articleBody table { margin-bottom: 20px !important; }
#articleBody table.tableImg { table-layout: fixed; border: 0; background: transparent; padding: 0; }
#articleBody table.tableImg th, #articleBody table.tableImg td { border: 0; background: transparent; }
#articleBody table p { margin: 0; }
#articleBody table textarea { border: 1px solid #CCC; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 100% !important; }
#articleBody th, #articleBody td { padding: 5px; }

.commentsNumZero a { float: left; display: block; font-weight: bold; height: 20px; line-height: 20px; background-color: #f4792a; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 7px; color: #FFF; }
.commentsNumZero a:hover { text-decoration: none; background-color: #f38c49; }

#relationLinks { text-align: center; }
#relationLinks a { display: block; background-color: #f0763d; padding: 10px; margin-top: 10px; color: #FFF; font-size: 16px; -webkit-border-radius: 3px; border-radius: 3px; }
#relationLinks a:hover { text-decoration: none; background-color: #FC8D59; }

#specTitle { margin-bottom: 5px; font-weight: bold; }

.tableSpec { width: 100%; font-size: 13px; }
.tableSpec th { width: 20%; padding: 5px; text-align: left; background-color: #E8E8E8; border: 1px solid #DBDBDB; }
.tableSpec td { padding: 5px 5px 5px 10px; border: 1px solid #DBDBDB; }
.tableSpec img { vertical-align: -3px; }

.twitterBlock { text-align: center; margin-bottom: 30px; }
.twitterBlock iframe { display: inline-block !important; margin: 0 !important; }

.socialBtn { height: 20px; }
.socialBtn li { float: left; }
.socialBtn.vertical { height: 62px; }
.socialBtn.vertical li { margin-left: 20px; }
.socialBtn.vertical li:first-child { margin-left: 0; }
.socialBtn .googlePlus { width: 64px; height: 20px; }
.socialBtn.vertical .googlePlus { width: 50px; height: 60px; }
.socialBtn .hatenaBookMark { width: 110px; height: 20px; }
.socialBtn.vertical .hatenaBookMark { width: 80px; height: 60px; }
.socialBtn .twitter { width: 116px; height: 20px; }
.socialBtn .twitter iframe { float: left; }
.socialBtn.vertical .twitter { width: 75px; height: 62px; }
.socialBtn.vertical .twitter .ballon { position: relative; display: inline-block; width: 100%; height: 34px; line-height: 34px; font-size: 13px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCC; background-color: #FFF; margin: 0 0 7px 0; }
.socialBtn.vertical .twitter .ballon:before { content: ' '; position: absolute; top: auto; bottom: -9px; left: 50%; margin-left: -4px; border: 4px solid transparent; border-top-color: #AAA; }
.socialBtn.vertical .twitter .ballon:after { content: ' '; position: absolute; top: auto; bottom: -8px; left: 50%; margin-left: -4px; border: 4px solid transparent; border-top-color: #FFF; }
.socialBtn .facebook { width: 110px; height: 20px; }
.socialBtn.vertical .facebook { width: 69px; height: 61px; }

#recommendArticleWrap { background-color: #FFF; padding: 10px 20px; margin-bottom: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }

.recommendArticle > ul { margin-right: -10px; overflow: hidden; }
.recommendArticle > ul > li { float: left; width: 150px; margin-right: 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.recommendArticle .thumbWrap { margin-bottom: 5px; }
.recommendArticle .thumbWrap > a { width: 150px; height: 112.5px; background-color: #FFF; }
.recommendArticle .articleTitle { font-size: 13px; line-height: 18px; overflow: hidden; font-weight: normal; }
.recommendArticle .articleTitle a { color: #333; }

#LatestArticle h3 { border: none; padding: 0; }

.articleFooterElement { position: relative; padding-bottom: 20px; background-color: #FEFEFE; }
.articleFooterElement .otherArticleWrap { padding: 0 20px; }
.articleFooterElement.tile .articleThumbnailWrap, .articleFooterElement.tile .thumbWrap { width: 100%; height: 115.5px; margin-bottom: 5px; }
.articleFooterElement.tile .articleThumbnailWrap > a, .articleFooterElement.tile .articleThumbnailWrap .thumb, .articleFooterElement.tile .thumbWrap > a, .articleFooterElement.tile .thumbWrap .thumb { width: 100%; height: 100%; }
.articleFooterElement.tile .content.first { padding-left: 0; padding-right: 3%; }
.articleFooterElement.tile .content.last { padding-left: 3%; padding-right: 0; }
.articleFooterElement h3 { color: #333; font-size: 18px; padding: 20px 20px 0; border-top: 1px solid #E5E5E5; margin-bottom: 10px; }
.articleFooterElement.tile .articleTitle { max-height: 54px; overflow: hidden; font-weight: normal; }
.articleFooterElement.tile ul li ol, .articleFooterElement.tile ul li ul { padding-bottom: 10px; margin-right: -8px; }
.articleFooterElement.tile ul li:last-child ol, .articleFooterElement.tile ul li:last-child ul { padding-bottom: 0; }
.articleFooterElement.tile ul li ol li, .articleFooterElement.tile ul li ul li { float: left; width: 154px; margin-right: 8px; }

#relationArticleList ul li ul li { width: 20%; }

.recommendArticle .symbol, .articleFooterElement .symbol { padding: 0 5px; height: 20px; line-height: 20px; display: inline-block; text-align: center; color: #FFF; text-indent: 0; }

.recommendArticle .symbol, .articleFooterElement .symbol { position: absolute; bottom: 0; left: 0; }

.recommendArticle .symbol.reTweetNum, .articleFooterElement .symbol.reTweetNum { background-color: #1a76c1; }

.recommendArticle .symbol { position: static; font-size: 16px; }
.recommendArticle .symbol.attention { background-color: #FE0000; }

.categoryRanking .content { position: relative; }
.categoryRanking h4 { font-size: 14px; color: #666; margin-bottom: 3px; }
.categoryRanking h4 a { float: right; font-size: 13px; font-weight: normal; }
.categoryRanking .rankNo { position: absolute; top: 50%; left: 0; margin-top: -11px; width: 22px; height: 22px; line-height: 22px; text-align: center; font-weight: normal; color: #666; background-color: #F2F2F2; font-size: 13px; -webkit-text-shadow: 0 0 0; text-shadow: 0 0 0; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1; }
.categoryRanking .articleTitle { font-weight: normal; }
.categoryRanking .articleTitle a { padding: 5px 0 5px 30px; font-size: 13px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.categoryRanking .categoryName { margin-right: 3px; }

.categoryRankingList { padding: 0 20px; }
.categoryRankingList > li { overflow: hidden; border-bottom: 1px dotted #CCC; }
.categoryRankingList > li:first-child { border-top: 1px dotted #CCC; }

#footerComments h3 > .commentNum { font-size: 24px; margin-right: 5px; }
#footerComments textarea { padding: 0; -webkit-box-shadow: none; box-shadow: none; }
#footerComments .fa { width: 13px; height: 12px; font-weight: normal; }
#footerComments .gWrap { float: left; margin: 5px 0 0 0; height: 28px; line-height: 28px; }
#footerComments .userImg img { max-width: 100%; height: auto; -webkit-border-radius: 3px; border-radius: 3px; }
#footerComments .commentMoreLoading, #footerComments .commentMore { padding: 0 20px; text-align: center; background-color: #FFF; }
#footerComments .commentMoreLoading .btn, #footerComments .commentMore .btn { width: 100%; font-size: 13px; height: 32px; line-height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footerComments .commentWrap.commentEvalLow { display: none; }
#footerComments .evalLowOpen a { display: block; font-size: 12px; color: #999; padding: 3px 10px; text-align: center; }
#footerComments .evalLowOpen a:hover { color: #333; text-decoration: none; }

#footerSocial .socialBtn { padding: 0 20px; }

.textAreaWrap { border: 1px solid #CCC; padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; }
.textAreaWrap .appendInfo { margin-top: 10px; background-color: #EBEBEB; padding: 5px 10px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; }

.commentList { background-color: #FFF; padding: 10px 20px; }
.commentList.more { display: none; }
.commentList.more li:first-child { border: none; }
.commentList > li { border: 1px solid #CCC; border-bottom: none; padding: 10px; background-color: #FBFBFB; }
.commentList > li:first-child { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.commentList > li:last-child { border-bottom: 1px solid #CCC; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.commentList > li.evalLow { padding: 0; }
.commentList > li:hover { background-color: #FFF; }
.commentList > li:hover .faWrap { display: block; }
.commentList .fa-twitter { margin-left: 5px; }
.commentList .dropDownMenu { top: 32px; }
.commentList .commentHeader { margin-bottom: 3px; }
.commentList .commentAction { float: right; }
.commentList .commentAction > li { position: relative; float: left; margin-left: 20px; }
.commentList .commentAction > li:first-child { margin: 0; }
.commentList .commentAction > li > span { color: #DBDBDB; }
.commentList .commentAction > li > a { color: #DBDBDB; }
.commentList .commentAction > li > a:hover { text-decoration: none; }
.commentList .commentAction .fa { width: 16px; height: 16px; font-size: 16px; }
.commentList > li:hover .commentAction > li > span, .commentList > li:hover .commentAction > li > a { color: #999; }
.commentList .submitDate { color: #999; margin-left: 5px; font-size: 13px; }
.commentList .replyDst { color: #CCC; margin-left: 5px; font-size: 13px; }
.commentList .replyDst:hover { color: #666; }
.commentList .commentMenu { position: absolute; top: -2px; right: 0; }
.commentList .commentMenu a.faWrap { display: none; color: #999; }
.commentList .commentBody { margin-left: 50px; }
.commentList .commentBody p { color: #1b1b1b; line-height: 20px; font-size: 15px; }
.commentList .userName { font-weight: bold; font-size: 13px; }
.commentList .userName.guest { color: #666; }
.commentList .userImg { float: left; width: 40px; height: 40px; margin-right: 10px; }

#commentFormArea { padding: 0 20px; }

#commentForm { margin: 0 0 10px; background-color: #dee8ee; padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; }
#commentForm .commentModeChange { display: none; }
#commentForm textarea { min-height: 112px; }
#commentForm .btn { height: 32px; line-height: 32px; padding: 0 10px; font-size: 13px; }
#commentForm .btn .fa { color: #FFF; margin-right: 5px; }
#commentForm .btn .userImg { display: inline-block; margin: 4px 5px 0 0; width: 24px; height: 24px; line-height: 24px; }
#commentForm .terms { display: block; color: #666; }
#commentForm .btnWrap { float: right; margin: 10px 0 0 0; text-align: right; }
#commentForm .btnWrap .btn { float: left; height: 40px; line-height: 40px; }
#commentForm .btnWrap .btn:first-child { background-color: #FFF; }
#commentForm .btnWrap .btn:first-child:hover { background-color: #F2F2F2; }
#commentForm .btnWrap .cvBtn { margin: 0; }
#commentForm .or { float: left; margin-right: 5px; display: block; height: 42px; line-height: 42px; color: #999; font-size: 12px; }
#commentForm .charCount { display: block; font-size: 12px; color: #444; margin-right: 10px; }
#commentForm .charCount .num { font-size: 14px; font-weight: bold; }
#commentForm .terms { float: left; color: #666; font-size: 12px; }
#commentForm .logout { float: left; display: block; height: 40px; line-height: 40px; text-align: left; font-size: 12px; margin-right: 5px; }

.comment .fa, .goodComment .fa, .badComment .fa { padding-right: 3px; }

.goodComment.on { color: #3e11ee !important; }

.badComment.on { color: #ee1190 !important; }

#hideArticleNavi { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding: 5px 10px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #DBDBDB; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) inset; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F2F2F2; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 11; }
#hideArticleNavi form { overflow: hidden; }
#hideArticleNavi.open { height: auto; opacity: 1; visibility: visible; }
#hideArticleNavi .close { float: right; display: block; color: #999; text-align: center; border-left: 1px solid #CCC; padding: 2px 10px; width: 48px; }
#hideArticleNavi .close:hover { background-color: #DBDBDB; text-decoration: none; color: #333; }
#hideArticleNavi .close:hover .fa { color: #666; }
#hideArticleNavi .close .fa { position: relative; display: block; font-size: 24px; color: #BBB; }
#hideArticleNavi .logout { float: left; display: block; height: 26px; line-height: 26px; text-align: left; font-size: 12px; margin-right: 5px; }
#hideArticleNavi .leftWrap { float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: -80px; padding-right: 80px; }
#hideArticleNavi .rightWrap { position: relative; }
#hideArticleNavi .textAreaWrap { border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; }
#hideArticleNavi textarea { padding: 10px; border: 1px solid #CCC; min-height: 45px !important; height: 45px; }
#hideArticleNavi .commentArea { padding-right: 320px; min-height: 46px; }
#hideArticleNavi .commentArea.loginIn { padding-right: 380px; }
#hideArticleNavi .commentOtherArea { float: right; }
#hideArticleNavi .termsWrap { margin-bottom: 5px; }
#hideArticleNavi .termsWrap p { display: inline; }
#hideArticleNavi .terms { color: #666; font-size: 12px; margin-left: 10px; }
#hideArticleNavi .thumbWrap { float: left; margin-right: 5px; }
#hideArticleNavi .thumbWrap > a { width: 32px; height: 32px; }
#hideArticleNavi .articleTitle { font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 3px; height: 32px; line-height: 32px; }
#hideArticleNavi input[type="text"] { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(255, 255, 255, 0.85); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(255, 255, 255, 0.85); }
#hideArticleNavi .or { float: left; height: 26px; line-height: 26px; display: inline-block; margin: 0 5px; color: #999; font-size: 12px; }
#hideArticleNavi .btn { float: left; margin: 0; padding: 0 10px; }
#hideArticleNavi .btn .fa { color: #FFF; margin-right: 5px; }
#hideArticleNavi .appendInfo { padding: 2px 10px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0; }
#hideArticleNavi .appendInfo blockquote { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#hideArticleNavi .charCount { font-size: 12px; color: #444; }
#hideArticleNavi .charCount .num { font-size: 14px; font-weight: bold; }

#hideOpenArticleNavi { position: absolute; display: block; top: 0; width: 100%; height: 0; z-index: 10; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #DBDBDB; height: 24px; line-height: 24px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset; background-color: #F2F2F2; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: hidden; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#hideOpenArticleNavi.open { height: auto; opacity: 1; visibility: visible; }
#hideOpenArticleNavi .close { color: #999; }
#hideOpenArticleNavi .close:hover { background-color: #DBDBDB; text-decoration: none; color: #333; }
#hideOpenArticleNavi .close:hover .fa { color: #666; }
#hideOpenArticleNavi .close .fa { margin-right: 5px; color: #BBB; }

.pageBreak { text-align: center; padding: 30px 0; }
.pageBreak .pageWrap { display: inline-block; }
.pageBreak .pageWrap > span, .pageBreak .pageWrap > a { float: left; display: block; height: 40px; line-height: 40px; margin: 0 10px; color: #222; }
.pageBreak .pageWrap > span.noData { color: #CCC; }
.pageBreak .page { float: left; }
.pageBreak .page li { float: left; }
.pageBreak .page span { display: block; background-color: #FFF; width: 38px; height: 38px; border: 1px solid #333; line-height: 38px; text-align: center; margin: 0 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pageBreak .page span.current { background-color: #2B2D2F; color: #FFF; }
.pageBreak .page span a { display: block; color: #333; }
.pageBreak .page span a:hover { background-color: #2B2D2F; text-decoration: none; color: #FFF; }

.nextPageHeadingOmission { border: 1px solid #999; border-bottom: 2px solid #9C9C9C; background-color: #EDF0F2; height: 48px; line-height: 48px; margin-bottom: 20px; -webkit-border-radius: 3px; border-radius: 3px; }
.nextPageHeadingOmission .indicator { color: #333; margin-right: 10px; }
.nextPageHeadingOmission a { display: block; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nextPageHeadingOmission a:hover { background-color: #E2E2E2; text-decoration: none; }

#wikiExternalLink li { display: inline-block; padding: 0 10px 5px 0; }
#wikiExternalLink a { font-size: 14px; }

.relation-article { border-top: 1px solid #DBDBDB; padding-bottom: 20px; }
.relation-article h2 { font-size: 18px; padding: 20px 20px 0; margin-bottom: 10px; }
.relation-article ul { padding: 0 20px; }
.relation-article .article-list li { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #CCC; }
.relation-article .article-list li:first-child { padding: 0; margin: 0; border: none; }
.relation-article .article-main-body { margin-left: 66px; }
.relation-article .article-thumbnail { float: left; border: 1px solid #E8E8E8; width: 56px; height: 56px; text-align: center; background-color: #F2F2F2; margin-right: 10px; }
.relation-article .article-thumbnail a { width: 56px; height: 56px; display: table-cell; vertical-align: middle; }
.relation-article .article-thumbnail img { width: 100%; height: auto; background-color: #FFF; }
.relation-article .article-header { line-height: 18px; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.relation-article .article-update { color: #999; font-weight: normal; display: inline-block; height: 16px; line-height: 16px; }
.relation-article .tweet-num { margin-left: 5px; color: #999; height: 16px; line-height: 16px; }
.relation-article .tweet-num .num { padding-right: 2px; }
.relation-article .favicon { float: left; display: inline-block; width: 16px; height: 16px; background-image: url(/img/favicon.png); margin-right: 5px; }
.relation-article .favicon.dengeki { background-position: 0 0; }
.relation-article .favicon.famitsu { background-position: 0 -16px; }
.relation-article .favicon.fourGamer { background-position: 0 -32px; }
.relation-article .favicon img { max-width: 100%; height: auto; vertical-align: top; }
.relation-article .tab-change { border-bottom: 1px solid #DBDBDB; margin-bottom: 5px; }
.relation-article .tab-change li { float: left; margin-left: 10px; }
.relation-article .tab-change li:first-child { margin-left: 0; }
.relation-article .tab-change li a { position: relative; bottom: -1px; display: inline-block; padding: 0 15px; height: 32px; line-height: 34px; font-size: 13px; color: #999; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.relation-article .tab-change li a:hover { color: #333; text-decoration: none; }
.relation-article .tab-change li a.current { border: 1px solid #DBDBDB; border-bottom: 1px solid #FFF; color: #333; }

.submitBtnWrap { margin: 20px 0 40px; text-align: center; }

#_popIn_image { display: none; }