<?php
/*
Template Name: COMMON.CSS
*/

 ?>

html,body { height:100%; }

*{
	margin:0;
	padding:0;
}

/* header */

body {
	background-color: #F4F5EE;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;

}

p{
	margin: 0px;
}

.s10{
	font-size: 10px;
	line-height: 1.2em;
}

.b14{
	font-size: 14px;
	font-weight: bold;
}

/* header */

#wrapper {
/*	background:transparent url(/img/common/bg_dot.jpg) repeat-x scroll 0 0;	*/
/*	width:940px;	*/
	margin: auto;
	min-height:100%;
	position: relative;

}
/*
#header,
#contents{
border-right: solid 1px #ddd7cd;
border-left: solid 1px #ddd7cd;
}
*/

#header {
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width:840px;
}

#header .inner{
	float:left;
	padding-top: 10px;
	text-align:left;
	width:235px;
}


#header .sp_bunner {
	float:right;
	text-align:right;
/*
	width:415px;	*/
}

.c-both {
	clear:both;
}

/* G_Navi */

/* NAVI_BTN */
/* 共通設定 */
#nav_area{
	float:right;
/*
	width: 840px;	*/
	height:38px;
	margin:0;
	padding:0;
/*
	background: url(/img/nav/bg.jpg) center center no-repeat;
*/
	z-index: 1;
}

#btn{
	padding:0;
}

.nav{
	margin: 1px 0 0;
	float: left;
}

.nav a{
	display: block;
	height: 36px;
	text-decoration: none;

}

/* 外枠 */
.btn_01, .btn_01 a{width: 59px;}
.btn_02, .btn_02 a{width: 79px;}
.btn_03, .btn_03 a{width: 100px;}
.btn_04, .btn_04 a{width: 78px;}
.btn_05, .btn_05 a{width: 126px;}
.btn_06, .btn_06 a{width: 68px;}
.btn_07, .btn_07 a{width: 91px;}
.btn_08, .btn_08 a{width: 57px;}
.btn_09, .btn_09 a{width: 57px;}
.btn_10, .btn_10 a{width: 57px;}
.btn_11, .btn_11 a{width: 68px;}



/* off時 */
.btn_01 a:link, .btn_01 a:active, .btn_01 a:visited{
	background: url(/img/nav/btn_01.gif) 0 0 no-repeat;
}
.btn_02 a:link, .btn_02 a:active, .btn_02 a:visited{
	background: url(/img/nav/btn_02.gif) 0 0 no-repeat;
}
.btn_03 a:link, .btn_03 a:active, .btn_03 a:visited{
	background: url(/img/nav/btn_03.gif) 0 0 no-repeat;
}
.btn_04 a:link, .btn_04 a:active, .btn_04 a:visited{
	background: url(/img/nav/btn_04.gif) 0 0 no-repeat;
}
.btn_05 a:link, .btn_05 a:active, .btn_05 a:visited{
	background: url(/img/nav/btn_05.gif) 0 0 no-repeat;
}
.btn_06 a:link, .btn_06 a:active, .btn_06 a:visited{
	background: url(/img/nav/btn_06.gif) 0 0 no-repeat;
}
.btn_07 a:link, .btn_07 a:active, .btn_07 a:visited{
	background: url(/img/nav/btn_07.gif) 0 0 no-repeat;
}
.btn_08 a:link, .btn_08 a:active, .btn_08 a:visited{
	background: url(/img/nav/btn_08.gif) 0 0 no-repeat;
}
.btn_09 a:link, .btn_09 a:active, .btn_09 a:visited{
	background: url(/img/nav/btn_09.gif) 0 0 no-repeat;
}
.btn_10 a:link, .btn_10 a:active, .btn_10 a:visited{
	background: url(/img/nav/btn_10.gif) 0 0 no-repeat;
}
.btn_11 a:link, .btn_11 a:active, .btn_11 a:visited{
	background: url(/img/nav/btn_11.gif) 0 0 no-repeat;
}

