@charset "utf-8";

@import "default.css";

/* ===================================================================

body				メイン背景画像の設定
h1,h2,h3,h4,h5,h6	見出しの設定
a:***				リンクの設定
wrapper				全体枠の設定
header_wrapper		ヘッダーの大枠設定 width:100%の場合
header				ヘッダーの設定
header_navi			ヘッダー内ナビゲーションの設定
global_navi			グローバルナビゲーションの設定
contents_wrapper	コンテンツ全体枠の設定
maincolumn			メインカラムの設定
sidebar				2カラム用サイドバーの設定
sidebar01			3カラム用サイドバー左側の設定
sidebar02			3カラム用サイドバー右側の設定
footer_wrapper		フッターの大枠設定 width:100%の場合
footer				フッターの設定

=================================================================== */


/*	body
----------------------------------------------------
メイン背景画像の設定
----------------------------------------------------*/

body {
text-align:center;
background:url(images/body_bg.gif) no-repeat center top #fff;
}

/*	h1,h2,h3,h4,h5,h6
----------------------------------------------------
見出しの設定
----------------------------------------------------*/

h1 {
font-size:12px;
font-weight:normal;
color:#333;
}

h2{
}

h3{
}

h4{
}

h5{
}

h6{
}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------
リンクの設定
----------------------------------------------------*/

a:link {
color:#;
}

a:visited {
color:#;
}

a:hover {
color:#;
}

a:active {
color:#;
}

/*	wrapper
----------------------------------------------------
全体枠の設定
----------------------------------------------------*/

#wrapper {
width:904px;
margin:0 auto;
}

/*	header
----------------------------------------------------
ヘッダーの設定
----------------------------------------------------*/

#header {
position:relative;
width:904px;
height:163px;
margin:0 auto;
}

/*	site_logo
----------------------------------------------------
サイトロゴの設定
----------------------------------------------------*/


#header p.site_logo {
position:absolute;
left: 7px;
top: 28px;
}

#header p.ecoll_logo {
position:absolute;
left: 551px;
top: 65px;
}

/*	header_navi
----------------------------------------------------
ヘッダー内ナビゲーションの設定
----------------------------------------------------*/

#header_navi {
position:absolute;
left: 534px;
top: 0px;
}

#header_navi li {
float:left;
}

#header_navi li a {
display:block;
height:;
}



/*	global_navi
----------------------------------------------------
グローバルナビゲーションの設定
----------------------------------------------------*/

#global_navi {
position:absolute;
width:890px;
height:43px;
padding-left:14px;
bottom:0;
left:0;
background:url(images/global_navi_bg.gif) no-repeat;
}

#global_navi li {
float:left;
}


/*	contents_wrapper
----------------------------------------------------
コンテンツ外枠の設定
----------------------------------------------------*/

#contents_wrapper {
width:900px;
margin:0 auto 15px auto;
padding:0 2px;
border-bottom:1px #dfdfdf solid;
background:url(images/contents_wrapper.png) repeat-y;
}

/*	contents
----------------------------------------------------
コンテンツ内枠の設定
----------------------------------------------------*/

#contents {
width:874px;
margin:0 auto;
padding:13px;
background:url(images/contents_bg.gif) no-repeat bottom right #fff;
}

/*	maincolumn
----------------------------------------------------
メインカラムの設定
----------------------------------------------------*/

#maincolumn {
float:left;
width:576px;
}

/*	maincolumn_page
----------------------------------------------------
下層ページ用メインカラムの設定
----------------------------------------------------*/

#maincolumn_page {
width:874px;
}


/*	sidebar
----------------------------------------------------
2カラム用サイドバーの設定
----------------------------------------------------*/

#sidebar {
float:right;
width:260px;
margin:13px 0 0 0;
padding:10px;
border:1px #a3a3a3 solid;	
}	

/*	side_banner
----------------------------------------------------
サイドバー内バナーの設定
----------------------------------------------------*/

#side_banner li {
margin-bottom:10px;
}

/*	sidebar01
----------------------------------------------------
3カラム用サイドバー左側の設定
----------------------------------------------------*/

#sidebar01 {
float:left;
width:;
}

/*	sidebar02
----------------------------------------------------
3カラム用サイドバー右側の設定
----------------------------------------------------*/

#sidebar02 {
float:right;
width:;
}

/*	footer_wrapper
----------------------------------------------------
フッターの大枠設定 width:100%の場合
----------------------------------------------------*/

#footer_wrapper {
width:100%;
height:229px;
background:url(images/footer_wrapper_bg.gif) no-repeat center bottom;
}

/*	footer
----------------------------------------------------
フッターの設定
----------------------------------------------------*/

#footer {
width:100%;
height:36px;
padding-top:6px;
background:url(images/footer_bg.gif) repeat-x;
}

/*	footer_navi
----------------------------------------------------
フッターナビゲーションの設定
----------------------------------------------------*/

#footer_navi {
width:860px;
height:36px;
margin:0px auto;
}

#footer_navi li {
float:left;
}

#footer .copyright {
text-align:center;
margin:15px auto;
color:#fff;
}

