@charset "shift_jis";

/* channnel pickup
-----------------------------------------------------------------------------*/
div.section {
	margin: 0 0 0px 0;
	padding: 0;
	width: 640px;
}

h1#channelPage{
	font-size: 24px;
	color: #2D5B88;
	margin: 0 0 20px 0;
	padding: 5px;
	border-bottom: 3px solid #EEEEEE;
}
h1#channelPage.audio{
	color: #8C6900;
}
/* --------------------------------------
 pickuo box <top story>
----------------------------------------- */


div#pickupBox {
	float:left;
	width:640px;
	font-size:13px;
	margin: 0;
	padding: 0;
	border-top:1px solid #cccccc;
}
div.pickUpbox {
    border-bottom:1px solid #cccccc;
    margin: 0 0 0px;
    padding: 15px 10px 15px 0;
}

div.pickUpbox:hover{
	background: #F5F5F5;
}

div.category ,
span.cateIcon {
    display: block;
    margin: 0 0 0px 0;
    width:60px;
    height:15px;
    overflow:hidden;
}

.category1 ,
.category2 ,
.category3 ,
.category9 ,
.category19,
.category20{
    background-image:url(/image/top/category_icon02.png);
	text-indent:100px;
}
/*
.category2{
    background-image:url(/image/top/category_av.png);
	text-indent:100px;
}

.category3 {
    background-image:url(/image/top/category_audio.png);
	text-indent:100px;
}*/

.category5 {
    background-image:url(/image/top/category_shopping.png);
	text-indent:100px;
}
.category6, .category18 {
    background-image:url(/image/top/category_rensai.png);
	text-indent:100px;
}
.category7 {
    background-image:url(/image/top/category_event.png);
	text-indent:100px;
}
.category8 {
    background-image:url(/image/top/category_zassi.png);
	text-indent:100px;
}
/*
.category9 {
    background-image:url(/image/top/category_hobby.png);
	text-indent:100px;
}*/

.category10 {
    background-image:url(/image/top/category_ranking.png);
	text-indent:100px;
}
.category11, .category15 {
    background-image:url(/image/top/category_review.png);
	text-indent:100px;
}
.category12, .category17 {
    background-image:url(/image/top/category_interview.png);
	text-indent:100px;
}
.category13 {
    background-image:url(/image/top/category_brand.png);
	text-indent:100px;
}
.category16 {
    background-image:url(/image/top/category_column.png);
	text-indent:100px;
}
/*
.category19 {
    background-image:url(/image/top/category_dc.png);
	text-indent:100px;
}*/



div.pickUpbox h3 {
    font-size: 122%;
}
div.pickUpbox h3 a {
	color:#111111;
	text-decoration: none;
}
div.pickUpbox h3 a:hover,
div.pickUpbox h3 a:active {
	color:#666666;
	text-decoration: underline;
}

div.pickUpbox div.mb20 {
	margin: 0;
}

div.pickUpbox span.floatL {
	float:left;
	width: 200px;
	margin: 0 15px 0 0;
}
div.pickUpbox span.floatL img {
	padding:2px;
    border: 1px solid #D7D7D7;
    width: 200px;
    height:auto;
	margin: 0 auto;
}
div.pickUpbox span.pickupUpText {
    display: block;
    padding: 0;
    *padding: 0px;
    color:#666666;
    line-height: 1.6;
    font-size: 13px;
    letter-spacing: 1;
    overflow: hidden;
}


/* --------------------------------------
 pr
----------------------------------------- */


ul#prList {
	clear:left;
	font-size:14px;
	width: 620px;
	padding: 20px 0;
}
ul#prList li {
    background: url("/image/common/parts/icon_01.gif") no-repeat scroll 0 2px transparent;
    margin: 0 0 6px;
    padding: 0 0 0 50px;
}
ul#prList li a {
	color: #003366;
	font-weight:bold;
}

/* --------------------------------------
 article list top
----------------------------------------- */
box-sizing
div#bodyBlock ,
div#headLine {
	font-size:13px;
	zoom:normal;
	float: left;
	margn: -20px 0 0 0;
	padding: 0;
}

div#bodyBlock{
	width: 430px;
}
div#headLine{
	width: auto ;
}

div#bodyBlock div.label h3 ,
div#headLine h3.date {
	clear: both;
	padding: 0 0 5px 5px;
	font-size: 18px;
	margin: 20px 0 0 0px;
    line-height:1.3;
}

div#headLine h2 {
	overflow:hidden;
	_width:427px;
}

div#bodyBlock div.item ,
div#headLine div.article {
	margin: -1px 0 0px 0;
    padding: 15px 0 15px 0;
    overflow: hidden;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    
}

div#headLine div.article:hover{
	background: #F5F5F5;
}

div#bodyBlock div.start ,
div#headLine div.start {
    margin: -1px 0 0px 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    overflow: hidden;
}

div#bodyBlock div.item div.image ,
div#headLine div.article div.floatL {
	float:left;
	text-align:center;
	width:110px;
	display:block;
	margin: 0 5px 0 0;
}
div#bodyBlock div.item div.image img ,
div#headLine div.article img {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin:auto;
	width: 100px;
}