/* on時 */
.btn_01 a:hover{
	background: url(/img/nav/btn_01_on.gif) 0 0 no-repeat;
}
.btn_02 a:hover{
	background: url(/img/nav/btn_02_on.gif) 0 0 no-repeat;
}
.btn_03 a:hover{
	background: url(/img/nav/btn_03_on.gif) 0 0 no-repeat;
}
.btn_04 a:hover{
	background: url(/img/nav/btn_04_on.gif) 0 0 no-repeat;
}
.btn_05 a:hover{
	background: url(/img/nav/btn_05_on.gif) 0 0 no-repeat;
}
.btn_06 a:hover{
	background: url(/img/nav/btn_06_on.gif) 0 0 no-repeat;
}
.btn_07 a:hover{
	background: url(/img/nav/btn_07_on.gif) 0 0 no-repeat;
}
.btn_08 a:hover{
	background: url(/img/nav/btn_08_on.gif) 0 0 no-repeat;
}
.btn_09 a:hover{
	background: url(/img/nav/btn_09_on.gif) 0 0 no-repeat;
}
.btn_10 a:hover{
	background: url(/img/nav/btn_10_on.gif) 0 0 no-repeat;
}
.btn_11 a:hover{
	background: url(/img/nav/btn_11_on.gif) 0 0 no-repeat;
}

#min_nav {
	width:507px;
}

#min_nav a{
	display: block;
	float: right;
	padding-left:5px;
	margin-left: 5px;
	border-left: dotted 1px #3f3f3f;
	text-decoration: none;
	font-weight: bold;
	color:#422D23;
}

/* フォント */

.txt_red{
	color: #8e0000;
}

.txt_green{
	color: #0000FF;
}

.txt_purple{
	color: #FF7F00;
}

.txt_red{
	color: #EE0000;
}

.bold{
	font-weight: bold;
}

.txt_s10{
	font-size: 10px;
	line-height: 1.2em;
	color: #333333;
}

.txt_l15{
	font-size: 15px;
	line-height: 1.5em;
	color: #333333;
}

.txt_nl15{
	font-size: 15px;
	line-height: 1.5em;
}

.txt_18{
	font-size: 18px;
	line-height: 1.5em;
}


.stage_date{
	line-height: 1.6em;
	color: #605333;
}

/* フォント_画像の字用 */
.img_txt{
	margin:0 0 -1px;
}


/* Contents */


#contents {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	width:840px;
}

#leftArea{
	float:left;
	margin-top:8px;
	width:600px;
}

#leftArea .newsArea{
	text-align:left;
	width:600px;
}

#main_Pharea{
	margin:0 0 10px 0;
	height:300px;
	background :url(/img/common/main_bg_gt_201009.jpg) 0 0 no-repeat;
}

#main_Pharea .btn{
	position :relative;
	top:240px;
	left:180px;
}

#Show_mainarea h3,
#Newest_mainarea h3,
#Reserve_mainarea h3{
	float: right;
	margin-top:110px;
	margin-right:5px;
	font-size: 20px;
	font-weight: 600px;
	color: #fff;
}

#Show_mainarea img,
#Newest_mainarea img,
#Reserve_mainarea img{
	float: right;
	margin-top:71px;
}

.hot_news{
	margin:7px 0  8px 0;
}

.hot_news .newsDate{
	float: left;
	font-size:16px;
	font-weight: bold;
	color:#3d3d3c;
	width:90px;
}

.hot_news .newsName,
.hot_news .newsTxt{
	margin:0;
	float: right;
	width:495px;
}

.hot_news .newsTxt a{
	text-decoration: none;
	color:#F4F5EE;
	background-color:#AD9884;
}

.hot_news .newsName{
	margin:0 0 5px 0;
	background: url(/img/common/line_dot_01.gif) left bottom repeat-x;
}

.hot_news .newsName h2{
	margin:0 0 5px 0;
	font-size:12px;
	font-weight: bold;
	color:#000;
}

