@charset "utf-8";

/*******************************/
/*　スピリチュアル・ギフト　　 */
/*******************************/


*{ margin: 0px;	padding: 0px;}

html body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",san-serif;
	color: #000;
	font-size: small;
	_font-size: x-small;/*IE6*/
	line-height: 150%;
	background: url(/images/body_bg.jpg) no-repeat scroll center top;
}

/* IE6padding指定 */
* html body{
padding-left: 1px;
}
/* IE7padding指定 */
*:first-child+html body{
padding-left: 1px;
}




/* リンク */
a:link		{ color: #000; text-decoration: none;}
a:visited	{ color: #000; text-decoration: none;}
a:active	{ color: #000; text-decoration: none;}
a:hover		{ color: #000; text-decoration: underline;}

p{ margin-bottom: 1.5em; }
img{border: 0px;}
ul{ list-style-type: none; }

/*テキスト回り込み*/
.left { float: left; margin: 0 20px 10px 0; text-align: center;}
.right { float: right; margin: 0 0 10px 20px; }
.clearleft { clear: left; margin: 0; line-height: 0;}
.clearright { clear: right; }
.clearboth { clear: both; }
.center { text-align:center; }
.center div { text-align:center; margin:auto; width:100%; }

/*横罫*/
.dashed_border {
  clear:both;
  margin: 10px 0;
  border-bottom: 1px dashed #CAC9C7; /* 適宜変更 */
}

/*段組*/
.section .columns_2, .section .columns_3 {
	clear: both;
}
.section .column {
	text-align: left;
}
.section .columns_2 .column {
	width: 300px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	_margin-left: 10px;
	_margin-right: 10px;
}
.section .columns_3 .column {
	width: 200px;
	float: left;
	margin-left: 16px;
	margin-right: 16px;
	_margin-left: 12px;
	_margin-right: 12px;
}

#flash_and_contents .section .columns_2 .column {
	width: 200px;
}

.section .image_container .caption {
	color: #666;
}

/*日付*/
span.data{ color:#666; }

/*inbox*/
#inbox{
	width: 860px;
	height: 630px;
	position:relative;
	margin: 60px auto 0;
	padding:0px;
	background: url(/images/inbox.jpg) no-repeat left top;
}

#inbox_news{
	width: 860px;
	height: 630px;
	position:relative;
	margin: 60px auto 0;
	padding:0px;
	background: url(/images/inbox02.jpg) no-repeat left top;
}
#inbox_schedule{
	width: 860px;
	height: 630px;
	position:relative;
	margin: 60px auto 0;
	padding:0px;
	background: url(/images/inbox03.jpg) no-repeat left top;
}
*html #inbox,#inbox_news,#inbox_schedule{
	position:absolute;
	top: 0px; left: 50%;
	width: 860px;
	height: 630px;
	margin: 60px 0 0 -429px;
	padding:0;
}

/*******************************/
/*　header          　　　　　 */
/*******************************/
#header{
	display: block;
	width: 770px; height: 115px;
	margin: 0px 45px;
}

/*サイトロゴ*/
#header h1#sitetitle{
	position:relative;
	width: 320px;
	height: 110px;
	margin: 0 100px 0 230px;
}
/*※サブロゴ*/
img#logo_b{
	display: none;
}

/*******************************/
/*　footer          　　　　　 */
/*******************************/
address{ margin: 0 5px; }

/*******************************/
/*　ナビゲーション    　　　　 */
/*******************************/

ul#navigation{
	width: 770px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
}
*html ul#navigation{
	margin: 0 45px 0;
	padding: 0;
}

ul#navigation li,
ul#navigation li.btn_right,
ul#navigation li a,
ul#navigation li.btn_right a{
	width: 110px;
	height: 30px;
	line-height: 30px;
	display: block;
}
ul#navigation li{
	background: url(/images/btn.jpg) no-repeat ;
	float:left;
}
ul#navigation li.btn_right{
	text-decoration:none;
	background: url(/images/btn_right.jpg) no-repeat;
}

ul#navigation li a:hover{
	text-decoration:none;
	background: url(/images/btn_hover.jpg) no-repeat ;
}

ul#navigation a.page_now{
	text-decoration:none;
	background: url(/images/btn_hover.jpg) no-repeat ;
}


/*******************************/
/*　見出し　　　　　　　　　　 */
/*******************************/

/*各ページタイトル*/
h2.pagetitle{
	margin: 10px 0 10px 45px;
	height: 30px;
	padding: 0px;
	text-align: left;
}

h3{
	font-size: 130%;
	color: #B8860B;
	letter-spacing: 2px;
	font-weight:bold;
	margin: 0px 0px 20px;
	padding:0 0 3px;
	text-align: left;
	overflow:hidden;
	border-bottom: solid 1px #e6b422;
	_height: 0;/*IEボーダーがはみ出すバグ*/
	clear: both;
}

