@charset "shift_jis";

/* CSS Document */


/* [ ============================================================ ALL ============================================================ ] */

*{margin:0;padding:0;}

img {border:none;}

body { background:url(../images/bg.gif); margin:0;}


a { color: #124e80; }
a:hover { color: #124e80; text-decoration: none; }
a:hover img { -moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70);}

.iepngfix {behavior: expression(IEPNGFIX.fix(this));line-height:0;}

#PageTop { width:980px; margin:0 auto; text-align:right; padding:10px;}

.InnerPageTop { width:780px; text-align:right; padding:10px 0;}

.pankuzu { padding:10px; font-size:90%;}

#wrapper {width:1000px; background:#FFFFFF; margin:0px auto; font-size:90%; line-height:170%; color: #222222; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Helvetica;}


/* [ ============================================================ Layout ============================================================ ] */

.alt {text-indent:-9999px; display:none;}
.clear { clear:both;}
.oh { overflow:hidden;}
.right { float:right;}
.left { float:left;}
.btm10 { margin-bottom:10px;}
.btm11 { margin-bottom:10px;}
.btm20 { margin-bottom:20px;}
.top20 {margin-top:20px;}
.Text80 { font-size:80%;}

.icons { float:right; width:100px; text-align:right;}
.icons img { margin-left:5px;}

/* [ ============================================================ Header ============================================================ ] */


#header {background:url(../images/header_bg.jpg) no-repeat; width:1000px; height:120px; margin-bottom:1px; position:relative;}

#header h1 { position:absolute; top:25px; left:15px;}

#header .toAC { position:absolute; top:23px; left:379px;}

#header .toTH { position:absolute; top:23px; left:518px;}

#header .fs { width:186px; padding:5px 7px; background:url(../images/tnavi_fsize_t.png) no-repeat; overflow:hidden; top:15px; right:15px; position:absolute;}

#header .fs img { float:right; margin-left:7px;}

#header .blog { position:absolute; top:60px; left:305px;}

#NaviArea {width:1000px; height:40px; overflow:hidden; background:url(../images/navi_bg.png) repeat-x;}

#NaviArea li{ list-style-type:none; float:left; }

#NaviArea a:hover img { -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);}

/* [ ============================================================ Movie ============================================================ ] */

#MovieArea { background:url(../images/movie_bg.gif); width:980px; overflow:hidden; padding:10px 10px 0 10px;}

#MovieArea .movies { float:left; width:640px; height:350px; margin-bottom:10px;}


#MovieArea .movies .workstitles { height:30px; width:620px; font-size:13px; color:#fff; line-height:30px; padding-left:20px; background:#0a365b;}
#MovieArea .now { width:320px; float:right; overflow:hidden;}

#MovieArea .now .title { color:#fff; margin-bottom:10px; padding-bottom:4px; width:320px; border-bottom:1px dotted #999;}

#MovieArea .now .nowbox { overflow:hidden; margin-bottom:7px;}

#MovieArea .now .nowbox .ntxt { width:240px; float:left; color:#fff; font-size:80%; line-height:160%;}

#MovieArea .now .nowbox .ntitle {margin-bottom:5px; padding-left:5px; border-left:4px solid #2e6a9c; font-weight:bold; color:#fff; width:230px; float:left;}

#MovieArea .now .nowbox .nimage {float:right; width:63px; margin-bottom:10px;}

/* [ ============================================================ Main Area ============================================================ ] */

#MainArea { background:#FFFFFF; width:980px; padding:10px; overflow:hidden;}

#aside {width:240px; float:left;}

#aside .access {margin-bottom:15px;}

#aside .access .title { font-weight:bold; font-size:100%; width:240px; padding-top:4px; border-top:#2e6a9c 6px solid; margin-bottom:10px; overflow:hidden;}

#aside .bnrarea { background:url(../images/bnr_bg.gif); padding:10px; width:220px; text-align:center; margin-bottom:10px; }

#aside .bnrarea li {list-style:none; text-align:center; width:220px; margin-bottom:10px;}
#aside .bnrarea li:last-child {list-style:none; text-align:center; width:220px; margin:0;}

#TopicsArea {width:490px; float:left; margin-right:15px; margin-bottom:10px;}

#TopicsArea .title { font-weight:bold; font-size:100%; width:490px; padding-top:4px; border-top:#2e6a9c 6px solid; margin-bottom:10px; overflow:hidden;}

#TopicsArea li {list-style:none; width:490px; padding-bottom:7px; margin-bottom:7px; border-bottom:1px dotted #999999;}
#TopicsArea li:last-child {list-style:none; width:490px; padding:0; margin:0; border:none;}

#TopicsArea li .inner { width:470px; padding:10px; background:#f3f3f3; }

#TopicsArea li .inner p {margin-bottom:5px;}

#TopicsArea li .inner .topicsdate {color:#2e6a9c; font-weight:bold;}

#TopicsArea li .inner .topicstitle {font-weight:bold;}

#twitter { width:220px; margin-bottom:10px; float:left;margin-right:15px;}


/* [ ============================================================ Contents ============================================================ ] */

#ContArea { width:980px; padding:0 10px 10px 10px; overflow:hidden;}

#ContArea #aside { float:left; width:185px;}

#ContArea #aside h2 {margin-bottom:15px;}

#ContArea #aside .archive li{ background:#eee; list-style:none; margin-bottom:10px; padding:5px 5px 5px 10px; width:166px; border-left:4px solid #2e6a9c;}

#ContArea #aside .IconAbout { width:173px; padding:5px; border:1px dotted #ccc; }

#ContArea #aside .IconAbout table { width:100%; border:0;}

#ContArea #aside .IconAbout td { text-align:left; vertical-align:left; padding:4px 2px; font-size:13px;}


#ContArea #Content { width:780px; float:right; overflow:hidden;}

#ContArea #Content .Works h3,
#ContArea #Content .About h3 { width:771px; margin-bottom:15px; padding:4px 0 4px 5px; border-left:4px solid #2e6a9c; border-bottom:1px solid #2e6a9c; font-weight:bold; clear:both; font-size:110%;}

#ContArea #Content .Works li { float:left; list-style:none; width:236px; padding:4px; margin-right:16px; background:#eee; margin-bottom:16px;}

#ContArea #Content .Works li .title { width:224px; background:#fff; text-align:left; height:50px; overflow:inherit; padding:4px; border-left:4px solid #2e6a9c; margin-bottom:4px;}

#ContArea #Content .Works li .date { width:228px; background:#ddd; text-align:left; padding:4px; overflow:hidden;}

#ContArea #Content .Works li .date .inner { width:100px; float:left;}

#ContArea #Content .Works li .jacket { width:228px; text-align:center; padding:4px;}

#ContArea #Content .Detail { width:780px; float:right; overflow:hidden; margin-bottom:15px;}

#ContArea #Content .Detail h3 { background:#ddd; font-weight:bold; font-size:110%; padding:5px 5px 5px 10px; width:761px; margin-bottom:15px; border-left:4px solid #2e6a9c;}

#ContArea #Content .Detail .sub { font-weight:bold; margin-bottom:7px;}

#ContArea #Content .Detail .txt { float:left; margin-bottom:20px; width:600px;}

#ContArea #Content #photos { float:right; text-align:center; margin-bottom:20px; font-size:90%;}

#ContArea #Content .Detail table {border-left:solid 1px #cccccc; border-top:solid 1px #cccccc; clear:both; width:100%;}

#ContArea #Content .Detail td { border-right:solid 1px #cccccc;  border-bottom:solid 1px #cccccc; padding:3px; vertical-align:top; text-align:left;}

#ContArea #Content .Detail .tdtitle { background:#eee; width:78px;}

#ContArea #Content .Detail .workstime table {  border-left:solid 1px #cccccc; border-top:solid 1px #cccccc; margin-bottom:5px;}

#ContArea #Content .Detail .workstime td { border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:3px;}

#ContArea #Content .About h4 { background:#ddd; font-weight:bold; font-size:100%; padding:5px 5px 5px 10px; width:761px; margin-bottom:15px; border-left:4px solid #2e6a9c;}

#ContArea #Content .About table {border-left:solid 1px #cccccc; border-top:solid 1px #cccccc; clear:both; width:100%; margin-bottom:15px;}

#ContArea #Content .About td { border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:3px; vertical-align:top; text-align:left;}

#ContArea #Content .About th { border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:3px; vertical-align:top; text-align:left;background:#eee; width:78px;}

#ContArea #Content .About .accesstxt { float:left; width:400px;}

#ContArea #Content .About .accesstxt p {margin-bottom:10px;}

/* [ ============================================================ Footer ============================================================ ] */

#footer { width:990px; padding:5px; background:#124e80; font-size:90%; clear:both; text-align:center; color:#fff;}

/* --------------------------------
	Archives Works
-------------------------------- */
#years01{
	clear:both;
	padding-bottom:10px;
	width:185px;
	float:left;
}

