@charset "utf-8";

body{
	background:#fff url(../img/bg.png) repeat-x;
	
}
a{
	text-decoration:none;
}
a:link,a:visited{
	color:#369;
}
a:hover,a:active{
	color:red;
}

#pagebody{
	background:#fff;
	margin:10px auto;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	padding:0;
}
#header{
}
#header_main h1{
	margin-left:15px;
}
#header_main h1 small{
	font-size:16px;
	padding-left:15px;
}
#header_info{
	padding-top:10px;
}
#header_img{
	clear:both;
	height:200px;
	background:url(../img/top.gif) no-repeat left top;
	position:relative;
}
#header_img iframe{
	position:absolute;
	right:0;
	top:10px;
	
}
#contents{
	background:#fff;
	overflow:hidden;
}

#main{
	clear:both;
	padding-top:10px;
}
h2{
	font-size:100%;
	color:#333;
	padding-left:10px;
	margin:7px 7px 0 0;
-moz-border-radius: 9px 9px 0 0;
-webkit-border-radius: 9px 9px 0 0;
border-radius: 9px 9px 0 0;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
background:url(../img/h2_bg.png) no-repeat left bottom;
	line-height:30px;
}


#footer{
	clear:both;
	border-top:2px solid #ccc;
}
#copyright{
	text-align:center;
}
address{
	font-size:85%;
	text-align:center;
	margin:1em 10px auto;
	clear:both;
}
.catch{
	font-size:85%;
	padding-left:15px;
	line-height:17px;
	color:#663;
	margin:3px 0 0;
}
#sub_nav {
	margin-top:1em;
   position:relative;
   overflow:hidden;
}
#sub_nav ul{
   position:relative;
   left:50%;
   float:left;
}
#sub_nav li{
   position:relative;
   left:-50%;
   float:left;
	font-size:85%;
	margin-right:1.5em;
	}

.inner{
	line-height:160%;
	padding:10px;
	margin-right:7px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}

.facebookOuter {
    /* data-border-colorと同じ色にする */
    width: 100%;
    height: 350px;
}
.facebookInner {
    margin: 10px 0;
    height: 330px;
    overflow: hidden;
}
.fb-like-box,.fb-like-box span, .fb-like-box iframe {
    width: 100% !important;
}
/*グローバルナビゲーション　*/

.navbar li{
	float:left;
}
.navbar li a{
	display:block;
	height:40px;
	line-height:40px;
	width:150px;
	text-align:center;
}

#gnav{
	clear:both;
	min-height:40px;
  background-color: #fafafa;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
	background-image: linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -o-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -moz-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -webkit-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -ms-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(207,231,252)),
	color-stop(0.53, rgb(255,255,255))
);
}
.navbar-inner li:hover{
background-image: linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,199,87)),
	color-stop(1, rgb(250,250,205))
);
}

/* ===========================================================
 mainpage
=========================================================== */

.mainpage #menu img{
	margin-right:6px;
}

#info{
	margin-bottom:20px;
	margin-right:3px;
}
#info dl{
	line-height:25px;
}
#info dt{
	clear:both;
	width:6em;
	float:left;
}
#info dd{
	margin-left:6em;
}
#info span{
	margin-right:5px;
}
#info span img{
	vertical-align:middle;
}

#bn{
	margin-top:2em;
	margin-bottom:2em;
}

/* ===========================================================
 subpage
=========================================================== */
.subpage h2{
	font-size:100%;
	color:#333;
	padding-left:10px;
	margin:7px 0 0 10px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
background:url(../img/h2_bg.png) no-repeat left bottom;
}
.subpage h3{
	font-size:100%;
	border-left:solid 10px #69c;
	border-bottom:solid 1px #69c;
	padding-left:7px;
	line-height:1.8em;
	margin-bottom:1em;
	clear:both;
}
.subpage .inner{
	border:none;
	margin:8px 0 30px 20px;
}
.subpage #menu {
	padding-left:15px;
	padding-top:15px;
}

.subpage #menu li{
	margin-bottom:10px;
	background:#fff;
}
.subpage #menu li a{
	display:block;
	border:1px solid #ccc;
	height:60px;
}
.subpage #menu li a:hover{
	border:1px orange solid;
	background:url(../img/nanakyon.png) no-repeat right bottom;
}

.photo{
	text-align:center;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 0px;
	font-size: 77%;
}
#page-top a {
	background:url(../img/pagetop.png) no-repeat;
	text-indent:-9999px;
	color: #fff;
	width:120px;
	height:30px;
	display: block;
}

/* ===========================================================
 放映スケジュール
=========================================================== */

.thumbnail{
	clear:both;
}
.thumbnail dt{
	float:left;
	width:200px;
	padding:10px;
}
.thumbnail dd{
	padding-top:1em;
	margin-left:220px;
}

/* ===========================================================
 お知らせ・更新情報
=========================================================== */

.news{
	padding:20px;
	line-height:180%;
}
.pagenavi{
	text-align:center;
}
.img_sticker{
	margin-right:5px;
}
.img_sticker img{
	vertical-align:middle;
}
.newsnavi{
	margin-top:20px;
	text-align:center;
}
.newsdate{
	text-align:right;
}
.newstitle{
	font-size:120%;
	padding-bottom:5px;
	border-bottom:#99CCCC solid 2px;
}
.newscontents{
	padding-top:20px;
	line-height:160%;
}

