@charset "UTF-8";

/* ---------------------------------------------------------
	Important
------------------------------------------------------------*/
body#movie_howto p {
	line-height:1.5em;
	font-size:110%;
}

/* ---------------------------------------------------------
	Common Class
------------------------------------------------------------*/
.bgRed{
	background-color:#FF0000;
}

.mainContentAllWrapper {
	width:760px;
	padding:5px 9px 0px;
	float:left;
}

/* ---------------------------------------------------------
	Sidebar Contents
------------------------------------------------------------*/
div#sidebar1 > ul {
	width:160px;
	margin:0px auto;
	padding-bottom:10px;
}

div#sidebar1 > ul > li {
	padding-left:5px;
	list-style:url('images/list_mark.png') inside;
}

div.mod_sideContents {
	width:160px;
	padding-bottom:10px;
}

div.mod_sideContents-head {
	width:160px;
}

div.mod_sideContents-head > img {
	vertical-align:bottom;
}

div.mod_sideContents-body {
	width:158px;
	background-color:#F6F6F6;
	border:1px solid #D6BBA6;
	border-top:none;
	border-bottom:none;
}

div.mod_sideContents-body > div.mod_sideContents-body-wrapper {
	width:145px;
	margin:0px auto;
}

div.mod_sideContents-body > div.mod_sideContents-body-wrapper img {
	width:145px;
	height:103px;
	padding-bottom:10px;
}
	
div.mod_sideContents-body > div.mod_sideContents-body-wrapper p {
	margin:0px;
	padding:0px;
}

div.mod_sideContents-foot {
	width:160px;
	height:20px;
}

	/* ---------------------------------------------------------
		Sidebar Contents > jump to Howto
	------------------------------------------------------------*/
	div.mod_jumpToHowto p {
		margin:0px;
		color:#A04053;
	}
	
/* ---------------------------------------------------------
	Contents Box
------------------------------------------------------------*/
div.contentsBox {
	width:760px;
	padding-bottom:20px;
}

div.contentsBox-head {
	width:760px;
	height:50px;
	background:url('images/contentsBox_head.png') no-repeat;
	position:relative;
}

div.contentsBox-head > div {
	width:100%;
	height:100%;
}

div.contentsBox-head > p {
	margin:0px;
	line-height:20px;
	position:absolute;
	top:10px;
	left:30px;
	border-left:7px solid #B5825C;
	padding-left:15px;
	color:#B5825C;
	font-weight:bold;
	font-size:130%;
}

div.contentsBox-body {
	width:738px;
	padding:10px;
	border:1px solid #CACACA;
	border-top:none;
	border-bottom:none;
	background-color:#F6F6F6;
}

div.contentsBox-foot {
	width:760px;
	height:20px;
}

/* ---------------------------------------------------------
	Module dispMovie 
------------------------------------------------------------*/
div.mod_dispMovie > div.contentsBox-head {
	height:70px;
	background:url('images/dispMovie_head.png') no-repeat;
}


/* ---------------------------------------------------------
	Module information 
------------------------------------------------------------*/
div.mod_information > div.contentsBox-head {
	background:url('images/information_head.png') no-repeat;
}

div.mod_information > div.contentsBox-head img.button {
	width:180px;
	height:25px;
	position:absolute;
	top:7px;
	right:30px;
}
	/* ---------------------------------------------------------
		Senkou Area 
	------------------------------------------------------------*/
	div.senkou {
		width:681px;
		margin:0 auto 10px;
		padding:10px;
		border:1px solid #AAAAAA;
		background-color:#FFFFFF;
	}
		
	/* ---------------------------------------------------------
		Modulue Topic
	------------------------------------------------------------*/
	ul#topic{
		width:701px;
		margin:0px auto;
		border:1px solid #000000;
	}
	
	ul#topic li{
		width:701px;
		height:22px;
		margin-top:5px;
		padding-bottom:5px;
		overflow:hidden;
		position:relative;
		border-bottom:1px dotted #000000;
		white-space:nowrap;
	} 
	
	ul#topic li.last {
		border-bottom:none;
	}
	
	ul#topic li p{
		height:20px;
		margin:0px;
		line-height:20px;
		position:absolute;
		top:0px;
		left:10px;
	}
	