/*	news_area
----------------------------------------------------
ニュース＆トピックスの設定
----------------------------------------------------*/

h2.news {
margin-top:4px;
}

#news_area {
padding:0 10px 10px 10px;
border:1px #74a937 solid;
border-top:none;
font-size:12px;
}

#news_area dl {
padding:8px 0;
border-bottom:1px dotted #ccc;
}

#news_area dt {
margin-bottom:5px;
padding-left:22px;
background:url(images/arrow_pink.gif) no-repeat 0 4px;
}

/*	time_area
----------------------------------------------------
ニュース＆トピックスの設定
----------------------------------------------------*/

h2.time {
margin-top:4px;
}

#time_area {
padding:0 10px 10px 10px;
border:1px #7f4e23 solid;
border-top:none;
font-size:12px;
}

#time_area dl {
padding:8px 0;
border-bottom:1px dotted #ccc;
}

#time_area dt {
margin-bottom:5px;
padding-left:22px;
background:url(images/arrow_pink.gif) no-repeat 0 4px;
}

#time_area .category-titel{
	font-size:1.2em;
	font-weight:bold;
	padding-left:5px;}
	
#time_area .category-time-time{
	padding-left:2em;}

/*	calendar_area
----------------------------------------------------
カレンダーの設定
----------------------------------------------------*/

#calendar_area {
margin:10px 0 0 0;
}

#event_area {
float:left;
width:284px;
}

#shop_area {
float:right;
width:284px;
}

.calendar_box {
border:1px #cdcdcd solid;
border-top:none;
}

.calendar_box iframe {
margin-left:4px;
}

/*	youtube_area
----------------------------------------------------
Youtubeの設定
----------------------------------------------------*/

#youtube_area {
margin:15px auto;
}

#youtube_area .youtube_box {
width:560px;
margin:10px auto;
}



/*	
----------------------------------------------------
ページタイトルの設定
----------------------------------------------------*/

#maincolumn_page h2{
	width:874px;
	height:96px;
	margin:0 auto 2em auto;}
	
#maincolumn_page h2 span{
	visibility: hidden;}
	
h2.post-72{
	background:url(images/topics_23.jpg) no-repeat;}

h2.post-54{
	background:url(images/access_23.jpg) no-repeat;}
	
h2.post-78{
	background:url(images/lineup_23.jpg) no-repeat;}

h2.post-36{
	background:url(images/guideline_23.jpg) no-repeat;}
	
h2.post-44{
	background:url(images/recruitment_23.jpg) no-repeat;}
	
h2.post-161{
	background:url(images/link_23.jpg) no-repeat;}
	
h2.post-32{
	background:url(images/privacy_23.jpg) no-repeat;}
	
h2.post-166{
	background:url(images/map_23.jpg) no-repeat;}

h2.post-169{
	background:url(images/inquiry_23.jpg) no-repeat;}
	
h2.post-172{
	background:url(images/poto_23.jpg) no-repeat;}




/*	privacy
----------------------------------------------------
プライバシーポリシーの設定
----------------------------------------------------*/

#privacy{
	width:800px;
	margin:0 auto;}
	
#privacy dt{
	border-left:#6b9d2d solid 5px;
	font-size:1.2em;
	padding-left:8px;
	font-weight:bold;}
	
#privacy dd{
	margin-left:2.3em;
	margin-bottom:2em;}
	
	
/*	guideline
----------------------------------------------------
ガイドラインの設定
----------------------------------------------------*/
#guideline{
	width:800px;
	margin:0 auto;}

.guideline_kiji{
	margin:5px 10px 2em 10px;}
	
.guideline_kiji dt{
	font-weight:bold;
	font-size:1.2em;
	color:#FF3333;}

.guideline_kiji dt span{
	padding-right:1em;}

.guideline_kiji dd{
	margin-bottom:2em;}

.guideline_kiji dd span{
	color:#0066CC;
	font-size:1.2em;
	padding-right:1em;
	font-weight:bold;}
	
	
/*	recruitment
----------------------------------------------------
出演者募集の設定
----------------------------------------------------*/

#recruitment{
	width:800px;
	margin:0 auto;}
	
#recruitment table{
	width:800px;
	background:#557e22;
	margin-bottom:2em;}

#recruitment th{
	width:150px;
	padding:3px 1em;
	background:#699b2b;
	color:#FFFFFF;}

#recruitment td{
	padding:3px 1em;
	background:#FFFFFF;}
	
.recruitment_toi{
	float:left;
	width:300px;}
	
.recruitment_dl{
	float:right;
	width:273px;
	height:68px;
	}

/*	access
----------------------------------------------------
アクセスの設定
----------------------------------------------------*/

#access{
	width:800px;
	margin:0 auto;}

.access_titel{
	width:800px;
	margin:0 0 10px 0;}	

.access_amuze{
	float:left;
	width:500px;
	border:#6fa131 solid 5px;
	margin-bottom:2em;}
	
.access_amuze_text{
	margin-left:520px;}

#access dt{
	border-left:#6ad3ff solid 5px;
	font-size:1.2em;
	padding-left:8px;
	margin-bottom:5px;
	font-weight:bold;}
	
