@charset "Shift_JIS";
/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

	NPO法人未来のホームページCSS

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/

* {
	padding:		0;
	font-size:		12px;
	margin:			0;
	color:			#333333;
}

html{
    height:			100%;
    margin-bottom:	1px;   
    overflow-y:		scroll;   
}

body {
	background-color:		#ffffff;
	height:					100%;
	text-align:				center;
}

body h1 {
	display:		none;
}

a {
	text-decoration:	none;
}

#wrap {
	width:				900px;
	height:				100%;
	text-align:			center;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			0px;
	background-color:	#ffffff;
	min-height: 		100%;

}

#iheader {
	width:				900px;
	height:				180px;
	overflow:			hidden;
}


body > #wrap {
    height: 			auto;
}

img {
	border:				none;
}

.dum {
	display:			none;
}

.date {
	font-weight:		bold;
}

.bold {
	font-weight:		bold;
}

a:hover {
	color:				#11bbff;
}


/*ヘッダー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#header {
	width:				900px;
	background-image:	url(../img/title.jpg);
	background-repeat:	no-repeat;
	overflow:			hidden;
	height:				160px;
	position:			relative;
	line-height:		150%;
}

#header_left {
	width:				470px;
	float:				left;
}

#totop a {
	width:			440px;
	height:			100px;
	margin-top:		8px;
	margin-left:	8px;
	display:		inline;
	float:			left;
}


#header_right {
	width:				430px;
	float:				right;
}

#navi {
	width:			413px;
	height:			98px;
	margin-top:		23px;
	margin-right:	12px;
	display:		inline;
	overflow:		hidden;
	float:			right;   
}

/*----------------------------ナビ左側*/

#navi_left {
	width:			205px;
	height:			96px;
	display:		inline;
	overflow:		hidden;
	list-style:		none;
	float:			left;
}

#navi_outline a {
	width:			205px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_outline a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:0 0;
	width:				205px;
	height:				32px;
	overflow:			hidden;
}  

#navi_events a {
	width:			205px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_events a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:0px 64px;
	width:				205px;
	height:				32px;
	overflow:			hidden;
}  

#navi_topics a {
	width:			205px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_topics a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:0px 32px;
	width:				205px;
	height:				32px;
	overflow:			hidden;
}  

/*----------------------------ナビ右側*/

#navi_right {
	width:			204px;
	height:			96px;
	display:		inline;
	overflow:		hidden;
	list-style:		none;
	float:			right;
}

#navi_town a {
	width:			204px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_town a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:203px 0px;
	width:				204px;
	height:				32px;
	overflow:			hidden;
}  

#navi_walk a {
	width:			204px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_walk a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:203px 64px;
	width:				204px;
	height:				32px;
	overflow:			hidden;
}  

#navi_education a {
	width:			204px;
	height:			32px;
	overflow:		hidden;
	list-style:		none;
	display:		block;
}   

#navi_education a:hover {
	background-image: 	url(../img/navi_over.jpg);
	background-position:203px 32px;
	width:				204px;
	height:				32px;
	overflow:			hidden;
}  

/*Google*/
#google {
	width:			340px;
	height:			24px;
	margin-top:		12px;
	overflow:		hidden;
	float:			right;
	display:		inline;
}


/*トピックパス・サイトマップ(ヘッダ内)
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.sitemap {
	margin-left:	400px;
	margin-top:		9px;
	width:			69px;
	height:			18px;
	overflow:		hidden;
	float:			left;
	list-style:		none;
	display:		inline;
}

.sitemap a {
	display:		block;
	padding:		16px 0;
}

.sitemap a:hover {
	background-image:url(../img/sitemap_over.jpg); 
	color:			#0066aa;
	width:			122px;
	height:			25px;
}  

.sitemap a:active {
	background-image:url(../img/sitemap_push.jpg);
	width:			69px;
	height:			18px;
}

#topicpath {
	margin-left:		32px;
	float:				left;
	display:			inline;
	font-weight:		bold;
}

#topicpath ul {	
	margin-left:		5px;
}

#topicpath li {
	list-style:			none;
	display:			inline;
	color:				#ffffff;
}	

#topicpath li a {
	text-decoration:	underline;
	color:				#ffffff;
}

#topicpath li a:hover {
	color:				#0055ff;
	text-decoration:	none;
}

/*クリア
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.clear {
	clear:	both;
}   

.clear hr {
	display:none;
}  


/*コンテンツ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#inner {
	display:			block;
	width:				900px;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			5px;
	line-height:		20px;
	background:			#ffffff;
	vertical-align:		middle;
	text-align:			left;
}   

/*----------------------------メインコンテンツ汎用*/
#inner h2 {
	display:			block;
	width:				400px;
	height:				34px;
	margin-left:		10px;
	padding-top:		3px;
	font-size:			14pt;
	font-weight:		bold;
	text-indent:		40px;
	vertical-align:		middle;
	background-repeat:	no-repeat;
	overflow:			hidden;
}