/* ===========================================================
 サイトマップ
=========================================================== */

.sitemap ul{
	list-style:inside;
	list-style-type:circle;
	line-height:200%;
	border-top:1px dotted #ccc;
	margin-bottom:2em;
	margin-left:1em;
}
.sitemap li{
	border-bottom:1px dotted #ccc;
}

/* ===========================================================
 広告料金
=========================================================== */
.left{
	float:left;
}
.right{
	float:right;
}
.movie{
	margin-top:1em;
}
.movie .left{
	width:320px;
	padding-right:10px;
}
.movie .right{
	padding-right:20px;
}
.movie2{
	clear:both;
}
.movie2 h4{
	padding:15px 5px 5px;
}
.movie2 .left{
	padding-right:20px;
	padding-bottom:20px;
}


.fee_detail{
}
.fee_detail dt{
	float:left;
	width:8em;
	padding:0.3em;
	clear:both;
	background:#e0ffff;
	border-bottom:1px dotted #ccc;
}
.fee_detail dd{
	margin-left:8.6em;
	padding:0.3em;
	text-align:right;
		border-bottom:1px dotted #ccc;

}
.category{
	margin:1em;
	line-height:160%;
}
.category a{
	margin:auto 1em;
}

/* ===========================================================
 よくあるご質問
=========================================================== */

.faqlist{
}
.faqlist dt{
	background:url(../img/faq1.png) no-repeat;
	padding-left:30px;
	border-bottom:2px solid #CCC;
}
.faqlist dd{
	margin:1em 3em 2em;
	background:url(../img/faq2.png) no-repeat;
	padding-left:30px;
}

/* ===========================================================
 お客様の声
=========================================================== */
.voice{
	border:1px dashed #99CC99;
	padding:1em;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
margin-bottom:1.5em;
	
}
.shomei{
	text-align:right;
	font-size:85%;
}

/* ===========================================================
 スタッフ日記
=========================================================== */
.blog{
	border:1px dashed #99CC99;
	padding:1em;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
margin-bottom:1.5em;
}

.blogtitle{
	font-size:110%;
	line-height:2em;
	border-bottom:2px solid #9c9;
}
.blogdate{
	text-align:right;
	margin-bottom:0.8em;
}

/* ===========================================================
 お問合せフォーム
=========================================================== */
.inquiry table{
	margin-left:30px;
}
.inquiry td{
	padding:5px;
}

/* ===========================================================
 設置個所マップ
=========================================================== */
#map_meisai ul{
	clear:both;
}
#map_meisai ul li{
	float:left;
	width:250px;
}

/* ===========================================================
 ギャラリー
=========================================================== */
.moviethumbnail li{
	width:150px;
	padding:6px;
	border:1px solid #ccc;
	margin:5px;
	float:left;
}
.moviethumbnail .new{
	color:red;
	padding-left:5px;
	font-size:80%;
}


/* ===========================================================
 メディアクエリ
=========================================================== */

@media screen and (min-width: 971px){
#pagebody{
	width:960px;
}


#main{
	width:640px;
	float:left;
}
#sub{
	float:left;
	width:320px;
}
#header_main{
	width:640px;
	float:left;
}
#header_sub{
	width:320px;
	float:right;
}
.moviethumbnail{
	margin-left:30px;
}
}
@media screen and (min-width: 661px) and (max-width: 970px) {
#pagebody{
	width:660px;
}


#main{
	width:400px;
	float:left;
}
#sub{
	width:260px;
	float:left;
}
#header_main{
	width:340px;
	float:left;
}
#header_sub{
	width:300px;
	float:right;
}
.box1{
	width:100%;
	float:none;
}
.navbar li a{
	font-size:80%;
	width:109px;
}
.mainpage #menu img{
	margin-right:15px;
	margin-bottom:15px;
}
.mainpage #menu{
	text-align:center;
}

}

@media screen and (max-width: 660px){
#pagebody{
	width:320px;
}
#gnav{
	background:none;
	border:none;
}
.navbar li a{
	display:block;
	height:40px;
	line-height:40px;
	width:158px;
	text-align:center;
  background-color: #fafafa;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(207,231,252)),
	color-stop(0.53, rgb(255,255,255))
);
}
.navbar-inner li a:link,.navbar-inner li a:visited{
	background-image: linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -o-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -moz-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -webkit-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
background-image: -ms-linear-gradient(bottom, rgb(207,231,252) 6%, rgb(255,255,255) 53%);
}
.navbar-inner li a:hover,.navbar-inner li a:active{
background-image: linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,199,87) 0%, rgb(250,250,205) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,199,87)),
	color-stop(1, rgb(250,250,205))
);
}
#contents{
	width:320px;
}
#main{
	float:none;
	width:320px;	
}
#sub{
	float:none;
	width:320px;
}
.thumbnail dt{
	float:none;
}
.thumbnail dd{
	padding-top:0;
	margin-left:0;
}
.moviethumbnail{
	margin-left:30px;
}
.subpage .inner{
	margin:8px 0 30px 0px;
}
}