@charset "utf-8";
/* <LINK href="grid.css" rel="stylesheet" TYPE="text/css" charset="utf-8"> */
@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"), /* Postscript name */
	     local("Yu Gothic Medium"), /* for Chrome */
	     local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"), /* Postscript name */
	     local("Yu Gothic"); /* for Chrome */
}

#pagewrap * , #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
		box-sizing: border-box;
}

#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap p,#pagewrap ul,#pagewrap ol,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,#pagewrap table,#pagewrap tr,#pagewrap td,#pagewrap body {
	padding:0;
	margin:0;
	font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-feature-settings: 'pkna' 1;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#pagewrap {
	background:#ffdce6 url(../images/bg-base.png) top center repeat-y;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0.2em;
	line-height:160%;
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
	color:#2a2a2a;
}

#pagewrap A:active	{ color:#8f0f4f; cursor: hand;}
#pagewrap A:hover	{ color:#8f0f4f; text-decoration: none; cursor: hand;}
#pagewrap A		{ color:#e6739c; text-decoration: none;}

#pagewrap #body {
	background: url(../images/head.jpg) no-repeat top center;
	height:auto;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0.2em;
	line-height:160%;
	text-decoration: none;
	list-style: none;
	margin:0 auto;
	padding:0 15px;
	padding-top:580px;
	color:#2a2a2a;
}

#pagewrap #main	{ width:940px; margin:0 auto; }
#pagewrap #head	{  }
#pagewrap .mov	{ width:480px; height:270px; float:left; margin-bottom:0px; margin-top:45px; }
#pagewrap #oa	{ width:455px; float:right; text-align:center; }

#pagewrap .oa-button	{ width: 282px; height: 29px; background: url(../images/oa-button.png) no-repeat 0 0; margin-top:10px; }
#pagewrap .oa-button:hover	{ background-position: 0 bottom; }

#pagewrap .ondemand-area	{ }
#pagewrap .ondemand	{ background: url(../images/ondemand-bg.png) no-repeat 0 0; width:690px; height:70px; margin:0 auto; margin-top:10px; padding:15px 0; padding-left:346px; text-align:center; }
#pagewrap .ondemand img	{ margin:0 25px; }
#pagewrap .ondemand a img:hover	{ opacity: 0.5; }


#pagewrap .movie-info	{ border-top:1px solid #cccccc; padding-top:10px; margin-top:10px; border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:10px; text-align:center; }

#pagewrap #event-info 	{ border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:10px; }
#pagewrap #event-info img	{ width:940px; height:auto; }
#pagewrap #event-info a img:hover	{ opacity: 0.5; }

#pagewrap #intro	{ text-align:center; font-size:18px; }
#pagewrap #intro p	{ text-align:left; width:920px; margin:0 auto; font-size:16px; line-height:160%; }

#pagewrap #cast	{ margin-top:10px; border-top:1px solid #cccccc; }
#pagewrap #cast .cast-area	{ width:25%; padding:10px; float:left; text-align:center; }
#pagewrap #cast .cast-area h3	{ font-size:16px; text-align:center; font-weight:normal; padding:5px 0; margin-bottom:5px; }
#pagewrap #cast .cast-area h3.school-01	{ background:#e6739c; color:#ffffff; }
#pagewrap #cast .cast-area h3.school-02	{ background:#6a6aaf; color:#ffffff; }
#pagewrap #cast .cast-area h3.school-03	{ background:#938f96; color:#ffffff; }
#pagewrap #cast .cast-area h3.school-04	{ background:#eb6d85; color:#ffffff; }
#pagewrap #cast h3.school-05	{ background:#076657; color:#ffffff; font-size:16px; text-align:center; font-weight:normal; padding:5px 0; margin-bottom:5px; }

#pagewrap #staff	{ font-size:18px; text-align:center; margin-top:10px; border-top:1px solid #cccccc; padding-top:10px; }
#pagewrap #staff li	{ margin:15px; }

#pagewrap #onair	{ font-size:16px; text-align:center; padding:10px 0; padding-top:20px; width:940px; margin:0 auto; margin-top:10px; border-top:1px solid #cccccc; }
#pagewrap #onair table	{ width:800px; margin:0px auto; border-color:#640f36; text-align:center; border-collapse: collapse; margin-bottom:10px; }
#pagewrap #onair th	{ padding:10px; vertical-align: top; border: 1px solid #640f36; font-size:18px; background:#ec87a9; color:#ffffff; }
#pagewrap #onair td	{ padding:10px; margin:0px; font-size:16px; vertical-align: middle; border: 1px solid #640f36; }




#pagewrap #official	{ font-size:16px; text-align:center; padding:10px 0; padding-top:20px; width:940px; margin:0 auto; margin-top:10px; border-top:1px solid #cccccc; }
#pagewrap #copyright	{ text-align:center; padding:10px 0; width:940px; margin:0 auto; margin-top:10px; border-top:1px solid #cccccc; }

#pagewrap .oa-date	{ margin-top:60px; margin-left:5px; }
#pagewrap .oa-date2	{ margin-top:50px; }

#pagewrap .txt-l		{ text-align:left; }
#pagewrap .txt-r		{ text-align:right; }
#pagewrap .centering		{ text-align:center; }
#pagewrap .float-l		{ float:left; }
#pagewrap .float-r		{ float:right; }
#pagewrap .font-12		{ font-size:12px; }
#pagewrap .font-14		{ font-size:14px; }
#pagewrap .font-16		{ font-size:16px; }
#pagewrap .font-20		{ font-size:20px; }
#pagewrap .font-24		{ font-size:24px; font-weight:bold; }

#pagewrap .highlight		{ color:#4881b8; }
#pagewrap .highlight2		{ color:#eb3d7e; }
#pagewrap .padding-t-10		{ padding-top:10px; }
#pagewrap .padding-b-10		{ padding-bottom:10px; }
#pagewrap .margin-l-20		{ margin-left:20px; }
#pagewrap .margin-l-70		{ margin-left:70px; }

#pagewrap .cast2		{ text-align:center; border-top:1px dashed #cccccc; margin:10px 20px 0 20px;; padding-top:10px; }