@charset "euc-jp";
/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#191919;
	font-size:14px;
	line-height:140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}
h1 {
	margin:0;
	padding:0;
	font-size:12px;
	float:left;
	width:800px;
	font-weight:normal;
	}
.h1_space {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:5px;
	padding-top:4px;
	/height:20px;
	}	
h2 {
	margin:0;
	padding:0;
	}
h3 {
	margin:0 0 20px 0;
	}
h4 {
	margin:20px 0 0 0;
	padding:0;
	line-height:100%;
	}
h4.pura {
	margin:20px 0 0 0;
	padding:12px 0 0 20px;
	clear: both;
	background:url(img/privacy_h3_bg.jpg) no-repeat;
	height:49px;
	font-size:16px;
	color:#225920;
	}				
a {
	color:#006699;
	}	
	
	
	
	
/*ヘッダー*/
.headerback{
	background:url(img/header_bg.gif) repeat-x;
	height:114px;
	margin:0;
	padding:0;
	}
.header{
	margin-left:auto;
	margin-right:auto;
	width:952px;
	height:99px;
	}
.header img{
	float:left;
	}	
.header div{
	float:right;
	margin:50px 10px 0 0;
	width:320px;
	}
	
/*フッター*/
.footer_bg {
	clear:both;
	background:url(img/footer_bg.jpg) repeat-x;
	height:74px;
	}
.footer {
	margin-left:auto;
	margin-right:auto;
	width:952px;
	text-align:center;
	padding-top:10px;
	line-height:150%;
	}		
.copyright {
	font-size:10px;
	margin:0 0 5px 0;
	color:#666666;
	}	
/*メニュー*/
#menu_bg {
	clear:both;
	background:url(img/menu_bg.jpg) repeat-x;
	height:50px;
	}
#menu {
	margin-left:auto;
	margin-right:auto;
	height:50px;
	width:950px;
	}

#menu ul{
	margin: 0px;
	padding: 0px;
}
#menu li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
	float:left;
}
#menu li a{
	padding: 0px;
	margin: 0px;
	display: block;
	text-indent:-9877em;
	height: 50px;
	text-decoration: none;
	overflow:hidden;
}

#menu li.menu01 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background:url(img/menu01.jpg) no-repeat;
}
#menu li.menu02 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background: url(img/menu02.jpg) no-repeat;
}
#menu li.menu03 a{
	margin: 0px;
	padding: 0px;
	width:189px;
	background: url(img/menu03.jpg) no-repeat;
}
#menu li.menu04 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background: url(img/menu04.jpg) no-repeat;
}
#menu li.menu05 a{
	margin: 0px;
	padding: 0px;
	width:191px;
	background: url(img/menu05.jpg) no-repeat;
}
#menu li.menu01 a:hover{
	margin: 0px;
	padding: 0px;
	width:190px;
	background: url(img/menu01_on.jpg) no-repeat;
}
#menu li.menu02 a:hover{
	margin: 0px;
	padding: 0px;
	width:190px;
	background: url(img/menu02_on.jpg) no-repeat;
}
#menu li.menu03 a:hover{
	margin: 0px;
	padding: 0px;
	width:189px;
	background: url(img/menu03_on.jpg) no-repeat;
}
#menu li.menu04 a:hover{
	margin: 0px;
	padding: 0px;
	width:190px;
	background: url(img/menu04_on.jpg) no-repeat;
}
#menu li.menu05 a:hover{
	margin: 0px;
	padding: 0px;
	width:191px;
	background: url(img/menu05_on.jpg) no-repeat;
}
#menu li.menu011 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background:url(img/menu01_on.jpg) no-repeat;
}
#menu li.menu012 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background:url(img/menu02_on.jpg) no-repeat;
}
#menu li.menu013 a{
	margin: 0px;
	padding: 0px;
	width:189px;
	background:url(img/menu03_on.jpg) no-repeat;
}
#menu li.menu014 a{
	margin: 0px;
	padding: 0px;
	width:190px;
	background:url(img/menu04_on.jpg) no-repeat;
}
#menu li.menu015 a{
	margin: 0px;
	padding: 0px;
	width:191px;
	background:url(img/menu05_on.jpg) no-repeat;
}

/*トップページ*/

#top_contents_bg {
	background:url(img/topcontents_bg.jpg) repeat-x;
	}
#top_contents {
	margin-left:auto;
	margin-right:auto;
	width:952px;
	background:url(img/top_contents_bg.jpg) repeat-y;
	padding-bottom:20px;
	}
.imgback{
	background:url(img/topimage_bg.jpg) repeat-x;
	height:180px;
	margin:0;
	padding:0;
	}
.imgback div{
	margin-left:auto;
	margin-right:auto;
	width:952px;
	}
/*左カラム*/
.top_left {
	float:left;
	width:225px;
	padding:18px 9px 0 16px;
	}
.top_left div{
	width:205px;
	height:324px;
	background:url(img/top_right_div_bg.jpg) no-repeat;
	padding:10px;
	font-size:12px;
	line-height:130%;
	}
			
/*右カラム*/
.top_right {
	float:right;
	width:674px;
	padding:12px 16px 0 10px;	
	}
.top_link {
	margin-bottom:30px;
	line-height:170%;
	}
.top_pdf {
	background:url(img/pdf.jpg) no-repeat;
	background-position:left bottom;
	text-align:center;
	}	
	
/*下層共通*/
#kaso_contents_bg {
	background:url(img/kaso_bg.jpg) repeat-x;
	height:100%;
	}
#kaso_contents {
	margin-left:auto;
	margin-right:auto;
	width:952px;
	height:100%;
	background:url(img/top_contents_bg.jpg) repeat-y; 
	}
