@charset "utf-8";

/*****************************************
			Global Setting
*****************************************/
html { background: url(../img/parts/page_bg.jpg) 0 0 repeat; }
/*****************************************
				Container
*****************************************/
#container {
	min-height: 100%;
	_height: 100%;
	/zoom: 1;
}
/*****************************************
				Header
*****************************************/
#header {
	background: url(../img/header/header_bg.jpg) 50% 47px repeat-x;
	width: 100%;
	padding: 52px 0 0 0;
	overflow: hidden;
	position: relative;
}
/*****************************************
			Header Contents
*****************************************/
#logoTitle {
	width: 274px;
	height: 200px;
	margin: 0 auto 15px auto;
}
#logoTitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/header/logo_title.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_searchBox,
#btn_menuBox,
#menuBox { display: none; }
#menuBox {
	height: 0;
	overflow: hidden;
}
#headerNav {
	background: #FFF;
	width: 100%;
	border-bottom: 2px solid #50C491;
	position: absolute;
	top: 0;
	left: 0;
}
#headerNavInner {
	width: 100%;
	max-width: 1000px;
	_width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#tools {
	width: 460px;
	float: right;
}
#btn_city {
	background: url(../img/header/citylogo.png) 0 0 no-repeat;
	width: 158px;
	height: 38px;
	margin: 4px 0 3px 0;
	float: left;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
/*****************************************
			Search Form
*****************************************/
#searchBox h2 { display: none; }
#search {
	background: #DDD;
	width: 210px;
	margin: 7px 10px 7px 0;
	float: left;
	border-radius: 14px;
	position: relative;
	overflow: hidden;
}
#label_field_search {
	display: none;
}
#field_search {
	background: #DDD;
	border: none;
	width: 168px;
	height: 31px;
	line-height: 31px;
	padding: 0 5px 0 10px;
	border-radius: 14px;
}
#btn_search {
	width: 19px;
	height: 19px;
	background: url(../img/header/btn_search.png) 0 0 no-repeat;
	border: none;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 10px;
}
/*****************************************
			Size Changer
*****************************************/
#sizeChanger {
	width: 110px;
	margin: 11px 7px 10px 0;
	float: left;
	overflow: hidden;
}
#sizeChanger dt {
	background: url(../img/header/textsize.png) 0 50% no-repeat;
	width: 59px;
	height: 24px;
	margin: 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	_display: inline;
}
#sizeChanger dd {
	width: 24px;
	height: 24px;
	float: left;
	_display: inline;
}
#sizeChanger dd#df { margin: 0 3px 0 0; }
#sizeChanger dd#zf { margin: 0 0 0 0; }
#sizeChanger dd a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/header/btn_textsize.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#sizeChanger dd#df a { background-position: 0 0; }
#sizeChanger dd#zf a { background-position: -24px 0; }
#sizeChanger dd#df a:hover { background-position: 0 -24px; }
#sizeChanger dd#zf a:hover { background-position: -24px -24px; }
/*****************************************
			Foreigners
*****************************************/
#foreigners {
	width: 123px;
	margin: 11px 0 10px 0;
	float: left;
	overflow: hidden;
}
#foreigners dt {
	background: url(../img/header/langage.png) 0 50% no-repeat;
	width: 27px;
	height: 24px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	_display: inline;
}
#foreigners dd {
	width: 96px;
	height: 24px;
	float: right;
	_display: inline;
}
#foreigners dd a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/header/btn_langage.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#foreigners dd a:hover { background-position: 0 -24px }
/*****************************************
			Global Navigation
*****************************************/
#gNav {
	background: #FFF;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	border-top: 2px solid #50C491;
}
#gNav ul {
	width: 100%;
	_width: 1000px;
	max-width: 1000px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
	letter-spacing: -0.4em;
	text-align: center;
}
#gNav ul li {
	height: 87px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
}
#gNav ul li.nav01 { width: 166px; }
#gNav ul li.nav02 { width: 167px; }
#gNav ul li.nav03 { width: 167px; }
#gNav ul li.nav04 { width: 167px; }
#gNav ul li.nav05 { width: 166px; }
#gNav ul li.nav06 { width: 167px; }
#gNav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/gnav/gnav.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#gNav ul li.nav01 a { background-position: 0 0; }
#gNav ul li.nav02 a { background-position: -166px 0; }
#gNav ul li.nav03 a { background-position: -333px 0; }
#gNav ul li.nav04 a { background-position: -500px 0; }
#gNav ul li.nav05 a { background-position: -667px 0; }
#gNav ul li.nav06 a { background-position: -833px 0; }
#gNav ul li.nav01 a:hover { background-position: 0 -87px; }
#gNav ul li.nav02 a:hover { background-position: -166px -87px; }
#gNav ul li.nav03 a:hover { background-position: -333px -87px; }
#gNav ul li.nav04 a:hover { background-position: -500px -87px; }
#gNav ul li.nav05 a:hover { background-position: -667px -87px; }
#gNav ul li.nav06 a:hover { background-position: -833px -87px; }
/*****************************************
				Wrapper
*****************************************/
#wrapper { padding: 0 0 310px 0; }
/*****************************************
				Main
*****************************************/
#main { overflow: hidden; }
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	background: #FFF;
	border-top: 2px solid #50C491;
	border-bottom: 2px solid #50C491;
	padding: 5px 0;
}
#topicpath ol {
	background: url(../img/parts/current.png) 0 0 no-repeat;
	max-width: 891px;
	_width: 891px;
	margin: 0 auto;
	padding: 0 0 0 109px;
	list-style: none;
	letter-spacing: -0.4em;
	font-size: 86%;
}
#topicpath ol li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	line-height: 27px;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 93%;
}
#topicpath ol li a {
	background: url(../img/parts/topicpath_arw.png) 100% 50% no-repeat;
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
}
/*****************************************
			Main Contents
*****************************************/
#mainContents { margin-bottom: 30px; }
/*****************************************
			Page Title
*****************************************/
#pageTitle,
#pageTitle_about,
#pageTitle_work,
#pageTitle_housing,
#pageTitle_award,
#pageTitle_parenting,
#pageTitle_flow {
	background: #50C491;
	max-width: 996px;
	_width: 996px;
	margin: 0 auto 15px auto;
	border: 2px solid #50C491;
	border-radius: 4px;
}
#pageTitle .innerTitle {
	background: url(../img/title/page_default.png) 0 0 no-repeat;
	padding: 0 10px 4px 60px;
	line-height: 51px;
	font-size: 186%;
	font-weight: bold;
	color: #333;
	display: block;
}
#pageTitle_about .innerTitle,
#pageTitle_work .innerTitle,
#pageTitle_housing .innerTitle,
#pageTitle_award .innerTitle,
#pageTitle_parenting .innerTitle,
#pageTitle_flow .innerTitle {
	width: 420px;
	height: 51px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#pageTitle_about { background: url(../img/title/page_about_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_about .innerTitle { background: url(../img/title/page_about.png) 0 0 no-repeat; }
