@charset "utf-8";
/* CSS Document */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-webkit-text-size-adjust : 100%; /* iPhoneの自動拡大を防ぐ */
	font-size:12px;
	background:url(../img/common/bg/bg_contents.png) repeat;
	color:#424242;
	}

/* 共通の指定
--------------------------------------------------------*/

/* リンク */
a {
	color:#424242;
	text-decoration:underline;
	}
	a:hover {
		color:#819d1e;
		text-decoration:none;
		}

/* クリアー */
.clearfix,
#main .movielist .box,
#area-info {
	zoom:1;
	}
.clearfix:after,
#main .movielist .box:after,
#area-info:after {
	content: ""; display: block; clear: both;
	}


.inner { width:980px; margin:0 auto; padding:0 14px; }

/* 見出し */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
h1 { font-size:2em; }
h2 { font-size:1.5em; }


/* パンくずリスト
--------------------------------------------------------*/
#breadcrumb {
	position:absolute; top:-25px;
	}
#breadcrumb ul {}
#breadcrumb ul li {
	float:left;
	font-size:11px;
	font-weight: bold;
	}
	#breadcrumb ul li span {
		margin:0 5px;
		font-weight: normal;
		}
#breadcrumb ul li a {
	text-decoration:none;
	color:#666;
	font-size:11px;
	font-weight: normal;
	}
#breadcrumb ul li a:hover {
	color:#819d1e;
	font-weight: normal;
	}

/* wrapper	
--------------------------------------------------------*/
#wrapper {
}

/* 背景画像指定 */


/* header
--------------------------------------------------------*/
header {
	background:url(../img/common/header/bg_header.png) center repeat-x;
	height:85px;
	-webkit-box-shadow: 0px 0px 5px 0px #000;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #000;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #000;  /* CSS3草案 */
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc); /* IE用 */
	}
	header .inner { padding-top:4px; position:relative; }
	
header .logo {
	float:left;
	margin-top:24px;
	}
	
header .logo a img {
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
header .logo a:hover img {
	opacity:0.5;
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	zoom:1;
	}

/* sub-nav
--------------------------*/
ul.sub-nav {
	position:absolute; top:3px; right:14px;
	}
ul.sub-nav li {
	padding-left:18px;
	float:left;
	color:#a6a6a6;
	}
#snav_01 {
	background:url(../img/common/header/icon_header_subnav.png) left 3px no-repeat;
	}
	#snav_01 span { margin-left:4px; }
#snav_02 {
	background:url(../img/common/header/icon_header_subnav.png) left -12px no-repeat;
	margin-left:4px;
	}

ul.sub-nav li a { font-size:11px; color:#a6a6a6; text-decoration:none; }
ul.sub-nav li a:hover { text-decoration: underline; }

/* nav
--------------------------------------------------------*/
nav {
	float:right;
	margin-top:24px;
	padding-right:1px;
	background:url(../img/common/nav/line_nav.png) right top no-repeat;
}
nav ul {
}
nav ul li {
	float:left;
	}

nav ul li a {
	width:121px; height:57px; display:block; overflow:hidden;
	}
/*nav ul li a:hover img { display:none; }
nav ul li a:hover img {
	position:relative; bottom:57px;
	}
*/

/* naviの画像指定 */


/* #wrapper
--------------------------------------------------------*/
#wrapper {
	background:url(../img/common/bg/bg_contents.png) repeat;
	padding:35px 0px;
}

/* #contents
--------------------------------------------------------*/
#contents {
	position:relative;
}

#contents .box-base {
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 5px 0px #999;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #999;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #999;  /* CSS3草案 */
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc); /* IE用 */
}

/* ページの先頭へ
--------------------------------------------------------*/
#pagetop { position:fixed; bottom:160px; right:0; background-color:#FFF; }
#pagetop a { width:70px; height:70px; display:block;
	}
#pagetop a img {
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
#pagetop a:hover img {
	opacity:0.5;
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	zoom:1;
	}

/* footer
--------------------------------------------------------*/
footer {
	width:100%; height:30px;
	position:fixed; bottom:0;
	background:url(../img/common/bg/00.png) repeat;
}

footer p.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:12px; padding-top:10px;
	float:left;
	color:#FFF;
}

ul#sns {
	float:right;
	margin-right:7px; margin-top:5px;
	}
ul#sns li {
	list-style:none;
	float:left;
	margin-left:5px;
	}