#access dd{
	margin-left:1em;
	margin-bottom:2em;}

#access table{
	width:760px;
	background:#6ad3ff;
	margin-bottom:2em;}

#access th{
	width:100px;
	padding:3px 1em;
	background:#88dcff;
	text-align:center}

#access td{
	padding:3px 1em;
	background:#FFFFFF;}
	
.ecll_gmap{
	margin-left:1em;}
	
.ecll_gmap iframe{
	border:#6ad3ff solid 5px;}
	


/*	single_kiji
----------------------------------------------------
単一記事の設定
----------------------------------------------------*/	

#single_kiji{
	width:800px;
	margin:0 auto;}

#single_kiji .category-titel h3.storytitle{
	width:800px;
	height:32px;
	background:url(images/lineup_02.jpg) no-repeat;
	font-size:15px;
	padding-top:40px;
	padding-left:70px;
	font-weight:bold;}
	
#single_kiji .category-titel .entry{
	border-bottom:#6ad3ff solid 1px;
	border-left:#6ad3ff solid 1px;
	border-right:#6ad3ff solid 1px;
	background:#FFFFFF;
	padding:2em 1em;
	line-height:30px;}

#single_kiji .category-time-time{
	clear:both;
	padding:5px;}

#single_kiji .category-time-time h3.storytitle{
	width:800px;
	height:43px;
	line-height:43px;
	background:url(images/lineup_01.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:50px;}

#single_kiji .category-time-time img{
	margin:0 1em;
	margin-bottom:2em;}	
	

#single_kiji .category-3 h3.storytitle{
	width:800px;
	height:46px;
	line-height:46px;
	background:url(images/news_page_01.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:50px;}

#single_kiji .category-3 .entry{
	padding:0 5px;;}

#single_kiji .category-3 img{
	margin:0 1em;
	margin-bottom:2em;}	


/*	lineup
----------------------------------------------------
ラインナップの設定
----------------------------------------------------*/	


#lineup_box{
	width:800px;
	margin:0 auto;}

#lineup_box .category-titel{
	clear:both;}
	
#lineup_box .category-titel h3.storytitle{
	width:800px;
	height:32px;
	background:url(images/lineup_02.jpg) no-repeat;
	font-size:15px;
	padding-top:40px;
	padding-left:70px;
	font-weight:bold;}
	
#lineup_box .category-titel .storytext{
	border-bottom:#6ad3ff solid 1px;
	border-left:#6ad3ff solid 1px;
	border-right:#6ad3ff solid 1px;
	padding:1em;
	line-height:30px;}

#lineup_box .category-time-time{
	clear:both;
	padding:5px;}

#lineup_box .category-time-time h3.storytitle{
	width:800px;
	height:43px;
	line-height:43px;
	background:url(images/lineup_01.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:50px;}

#lineup_box .category-time-time img{
	margin:0 1em;
	margin-bottom:2em;}	


.alignright {
	float: right;
	}

.alignleft {
	float: left}
	

/*	topics
----------------------------------------------------
トピックスの設定
----------------------------------------------------*/	


#topics{
	width:800px;
	margin:0 auto;}

	
#topics .category-3{
	clear:both;}

#topics .category-3 h3.storytitle{
	width:800px;
	height:46px;
	line-height:46px;
	background:url(images/news_page_01.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:50px;}
	
#topics .category-3 .storytext{
	padding:5px;}

#topics .category-3 img{
	margin:0 1em;
	margin-bottom:2em;}	


/* link_page
----------------------------------------------------
地域リンク集の設定
----------------------------------------------------*/	

#link_page{
	width:800px;
	margin:0 auto;}
	
#link_page table{
	width:800px;
	background:#6ca12b;}

#link_page th{
	width:250px;
	padding:0.5em 1em;
	background:#FFFFFF;
	text-align:center}

#link_page td{
	padding:0.5em 1em;
	background:#FFFFFF;}
	


/* site_map
----------------------------------------------------
サイトマップの設定
----------------------------------------------------*/		

#site_map{
	width:800px;
	margin:0 auto;}
	
#site_map li{
	font-size:14px;
	border-left:#6ca12b solid 5px;
	padding-left:1em;
	margin-bottom:2.5em;
	font-weight:bold;}
	
#site_map li a{
	color:#4a6e1e;}
	
#site_map li a:hover{
	color:#5acef3;
	text-decoration:underline;}
	

/* inquiry
----------------------------------------------------
お問い合わせの設定
----------------------------------------------------*/		

#inquiry{
	width:800px;
	margin:0 auto;}
	
#inquiry table{
	width:800px;
	background:#557e22;
	margin-bottom:2em;}

#inquiry th{
	width:200px;
	padding:3px 1em;
	background:#699b2b;
	color:#FFFFFF;}

#inquiry td{
	padding:3px 1em;
	background:#FFFFFF;}
	
#inquiry .submit{
	text-align:center;}

/* photo
----------------------------------------------------
フォトギャラリーの設定
----------------------------------------------------*/	
#photo{
	width:800px;
	margin:0 auto;}