@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin: 0;
	padding: 0;
	}
body{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color: #444;
	line-height: 1.5;
	background: #222;
	}

a{ color: #222;}
a:visited{ color: #666; }
a:hover{ text-decoration: none; color: #90b915;}
h1, h2, h3, h4, h5, h6{	font-size: 100%;}
ul,li,dl,dt,dd{ list-style: none;}
img{ border: 0; vertical-align: bottom;}
a img{ border: 0; overflow: hidden;}
p{ margin: 0 0 1.4em 0;line-height: 1.5;}
table{border:0; border-collapse:collapse; border-spacing: 0;}
hr{height: 1px; border:0; border-bottom: 1px; color: #d5d4cc; background: #d5d4cc; margin-bottom: 20px;}
textarea{
	font-size: 100%;
	}
.clfx{
	zoom:1;/*for IE 5.5-7*/
	min-height: 1px;
	}	
.clfx:after{/*for modern browser*/
	content:".";
	display: block;
	clear:both;
	height: 1px;
	margin-top: -1px;
	visibility:hidden;
	}
.clr{clear: both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.fleft{float:left;}
.fright{float:right;}


/* common class
-------------------------------------------------------------------------------------------------*/
p.subtext{
	font-size: 11px;
	padding: 10px;
	background: #f1f1f1;
	border: 1px solid #ddd;
	}
p.moreinfo{
	padding-top: 5px;
	margin-bottom: 2em;
	}
span.date{
	color: #22a5ab;
	display: block;
	}
span.name{
	color: #d38e0a;
	display: block;
	}

ul.entry_navi{
	border-top: 1px dotted #565656;
	text-align: center;
	padding: 40px 0 10px;
	}
	ul.entry_navi li.bt_next,
	ul.entry_navi li.bt_back,
	ul.entry_navi li.bt_all{
		display:inline;
		}
		ul.entry_navi li.bt_next a,
		ul.entry_navi li.bt_back a,
		ul.entry_navi li.bt_all a{
			padding: 10px 25px;
			background: #333;
			color: #fff;
			}
		ul.entry_navi li.bt_all a{
			padding: 10px 20px;
			}
		ul.entry_navi li.bt_next a:hover,
		ul.entry_navi li.bt_back a:hover,
		ul.entry_navi li.bt_all a:hover{
			background: #6f910b;
			}

/* 関連イベント */
.relation_event{
	background: #f1f1f1;
	padding: 10px;
	}
	.relation_event h4{	
		font-size: 16px;
		}
	.relation_event li{
		list-style-type: disc;
		margin-left: 20px;
		padding-bottom: 8px;
		}

/* 各種情報の表 */
.infotable{
	width: 100%;
	border: 1px solid #d8d5d0;
	border-spacing: 0;
	border-collapse:collapse;
	margin-bottom: 1.5em;
	}
	.infotable th,
	.infotable td{
		padding: 3px 5px;
		text-align: left;
		border: 1px solid #d8d5d0;
		}
	.infotable th{
		background: #efefef;
		}

/* 写真の表 */
.phototable{
	width: 100%;
	}
	.phototable td{
		text-align: center;
		}
		.phototable td img{
			padding: 10px 5px;
			}
.back_top{
	width: 900px;
	margin: 0 auto;
	text-align:right;
	}




/* common container
-------------------------------------------------------------------------------------------------*/
#container{
	text-align: center;
	background: #fff;
	}

/* common head
-------------------------------------------------------------------------------------------------*/
#head{
	height: 170px;
	margin-bottom: 5px;
	background: url("/common/img/common_head_bg.gif") repeat-x;
	}
	#head div{
		width: 900px;
		height: 130px;
		margin: 0 auto;
		text-align: left;
		background: url("/common/img/common_head_bg_home.gif") no-repeat right top;
		}
	#head div #logo{
		padding-top: 20px;
		display:block;
		}
	#head ul{
		width: 900px;
		margin: 0 auto;
		}
	#head ul li{
		float: left;
		display:inline;
		}

/* common main_image
-------------------------------------------------------------------------------------------------*/
.main_image,
#main_flash{
	margin: 0 auto 20px;
	}

/* common body
-------------------------------------------------------------------------------------------------*/
#body{
	width: 900px;
	margin: 0 auto 50px;
	background: url("/common/img/common_body_line.gif") repeat-y 625px;
	}
#body .tit{
	clear:both;
	border-top: 2px solid #222;
	padding: 5px 15px;
	background: url("/common/img/common_body_tit_bg.gif");
	border-bottom: 1px dotted #565656;
	}
#main{
	width: 600px;
	float: left;
	text-align: left;
	}
	#main .content{
		padding: 20px;
		}