.sflink a { color:#FFF; text-decoration:none; }
.sflink a:hover { color:#FFF; text-decoration:none; }

/*
wp-pagenavi
--------------------------------------------------------*/
.wp-pagenavi {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../img/common/line/dot_gray.gif) left top repeat-x;
	clear:both;
	}
.wp-pagenavi span,.wp-pagenavi a {
	float:left;
	margin-left:5px;
	}
.wp-pagenavi .pages {
	padding-top:2px;
	}
.wp-pagenavi .current,
.wp-pagenavi a {
	width:18px; height:16px; display:block;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width:40px;
	display:block;
	padding-top:0px;
	}
.wp-pagenavi a.first,
.wp-pagenavi .last {
	white-space: nowrap;
	}

.wp-pagenavi .current {
	background:url(../img/common/bg/bg_pagelink.png) no-repeat;
	color:#FFF;
	}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
	background:url(../img/common/bg/bg_pagelink.png) left 18px;
	color:#959595;
	}
	.wp-pagenavi a.page:hover,
	.wp-pagenavi a.nextpostslink:hover,
	.wp-pagenavi a.previouspostslink:hover {
		background:url(../img/common/bg/bg_pagelink.png) left top no-repeat;
		color:#FFF;
		}

/* インフォメーション用
--------------------------------------------------------*/
.page-template-information-php .line {
	background:url(../img/common/line/dot_gray.gif) left bottom repeat-x;
	padding-bottom:30px;
	margin-bottom:30px;
	}
table.postlist  {
	font-size:14px;
	background:#ededed;
	width:100%;
	}
table.postlist th,
table.postlist td {
	padding:8px 10px;
	border:1px solid #FFF;
	font-weight:bold;
	}
table.postlist th {
	width:84px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
	text-align:center;
	/*background-color:#959595;*/
	}
table.postlist td {
	padding:8px 15px;
	}
table.postlist td a {
	color:#1b425e;
	}

table.postlist tr:nth-child(even) {
    background:#f8f8f8;
}

/* エラー
--------------------------------------------------------*/
.error404 #txt-area {
	text-align:center;
	padding:70px;
	font-size:14px;
	}
.error404 #txt-area ul {
	width:416px; margin:0 auto;
	}
.error404 #txt-area ul li {
	float:left;
	margin:0 2px;
	}
.error404 #txt-area ul li a {
	width:134px; height:44px; display:block;
	background:url(../img/common/bg/1d.png);
	color:#FFF;
	padding-top:20px;
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
.error404 #txt-area ul li a:hover {
	opacity:0.5;
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	zoom:1;
	}


/* PC switcher
--------------------------------------------------------*/
.pc-switcher {
	position:relative; bottom:0px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	}
	.home .pc-switcher {
		position:relative; bottom:40px;
		}
.pc-switcher span.active,.pc-switcher a {
	}

.pc-switcher {
	clear: both;
	text-align: center;
	margin: 1.4em auto;
}
.pc-switcher a,
.pc-switcher span {
	padding: 0.4em 8%;
	text-align: center;
	border: 1px solid #5a6f10;
	border-left: none;
	font-weight: bold;
	text-decoration: none;
}

/* 色 */
.pc-switcher a {
	background-color:#dadada;
	/* background-color: #a2c138;
	background-image: -moz-linear-gradient(#a2c138, #91ae29);
	background-image: -o-linear-gradient(#a2c138, #91ae29);
	background-image: -ms-linear-gradient(#a2c138, #91ae29);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2c138), to(#91ae29));
	background-image: -webkit-linear-gradient(#a2c138, #91ae29);
	background-image: linear-gradient(#a2c138, #91ae29); */
	color:#8e9092;
}
.pc-switcher a:hover {
	/* background-color: #0059A8;
	background-image: -moz-linear-gradient(#0059A8, #004A8D);
	background-image: -o-linear-gradient(#0059A8, #004A8D);
	background-image: -ms-linear-gradient(#0059A8, #004A8D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0059A8), to(#004A8D));
	background-image: -webkit-linear-gradient(#0059A8, #004A8D);
	background-image: linear-gradient(#0059A8, #004A8D); */
}
.pc-switcher span.active {
	background-color: #a2c138;
	background-image: -moz-linear-gradient(#a2c138, #91ae29);
	background-image: -o-linear-gradient(#a2c138, #91ae29);
	background-image: -ms-linear-gradient(#a2c138, #91ae29);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2c138), to(#91ae29));
	background-image: -webkit-linear-gradient(#a2c138, #91ae29);
	background-image: linear-gradient(#a2c138, #91ae29);
	color:#FFF;
	text-shadow:1px 1px 1px #6c8417;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
	border-left: 1px solid #5a6f10;
	-webkit-border-radius: 2.4em 0 0 2.4em;
	-moz-border-radius: 2.4em 0 0 2.4em;
	border-radius: 2.4em 0 0 2.4em;
	-webkit-box-shadow: 0px 0px 5px 0px #999;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #999;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #999;  /* CSS3草案 */
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
	-webkit-border-radius: 0 2.4em 2.4em 0;
	-moz-border-radius: 0 2.4em 2.4em 0;
	border-radius: 0 2.4em 2.4em 0;
	-webkit-box-shadow: 0px 0px 5px 0px #999;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #999;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #999;  /* CSS3草案 */
}