.hot_news .newsName a{
	text-decoration: none;
	color:#6f6f6f;
}

.hot_news .newsTxt{
	margin-bottom:18px;
	font-size:82%;
	line-height: 15px;
	color: #7f7f7f;
}

/* 右サイド */

#rightArea {
	float:right;
	margin-top:3px;
	text-align:left;
	width:229px;
}

#rightArea .blog img{
	border : none;
	margin-top:5px;
}

/* チケット */
#TicketArea{
	background: url(/img/common/ticket_side_btm.jpg) left bottom no-repeat #ad9884;
	margin:7px 0 0;
	padding:0 0 5px;
}

#TicketArea .ttl{
	background: url(/img/common/ticket_side_ttl.jpg) left top no-repeat #ad9884;
}

#TicketArea .catch{
	margin: 0 0 0 110px;
	padding:10px 0 0;
	height:85px;
	width:110px;
	font-size: 10px;
	color:#fff;
	text-align: left;
}

#TicketArea .t_line{
	margin:5px 10px;
	color: #fff;
	border-bottom: solid 1px #ffffff;
}

#TicketArea .t_line a{
	color: #fff;
}

#TicketArea .title{
	font-weight: bold;
	margin-bottom:5px;
}

#TicketArea .date{
	font-size: 10px;
	padding:5px;
	background-color: #000000;
}

#TicketArea .theater{
	font-size: 10px;
	padding:5px;
	color: #3D3D3D;
}

#TicketArea .state{
	margin:10px 0;
	text-align: right;
}

#TicketArea .state a{
	margin:10px 0;
	text-align: right;
	color: #fff;
}

/* インフォメーション */

.infoArea{
	margin-top :10px;
	padding:10px;
	background: url(/img/common/right_bg_ldot.gif) top left repeat-y #e4e4e4;
}

.infoArea .infoDate{
	margin-top: 10px;
	font-weight: bold;
	font-size: 13px;
	color: #7f7f7f;
}

.infoArea .infoTxt{
	font-size: 82%;
	line-height: 1.5em;
	padding-bottom:15px;
	border-bottom: solid 1px #fff;
}

/* Footer */
#footerArea{
/*
	position: absolute;
	bottom: 0;
*/
	height:145px;;
	width:100%;
	padding-top:15px;
/*
	background: url(/img/common/footer_bg.jpg) center bottom no-repeat;	*/
	background-color:#422d23;
	border-top: solid 1px #CFCFCF;
	line-height:1.3em;
	color:#e0cfb7;
}

#footer_inner{
	margin: 0 auto;
	width:840px;
	text-align: left;
}

#footer_inner .infoTxt{
	float: right;
	width:350px;
	text-align: left;
}


#footerArea a.info{
	color:#f0c97d;
}

#footer_link{
	margin:23px auto 10px;
	border-left:2px solid #E0CFB7;
}

#footer_link a{
	text-decoration: none;
	color:#f0c97d;
	padding: 0 10px ;
	font-weight: bold;
	border-right:2px solid #E0CFB7;
}

#footer_link a:hover{
	color:#422D23;
	background-color:#F4F5EE;
	border-right:2px solid #E0CFB7;
}


/* MailForm */
#Form{
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	width:370px;
}

/* Linkpage */
.Link_cat{
	margin:15px 0 0;
}

.Link_cat h2{
	padding:2px;
	width:596px;
	color:#fff;
	background-color:#830101;
}

.Link_cat>ul>li{
	list-style-type: none;
	line-height:1.8em;
}
.Link_cat>ul>li>a:hover{
	text-decoration: underline !important;
}

.Link_cat img{
	margin:5px 0 -2px;
	border: none;
}

/* LinkBunner */
#Link_bunner{
	background:url(/img/common/bg_new.gif) top left no-repeat;
	width: 100%;
	padding: 10px 0 5px;
	text-align: left;
}
#Link_bunner p{
	margin:0 0 10px 20px;
}

#Link_bunner>img{
	margin:5px 3px 0 20px;
}

/* clear */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}