#inner h2.blue {
	background-image:	url(../img/bar_blue.jpg);
}
#inner h2.red {
	background-image:	url(../img/bar_red.jpg);
}
#inner h2.purple {
	background-image:	url(../img/bar_purple.jpg);
}
#inner h2.yellow {
	background-image:	url(../img/bar_yellow.jpg);
}
#inner h2.green {
	background-image:	url(../img/bar_green.jpg);
}
#inner h2.orange {
	background-image:	url(../img/bar_orange.jpg);
}

#inner h3 {
	display:			block;
	width:				465px;
	height:				24px;
	margin-left:		40px;
	padding-top:		2px;
	text-indent:		10px;
	font-weight:		bold;
	background-image:	url(../img/h3_bar.jpg);
	background-repeat:	no-repeat;
	overflow:			hidden;
	color:				#ffffff;
}

#topicball_blue li,
#topicball_purple li,
#topicball_red li,
#topicball_orange li,
#topicball_yellow li,
#topicball_green li {
	display:			inline;
	list-style:			none;
	float:				left;
	width:				500px;
	text-indent:		-6em;
	padding-left:		8em;
	padding-top:		1px;
	height:				40px;
	background-repeat:	no-repeat;
	overflow:			hidden;
	text-align:			justify;
	text-justify:		distribute;
	border-top:			solid 5px #ffffff;
	border-bottom:		solid 1px #666666;
}

#topicball_blue li   {background-image:url(../img/topicball_blue.gif);}
#topicball_purple li {background-image:url(../img/topicball_purple.gif);}
#topicball_red li    {background-image:url(../img/topicball_red.gif);}
#topicball_orange li {background-image:url(../img/topicball_orange.gif);}
#topicball_yellow li {background-image:url(../img/topicball_yellow.gif);}
#topicball_green li  {background-image:url(../img/topicball_green.gif);}

#maintopic {
	width:			700px;
	float:			left;
	margin-left:	90px;
	margin-top:		20px;
	display:		inline;
}

.minitopic {
	float:			left;
	width:			500px;
	margin-left:	10px;
	display:		inline;
}

.minitopic a{
	float:			right;
	line-height:	100%;
	margin-top:		20px;
	margin-right:	20px;
	display:		inline;
	font-weight:	bold;
	font-size:		11pt;
}

#inner p.text {
	display:			inline;
	width:				450px;
	float:				left;
	margin-left:		50px;
	margin-bottom:		40px;
	overflow:			hidden;
	text-align:			justify;
	text-justify:		distribute;
	font-size:			100%;
	line-height:		200%;
}

#inner p.text_wide {
	display:			inline;
	width:				700px;
	padding:			15px;
	float:				left;
	margin-top:			5px;
	margin-left:		100px;
	margin-bottom:		40px;
	overflow:			hidden;
	text-align:			justify;
	text-justify:		distribute;
	font-size:			100%;
	line-height:		200%;
	background-image:	url(../img/text_wide_back.gif);
	background-position:center;
	background-repeat:	repeat-y;
	border-top:			solid 1px #c6efdf;
	border-bottom:		solid 1px #c6efdf;
}

#inner p.text_short {
	display:			inline;
	width:				400px;
	padding:			15px;
	float:				left;
	margin-top:			5px;
	margin-left:		50px;
	overflow:			hidden;
	text-align:			justify;
	text-justify:		distribute;
	font-size:			100%;
	line-height:		200%;
	background-image:	url(../img/text_short_back.gif);
	background-position:center;
	background-repeat:	repeat-y;
	border-top:			solid 1px #c6efdf;
	border-bottom:		solid 1px #c6efdf;
}

#inner .table {
	display:			inline;
	width:				395px;
	height:				auto;
	margin-left:		100px;
	float:				left;
}

#inner .td_date {
	display:			inline;
	width:				118px;
	height:				38px;
	float:				left;
	margin:				2px;
	font-size:			12pt;
	font-weight:		bold;
	border-top:			solid 1px #eeeeee;
	border-left:		solid 1px #dddddd;
	border-right:		solid 1px #cccccc;
	border-bottom:		solid 1px #aaaaaa;
}

#inner .td_main {
	display:			inline;
	width:				263px;
	height:				38px;
	float:				right;
	margin:				2px;
	border-top:			solid 1px #eeeeee;
	border-left:		solid 1px #dddddd;
	border-right:		solid 1px #cccccc;
	border-bottom:		solid 1px #aaaaaa;
}

