@charset "utf-8";

@media print  { body { display: none; }}

/* ------------------------------
 basic
------------------------------ */

body {
	background-color: #FFFF00;

	color: #222222;

	padding : 0px;
	margin : 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    *font-size:medium;
    *font:medium;
	}
	
a:link {
	color: #385BFF;
}
a:visited {
	color: #922323
}
a:hover {
	color: #922323
}
a:active {
	color: #922323
}

/* ------------------------------
 iss container
------------------------------ */

.iss_ctnr {
	width : 720px;
	background-image: url(../image/shindan_back.jpg);
	background-repeat: no-repeat;
}

.sh_ques {
	font-weight:bold;	
}

.aftertext {
	font-weight:bold;	
}

.share_back {
	width: 566px;
	height: 110px;
	margin-left : 70px;
	margin-top : 30px;
	background-image: url(../image/share_back.png);
}

.iss_share_btn {
	padding-left : 110px;
	padding-top : 47px;
}

.header_iss {
	margin-left:200px;
}

.sh_qArea {
	margin-left:200px;
	}

/* ------------------------------
 container
------------------------------ */

#container {
	width : 970px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/main_back.png);
	background-repeat: repeat-y;
	}

#clm_left {
	width : 720px;
	margin: 0px;
	padding-left: 5px;
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	}

#clm_right {
	width : 240px;
	height: 1180px;
	margin: 0px;
	padding-right: 5px;
	background-image: url(../image/navi_back.jpg);
	background-repeat: no-repeat;
	float: right;
	}

#containerend {
	width: 970px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	clear : both;
	background-image: url(../../image_top_pre/main_bottom.png);
	}

/* ------------------------------
 containts main
------------------------------ */

.mv01 {
	margin : 0px;
	padding: 0px;
	width : 720px;
	height : 722px;
	background-image: url(../image/top_mv1.jpg);
	background-repeat: no-repeat;
}

.mv02 {
	margin : 0px;
	padding-top: 0px;
	width : 720px;
	height : 290px;
	background-image: url(../image/top_mv2.jpg);
	background-repeat: no-repeat;
}

.mv03 {
	margin : 0px;
	padding-top: 0px;
	width : 720px;
	height : 80px;
	;
	background-image: url(../image/top_mv3.jpg);
	background-repeat: no-repeat;
}

.lead01 {
	position: absolute;
	margin-left : 30px;
	margin-top : 438px;
}

.leaddvd {
	position: absolute;
	margin-left : 30px;
	margin-top : 540px;
}

.lead02 {
	position: absolute;
	margin-left : 25px;
	margin-top : 655px;
}

.lead03 {
	position: absolute;
	margin : 0px;
}


.ctitle {
	width : 720px;
	height : 200px;
	background-image: url(../image/ctitle_back.png);
	background-repeat: no-repeat;
}

.pagetitle {
	margin : 60px 0px 0px 60px;
}

.midokoro_lead {
	margin-left: 80px;
	margin-top : 30px;
	margin-bottom: 15px;
}

.movieboxes {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	width : 600px;
}

.soukanzu {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 15px;
	width : 680px;
	height : 730px;
}


.textboxes_first {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 15px;
	width : 600px;
}

.textboxes {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	width : 600px;
}

.textboxes_hairline {
	border-bottom:1px solid #444444;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-bottom : 25px;
	margin-top : 30px;
	width : 600px;
}

.textboxes_hairline_t {
	border-bottom:1px solid #444444;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top : 30px;
	margin-top : 30px;
	width : 600px;
}

.textboxes_sp {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 40px;
	margin-bottom : 25px;
	background-color: #FFFFFF;
	width : 550px;
	padding-bottom: 25px;;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
}