#pageTitle_work { background: url(../img/title/page_work_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_work .innerTitle { background: url(../img/title/page_work.png) 0 0 no-repeat; }
#pageTitle_housing { background: url(../img/title/page_housing_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_housing .innerTitle { background: url(../img/title/page_housing.png) 0 0 no-repeat; }
#pageTitle_award { background: url(../img/title/page_award_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_award .innerTitle { background: url(../img/title/page_award.png) 0 0 no-repeat; }
#pageTitle_parenting { background: url(../img/title/page_parenting_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_parenting .innerTitle { background: url(../img/title/page_parenting.png) 0 0 no-repeat; }
#pageTitle_flow { background: url(../img/title/page_flow_bg.png) 100% 0 no-repeat #50C491; }
#pageTitle_flow .innerTitle { background: url(../img/title/page_flow.png) 0 0 no-repeat; }
#lNav {
	list-style: none;
	letter-spacing: -0.4em;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 5px;
}
#lNav li {
	background: url(../img/parts/list_point01.png) 0 4px no-repeat;
	margin: 0 20px 10px 0;
	padding: 0 0 0 14px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
}
#lNav li a {}
/*****************************************
				Contents
*****************************************/
#contents {
	background: url(../img/parts/contents_bg.gif) 0 0 repeat;
	width: 93%;
	max-width: 960px;
	_width: 960px;
	margin: 0 auto;
	padding: 0 18px;
	border: 2px solid #50C491;
	border-radius: 4px;
	overflow: hidden;
}
#contents img {
	max-width: 100%;
	height: auto;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2 {
	background: url(../img/title/h2_title.png) 0 100% no-repeat;
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 20px;
	border: 1px solid #58C694;
	font-size: 129%;
	font-weight: bold;
	color: #333;
}
#contents h3 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 10px;
	border: 1px solid #58C694;
	border-top: 4px solid #58C694;
	font-size: 122%;
	font-weight: bold;
}
#contents h4 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 10px;
	border: 1px solid #CCC;
	border-top: 4px solid #CCC;
	font-size: 122%;
	font-weight: bold;
}
#contents h5 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 10px;
	border: 1px solid #CCC;
	border-left: 4px solid #CCC;
	font-size: 122%;
	font-weight: bold;
}
#contents h6 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 10px;
	border: 1px solid #CCC;
	font-size: 122%;
	font-weight: bold;
}
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	width: 100%;
	max-width: 1000px;
	_width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#print {
	background: url(../img/parts/print.png) 0 0 no-repeat;
	width: 114px;
	height: 26px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}