#inner .td_main a {
	display:			inline;
	border-bottom:		dashed 1px #0088cc;
	color:				#0088cc;
}

#inner .td_main a:hover {
	display:			inline;
	border:				none;
	color:				#11bbff;
}

#columnist p a,
#topicball_blue li a,
#topicball_purple li a,
#topicball_red li a,
#topicball_orange li a,
#topicball_yellow li a,
#topicball_green li a,
#inner p.text_wide a,
#inner p.text_short a,
#inner p.text a {
	display:			inline;
	border-bottom:		dashed 1px #ff8822;
	color:				#ff8822;
}

#columnist p a:hover,
#topicball_blue li a:hover,
#topicball_purple li a:hover,
#topicball_red li a:hover,
#topicball_orange li a:hover,
#topicball_yellow li a:hover,
#topicball_green li a:hover,
#inner p.text_wide a:hover,
#inner p.text_short a:hover,
#inner p.text a:hover {
	display:			inline;
	border:				none;
	color:				#0055ff;
}

#inner .picture {
	display:			inline;
	width:				310px;
	height:				210px;
	float:				right;
	margin-top:			-25px;
	margin-bottom:		25px;
	margin-right:		40px;
	overflow:			hidden;
	background-image:	url(../img/picture_back.jpg);
	background-repeat:	no-repeat;
}

#outline_left {
	float:				left;
}

#outline_right {
	display:			inline;
	float:				right;
	width:				320px;
	margin-top:			58px;
	margin-bottom:		25px;
	margin-right:		40px;
	overflow:			hidden;
}

#button_joboffer a {
	display:		inline;
	width:			218px;
	height:			135px;
	float:			right;
	overflow:		hidden;
	background-image:url(../img/button_job01.jpg);
}

#button_column a {
	display:		inline;
	width:			218px;
	height:			135px;
	float:			right;
	overflow:		hidden;
	background-image:url(../img/button_column.jpg);
	background-position:0 0;
}
		
	#button_column a:hover {
		background-position:0 270px;
	}
	
	#button_column a:active {
		background-position:0 135px;
	}

#columnleft {
	display:inline;
	float:left;
}

#columnright {
	display:inline;
	float:right;
	width:250px;
}

#columnist {
	display:			inline;
	width:				550px;
	height:142px;
	margin-left:		175px;
	float:				left;
	background-color:	#cceeff;
	border:				solid 1px #bbddff;
}

#columnist img {
	display:inline;
	float:left;
	margin:10px 0 10px 10px;
}

#columnist p {
	display:inline;
	float:right;
	width:390px;
	margin:10px 10px 10px 10px;
	text-align:left;
}

.columnist_back {
	display:inline;
	float:left;
	margin:10px 0;
	width:300px;
	height:32px;
	background:url(../column/columnist_back.jpg) no-repeat;
}

/*----------------------------インフォメーションエリア*/
#main_info {
	display:			inline;
	width:				590px;
	height:				310px;
	margin-left:		10px;
	float:				left;
	overflow:			hidden;
}

#main_info ul {
	list-style:			none;
}

#main_info img {
	display:			block;
	margin-right:		auto;
	margin-left:		auto;
}

#topics {
	display:			inline;
	width:				290px;
	height:				310px;
	margin-right:		10px;
	float:				right;
	background-image:	url(../img/topics_back.jpg);
	background-repeat:	no-repeat;
	overflow:			hidden;
}

#topics ul {
	width:				250px;
	height:				230px;
	overflow:			hidden;
	margin-top:			40px;
	margin-left:		20px;
	list-style:			none;
}

#topics a {
	color:				#0055ff;
	font-weight:		bold;
}

#topics a:hover {
	color:				#ffffff;
	font-weight:		bold;
}

#topics_a a {
	display:			inline;
	float:				right;
	margin-right:		15px;
	color:				#0055ff;
	text-decoration:	underline;
	text-align:			right;
	font-weight:		bold;
}

#topics_a a:hover {
	color:				#ffffff;
	text-decoration:	none;
}

#banner_area {
	display:			block;
	width:				890px;
	text-align:			center;
	margin-right:		auto;
	margin-left:		auto;
}


