@charset "utf-8";
/*---------------------------------------
	https://www.nicovideo.jp/

-----------------------------------------
	- style

		-siteHeader
		-header
			-button
		-primaryColumn
			-headding
			-list
			-parts
			-pageList
		-secondaryColumn
			-headding
			-list
			-parts
		-topickPath
		-commacial/banner
		-footer

---------------------------------------*/
/*
	siteHeader
---------------------------------------*/
#siteHeader{
        position: relative !important;
}

#siteHeader #siteHeaderInner ul li a,
#siteHeader #siteHeaderInner ul li a:hover{
      font-size: 12px;
}

/* body for siteHeader(共通ヘッダー) */
body {padding-top:0px;}

/*
	header
---------------------------------------*/
#header{
       width: 980px;
       margin: 20px auto;
       overflow: hidden;
}

#header h1{
	float: left;
	width: 371px;
	height: 46px;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat;
}

#header h1 a{
	display: block;
	width: 397px;
	height: 65px;
	text-decoration: none;
	outline: none;
}

/* button ----------------------------*/


#header ul{
	float: right;
	width: 340px;
        overflow: hidden;
}

#header ul li{
	float: left;
}

#header ul li a{
	display: block;
	text-decoration: none;
	outline: none;
        height: 22px;
        color: #fff;
        text-align: center;
        font-size: 11px;
        line-height: 22px;
        font-weight: bold;
	background: url(../img/bg_socialbutton.png) no-repeat;
        border-radius: 2px;
}

#header ul li.viewBtn{
	width: 115px;
}

#header ul li.viewBtn a{
	width: 110px;
	background-position: 0 0;
        text-shadow: 1px 1px 1px #000;
}

#header ul li.viewBtn a:hover{
        text-decoration: underline;
        text-shadow: -1px -1px 1px #000;
	background-position: 0 -30px;
}

#header ul li.followBtn{
	width: 85px;
}

#header ul li.followBtn a{
	width: 80px;
	background-position: -200px 0;
        text-shadow: 1px 1px 1px #03536d;

}

#header ul li.followBtn a:hover{
        text-decoration: underline;
	background-position: -200px -30px;
        text-shadow: -1px -1px 1px #03536d;
}


#header ul li.rssBtn{
	width: 55px;
}

#header ul li.rssBtn a{
	width: 55px;
	background-position: -330px 0;
        text-shadow: 1px 1px 1px #ae4412;
}

#header ul li.rssBtn a:hover{
        text-decoration: underline;
	background-position: -330px -30px;
        text-shadow: -1px -1px 1px #ae4412;
}

#header ul li.facebookBtn{
        width: 85px;
}

#header ul li.facebookBtn a{
	width: 80px;
	background-position: -500px 0;
        text-shadow: 1px 1px 1px #ae4412;
}

#header ul li.facebookBtn a:hover{
        text-decoration: underline;
	background-position: -500px -30px;
        text-shadow: -1px -1px 1px #333;
}


/*
	contents
---------------------------------------*/
#contents{
	width: 980px;
	margin: 0 auto 100px;
	overflow: hidden;
}

.section{
	zoom: 1;
}

.section:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
}

#primaryColumn .section{
	width: 630px;
	margin: 0 auto 15px;
	overflow: hidden;
}

#secondaryColumn .section{
	width: 276px; /* 298 */
	padding: 10px 11px 10px 11px;
	_width: 282px;
	_padding: 10px 8px 10px 8px;
	margin-bottom: 15px;
	border: #ccc solid 1px;
	border-top: none;
}

/*
	primaryColumn
---------------------------------------*/
#primaryColumn{
	float: left;
	width: 660px;
        margin-bottom: 30px;
}

/* headding ---------------------------*/