div#bodyBlock div.item div.itemmain ,
div#headLine div.headBox {
	margin-left:115px;
}
div#headLine div.articleContents span.cateIcon {
	display: block;
	margin: 0;
}
div#bodyBlock div.item div.subtitle ,
div#headLine div.articleContents span.caption {
    display: block;
    margin: 0;
    color: #666666;
}
div#bodyBlock div.item div.title ,
div#headLine div.articleContents h3 {
	font-weight:bold;
	font-size: 122%;
	line-height: 1.3em;
	margin: 0 0 0 0px;
	padding: 0;
	overflow: hidden;
}

div#bodyBlock div.item div.title a ,
div#headLine div.articleContents h3 a {
	color:#111111;
	text-decoration: none;
}
div#bodyBlock div.item div.title a:hover,
div#bodyBlock div.item div.title a:active,
div#headLine div.articleContents h3 a:hover,
div#headLine div.articleContents h3 a:active {
	color:#555555;
	text-decoration: underline;
}




/* --------------------------------------
 article category font color
----------------------------------------- */
.category2 {
	display: block;
	color: #990000;
	font-weight: bold;
	font-size: 12px;
}

.category11, .category15 {
   display: block;
	color: #336699;
	font-weight: bold;
	font-size: 12px;
}



/* --------------------------------------
 sub title
----------------------------------------- */
span.subTitle {
    display: block;
color: #666666;
font-size: 13px;
margin-bottom: 5px;
}

p.pager{
	text-align: center;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}

p.pager span.pagerLink a{
	/*background: url(/image/common/parts/pager/box.png) no-repeat scroll 0 0 transparent;*/
	margin: 0 1px;
	padding: 2px 6px 2px 3px;
	color: #555555;
	font-size: 12px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #cccccc;
}

p.pager em.current{
	margin: 0;
	padding: 1px 6px 2px 3px;
	border: 1px solid #b5b5b5; 
	color: #0477B3;
	font-weight: bold;
}



/* center column
-----------------------------------------------------------------------------*/
.centerColumn{
	margin: 0;
	padding: 0;
	width: 190px;
	float: right;
}

/* --------------------------------------
 close up
----------------------------------------- */

#closeupBox{
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
}

#closeupBox .closeupWrap{
	margin: 0;
	padding: 0;
}

#closeupBox .closeupWrap a{
	color: #333333;
	text-decoration: none;
}

#closeupBox .closeupWrap a:hover{
	color: #000066;
	text-decoration: underline;
}

#closeupBox .closeupWrap dl dt{
	margin: 0 0 10px 0;
}

#closeupBox .closeupWrap dl dt a{
	background: url(../image/common/parts/icon01.jpg) no-repeat;
	padding: 0 0 15px 30px;
	font-size: 16px;
	margin: 0 0  0px;
	font-weight: bold;
}


#closeupBox .closeupWrap dl dd{
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
		clear: both;
}	

#closeupBox .closeupWrap dl dd a span.floatL img{
	display: block;
	float: left;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 50px;
	border: 1px solid #dcdcdc;
	background: #ffffff;
vertical-align : baseline ;
}

#closeupBox .closeupWrap dl dd a span.closeUpText{
	float: right;
	width: 125px;
	margin: 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	vertical-align : middle ;
}

#closeupBox .closeupWrap dl dd a span.closeUpText a:hover{
	color: #000066;
	text-decoration: underline;

}

/* --------------------------------------
 mgazine
----------------------------------------- */
.magazineArea{
	clear: both;
	margin: 0 0 20px 0;
	padding: 5px;
	overflow: hidden;
	border: 1px solid #D7D7D7;
}

p.ongenMagazine{
	background: #999999;
	padding: 2px 0 2px 4px;
	color: #ffffff;
	font-size: 14px;
}

.magazine{
	clear: both;
	margin: 0;
	padding: 0 0 0px 0px;
	overflow: hidden;
}

.magazineImg{
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
}

.magazineImg img{
	margin: 0;
	padding: 0;
	width: 75px;
	border:1px solid #999999;

}

.magazineInfo{
	float: right;
	width: 85px;
	margin: 0;
	padding: 0 5px 0 0;
}

.magazineTitle{
	float: right;
	font-size: 14px;
	line-height: 1.1;
	font-weight: bold;
}

p.magazineText{
	font-size: 12px;
	line-height: 1.4;
	width: 85px;
}

p.magazineText a{
	color: #555555;
	text-decoration: none;
}

p.magazineText a:hover{
	color: #000000;
	text-decoration: underline;
}

.context{
	clear: both;
	margin: 0;
	padding: 0 5px 8px 5px;
}

.context p{
	font-size: 10px;
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #555555;
}


/* --------------------------------------
 serial
----------------------------------------- */

ul.serial{
	margin: 10px 0 20px 0;
	padding: 0;
}

ul.serial li{
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: 12px;
	font-weight: bold;
}

ul.serial li.top{
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: 12px;
}