/*What's new　トップページ　*/
#newsbox h3{
	margin: 10px 0px 0 10px;
	border: none;
}
*:first-child+html #newsbox h3{/*IE7*/
	/*margin: 3px 13px 0 13px;
	padding: 7px 0 0 18px;*/
}

/*What's new　ニュースページ　*/
h3.news{
	margin: 0 0 0 10px;
	border: none;
}

h4{
	font-size: 110%;
	letter-spacing: 1px;
	margin: 0 0 0.5em 0;
	color: #B8860B;
}

h4.flashcaption{
	border-left: solid 3px #e6b422;
	padding: 0 0 0 5px;
	color: #000000;
	font-weight: normal;
		margin: 0.5em 0;
}

/*******************************/
/*　トップページ　　　　　　　 */
/*******************************/

/*FLASH Movie*/
#homeflash{
	display: block;
	width: 770px;
	height: 260px;
	margin: 20px auto;
}
*html #homeflash{
	margin: 20px 45px;
}



/*******************************/
/*　What's New  　　　　　　　 */
/*******************************/

/*home*/
#homemenu{
	width: 770px;
	height:140px;
	margin: 0 auto;
	_margin: 0 45px;/*IE6*/
}

#homemenu #newsbox{
	width:550px; height:140px;
	float: left;
	background: url(/images/news_bg.jpg) no-repeat top left;
}

#homemenu #newsbox #news{
}

#homemenu #newsbox #news_home{
	display: block;
	margin: 5px 20px;
	text-align: left;
	font-size: 12px;
}


/*バナースペース*/
#homemenu #bannerspace{
	text-align: right;
}
#homemenu #bannerspace img{
	margin-bottom: 10px;
}
#homemenu #bannerspace img.bottom{
	margin: 0px;
}

/*ニュースページ*/

#news_sub{
	width: 492px; height: 58px;
	overflow: auto;
	margin: 0 0 0 5px;
	padding: 0px;
}

/*common*/
ul.headline{
	margin: 0 0 0 10px;
	color: #FFFFFF;
	line-height: 150%;
}
/*ニュースヘッドライン IE6 アイコンが入ると行間指定が消えるバグ対応*/
* html ul.headline li{
	margin: 0 0 3px;
	line-height: 130%;
}

/*最新情報用newアイコン*/
img.newicon{ margin: 0 0 0 0.6em; }
* html img.newicon{ margin: 3px 0 0 0.6em; }



/*******************************/
/*　main contents 　　　　　　 */
/*******************************/

#contentbox_newspage,
#contentbox_common, 
#contentbox_profile,
#contentbox_schedule,
#contentbox_history{
	text-align: left;
	background-color: #FCFBF8;
	border-style:solid;
	border-width: 1px;
	border-color:#e6b422;
}

/*news.html*/
#contentbox_newspage{
	width:498px; height:388px;
	margin: 0 0 0 315px;
	
}
#contentbox_newspage #contents_news{
	overflow:auto; width: 478px; height: 270px;
	position:relative;
	top: 0px; left: 0px;
	padding: 10px 10px 5px 10px;
	margin: 0 0 20px 0;
	clear: left;
}

/*IE6*/
* html #contentbox_newspage{
	width:500px; height:390px;
	margin: 0 45px 0 315px;
}
* html  #contentbox_newspage #contents_news{
	width: 498px; height: 282px;
}

/*intro.html,special.html*/
/*profile.html*/
#contentbox_common,
#contentbox_profile{
	overflow: hidden;
	width:768px; height:388px;
	margin: 0px auto 0;
}

#contentbox_common #contents_common,
#contentbox_profile #contents_profile{
	overflow:auto; width: 728px; height: 356px;
	position:relative;
	top: 0px; left: 0px;
	padding: 20px 20px 10px;
}

* html #contentbox_common,
* html #contentbox_profile{
	margin: 0px 45px 0;
	width: 770px; height:390px;
}
/*IE6*/
* html #contentbox_common #contents_common,
#contentbox_profile #contents_profile{
	width: 768px; height: 388px;
}
/*IE7*/
*:first-child+html #contentbox_profile #contents_profile{
	width: 728px; height: 356px;
}
/*IE8*/
head~/* */body #contentbox_profile #contents_profile{
	width: 728px; height: 356px;
}

/*schedule.html*/
#contentbox_schedule{
	width:498px; height:388px;
	margin: 0 0 0 315px;
}

