﻿@charset "utf-8";

body{background:#000;} /* 全体の背景指定 */
#wrapper {background:url(../images/bg.jpg) center top no-repeat;width:100%;}
#wrapper #contents {width:1009px;padding:0px 0px 0px 20px;margin:0 auto;background:url(../images/bg_main.png) left top repeat-y;}

/* clearfix */
.clearfix:after{
	content: ".";  /* 新しい要素を作る */
 	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{min-height:1px;}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearboth{clear:both;width:100%;height:0px !important;font-size:0px !important;}
.alttext{text-indent:-9999px !important;}

/* main */
#wrapper #header{width:670px;height:948px;background:url(../images/key.jpg) 0px 0px no-repeat;position:relative;text-indent:-9999px;font-size:0px;}
#wrapper #header h1{background:url(../images/logo.png) no-repeat;width:179px;height:660px;position:absolute;top:25px;left:26px;}
#wrapper #header h2{background:url(../images/hoso.png) no-repeat;width:54px;height:948px;position:absolute;top:0px;right:11px;}

/* social */
#btn-sbm{text-align:center;padding:20px 16px 16px;background:url(../images/bg_social.png) center center no-repeat;width:618px;min-height:13px;margin:15px auto;}
#btn-sbm li{display:inline-block;margin-left:0px;margin-right:5px;padding:0px;line-height:normal;list-style:none;vertical-align:top;}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a{margin:0px;}
#btn-sbm .btnFaceBook{width:110px;}
#btn-sbm .btnHatenaBookmark{margin-right:10px;}
#btn-sbm .btnGoogleCalendar{margin-right:10px;}


/* contents */
#article h3{font-size:0px;text-indent:-9999px;margin-bottom:40px;width:670px;height:56px;}
#article .content{font-size:0px;text-indent:-9999px;padding-bottom:55px;width:610px;margin:0px auto;width:610px;}
#article .tit_story{background:url(../images/tit_story.png) no-repeat;}
#article .txt_story{background:url(../images/txt_story.png) center top no-repeat;height:353px;}
#article .tit_staff{background:url(../images/tit_staff.png) no-repeat;}
#article .txt_staff{background:url(../images/txt_staff.png) left top no-repeat;height:490px;}
#article .tit_cast{background:url(../images/tit_cast.png) no-repeat;}
#article .txt_cast{background:url(../images/txt_cast.png) left top no-repeat;height:490px;}

#article .bnr{font-size:0px;text-indent:-9999px;width:651px;height:132px;margin:0px auto 30px;}
#article .bnr2{width:651px;height:132px;margin:0px auto 30px;}
#article .bnr a{width:651px;height:132px;background:url(../images/bnr_official.png) no-repeat;display:block;}
#article .bnr a:hover{background:url(../images/bnr_official_on.png) no-repeat;filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
#article .copy{font-size:0px;text-indent:-9999px;background:url(../images/copy.png) no-repeat;width:670px;height:34px;margin:0px auto 20px;}

#article #nodarea{background:url(../images/nod/bg.jpg) no-repeat;width:670px;height:127px;padding:18px 0px 25px;font-size:0px;text-indent:-9999px;}
#article #nodarea .bnr_txt{background:url(../images/nod/txt.png) no-repeat;width:461px;height:41px;margin:0px auto;padding-bottom:4px;}
#article #nodarea a:hover{text-decoration:none;filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}


/*
#article #nodarea .bnr_nod,
#article #nodarea .bnr_hulu{width:288px;height:63px;float:left;}
#article #nodarea .bnr_nod{margin:0px 14px 0px 38px;}
#article #nodarea .bnr_nod a{width:288px;height:63px;display:block;background:url(../images/nod/bnr_nod.png) no-repeat;}
#article #nodarea .bnr_hulu a{width:288px;height:63px;display:block;background:url(../images/nod/bnr_hulu.png) no-repeat;}*/


#article #nodarea .bnr_hulu{width:288px;height:63px;margin:0px auto;text-align:center;}
#article #nodarea .bnr_nod{margin:0px 14px 0px 38px;}
#article #nodarea .bnr_nod a{width:288px;height:63px;display:block;background:url(../images/nod/bnr_nod.png) no-repeat;}
#article #nodarea .bnr_hulu a{width:288px;height:63px;display:block;background:url(../images/nod/bnr_hulu.png) no-repeat;}






/*以下変更しない要素*/
#wrapper a,
#wrapper .article{-webkit-transition:all 0.2s 0s ease;-moz-transition:all 0.2s 0s ease;transition:all 0.2s 0s ease;}
#wrapper a:hover {text-decoration:none;filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {/*filter: alpha(opacity=100);*/-moz-opacity:1;opacity:1;}
.innerlink-head{margin-top:10px;}
.innerlink-head a{font-size:11px;color:#000;}
.section{
	margin-bottom:20px;
	padding:20px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
}

#sectionA{background:#f9c;}
#sectionB{background:#cc6;}
#sectionC{background:#fc6;}
#sectionD{background:#6cc;margin-left:10px;}
#sectionC{
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
	-o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	-o-box-ordinal-group:1;
	-ms-box-ordinal-group:1;
	box-ordinal-group:1;	
}
#sectionD{
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
	-o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	-o-box-ordinal-group:2;
	-ms-box-ordinal-group:2;
	box-ordinal-group:2;	
}

/* #side */
#side{padding:10px 0px 0px;}
#side .box{
	/* border-radius */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}
#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#side div#banner_navimail { width: 100%; }
#side div#banner_navimail a {
	background: url(/basic2011/images/bnr_navimail.png) no-repeat 0px 0px;
	background-size:100% auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9999px;
	min-height: 105px;
	height: 105px;
}
#side .ntv-yokatta-widget{ margin-bottom:10px;}

/*NAVIめーる
-------------------------------------*/
#side div#banner_navimail { width: 100%; }
#side div#banner_navimail a {
	background: url(/basic2011/images/bnr_navimail.png) no-repeat 0px 0px;
	background-size:100% auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	min-height: 105px;
	_text-indent: -9999px;
	_height: 105px;
}


/* window size */
body #footer .copyright,
body #pc{
	width: 100%;
	min-width: 1029px;
}