.bangumiphoto {
	background-color: #FAFAFA;
	border: 1px solid #AAAAAA;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.textboxes_casts {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	height: 230px;
	width : 600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.photo_cast_saver { height:110px; width:100px; background-image:url(../photo/cast08.jpg); background-repeat:no-repeat; float : left; margin: 0px 15px 0px 0px; }


.textboxes_casts_narrow {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	height: 150px;
	width : 600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.castphoto {
	margin-bottom: 10px;
}

.castphoto_float {
	float : left;
	padding: 0px 15px 10px 0px;
	clear: both;
}

.textbox_imagesaver {
	background-image: url(../photo/photo_02.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height:350px;
	margin-bottom:10px;
}

.textboxes_movie {
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	width : 640px;
}

.textboxes_movie2 {
	margin-left: auto;
	margin-right: auto;
	margin-top : 15px;
	width : 640px;
}

.textbox_last {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	padding-bottom: 30px;
	width : 600px;
}

.gototop {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 560px;
}


.topbanner {
	clear: both;
	width: 600px;
	margin-left: 30px;
	margin-bottom: 0px;
	height: 65px;
}

.kobetsubanner {
	clear: both;
	width: 600px;
	margin-left: 60px;
	margin-bottom: 0px;
	height: 56px;
	margin-top: 10px;
}

.sbm_top {
	clear: both;
	width: 660px;
	margin-left: 30px;
	margin-bottom: 0px;
	height: 45px;
}

.sbm_kobetsu {
	width: 340px;
	height: 55px;
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 0px;
}

/* ------------------------------
 movie
------------------------------ */

.storymovie {
	width : 640px;
	height: 338px;
	margin-left : auto;
	margin-right : auto;
	clear : both;
	padding-bottom: 45px;
	padding-top: 45px;
}

.storymovie1 {
	width : 495px;
	height: 300px;
	text-align: left;
	float : left;
}

.storymovie2 {
	width : 100px;
	height: 300px;
	text-align: left;
	float : right;
	}

.movie_center {
	z-index: 0;
	width : 640px;
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
}

.movie_center_text {
	z-index: 0;
	width : 640px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
}

.storycolor {
	color:#666666;
}

/* ------------------------------
 bbs
------------------------------ */

.bbsboxes {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
	margin-bottom : 45px;
	width : 600px;
	color: #111111;
	font-size: 100%;
	line-height: 170%;
}

.bbs-current-page {
	color:#111111;
}

	
/* ------------------------------
 header
------------------------------ */

header {
	margin : 0px;
	padding: 0px;
	width : 240px;
	height : 180px;
}

header img {
	margin : 0px;
}

header h1 {
	width : 240px;
	height: 164px;
	margin : 0px;
}

header h2 {
	width : 240px;
	height: 103px;
	margin : 0px;
}

/* ------------------------------
 navigation
------------------------------ */

nav {
	margin : 0px;
	padding: 0px;
	width : 240px;
}

.ienavi li {
	marginp: 0px;
}

.nv01 {
	height: 70px;
	margin: 0px;
}

.nv02 {
	height: 70px;
	margin-top: px;
}

.nv03 {
	height: 70px;
	margin: 0px;
}

.nv04 {
	height: 70px;
	margin: 0px;
}

.nv05 {
	height: 70px;
	margin: 0px;
}

.nv06 {
	height: 70px;
	margin: 0px;
}

.nv07 {
	height: 70px;
	margin: 0px;
}

.nv08 {
	height: 70px;
	margin: 0px;
}

.banner {
	margin :20px;	
}

.spbanner {
	margin-top : 20px;
}

/* ------------------------------
 whatsnew
------------------------------ */

.whatsnew {
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 40px;
	margin-bottom: 7px;
	padding-top: 0px;
	width : 300px;
	height : 240px;
	/* 	background-image: url(../../cmn/image/whatsnew_back.png); */
/* 	background-repeat: no-repeat; */
	float: left;
}

.whatsnew ul {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.whatsnew li {
		font-size:85%; line-height: 185%;
		text-shadow: 1px 1px 3px #FFFFFF;  
		list-style:inside;
		margin:0px;
}

.bbsboxes_wtn {
	width : 320px;
	height : 200px;
	float: left;
	margin-top: 30px;
}

.bbsboxes_wtn img {
	padding-top : 5px;
}

.bbsboxes_top {
	width : 320px;
	height : 160px;
	padding: 0px;
	color: #111111;
	font-size: 85%;
	line-height: 165%;
	overflow-y: scroll;
	margin-top: 5px;
}

.bbsboxes_wtn img {
	margin: 15px 0px 0px 0px;	
}

/* ------------------------------
 font sizes by percent
------------------------------ */

.text077 { font-size:77%; line-height: 170%; }
.text085 { font-size:85%; line-height: 170%; }
.text093 { font-size:93%; line-height: 170%; }

.text100 {
	font-size:100%;
	line-height: 170%;
	margin-bottom: 3px;
}

.text100glay {
	color:#666666;
	font-size:100%;
	line-height: 170%;
	margin-bottom: 3px;
}

.text108 { font-size:108%; line-height: 170%; }
.text116 { font-size:116%; line-height: 170%; }
.text123 { font-size:123.1%; line-height: 170%; }
.text131 { font-size:131%; line-height: 170%; }
.text138 { font-size:138.5%; line-height: 170%; }
.text146 { font-size:146.5%; line-height: 170%; }
.text153 { font-size:153.9%; line-height: 170%; }
.text161 { font-size:161.6%; line-height: 170%; }
.text167 { font-size:167%; line-height: 170%; }
.text174 { font-size:174%; line-height: 170%; }
.text182 { font-size:182%; line-height: 170%; }
.text189 { font-size:189%; line-height: 170%; }
.text197 { font-size:197%; line-height: 170%; }

.text077b { font-size:77%; line-height: 170%; font-weight: bold; }
.text085b { font-size:85%; line-height: 170%; font-weight: bold; }
.text093b { font-size:93%; line-height: 170%; font-weight: bold; }

.text100b {
	font-size:100%;
	line-height: 170%;
	font-weight: bold;
}

.text108b { font-size:108%; line-height: 170%; font-weight: bold; }
.text116b { font-size:116%; line-height: 170%; font-weight: bold; }
.text123b { font-size:123.1%; line-height: 170%; font-weight: bold; }
.text131b { font-size:131%; line-height: 170%; font-weight: bold; }
.text138b { font-size:138.5%; line-height: 170%; font-weight: bold; }
.text146b { font-size:146.5%; line-height: 170%; font-weight: bold; }
.text153b { font-size:153.9%; line-height: 170%; font-weight: bold; }
.text161b { font-size:161.6%; line-height: 170%; font-weight: bold; }
.text167b { font-size:167%; line-height: 170%; font-weight: bold; }
.text174b { font-size:174%; line-height: 170%; font-weight: bold; }
.text182b { font-size:182%; line-height: 170%; font-weight: bold; }
.text189b { font-size:189%; line-height: 170%; font-weight: bold; }
.text197b { font-size:197%; line-height: 170%; font-weight: bold; }

/* ------------------------------
 float settings
------------------------------ */

.flo_left {
	float : left;
	padding-right: 16px;
	padding-left: 8px;
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
}

.flo_right {
	float : right;
	padding: 8px 4px 6px 12px;
	clear: both;
}

.clearfix { width:100%; }
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
 }

/* ------------------------------
 nhk_footer
------------------------------ */

footer {
	color: #121212;
	text-shadow: 0px 0px 4px #FFFFFF;
	}
	
.footercontents a:link {
	color: #3333FF;
}
.footercontents a:visited {
	color: #FF3333;
}
.footercontents a:hover {
	color: #FF3333;
}
.footercontents a:active {
	color: #FF3333;
}

.nhk_footer {
	width : 960px;
	height: 54px;
	margin-left : auto;
	margin-right : auto;
	clear : both;
}

.nhk_footer ul {
	padding:0px;
	margin:0px;
	width : 960px;
	height: 54px;
	list-style-type: none;
}

.nhk_footer li {
	padding:0px;
	margin:0px;
	width : 236px;
	height: 54px;
	text-align: left;
	float : left;
}

.nhk_footer_text {
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	text-align: left;
	clear : both;
	padding-top: 10px;
	padding-bottom: 30px;
}

.program_footer_text {
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	text-align: left;
	clear : both;
	padding-top: 15px;
	padding-bottom: 10px;
}