ul.serial li a{
	color: #555555;
}

ul.serial li a:hover{
	color: #111111;
	text-decoration: none;
}

/* --------------------------------------
 ranking
----------------------------------------- */

#rankingBox{
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #ececec;
}

#rankingBox .rankingWrap{
	margin: 0;
	padding: 0;
}

#rankingBox .rankingWrap a{
	color: #333333;
	text-decoration: none;
}

#rankingBox .rankingWrap a:hover{
	color: #111111;
	text-decoration: underline;
}

#rankingBox .rankingWrap p.centerRankingTitle{
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}


#rankingBox .rankingWrap .rankingContentsWrap{
	clear: both;
	margin: 0;
	padding: 6px 0 1px 0;
	line-height: 1.3;
}	

#rankingBox .rankingWrap .rankingContentsWrap p.rankingImg{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 65px;
}

#rankingBox .rankingWrap .rankingContentsWrap p.rankingImg img{
	width: 65px;
}

#rankingBox .rankingWrap .rankingContentsWrap p.rankingText{
	float:right;
	width: 100px;
	margin: 0;
	padding: 15px 10px 0 0;
	font-size: 12px;
	font-weight: bold;
}

#rankingBox .rankingWrap .rankingContentsWrap p.rankingText a{
	color: #55555;
	text-decoration: none;
	font-weight: bold;
}


#rankingBox .rankingWrap .rankingContentsWrap p.rankingText a:hover{
	color: #111111;
	text-decoration: underline;
}

/* --------------------------------------
 total ranking
----------------------------------------- */

table#ranking{
	margin: 0;
	padding: 0;
	width: 220px;
}

table#ranking tr {
	margin: 0;
	padding: 0;
}

table#ranking tr td{
	vertical-align: top;
	border-bottom: 1px dotted #999999;
	padding: 10px 0;
	line-height: 1.3;
}

table#ranking tr td a{
	color: #111111;
}

table#ranking tr td a:hover{
	color: #999999;
	text-decoration: underline;
}


table#ranking tr td.num{
	background: url(/image/ranking/rank.gif) 10px 10px no-repeat;
	margin: 0;
	padding: 10px 0 0 0;
	 text-align: center;
    color: #ffffff;
    letter-spacing: 0;
    font-size: 12px;
    
}


#newsBacknumber{
	margin: 0;
	padding: 0;
}

#newsBacknumber h4.date{
	margin-top: 1em;
	padding: 0;
	font-size: 17px;
}


#newsBacknumber ul{
	margin: 0;
	padding: 0 0 20px 0;
}

#newsBacknumber ul li{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 13px;
}

#newsBacknumber ul li a{
	color: #555555;
}

#newsBacknumber ul li a:hover{
	color: #000000;
	text-decoration: underline;
}




h2#backnumberTitle{
	font-size: 20px;
color: #000000;
margin: 0 0 20px 0;
background-color: #dadada;
padding: 10px;
border-left: 20px solid #000000;
background-image: none;
}


/***************/
/* magazineBox */
/***************/

div#magazineBox {
    border-top:2px solid #999999;
    background-color:#efefef;
	float:right;
	width:200px;
	font-size:13px;
}
div#magazineBox dl dt {
    background-color:#efefef;
}
div#magazineBox dl dd {
    position:relative;
}
div#magazineBox dl dd br {
	clear:both;
}

div#magazineBox dl dd img {
    margin-right: 5px;
	float:left;
	width:48px;
	height:auto;
}
div#magazineBox dl dd a {
    display: block;
    font-size:84%;
    line-height:140%;
	text-decoration: none;
}
div#magazineBox div.blogContents a:hover,
div#magazineBox div.blogContents a:active {
	text-decoration: underline;
}

div#magazineBox a.other {
	bottom: 0;
    font-size: 7.5pt;
    position: absolute;
    right: 5px;
}




/***************/
/* recommendBox */
/***************/

div#recommendBox {
    background-color: #F0F6F9;
    padding: 0 0 24px;
    margin:10px 0 0;
}

div#recommendBox h3 {
    background-color: #D5E9F6;
    font-size: 14px;
    margin: 2px;
    padding: 4px 10px;
}
div#recommendBox ul {
    margin: 12px 0 0;
}
div#recommendBox ul li {
    float: left;
    font-size: 84%;
    line-height:140%;
    padding: 0 0 0 24px;
    width: 100px;
}
div#recommendBox ul li span.image {
	margin-bottom:10px;
	display:block;
}


.audio-image {
	margin-bottom: 25px;
	padding: 0;
	position: relative;
}

.audio-image img{
	width: 100%;
}

.audio-image p{
	color: #ffffff;
	background: rgba(51,51,51,0.70);
	padding: 10px;
	width: 100%;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	left: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.audio-image p span{
	display: block;
	text-align: left;
}

.audio-image p span.chatch{
	font-size: 16px;
	margin-bottom: 5px;
}

.audio-image p span.text{font-size: 22px;
line-height: 1.45;}

.audio-image a{
	text-decoration: none;
}

.audio-image:hover{
	opacity: .8;
}