@charset "Shift_JIS";

/*
///////////////////////
リセット
///////////////////////
*/
*{ margin: 0; padding: 0; list-style: none; }
body {
font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}


/*
///////////////////////
レイアウト
///////////////////////
*/
body { background: url(http://image.b-ch.com/free_month/common/bg.gif) #ff7b00 top left repeat-y; }
h1 { display: none; }
a { color: #06f; }
hr { clear: both; display: none; }
.clBoth { clear: both; visibility: hidden; }


/*
///////////////////////
ヘッダー
///////////////////////
*/
#header { background:url(http://image.b-ch.com/free_month/common/ttl_selection.jpg); width: 800px; height: 332px; }
#header #bchLogo { margin: 0; padding: 0; }
#headSet { width: 443px; margin-left: 335px; }
#headSet h2 { background: url(http://image.b-ch.com/free_month/common/ttl_month.gif);
text-indent: -9999px;
width: 400px;
height: 50px;
}
#headSet p { font-size: 10px; margin: 8px 0; }
#headSet ul { margin: 0; padding: 0; }
#headSet li img { float: left; margin-right: 7px; }
#headSet li { display: block; background: #fdf7bd; width: 443px; height: 37px;
font-size: 13px; line-height: 38px; font-weight: bold;
margin-bottom: 5px; padding: 1px;
border-bottom: solid 2px #d7c63a; border-right: solid 2px #d7c63a; }


/*
///////////////////////
コンテンツ全体の囲み
///////////////////////
*/
#wrapper { background: url(http://image.b-ch.com/free_month/common/cont_bg.gif) top left repeat-y;
width: 764px; padding: 0 18px 6px 18px; }
#wrapper img { border: 0; }


/*
///////////////////////
各コンテンツの囲み
///////////////////////
*/
.contents { width: 758px; background: #fff; border: solid 3px #ef2585; }
.contentsLeft { float: left; }
.contentsRight { float: right; margin-top: 15px; margin-right: 15px; }
.toTop { width: 765px; margin-bottom: 10px; text-align: right; }


/*
///////////////////////
コンテンツ　左側
///////////////////////
*/
/* 各タイトル要約 */
.subTtlSet { width: 292px; background: #ef2585; color: #fff; }
.subTtlSet:after {
		content: ".";
		display: block;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
		visibility: hidden;
		}
		
.subTtlSet .thum { float: left; }
.subTtlSet2 { float: left; width: 227px; margin-left: 5px; }
.subTtlSet2 h3 { font-size: 14px; line-height: 18px; font-weight: bold;
padding: 3px 0 2px 0; margin-bottom: 5px; border-bottom: dotted #fff 1px; }
.subTtlSet2 .sub1 { font-size: 10px; }
.subTtlSet .sub2 { width: 283px; margin: 5px auto; padding-top: 5px; border-top: dotted #fff 1px; text-align: center; }


/* 無料期間 */
.kikan { width: 275px; margin: 9px 0 0 15px; }
.kikan img { float: left; }
.kikan .kikanTxt { float: left; font-size: 12px; line-height: 16px; font-weight: bold; color: #000; margin-left: 5px; }

/* みどころ */
.comment { width: 275px; margin: 10px 0 10px 15px; font-size: 12px; line-height: 16px; }
.midokoro { background: url(http://image.b-ch.com/free_month/common/img_midokoro.gif) top left no-repeat;
width: 260px; height: 35px; font-weight: bold; padding: 38px 25px 0 0; margin-bottom: 10px; text-align: right; }

/* みどころ サブタイトルが少ないときのレイアウト */
.comment2 { width: 728px; margin: 10px auto; font-size: 12px; line-height: 16px; }
.midokoro2 { background: url(http://image.b-ch.com/free_month/common/img_midokoro2.gif) top left no-repeat; width: 360px; height: 41px;
font-weight: bold; padding: 15px 20px 0 0; margin-bottom: 10px; text-align: right; }

/* 無料期間 サブタイトルが少ないときのレイアウト  */
.kikan2 { width: 380px; margin-left: 15px; }
.kikan2 img { float: left; }
.kikan2 p.kikanTxt { float: left; font-size: 12px; line-height: 2.5em; font-weight: bold; color: #000; margin-left: 5px; }


/*
///////////////////////
コンテンツ 右側 各話レイアウト
///////////////////////
*/
.subTtlMovie { background: #d2d2d2; width: 439px; height: 81px; overflow: hidden; margin-bottom: 10px; }
.subTtlMovie .subTtlImg { float: left; }
.subTtlMovie .subTtlTxt { width: 319px; float: right; }
.subTtlMovie .subTtlTxt h4 { font-size: 12px; line-height: 16px; font-weight: bold; padding: 6px 12px; margin: 0; }
.subTtlMovie .subTtlTxt .kakuwaBtn { background: #e3e3e3; height: 27px; padding: 4px 12px; margin: 0; border-top: solid 1px #fff; }


/*
///////////////////////
フッター
///////////////////////
*/
#footer { background: #fff; width: 760px; padding: 20px; }
#footer:after {
		content: ".";
		display: block;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
		visibility: hidden;
		}
#footer img { width: 109px; float: left; margin-right: 15px; }
#footer p { float: left; font-size: 10px; line-height: 12px; }