#primaryColumn h2{
	width: 660px; /* 660 */
	min-height: 40px; /* 40 */
	margin-bottom: 15px;
	color: #5c5b5b;
	font-size: 20px;
        background: #ddd;
        background: -webkit-gradient(linear,left top,left bottom, from(#eee),to(#cecece));
        background: -moz-linear-gradient(top, #eee, #cecece);
        background: -ms-linear-gradient(top, #eee, #cecece);
        background: -o-linear-gradient(top, #eee, #cecece);
        background: linear-gradient( to bottom,#eee,#cecece);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 );
        border-left-top-radius: 2px;
        border-right-top-radius: 2px;
        border: #c5c1c1 solid 1px;
}

#primaryColumn h2 span{
        display: inline-block;
        /display: inline;
        /zoom: 1;
	width: 648px; /* 660 */
	padding: 6px 6px 0;
	background: url(../img/bg_headding.png) no-repeat;
}

#primaryColumn h2 small{
	font-size: 13px;
}

#primaryColumn h3{
	width: 645px; /* 660 */
	height: 29px; /* 35 */
	padding: 6px 0 0 15px;
	margin-bottom: 15px;
	color: #5c5b5b;
	font-size: 15px;
	background: url(../img/bg_h3.gif) no-repeat;
}

/* list -----------------------------*/

#primaryColumn .section dl dt{
	clear: left;
	font-size: 12px;
	padding-left: 5px;
	color: #858484;
}

#primaryColumn .section dl dd{
	padding-left: 5px;
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: dashed #a9a9a9 1px;
	margin-bottom: 5px;
}

#primaryColumn .section dl dd .new-marked {
	display: block;
	float: left;
	width: 23px;
	height: 11px;
	margin-right: 5px;
	padding-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/icon_new.gif) no-repeat left 4px;
}

/* parts ----------------------------*/

#primaryColumn .section .moreBtn{
	display: block;
	float: right;
	width: 79px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	margin-top: 10px;
	background: url(../img/btn_more.gif) no-repeat;
}

#primaryColumn .section .moreBtn:hover{
	background-position: 0 -26px;
}

/* pageList -------------------------*/

#pageList{
	margin: 28px 0 16px 0;
	overflow: hidden;
	zoom: 1;
}

#pageList li{
	float: left;
	width: 25px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

#pageList li a{
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #cdcdcd;
	color: #000;
}

#pageList li a:hover{
	background: #000;
	color: #fff;
}

#category #pageList li#n1,
#category #pageList li#n2,
#category #pageList li#n3,
#category #pageList li#n4,
#category #pageList li#n5,
#category #pageList li#n6{
	width: 20px;
	height: 20px;
	text-align: center;
	background: #000;
	color: #fff;
	margin-right: 5px;
}

#pageList li.firstChild,
#pageList li.lastChild{
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

#pageList li.firstChild{
	margin-right: 5px;
}

#pageList li.firstChild a,
#pageList li.lastChild a{
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/*
	secondaryColumn
---------------------------------------*/
#secondaryColumn{
	width: 300px;
	float: right;
}

#secondaryColumn .section dl dd .new-marked {
	display: block;
	float: left;
	width: 23px;
	height: 11px;
	margin-right: 5px;
	padding-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/icon_new.gif) no-repeat left 3px;
}


/* headding --------------------------*/

#secondaryColumn h3{
	clear: right;
	width: 290px; /* 300 */
	height: 24px; /* 30 */
	padding: 6px 0 0 10px;
	color: #5c5b5b;
	font-size: 14px;
	margin-top: 15px;
	background: url(../img/bg_h3_02.gif) no-repeat;
}

/* list -------------------------------*/

#secondaryColumn .section dl{
	width: 280px;
}

#secondaryColumn .section dl dt{
	clear: left;
	font-size: 12px;
	color: #858484;
	padding-left: 5px;
}

#secondaryColumn .section dl dd{
	font-size: 13px;
	padding-bottom: 3px;
	border-bottom: dashed #a9a9a9 1px;
	margin-bottom: 5px;
	padding-left: 5px;
}

#secondaryColumn .section dl dd:last-child{
	font-size: 13px;
	padding-bottom: 3px;
	border-bottom: none;
	margin-bottom: 0;
}

#secondaryColumn .section ul{
	width: 280px;
	margin: 0 auto;
}