#contentbox_schedule #contents_schedule{
	overflow:auto; width: 478px; height: 335px;
	position:relative;
	top: 20px; left: 0px;
	padding: 0px 10px 5px 10px;
	margin: 0 0 20px 0;
	clear: left;
}
* html #inbox_schedule #contentbox_schedule{
	width:500px; height:390px;
	margin: 0 45px 0 315px;
}
* html #inbox_schedule #contentbox_schedule #contents_schedule{
	width: 498px; height: 334px;
}
/*IE7*/
*:first-child+html #inbox_schedule #contentbox_schedule #contents_schedule{
	width: 478px; height: 320px;
}


/*history.html*/
#contentbox_history{
	width:498px; height:388px;
	display: table-cell;
    vertical-align: middle;
}

#contentbox_history #contents_history{
	overflow:auto; width: 478px; height: 365px;
	position:relative;
	top: 0px; left: 0px;
	padding: 20px 10px 0px;
}
/*IE6*/
* html  #contentbox_history{
	width:500px; height:388px;
	display: inline;  
	zoom: 1;
}
/*IE7*/
*:first-child+html #contentbox_history{
	width:498px; height:386px;
	display: inline;  
	zoom: 1;
}

* html  #contentbox_history #contents_history{
	width: 498px; height: 384px;
}


/*movie.html*/
#contentbox_movie{
	margin: 0px 45px 0px;
	border: none;
	background: none;
	text-align: left;
	overflow: hidden;
	height:390px;
}

/*******************************/
/*　　スケジュール　　　　　　 */
/*******************************/

/*スケジュールアンカーリンク用リスト*/
ul.area_name{
	display:block;
	margin: 5px 0 0 10px;
}
ul.area_name li{
	float:left;
	padding: 0 2em 0 5px;
	border-left: solid 3px #e6b422; 
}
ul.area_name li a:hover, ul.area_name li  a:active{
	color: #B8860B; 
}

/*内容詳細用定義リスト*/
#contentbox_schedule #contents_schedule dl{ position:relative; }
#contentbox_schedule #contents_schedule dt{ border-bottom: solid 1px #CAC9C7; }
#contentbox_schedule #contents_schedule dd{ margin:0 0 1em 3em; }

/*スケジュール表*/
table.schedule {
  text-align: center;
  border: 1px;   
  border-collapse: collapse;
  border-spacing: 0;
  _font-size: x-small;/*IE*/
  border: 1px solid #CAC9C7;
  margin:5px 0;
}
table.schedule th, table.schedule td{
  text-align: center;
  padding: 0px 3px;
  _padding: 1px 3px;
}
table.schedule th.month{
  background-color: #F1EDE2;
  border: 1px solid #CAC9C7;
}
table.schedule td{
  text-align: center;
  border: 1px solid #CAC9C7;

}
table.schedule td.time{
  width: 56px;
}
table.schedule td.day{
}
table.schedule td.sat{
  background-color: #7EADDA;
}
table.schedule td.sun{
  background-color: #DF7F7E;
}
table.schedule td.holi{
  background-color: #993333;
}
table.schedule td.open{
  color: #e6b422;
}
table.schedule td.fullclose{
  background-color: #CAC9C7;
}


/*******************************/
/*　上演記録　history.html　　 */
/*******************************/
/*メインレイアウト*/
#flash_and_contents{
	width: 770px;
	height:390px;
	margin: 0 45px;
}

#flash_and_contents .flash{
	display: table-cell;
    vertical-align:middle;
    width: 250px;
	padding: 0 20px 0 0;
}
  
/*IE6 */  
* html #flash_and_contents .flash{  
	display: inline; 
	zoom: 1;
}
/*IE7 */
*:first-child+html #flash_and_contents .flash{
	display: inline;  
	zoom: 1; 
}  

/*上演記録*/
table.history{
	_font-size: x-small;/*IE*/
	border-collapse:collapse;
	border-spacing:0;
	width: 460px;
	margin: 0 0 5px;
}
table.history td{
	border-color:#CCC;
	border-style: solid;
	border-width: 1px 0; 
	line-height:140%;
	padding:3px 0;
	text-align:left;
}
table.history td.data{
	padding:3px 10px 3px 0px;
}
table.history td.area{
	width: 50px
}



/*******************************/
/*　ムービー　　movie.html　　 */
/*******************************/

#movie_index {
	width:770px; height:50px;
}

#movie_index li {
	width: 240px;
	height: 18px;
	float: left;
	border-left: solid 3px #e6b422;
	padding-left: 5px;
	margin: 2px 0;
	color: #000000;
	font-weight: normal;
}

#flashspace {
	margin: 0 auto;
	_text-align: center;
	width: 770px;
	height: 320px;
	display: table-cell;
	vertical-align: middle;
}

#flashspace .movie_container {
	margin: auto;
}