#menu{
	width: 250px;
	float: right;
	text-align: left;
	font-size: 15px;
	line-height:1.3;
	}
	#menu .list_normal,
	#menu .list_box,
	#menu .list_nontit,
	#menu .list_banner,
	#menu .list_menu,
	#menu .all_archive{
		margin-bottom: 10px;
		}
	
	#menu .list_normal li{
		padding: 14px;
		border-bottom: 1px dotted #565656;
		}
	#menu .list_normal span{
		font-size: 11px;
		}
			
	#menu .list_box{
		height: 200px;
		overflow-y:scroll;
		}
		#menu .list_box li{
			padding: 10px 14px 5px;
			}
		#menu .list_box span{
		font-size: 11px;
		}
		
	#menu .list_nontit{
		border-top: 2px solid #222;
		}
		#menu .list_nontit li{
			padding: 14px;
			border-bottom: 1px dotted #565656;
			}
			#menu .list_nontit li a{
				display: block;
				padding-left: 20px;
				background: url("/common/img/common_body_icon_list.gif") no-repeat left center ;
				}
	
	#menu .list_menu{
		}
		#menu .list_menu li{
			padding: 14px;
			border-bottom: 1px dotted #565656;
			}
			#menu .list_menu li a{
				display: block;
				padding-left: 20px;
				background: url("/common/img/common_body_icon_list.gif") no-repeat left center ;
				}
	
	#menu .list_banner li{
		padding: 9px;
		border-bottom: 1px dotted #565656;
		}

	#menu .all_archive{
		padding: 5px;
		background: url("/common/img/common_body_tit_bg.gif");
		text-align: right;
		color: #fff;
		}
		#menu .all_archive a{
			padding-left: 15px;
			background: url("/common/img/common_ic_arrow_s.gif") no-repeat left center;
			}


/* common foot
-------------------------------------------------------------------------------------------------*/
#foot{
	color: #fff;
	background: url("/common/img/common_foot_bg.gif") repeat-x top #222;
	padding-top: 30px;
	}
	#foot a{
		color:#fff;
		}
	#foot ul{
		width: 900px;
		margin: 0 auto 10px;
		text-align: center;
		}
		#foot ul li{
		display:inline;
		padding-right: 10px;
		border-right: 1px solid #999;
		margin-right: 10px;
		}
		#foot p{
			clear:both;
			}



/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* allarchive
-------------------------------------------------------------------------------------------------*/
.allarchive h3{
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: 2px solid #eee;
	}
	.allarchive h3 a{
		padding-left: 24px;
		background: url("/common/img/common_ic_plus.gif") no-repeat left center;
		}
	.allarchive .content ul{
		padding-left: 20px;
		margin-bottom: 20px;
		}
	.allarchive .content li{
		padding: 8px 0 5px 15px;
		border-bottom: 1px solid #eee;
		margin-bottom: 5px;
		background: url("/common/img/common_ic_arrow_s.gif") no-repeat left center;
		}
		.allarchive .content li span{	
			font-size: 11px;
			line-height: 1.2;
			display:block;
			}




/* index
-------------------------------------------------------------------------------------------------*/
/*とりいそぎ未使用*/
.index div.air .image{	
	float: right;
	}
.index div.air h3{
	font-size: 16px;
	}
.index div.air ul li{
	margin-bottom: 10px;
	}


/* index + exhibition
-------------------------------------------------------------------------------------------------*/
div.exh{
	border-bottom: 1px dotted #565656;
	}
div.exh h3{
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 0px;
	}
div.exh .entry_body{
	padding-top: 10px;
	
	}
div.exh .entry_body img{
	width: 250px;
	margin-left: 10px;
	}
	
#main div.next_exh {
	padding: 0;
	}
div.next_exh li{
	padding: 10px 20px 10px;
	border-bottom: 1px dotted #565656;
	background: #f5f5f5;
	}
div.next_exh .thumb{
	float:left;
	width: 148px;
	margin-right: 15px;
	line-height: 148px;
	overflow: hidden;
	border: 1px solid #ebeae4;
	padding: 2px;
	background: #fff;
	}
	div.next_exh .thumb img{
		width: 148px;
		line-height: 148px;
		vertical-align: middle;
		}
div.next_exh h3{
	font-size: 20px;
	line-height: 1.2;
	}
div.next_exh p{
	margin-bottom:0;
	}

.exhibition div.exh_detail{
	}
.exhibition div.exh_detail h3{
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 0px;
	}
.exhibition div.exh_detail .entry_body{
	padding-top: 10px;
	
	}
.exhibition div.exh_detail .entry_body img{
	display:block;
	float: none;
	margin: 0 auto;
	text-align: center;
	}


/* news
-------------------------------------------------------------------------------------------------*/
.news_detail h3{
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 0px;
	}
.news_detail .entry_body{
	padding: 10px 0 20px;	
	}


	

