@charset "utf-8";
/* ===================================================================
CSS information

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
*{
margin:0;
padding:0;
}

html {overflow-y:scroll;}  

body {
background:url(/images/bgBody.jpg);
    text-align: center; /* center on ie */
    width: 100%;
	font-size:100%;
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

.clearfix {  
overflow: hidden; /* 簡易clearfix */  
}  
 /* IE6 に適用 */  
* html .clearfix {
zoom: 1;  
 }  

img{
border:none;
}

.clear{
clear:both;
}


/*----------------------------------------------------
	.wrapper 
----------------------------------------------------*/
.wrapper {
	width: 958px;
	margin: 0 auto;
	text-align: left;
	border-left:1px solid #32b638;
	border-right:1px solid #32b638;
}

.wrapheader {
	background:#d7e7bd;
}

.wrapfooter {
	background:#d7e7bd;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	background:#f7f0d2;
	padding:16px;
}


#header h1#title{
float:left;

}

#header p.inquiry{
float:right;
}


/*----------------------------------------------------
	#gNav
----------------------------------------------------*/

div#gNav{
clear:both;
height:42px;
text-align: left;
background:url(/images/bgNav.jpg) repeat-x;
}


div#gNav ul{
list-style:none;
margin:0 0 0 16px;
}

div#gNav ul li{
float:left;
}

div#gNav li a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}


/*----------------------------------------------------
	#feature
----------------------------------------------------*/
div#feature{
background:#FFF;
padding:8px;
}

div#feature div#featureimg{
float:left;
width:632px;
}

div#feature div#topinfo{
float:left;
padding-left:8px;
}

/*----------------------------------------------------
	#pagetitle 第2階層
----------------------------------------------------*/
div#pagetitle{
background:#FFF;
padding:8px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents {
background:#ebedcc;
}

div#contents p.pageTop {
	clear: both;
	text-align: right;
	margin-bottom:0;
	padding:8px 20px;
	font-size:0.8em;
}

div#contents p.pageTop a{
background:url(/images/bulletUp.jpg) no-repeat left 3px;
padding-left:16px;
}

/*----------------------------------------------------
	#topitem
		ホーム 新着情報やイベント情報エリア
----------------------------------------------------*/

div#topitem {
	padding:6px 0;
}


/*----------------------------------------------------
	#info
		ホーム
----------------------------------------------------*/

div#info {
	float: left;
	font-size:0.8em;
	margin-left:19px;
}

div#info h2,
div#event h2{
margin-bottom:0;
margin-top:18px;
}


div#info div.list{
border:3px solid #47bd4c;
}

div.list ul{
list-style:none;
padding:12px;
width:400px;
}

div#info div.list ul li{
padding-left:16px;
padding-bottom:12px;
}

div#info div.list ul.news li{
background:url(/images/bulletRight.jpg) no-repeat left 3px;
}


div#info div.list ul.notice li{
padding-left:18px;
background:url(/images/bulletCircle.jpg) no-repeat left 3px;
}


/*----------------------------------------------------
	#event
		ホーム
----------------------------------------------------*/

div#event {
	float: left;
	font-size:0.8em;
	margin-left:38px;
}


div#event div.list{
border:3px solid #ff6600;
background:#f4decb;
width:434px;
}

div#event div.list div.pickupevent{
margin:12px;
border-bottom:1px solid #999;
clear:both;
}


div#event div.list div.pickupevent h3{
padding-bottom:5px;
font-size:1.2em;

}

div#event div.list div.pickupevent h3 a{
color:#F60;
}

div#event div.list div.pickupevent h3 a:hovor{
background:#FCC;
}

div#event div.list div.pickupevent p{
padding-bottom:18px;
}

div#event div.list div.pickupevent p strong{
font-size:1.1em;
}

div#event div.list div.pickupevent p img{
float: left;
margin: 0 10px 10px 0;
}

div#event div.list div.pickupevent p span.remarks{
font-size:0.9em;
}


div.list p.more{
text-align: right;

margin-bottom:0;
padding:8px 20px;
}



/*----------------------------------------------------
	#secondcontent
		第2階層
----------------------------------------------------*/

div.secondcontent{
padding:32px 0;
background:url(/images/bgmaincontent.jpg) repeat-y;
}

div.secondcontent div.wrapsecondcontent{
padding-left:19px;
padding-right:19px;
}