/* ---------------------------------------------------------
	Carousel Panel
------------------------------------------------------------*/
div.carousel {
	width:736px;
	height:205px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

div.carousel ul {
	height:205px;
}

div.carousel ul:after {
	clear:both;
}

div.carousel ul li {
	width:180px;
	height:205px;
	float:left;
	margin:0px 2px;
}

div.carousel ul li img {
	width:180px;
	height:135px;
	padding-bottom:10px;
}

div.carousel ul li div {
	width:160px;
	height:50px;
	padding-bottom:10px;
	margin:0px 10px;
}

div.carousel ul li div.image {
	width:180px;
	height:135px;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	background-color:#999999;
}

div.carousel>img.forward {
	width:30px;
	height:30px;
	position:absolute;
	top:175px;
	right:0px;
	cursor:pointer;
}

div.carousel>img.back {
	width:30px;
	height:30px;
	position:absolute;
	top:175px;
	left:0px;
	cursor:pointer;
}

/* ---------------------------------------------------------
	Howto Page
------------------------------------------------------------*/
body#movie_howto div.contentsBox > div.contentsBox-body {
	border-bottom:1px solid #999999;
}

.mod_about {}

.mod_about .contentsBox-body {
	border:1px solid #F5BCD5;
	background-color:#F5BCD5;
}

	/* ---------------------------------------------------------
		Notes( in .mod_about )
	------------------------------------------------------------*/
	.notes {
		width:720px;
		padding:5px;
		margin-bottom:10px;
		background-color:#FFFFFF;
	}
	
	.notes p {
		margin:0px;
		padding:0px;
		padding-left:15px;
	}
	
	/* note title */
	.notes p:first-child {
		font-size:120%;
		font-weight:bold;
		margin:0px;
		padding:0px;
		color:#77171B;
	}
	
	.notes ul {
		margin:0px;
		padding:0px;
		padding-left:30px;
	}
	
	.notes ul li {
		list-style:disc inside;
	}
	
	
	/* ---------------------------------------------------------
		Tab&Panel( in Howto Page )
	------------------------------------------------------------*/
	.mod_introduction {
		width:760px;
		padding-bottom:20px;
	}
	
	.mod_introduction>div.tabPanel {
		width:760px;
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head {
		/*border-bottom:1px solid #999999;*/
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head>li {
		width:255px;
		height:65px;
		float:left;
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head>li.registration {
		background:url('images/howto/registration.png') no-repeat;
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head>li.joining {
		width:250px;
		background:url('images/howto/joining.png') no-repeat;
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head>li.watching {
		background:url('images/howto/watching.png') no-repeat;
	}
	
	.mod_introduction>div.tabPanel ul.tabPanel_head>li.buying {
		width:250px;
		background:url('images/howto/buying.png') no-repeat;
	}
	.mod_introduction>div.tabPanel ul.tabPanel_head>li a {
		display:block;
		line-height:45px;
		outline:none;
		text-indent:-9999px;
	}
	
	.mod_introduction>div.tabPanel div.tabPanel_body {
		width:752px;
		max-height:930px;
		border:4px solid #841B28;
		border-top:none;
		border-bottom:none;
		overflow-y:scroll;
	}
	
	div.mediabox {
		width:700px;
		margin:0px auto;
		padding-bottom:10px;
	}
	
	div.mediabox-image {
		width:460px;
		float:left;
	}
	
	div.mediabox-image img {
		width:460px;padding:0;
	}
	
	div.mediabox-caption {
		width:225px;
		height:300px;
		float:right;
	}
	
	div.mediabox-caption div {
		display:table-cell;
		width:225px;
		height:300px;
		vertical-align:middle;
	}
	
	div.mediabox-caption div p {
		margin:1em 0px;
	}
	
	div.mediabox-notes {
		width:680px;
		margin:0px auto 10px;
		padding:10px;
		background-color:#F6EB80;
	}
		
		div.mediabox-notes p.mediabox-notes-title {
			font-size:120%;
			font-weight:bold;
			margin:0px;
			padding:0px;
			color:#77171B;
		}
		
	.mod_introduction>div.tabPanel_foot {
		width:760px;
		height:25px;
	}
	
/* ---------------------------------------------------------
	Progam Page
------------------------------------------------------------*/
div.mod_programIntro {}

div.mod_programIntro div.contentsBox-body {
	width:736px;
	padding-bottom:0px;
	border:2px solid #CACACA;
	border-top:none;
	border-bottom:none;
}

div.mod_programIntro div.contentsBox-body>div.mediaBox {
	width:736px;
	padding-bottom:10px;
}

div.mod_programIntro div.contentsBox-body>div.mediaBox>div.mediaBox-caption {
	width:470px;
	padding:0px 10px;
	float:left;
}

div.mod_programIntro div.contentsBox-body>div.mediaBox>div.mediaBox-caption>p.mediaBox-caption-link {
	font-size:80%;
	margin-top:2em;
	padding:10px;
	background-color:#FBD3D2;
	text-align:right;
}

div.mod_programIntro div.contentsBox-body>div.mediaBox>div.mediaBox-caption>p.mediaBox-caption-link>a {
	font-weight:bold;
}

div.mod_programIntro div.contentsBox-body>div.mediaBox>div.mediaBox-media {
	width:240px;
	float:right;
}

div.mod_programIntro div.contentsBox-body>div.profileBox {
	width:716px;
	padding:10px 10px 0px;
	background:#DDEFFE;
	font-size:80%;
}

div.mod_programIntro div.contentsBox-body>div.profileBox>span.name,
div.mod_programIntro div.contentsBox-body>div.profileBox>p>a {
	font-weight:bold;
}

div.mod_programIntro div.contentsBox-body>div.profileBox>p.desc {
	margin:0px;
	padding:0em 0em 1em 1em;
}

div.mod_backnumber {
	padding-bottom:40px;
	line-height:1.5em;
	font-size:105%;
}

div.mod_backnumber div.contentsBox-head {
	width:740px;
	height:35px;
	margin:0px 10px;
	background:url('images/tv_program/theme_plain.png') no-repeat;
	position:relative;
}

div.mod_backnumber div.contentsBox-head > p {
	margin:0px;
	line-height:20px;
	position:absolute;
	top:7px;
	left:30px;
	border-left:7px solid #B5825C;
	padding-left:15px;
	color:#B5825C;
	font-weight:bold;
	font-size:130%;
}

div.mod_backnumber div.contentsBox-body {
	width:718px;
	margin:0px auto;
	border:1px solid #D6BBA6;
	border-top:none;
}

div.mod_backnumber div.contentsBox-body ul{
	width:700px;
	margin:0px auto;
}

div.mod_backnumber div.contentsBox-body div.contentsBox-body-caption {
	width:530px;
	float:left;
}

div.mod_backnumber div.contentsBox-body div.contentsBox-body-caption > ul {
	width:500px;
}

div.mod_backnumber div.contentsBox-body div.contentsBox-body-image {
	width:180px;
	float:right;
}

div.mod_backnumber div.contentsBox-body div.contentsBox-body-image img {
	width:160px;
	height:120px;
	padding:10px;
}

div.mod_dispRss {}

div.mod_dispRss div.contentsBox-head {
	width:740px;
	height:30px;
	margin:0 auto;
	background:none;
}

div.mod_dispRss div.contentsBox-body {
	border:none;
	background:none;
}

div.mod_dispRss div.contentsBox-body>div#embed_blog_here {
	width:720px;
	margin:0px auto;
}

div.mod_dispRss div.contentsBox-body>div#embed_blog_here .rss_title {
	color:#88AACC;
	font-weight:bold;
	font-size:130%;
	line-height:1.5em;
}