#secondaryColumn .section ul li{
	font-size: 18px;
	line-height: 0;
	zoom: 1;
}

#secondaryColumn .section ul li a{
	color: #000;
	display: inline-block;
	background: url(../img/icon_arrow.gif) no-repeat left 8px;
	text-indent: 12px;
	zoom: 1;
	line-height: normal;
}

#secondaryColumn .section ul li span{
	color: #666;
	font-size: 13px;
}


#secondaryColumn .section ul li a:hover{
	display: inlie-block;
	color: #1c3fad;
	background: url(../img/icon_arrow_on.gif) no-repeat left 8px;
}

/* section_sp --------------------------*/

.section-sp{
	width: 275px;
	padding: 10px 12px 10px 11px;
	margin-bottom: 15px;
	background: #f5f5f5;
	border: #ccc solid 1px;
}

.section-sp p.posCenter{
	margin-bottom: 0;
        line-height: 0;
}

/* parts -------------------------------*/

#secondaryColumn .section .moreBtn{
	display: block;
	float: right;
	width: 79px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	margin-top: 10px;
	background: url(../img/btn_more.gif) no-repeat;
}

#secondaryColumn .section .moreBtn:hover{
	background-position: 0 -26px;
}

#secondaryColumn .blockquote{
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
	background: #ddd;
}

/*
	topicPath
---------------------------------------*/
#topicPath{
	width: 100%;
	margin-bottom: 15px;
	background: #ecebeb;
	border-bottom: #e0dede solid 1px;
	border-top: #e0dede solid 1px;
}

#topicPath ul{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#topicPath li{
	float: left;
	color: #828181;
	margin-right: 5px;
	padding-right: 15px;
	background: url(../img/icon_topicpath.gif) no-repeat right center;
}

#topicPath li.lastChild{
	margin-right: 0;
	padding-right: 0;
	background: none;
}

/*
        entry new marked

---------------------------------------*/

div.dataSection p.time span.new-marked {
	display: block;
	float: left;
	width: 23px;
	height: 11px;
	margin-right: 5px;
	padding-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/icon_new.gif) no-repeat left 3px;
}


/*
	adsecnce
---------------------------------------*/
.adsBox{
	padding-top: 10px;
	text-align: center;
}

.posCenter{
	margin-bottom: 30px;
	font-size: 12px;
}

.posCenter a{
	color: #292F2F;
	text-decoration: underline;
}

.posCenter a span{
	display: block;
	margin-top: -3px;
}

.adsBox .siteList{
	margin-bottom: 30px;
	overflow: hidden;
}

.adsBox .siteList li{
	display: inline;
	padding: 5px;
}

/*
	footer
---------------------------------------*/
#footer{
	clear: both;
	width: 100%;
	border-top: #b1b1b1 solid 1px;
}

#footer .section{
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#footer #pageTopBtn{
	display: block;
	width: 106px;
	height: 22px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	float: right;
	background: url(../img/btn_pagetop.gif) no-repeat;
	zoom: 1;
	line-height: 0;
}

#footer #pageTopBtn:hover{
	background-position: 0 -25px;
}


#footer .section h3{
	position: absolute;
	top: -26px;
	clear: both;
	width: 51px;
	height: 26px;
	text-indent: -9999px;
	background: url(../img/bg_footer.gif) no-repeat left top;
}

#footer .section ul{
	position: relative;
	width: 860px;
	overflow: hidden;
	padding: 0 0 0 10px;
	overflow: hidden;
}

#footer .section ul.firstChild{
	position: relative;
	width: 860px;
	overflow: hidden;
	padding: 60px 0 0 10px;
	background: url(../img/ttl_nav.gif) no-repeat left 20px;
}


#footer ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#footer ul li a{
	color: #000;
	display: block;
	background: url(../img/icon_arrow.gif) no-repeat left 4px;
	text-indent: 12px;
	line-height: normal;
}

#footer ul li a:hover{
	display: block;
	color: #1c3fad;
	background: url(../img/icon_arrow_on.gif) no-repeat left 4px;
}