#theaternext {
	clear:both;
	margin-bottom:15px;
}

#theater_spe {
	background-color:#efebe5;
	width:616px;
	padding:7px;
	margin-bottom:10px;
	border:dotted 1px #999999;
	float:left;
}

#theater_spe_txt {
	width:450px;
	float:left;
}

#theater_icon {
	margin-left:6px;
}


#theater_iconarea {
	float:right;
	width:68px;
}

#archive_10ken {
	float:left;
	width:100%;
	clear:both;
	margin:10px 0px;
}
#pager {
	clear:both;
	width:100%;
	text-align:center;
}

/* --------------------------------
	Ticket
-------------------------------- */

#ticket {
	margin-bottom:10px;
}

#ticket table {
	clear:both;
	border-left:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	margin-bottom:15px;
}

#ticket td {
	border-right:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
	padding:3px 3px 3px 8px;
}

#ticket h1 {
	margin-top:10px;
	font-size:13px;
	color:#eb6100;
	line-height:20px;
	font-weight:800;
}

#ticket h2 {
	margin-top:3px;
	font-size:12px;
	color:#333333;
	line-height:19px;
	font-weight:normal;
}

#ticket #underarea {
	margin-top:15px;
	background-color:#eeeeee;
	width:610px;
	padding:10px;
}



/* [ =============== ClearFix =============== ] */

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* [ =============== gnav 180628 =============== ] */
.gnav a {
	display: block;
	height: 40px;
	line-height: 40px;
	background: #476a99;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.gnav a:hover {
	background: #23395a;
}
.gnav ul {
	overflow: hidden;
}
.gnav ul li {
	float: left;
	width: 14.2857%;
	box-sizing: border-box;
	border-right:1px solid  #658ac1; 
}
.gnav ul li:nth-child(1) {
	width: 10%;
}
.gnav ul li:nth-child(2) {
	width: 18.5714%;
}