/* event
-------------------------------------------------------------------------------------------------*/
.event #main div.event {
	border-top: 2px solid #222;
	}
.event_index #main div.event {
	border-top: 2px solid #222;
	padding: 20px 0;
	}

.event div.event li{
	padding: 0 20px 10px;
	border-bottom: 1px dotted #565656;
	margin-bottom: 10px;
	}
.event div.event .thumb{
	float:left;
	width: 148px;
	margin-right: 15px;
	line-height: 148px;
	overflow: hidden;
	border: 1px solid #ebeae4;
	padding: 2px;
	}
	.event div.event .thumb img{
		width: 148px;
		line-height: 148px;
		vertical-align: middle;
		}
		
.event div.event h3{
	font-size: 20px;
	line-height: 1.2;
	}
.event div.event p{
	margin-bottom:0;
	}

.event_index ul.entry_navi{
	border: 0;
	padding-top: 0px;
	}

.event_detail div.event h3{
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 0px;
	}
.event_detail div.event{
	padding-top: 10px;
	}
.event_detail div.event img{
	display:block;
	float: none;
	margin: 0 auto;
	text-align: center;
	}

/* air
-------------------------------------------------------------------------------------------------*/
.air div.air .image{	
	float: right;
	}
.air div.air h3{
	font-size: 16px;
	}
.air div.air ul li{
	margin-bottom: 10px;
	}

.air_detail h3{
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 0px;
	}
.air_detail .entry_body{
	padding: 10px 0 20px;	
	}




/* about
-------------------------------------------------------------------------------------------------*/
.about .content h3{
	font-size: 20px;
	margin-bottom: 10px;
	}
.about .content p.desc{
	font-size: 11px;
	color: #999;
	}
.about .content h4{
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}

.about_index .content{
	background: url("/common/img/about_bg_index.jpg") no-repeat right top;
	}
	.about_index .content ul a{
		text-decoration: none;
		font-size: 13px;
		display: block;
		border:1px solid #ccc;
		padding: 10px 15px 10px 25px;
		margin-bottom: 5px;
		background: url("/common/img/common_ic_arrow.gif") no-repeat 10px center;
		}
		.about_index .content ul a:hover{
			border:1px solid #90b915;
			}



.about_info-gallery .content,
.about_info-studio .content,
.about_info-air .content,
.about_info-spaces .content{
	background: url("/common/img/about_info-air_bg.jpg") no-repeat right top;
	}
	.about_info-gallery .content div.box,
	.about_info-studio .content div.box,
	.about_info-air .content div.box,
	.about_info-spaces .content div.box{
		padding: 15px;
		background: #fff;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		}
	.about_info-gallery .content h3,
	.about_info-studio .content h3,
	.about_info-air .content h3,
	.about_info-spaces .content h3{
		background: url("/common/img/common_ic_arrow_down.gif") no-repeat left center;
		padding-left: 35px;
		}

.about_history .content table{
	width: 100%
	}
	.about_history .content table th,
	.about_history .content table td{
		padding: 10px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		}
	.about_history .content table th{
		vertical-align:top;
		}



/* links
-------------------------------------------------------------------------------------------------*/
.links .content h3{
	font-size: 20px;
	margin-bottom: 5px;
	}
	.links .content ul{
		padding-left: 20px;
		margin-bottom: 20px;
		}
	.links .content li{
		padding-left: 15px;
		margin-bottom: 7px;
		background: url("/common/img/common_ic_arrow_s.gif") no-repeat left center;
		}


/* contact
-------------------------------------------------------------------------------------------------*/
.contact .content h3{
	font-size: 20px;
	margin-bottom: 5px;
	}

/* application
-------------------------------------------------------------------------------------------------*/
.application .content h3{
	font-size: 20px;
	margin-bottom: 5px;
	}


/* related_activities
-------------------------------------------------------------------------------------------------*/
.related_activities #pagelist{
	}
	.related_activities #pagelist li{
		padding: 0;
		border:0;
		margin:0;
		background: none;
		}
	.related_activities #pagelist a{
		text-decoration: none;
		font-size: 13px;
		display: block;
		border:1px solid #ccc;
		padding: 10px 15px 10px 25px;
		margin-bottom: 5px;
		background: url("/common/img/common_ic_arrow.gif") no-repeat 10px center;
		}
		.related_activities #pagelist a:hover{
			border:1px solid #90b915;
			}
		.related_activities #pagelist strong{
			font-size: 15px;
			line-height: 1.2;
			}







/* 関連活動欄とかに使えそうなCSS */
.index div.exh .next{
	padding: 15px;
	background: #ebebeb;
	}
	.index div.exh .next .thumb img{
		width: 150px;
		float:right;
		}
	.index div.exh .next .ic_next{
		margin-bottom: 10px;
		}
	.index div.exh .next h3{
		font-size: 20px;
		}