@charset "shift_jis";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: sub.css

		Setting of: SubContents area
			1: subContents setting
			2: Twitter setting
	}

****************************************************************** */


/*===================================================================

	1: subContents setting

===================================================================*/

/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/
#subContents{
width:300px;
float:right;
}
#subContents img {vertical-align:bottom;}


/*-------------------------------------------------------------------
	Setting of douga
-------------------------------------------------------------------*/

/* common */
#subContents div.unit {margin:0 0 10px;}

#subContents dl.subModule {border:5px solid #dfd6c0;}
#subContents dd {
padding:6px 12px;
}

#subContents p.thumbnail {
background: #ffffff;
border-top: 1px solid #dec8bc;
border-bottom: 1px solid #dec8bc;
margin: 0px 1px;
}
#subContents p.thumbnail a {
background: #ffffff;
border-left: 1px solid #dec8bc;
border-right: 1px solid #dec8bc;
display:block;
padding:1px;
margin: 0px -1px;
}

/* subCampaign */
#subCampaign a {font-weight:bold;}
#subCampaign p.text {margin:0 0 3px;}
#subCampaign div.pkg {
background:url(/img/bg_sub_campaign.gif) repeat-y 0 0;
}
#subCampaign div.left {
width:144px;
float:left;
}
#subCampaign div.right {
width:106px;
float:right;
}

/* subRecommend */
#subRecommend a {font-weight:bold;}
#subRecommend div.left {
width:129px;
float:left;
}
#subRecommend div.pkg {margin:0 0 3px;}
#subRecommend div.right {padding:0 0 0 135px;}
#subRecommend p.text {line-height:1.3em;}

#subRecommend div.writer {
background:#fdf2e0;
padding:2px 4px;
}
#subRecommend div.writer p img {
vertical-align:middle;
margin:0 6px 0 0;
}

/* subCategory */
#subCategory li {
display:inline;
font-size:.86em;
margin:0 4px 0 0;
}
#subCategory li a {zoom:1;}

/* subSettlement */
body.douga #subContents #subSettlement {padding-top:10px;}
#subSettlement div {
background:#fdf2e0 url(/img/bg_sub_settlement.gif) no-repeat 100% 0;
padding:15px 19px 17px;
}
#subSettlement p.text {
line-height:1.25em;
padding:0 65px 0 0;
margin:0 0 11px;
}
#subSettlement dd.link {
border:1px solid #f0b993;
border-top:none;
padding:6px 0 5px 60px!important;
}
#subSettlement dd.link ul {min-height:31px;_height:31px;}
#subSettlement dd.link a {font-weight:bold;}
#subSettlement dd.link span {font-size:.86em;}
#subSettlement dd.first {background:#ffffff url(/img/bg_sub_settlement_getid.gif) no-repeat 0 0!important;}
#subSettlement dd.last {background:#ffffff url(/img/bg_sub_settlement_pay.gif) no-repeat 0 0!important;}
#subSettlement dd.text {
background:url(/img/bg_sub_settlement_text.gif) no-repeat 0 100%;
font-size:.86em;
line-height:1.2em;
padding:3px 1px 20px!important;
}


#subSettlement div.btnArea {
background:none;
padding:10px 19px 5px;
}
#subSettlement div.btnArea p.btn {margin:0 0 5px;}
#subSettlement div.btnArea li {font-size:.86em;}


/* twitter */
#twitter {
background:#fff8e2;
border:4px solid #fce29d;
padding:10px 7px;
}

/*	mainimg	*/
p.mainimg{
	margin-bottom:10px;
}

/*	pickup(編集部オススメ枠)	*/
div.pickup div.unitInner{
	padding:9px;
	overflow:hidden;
}
* html div.pickup div.unitInner{
	width:560px;
}
div.pickup div.unitInner div.left{
	width:330px;
	float:left;
	overflow:hidden;
	position:relative;
}
div.pickup div.unitInner div.left img.osusume{
	padding:1px;
	display:block;
	border:1px solid #DEC8BC;
	float:left;
}
div.pickup div.unitInner div.left p{
	width:155px;
	float:right;
	padding-bottom:15px;
}
div.pickup div.unitInner div.left p b{
	display:block;
	font-size:110%;
	margin-bottom:5px;
}
div.pickup div.unitInner div.left p span.icon{
	display:block;
	position:absolute;
	bottom:0;
	right:48px;
}
div.pickup div.unitInner div.right{
	width:190px;
	float:right;
}
div.pickup div.unitInner div.right p{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:9px 9px 5px 9px;
	font-size:90%;
}
div.pickup div.unitInner div.right span{
	display:block;
	background:url(/dvd/img/comment_bg.gif) no-repeat top #EEE;
	padding:15px 0 5px 5px;
	font-size:85%;
}
div.pickup div.unitInner div.right span img{
	display:block;
	float:right;
}
div.pickup p.icon{
	text-align:right;
	margin-bottom:15px;
}

/*	ranking(サイド：ランキング枠)	*/

div.ranking{
	margin-bottom:10px;
}

div.ranking span.day {
	display:block;
	font-size:70%;
	text-align:right;
}

div.ranking ol li{
	background:url(/dvd/img/border.gif) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:5px;
}

div.ranking ol li span{
	color:#F00;
	font-weight:bold;
	font-size:85%;
	padding-right:10px;
}

div.ranking ol li u{
	display:block;
	text-decoration:none;
	color:#666;
	font-size:85%;
}

/*	copyRight	*/
p.copy {
	background:none repeat scroll 0 0 #EFEFEF;
	clear:both;
	color:#999999;
	font-size:75%;
	margin-top:10px;
	padding:5px 15px;
}


/*===================================================================
	2: Twitter setting
===================================================================*/
#subContents dt.twitter{display:block;position:relative;zoom:1;}
#subContents dt.twitter img{display:block;position:relative;}
#subContents dt.twitter .icon{display:block;width:62px;height:14px;position:absolute;top:7px;right:7px;}
#subContents dt.twitter .icon a{display:block;position:relative;zoom:1;}

#subContents dd.twitter{margin:0 -12px;}
#subContents dd.twitter .tweetArea{height:233px;overflow-x:hidden;overflow-y:scroll;zoom:1;}
#subContents dd.twitter .tweetArea ul{overflow:hidden;}
#subContents dd.twitter li{margin-top:-1px;padding:8px 3px 6px 8px;border-top:1px solid #e1e1e1;zoom:1;}
#subContents dd.twitter .thumb{width:48px;margin:0 7px 0 0;float:left;}
#subContents dd.twitter .text{overflow:hidden;zoom:1;}
#subContents dd.twitter .text{letter-spacing:0;}
#subContents dd.twitter .text .name{font-weight:bold;margin:0 5px 0 0;}
#subContents dd.twitter .text .post{font-size:.86em;}
#subContents dd.twitter .btn{margin:0 10px 10px;}
html>body #subContents dd.twitter .btn{padding-bottom:10px\9;}
#subContents dd.twitter .btn a{display:block;background:url(/douga/img/bg_twitter_btn.gif) repeat-x;padding:5px;border:1px solid #acacac;color:#333;font-weight:bold;text-align:center;}