.kaso_imgback{
	clear:both;
	background:url(img/topimage_bg.jpg) repeat-x;
	height:120px;
	margin:0;
	padding:0;
	}
.kaso_imgback div{
	margin-left:auto;
	margin-right:auto;
	width:952px;
	}
.kaso_left {
	float:left;
	width:225px;
	padding:18px 9px 0 16px;
	}
.kaso_left div{
	width:205px;
	height:324px;
	background:url(img/top_right_div_bg.jpg) no-repeat;
	padding:10px;
	font-size:12px;
	line-height:130%;
	}
.kaso_right {
	float:right;
	width:674px;
	padding:0 16px 0 10px;
	}	
.sidemenu {
	width:225px;
	padding:16px 10px 10px 16px;
	_padding:16px 3px 10px 16px;
	}
.kaso_link {
	margin:7px 0 30px 0;
	width:660px;
	}
.kaso_top {
	margin:0 0 20px 0;
	}

/*おかえり教室*/

h2.okaeri {
	margin:10px 0 0 0;
	}
.okaeri_contents {
	margin:0;
	width:670px;
	margin:0 0 30px 0;
	}
.okaeri_contents dd {
	margin:0 0 0 15px;
	}	
.okaeri_ul {
	margin:10px 20px;
	}
.okaeri_ul li{
	list-style:url(img/list.jpg) ;
	font-weight:bold;
	margin-bottom:7px;
	}

.okaeri_contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.okaeri_contents{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .okaeri_contents{height:1%;}
.okaeri_contents{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/	

	
/*2020事業*/		
.business_text {
	font-size:85%;
	text-align:center;
}
.business_ul {
	margin:0 0 25px -10px;
}
	
/*インターン*/	

.ul_intern {
	margin:15px 0 30px 15px;
	padding:0;
	}
.ul_intern li{
	margin-bottom:15px;
	}	

/*ボランティアが運営する事業	*/

.v_table {
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	margin:0 0 15px 0;
	}
.v_table th{
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background:#efefef;
	}
.v_table td{
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	}
	
/*施設利用案内*/

.facility_table {
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	margin:0 0 15px 0;
	}		
.facility_table th{
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background:#efefef;
	}
.facility_table td{
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	text-align:center;
	}	
.facility_p{
	margin:0;
	font-size:16px;
	font-weight:bold;
	}
.heya {
	margin:0 0 20px 0;
	}	
.heya dt{
	margin:15px 0 0 0;
	font-weight:bold;
	}	
facility_contents {
	margin:0;
	width:670px;
	margin:0 0 30px 0;
	}	
.facility_ul {
	margin:10px 20px 10px -10px;
	}
.facility_ul li{
	list-style:url(img/list.jpg) ;
	font-weight:bold;
	margin-bottom:15px;
	}	
	
/*ピアナビ*/

.pier_p {
	margin:15px 0 0 0;
	}	
.pier {
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	margin:0 0 20px 0;
	}
.pier td {
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	}
.pier th {
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background-color:#f7f7f6;
	width:160px;
	text-align:left;
	}		
		
/*サークルフェア*/

.power {
	font-size:12px;
	}
	
.festval_contents {
	margin:0;
	width:670px;
	margin:0 0 10px 0;
	}	
.festval_te {
	margin:10px 0 25px 0;
	border-left:#e3e3e3 1px solid;
	border-top:#e3e3e3 1px solid;	
}
.festval_te th{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
	background:#f9f9f9;
	width:20%;
}
.festval_te td{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
}
.festval_te2 {
	margin:10px 0 25px 0;
	border-left:#e3e3e3 1px solid;
	border-top:#e3e3e3 1px solid;	
}
.festval_te2 th{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
	background:#f9f9f9;
	width:28%;
}
.festval_te2 td{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
}
.festval_te3 {
	margin:10px 0 25px 0;
	border-left:#e3e3e3 1px solid;
	border-top:#e3e3e3 1px solid;	
}
.festval_te3 th{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
	background:#f9f9f9;
	width:35%;
}
.festval_te3 td{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
}
.festval_te4 {
	margin:0 0 25px 0;
	border-left:#e3e3e3 1px solid;
	border-top:#e3e3e3 1px solid;	
}
.festval_te4 td{
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
	text-align:left;
}
.suii {
	margin:15px 0 30px 0;
}
.schedule {
	margin:0 0 20px 20px;
}
.schedule2 {
	margin:0 0 35px 20px;
}
	
/*リンク集*/		

.link {
	margin:0;
	}
.link li {
	margin:0 0 15px	25px;
	list-style:url(img/list.jpg) ;
	}
.seitei {
	margin:0 0 30px 0;
	text-align:right;
	}

/*リンク集*/

.sitemap {
	margin:15px 0 0 10px;
	font-size:16px;
	}
.sitemap ul{
	margin:15px 10px;
	}	
.sitemap li{
	margin:0 0 15px	25px;
	list-style:url(img/list.jpg) ;
	}
	
/*お問い合わせ*/
.contact {
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	width:650px;
	}
.contact th{
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	text-align:left;
	background-color:#fffbec;
	width:200px;
	}
.contact td{
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	text-align:left;
	}	
.must {
	color:#FF0000;
	}
.btn01 {
	margin:15px 0;
	}	
.submit_btn {
	margin:15px 0;
	}
.pura_contents {
	margin:2px 20px 18px 10px;
	}
.pura_contents dl{
	margin:0;
}	
.pura_contents dt{
	font-weight:bold;
}
.pura_contents dd{
	margin:0 0 015px;
}

/*プライバシーポリシー*/
.p_list {
	list-style-type:upper-alpha;
}
.p_list ul{
	margin:0 0 15px 0;
}
.p_list2 {
	margin-left:-35px;
	list-style-type:disc;
}
				
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
.header div{
	width:340px;
}	