#print:hover { background-position: 0 -26px; }
/*****************************************
			Page Top
*****************************************/
#pageTop {
	background: url(../img/parts/pagetop.png) 0 0 no-repeat;
	width: 200px;
	height: 26px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: right;
}
#pageTop:hover { background-position: 0 -26px; }
/*****************************************
				Footer
*****************************************/
#footer {
	margin: -310px 0 0 0;
	height: 310px;
}
#footerInner {
	width: 100%;
	max-width: 1000px;
	_width: 1000px;
	margin: 0 auto;
	padding: 50px 0 15px 0;
	overflow: hidden;
}
#footerNav {
	background: url(../img/parts/dot_gray.png) 0 0 repeat-y;
	width: 500px;
	margin: 12px 0 0 0;
	letter-spacing: -0.4em;
	font-size: 86%;
	list-style: none;
	float: left;
}
#footerNav li {
	background: url(../img/parts/dot_gray.png) 100% 0 repeat-y;
	margin: 0;
	padding: 0 12px 2px 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}
#footerNav li a {
	background: url(../img/parts/dot_green.png) 0 100% repeat-x;
	padding: 0 0 2px 0;
	color: #008C8C;
	text-decoration: none;
}
#footerNav li a:hover { color: #C03; }
#btnFooter {
	width: 409px;
	float: right;
	overflow: hidden;
}
#btnFooter a {
	background: url(../img/footer/btn_footer.png) 0 0 no-repeat;
	width: 200px;
	height: 45px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btnFooter .btn01 {
	background-position: 0 0;
	float: left;
}
#btnFooter .btn01:hover { background-position: 0 -45px; }
#btnFooter .btn02 {
	background-position: -200px 0;
	float: right;
}
#btnFooter .btn02:hover { background-position: -200px -45px; }
#footerNav #li_facebook,
#footerNav #li_twitter,
#btnFooter2 { display: none; }
/*****************************************
			Footer Contents
*****************************************/
#footerContents {
	background: url(../img/footer/footer_bg.jpg) 50% 0 repeat-x;
	overflow: hidden;
}
#footerContentsInner {
	background: url(../img/footer/footer_logo.png) 0 50% no-repeat;
	max-width: 850px;
	height: 170px;
	margin: 0 auto;
	padding: 30px 0 0 150px;
}
#contactus {
	color: #FFF;
	overflow: hidden;
}
#contactus dl {
	width: 400px;
	padding: 0;
	float: left;
}
#contactus dl dt {
	background: url(../img/parts/dot_black.png) 0 0 repeat;
	margin: 0 0 10px 0;
	padding: 1px 0 1px 6px;
	color: #73FFB9;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 108%;
	font-weight: bold;
}
#contactus dl dd {
	margin: 0 0 5px 0;
	padding: 2px 6px 2px 32px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#address { background: url(../img/footer/icon_address.png) 0 0 no-repeat; }
#tel { background: url(../img/footer/icon_tel.png) 0 0 no-repeat; }
#fax { background: url(../img/footer/icon_fax.png) 0 0 no-repeat; }
#btnArea {
	width: 305px;
	float: right;
	overflow: hidden;
}
#btn_mail {
	background: url(../img/footer/btn_mail.png) 0 0 no-repeat;
	width: 305px;
	height: 48px;
	margin: 0 0 10px 0;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_mail:hover { background-position: 0 -48px; }
#btn_facebook {
	background: url(../img/footer/btn_facebook.png) 0 0 no-repeat;
	width: 46px;
	height: 48px;
	float: right;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_facebook:hover { background-position: 0 -48px; }
#btn_twitter {
	background: url(../img/footer/btn_twiiter.png) 0 0 no-repeat;
	width: 46px;
	height: 48px;
	margin: 0 0 0 10px;
	float: right;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_twitter:hover { background-position: 0 -48px; }
/*****************************************
			Copy Right
*****************************************/
#copyright {
	background: url(../img/parts/dot_white.png) 0 0 repeat-x;
	margin: 10px 0 0 0;
	padding: 8px 0 0 0;
	color: #FFF;
	font-family: Georgia, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 79%;
}
#copyright span { display: block; }