#footer address{
	clear: both;
	margin: 15px 0 5px;
	text-align: center;
}

#footer p{
	text-align: center;
}

#footer p small{
	font-size: 12px;
}


/*
	detailsPage
---------------------------------------*/

#detailsPage #primaryColumn .section p strong{
	font-weight: bold;
}

#detailsPage #primaryColumn .section p a{
	font-size: 13px;
}

.dataSection{
	width: 630px;
	margin: 0 auto 10px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #ccc;
	overflow: hidden;
}

.dataSection p{
	float: left;
	width: 200px;
	margin: 0;
}

.dataSection p small{
	color: #858585;
	font-size: 12px;
}

.dataSection p .iconNew{
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	display: block;
	width: 23px;
	height: 11px;
	text-indent: -9999px;
	background: url(../img/icon_new.gif) no-repeat left 0;
}

#socialList{
	float: right;
        zoom: 1;
}

#socialList:after{
        content: "";
        display: block;
        clear: both;
        line-height: 0;
        height: 0;
        visibility: hidden;
}

#socialList li{
	float: left;
        margin-left: 5px;
}

#socialList li.twitter{
	width: 110px;
}

#socialList li.line{
       margin-left: 15px;
}

#socialButtonWrapper{
       float:left;
}

.attention{
	font-weight: bold;
	color: #f00;
	margin-bottom: 0;
}

blockquote{
	width: 600px; /* 630 */
	padding: 10px;
	margin: 10px auto;
	background: #e9dddf;
	border-radius: 4px;
	border: #9a8888 dashed 1px;
}

blockquote a{
	font-size: 13px;
}

li#n1{
	width: 20px;
	height: 20px;
	text-align: center;
	background: #000;
	color: #fff;
	margin-right: 5px;
}

/* -- entry page -- */
div .date span .new-marked {
	display: block;
	float: left;
	width: 23px;
	height: 11px;
	margin-right: 5px;
	padding-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/icon_new.gif) no-repeat left 3px;
}

/* -- side column -- */
div.side-column-outside {
        text-align: center;
}

/* -- entry body -- */
div.article-body {
        font-size: normal;
}

/*
div.article-body > p {
        font-size: 10px;
}*/

/* adsence  */
#web_pc_prime{width:300px;height:250px;}

#web_pc_360{margin-bottom:20px;text-align: center;}

#web_pc_360 a{font-size:12px;}

#info_pc_box{margin-left:16px;}

#sideTxtAd{
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
	list-style:none;
        display: block;
}

#sideTxtAd li{
	display:block;
	border: 1px solid #ccc;
        text-align: left;
	font-size:89%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 3px;
}

#sideTxtAd li + li{
	border-top:none;
}

#sideTxtAd a:before{
	content:"PR";
	display:inline;
	position:inherit;
	font-weight:bold;
	color:#fff;
	background-color: #1053a0;
	padding: 2px 2px 2px 2px;
	margin-right: 0.2em;
	font-size: 10px;
	top: 5px;
	left: 8px;
	height: 15px;
        width:12px;
	line-height: 14px;
}

#sideTxtAd a{color: #333 !important;}


/* font size */
/* text format */
div.article-body,
div.article-body p{
    font-size: 16px;
}

div.article-body big,
div.article-body p big{
    font-size: 20px;
}

div.article-body small,
div.article-body p small{
    font-size: 13px;
}

/* lowerSocialList */
#lowerSocialListWrapper{
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

#categoryListName{
    float:left;
    width: 100%;
}

#lowerSocialList{
     width: 100%;
}

#lowerSocialList:after{
        content: "";
        display: block;
        clear: both;
        line-height: 0;
        height: 0;
        visibility: hidden;
}

#lowerSocialList li{
	float: left;
	margin-left: 5px;
}

/* 記事表示時の画像位置設定 */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

img.alignleft {
	margin: 7px 24px 7px 0;
}

img.alignright {
	margin: 7px 0 7px 24px;
}

img.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}