/*----------------------------まちづくり・ウオーキング*/
#town_walk {
	display:			inline;
	width:				600px;
	height:				360px;
	float:				left;
	overflow:			hidden;
}
	/*----------------------------ウオーキング*/
	#action_walk {
		display:		inline;
		width:			280px;
		height:			360px;
		margin-right:	12px;
		float:			right;
		overflow:		hidden;
	}	
	
	#walktop a {	
		display:		inline;
		width:			280px;
		height:			175px;
		float:			left;
		overflow:		hidden;
		background-image: 	url(../img/walking_top.jpg);
		background-position:0 0;
	}
	
		#button_mw a {
			display:		inline;
			width:			86px;
			height:			86px;
			margin-left:	10px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_mw.jpg);
			background-position:0 0;
		}
	
		#button_wcmirai a {
			display:		inline;
			width:			86px;
			height:			86px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_wcmirai.jpg);
			background-position:0 0;
		}
	
		#button_rikken a {
			display:		inline;
			width:			86px;
			height:			86px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_rikken.jpg);
			background-position:0 0;
		}
	
		#button_hoiku a {
			display:		inline;
			margin-left:	10px;
			width:			86px;
			height:			86px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_hoiku.jpg);
			background-position:0 0;
		}
	
		#button_watottori a {
			display:		inline;
			width:			86px;
			height:			86px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_watottori.jpg);
			background-position:0 0;
		}
	
		#button_fc a {
			display:		inline;
			width:			86px;
			height:			86px;
			float:			left;
			overflow:		hidden;
			background-image: 	url(../img/button_fc.jpg);
			background-position:0 0;
		}
		
	#action_walk a:hover {
		background-position:0 86px;
	}
	
	#action_walk a:active {
		background-position:0 172px;
	}
	
	#walktop a:hover {	
		background-position:0 -175px;
	}
	
#BODY,TD,DIV{/*全体の文字*/
	font-size : 13px;
	font-family : Arial,"MS UI Gothic",monospace;
	color : #333333;
	}
.title1{/*左の点線部分*/
	padding : 2px 0px;
	margin : 7px 0px 0px 30px;
	border-width : 0px 0px 1px 0px;
	border-style : dotted;
	border-color : #a5a7f1;
	width : 150px;
	color : #a5a7f1;
	}
.title2{/*右側の日付*/
	font-size : 18px;
	text-align : left;
	padding : 2px;
	margin : 0px 70px 0px 0px;
	width : 600px;
	background-color : white;
	font-weight: 700;
	}
.title3{/*トップへ戻る*/
	font-size : 15px;
	text-align : right;
	padding : 2px;
	margin : 0px 70px 0px 0px;
	width : 600px;
	background-color : white;
	font-weight: 700;
	}	
.box1{/*日記本文の枠*/
	padding : 20px;
	margin : 20px 70px;
	background-image:	url(../img/text_wide_back.gif);
	background-position:center;
	background-repeat:	repeat-y;
	width : 600px;
	text-align : left;
	background-color : white;
	line-height : 20px;
	}
A{/*リンクしてある文字*/
	color : #333333;
	text-decoration : none;
	}
A:HOVER{/*マウスが触れた時*/
	color : #a5a7f1;
	text-decoration : none;
	}

/*----------------------------リンク*/
#info_link {
	display:			inline;
	width:				280px;
	height:				300px;
	margin-right:		18px;
	float:				right;
	overflow:			hidden;
	text-align:			justify;
}

#linktop {	
	display:		inline;
	width:			280px;
	height:			175px;
	float:			left;
	overflow:		hidden;
	background-image: 	url(../img/link_top.jpg);
	background-position:0 0;
	background-color:#ffffff;
}

#info_link ul {
	float:left
	margin-left:	5px;
	margin-top:		175px;
}

#info_link li {
	list-style:			none;
	line-height:		18px;
	padding-left:		30px;
	background-image:	url(../img/arrow_blue.gif);
	background-repeat:	repeat-y;

}		

#info_link span a {
	display:		inline;
	float:			right;
	color:			#0066aa;
	text-decoration:underline;
}

#info_link a:hover {
	text-decoration:	none;
}

#info_link span a:hover {
	color:			#11bbff;
}

#linktop a:hover {	
	background-position:0 -175px;
}

/*フッターメニュー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#footer {
	display:			inline;
	width:				880px;
	margin-top:			20px;
	margin-left:		10px;
	margin-bottom:		10px;
	padding-top:		5px;
	height:				32px;
	line-height:		20px;
	float:				left;
	background:			#ffffff;
	border-top:			solid 1px #666666;
	border-bottom:		solid 1px #666666;	
	vertical-align:		middle;
}   

#footer li {
	list-style:			none;
	line-height:		24px;
	display:			inline;  
	padding:			0 4px;
	color:				#666666;
}  

#footer li a {
	text-align:			center;   
	vertical-align:		middle;
}   


/*コピーライト表記
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

#copyright {
	margin-top:			10px;
	color:				#666666;
	display:			block;
	text-align:			center;
	background-color:	#ffffff;
	line-height:		150%;
	font-size:			12px;
}