/*----------------------------------------------------
	#main
		第2階層メイン
----------------------------------------------------*/
div#main {
	float: left;
	width:706px;
	}

div#main h3,
div#main h4,
div#main p,
div#main ul,
div#main ol,
div#main table{
margin-bottom:1em;
}

div#main h3{
clear:both;
background:#32b638;
padding:6px;
color:#FFF;
font-size:1.2em;
}

div#main h4{
clear:both;
border-bottom:1px solid #32b638;
padding:6px 3px 2px;
color:#32b638;
}

div#main h4.entrytitle{
border-bottom:1px solid #f60;
color:#f60;
clear:both;
}

div#main h5{
clear:both;
padding:6px 3px 2px;
color:#32b638;
font-size:1.0em;
}

div#main h5.mark{
border-left:6px solid #32b638;
padding-left:6px;
margin-bottom:6px;
}

div#main p{
font-size:0.85em;
line-height:1.6em;
}

div#main ul,
div#main ol,
div#main dl{
font-size:0.85em;
padding:12px 24px;
}

div#main ul li,
div#main ol li{
padding-bottom:8px;
}

div#main table{
background:#FFE;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
font-size:0.85em;
}

div#main table caption{
font-weight:bolder;
background:#EEE;
}

div#main table td,div#main table th{
padding:8px;
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
}


div#main table th{
background:#FFd;
}


div#main div.textbody{
margin-bottom:1em;
}

div#main div.textbody div.sidea{
float:left;
width:48%;
color:#000;
}

div#main div.textbody div.sideb{
float:right;
width:48%;
}


div#main div.textbody table{
background:#FFE;
}

div#main div.textbody table caption{
padding:4px;
}


div#main div.textbody table td{
vertical-align: top;
padding:4px 8px 4px 0;
}




/*催し物一覧のページ*/

div#main div.eventindex h4,
div#main div.enterindex h4{
margin-top:48px;
}

div#main div.eventindex ul,
div#main div.enterindex ul{
padding:0 0 12px;
}

div#main div.eventindex ul li,
div#main div.enterindex ul li{
float:left;
width:25%;
list-style-type:none;
line-height:1.4em;
}

div#main div.enterindex ul li{
width:30%;
}

div#main div.eventindex ul li a,
div#main div.enterindex ul li a{
display:block;
background:url(/images/bulletRight.jpg) no-repeat left center;
padding:16px;
}

div#main div.wrapsecondcontent ul#jichitailist{
list-style-type:none;
}

div#main div.wrapsecondcontent ul#jichitailist li{
float:left;
margin-right:12px;
}



/* -----------------------------------------------------------
	#sub
		第2階層サイドバー、サブ
----------------------------------------------------------- */
div#sub {
	float: right;
		width:252px;
		font-size:0.8em;
}

div#sub ul{

}





div#sub h4{
margin-bottom:8px;
margin-top:0;
border-bottom:1px solid #F60;
color:#f60;

}


div#sub ul{
list-style:none;
padding:12px;
}

div#sub ul li{
padding-left:16px;
padding-bottom:12px;
}

div#sub ul li{
background:url(/images/bulletRight.jpg) no-repeat left 3px;
}






/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	padding:16px;
	background:#f0f2da;	
}

#footer h3 {
	background:#d6d7c6;
	margin:0 0 12px;
}

#footer div#wrapsitemap {

overflow: hidden;/*hack*/
padding-bottom:12px;
border-bottom:1px dotted #d6d7c6;
}

#footer div.sitemap {
	padding:16px;
	border-right:1px dotted #d6d7c6;	
	float:left;
	padding-bottom: 32768px;/*hack*/
margin-bottom: -32768px;
}

#footer div.sitemapfirst {
	border-left:1px dotted #d6d7c6;	
}



#footer div.sitemap h4 {
font-size:0.7em;
	padding-left:8px;
	padding-right:8px;
	margin-bottom:8px;
	border-left:3px solid #CCC;
	font-weight:normal;
}

#footer div.sitemap ul {
font-size:0.7em;
padding-left:8px;
	padding-right:8px;
	margin-bottom:24px;
	list-style-position:inside;
	list-style-type:disc;
}

#footer div.links h4{
	border-left:3px solid #32b638;
}

#footer div.links ul{
list-style-position:outside;
	list-style-type:none;
}

#footer div.links ul li{
line-height:1.6em;
}

#footer p.copyright{
clear:both;
font-size:0.7em;
text-align:center;
padding:24px;

}

