@charset 'utf-8';

/* entire */

* {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: #FFFFFF;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	text-align: center;
}

p {
	font-size: 90%;
	line-height: 140%;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.1em;
}

img {
	display: block;
	border-style: none;
}

ul {
	list-style: none;
}

small {
	font-size: 80%;
}

a:link,
a:visited {
	color: #3AB04D;
	text-decoration: none;
}

a:hover,
a:active {
	color: #15652C;
}

#container {
	text-align: left;
	width: 760px;
	background: #FFFFFF;
	margin: 16px auto 0px;
}
#container:after {
	display: block;
	content: '';
	clear: both;
}

/* header section */

#header {
	height: 72px;
	width: 760px;
	background: url(../images/header_bg.gif) no-repeat 0px 0px;
}
#header h1 {
	height: 60px;
	width: 312px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	float: left;
	margin: 8px 0px 0px 8px;
	_display: inline;
}
#header h1 a {
	display: block;
	height: 60px;
}
#header ul {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	_display: inline;
}
#header li {
	float: left;
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
#header li a {
	display: block;
	height: 20px;
}
#header li#menu_inquiry {
	width: 136px;
	background: url(../images/menu_button_inquiry.gif) no-repeat 0px 0px;
}
#header li#menu_inquiry a:hover {
	background: url(../images/menu_button_inquiry_ro.gif) no-repeat 0px 0px;
}
#header li#menu_sitemap {
	width: 90px;
	background: url(../images/menu_button_sitemap.gif) no-repeat 0px 0px;
}
#header li#menu_sitemap a:hover {
	background: url(../images/menu_button_sitemap_ro.gif) no-repeat 0px 0px;
}
#header li#menu_seido {
	width: 120px;
	background: url(../images/menu_button_seido.gif) no-repeat 0px 0px;
}
#header li#menu_seido a:hover {
	background: url(../images/menu_button_seido_ro.gif) no-repeat 0px 0px;
}
#header:after {
	display: block;
	content: '';
	clear: both;
}

/* content section */

#content {
	clear: both;
	width: 760px;
}
#content:after {
	display: block;
	content: '';
	clear: both;
}

/*** main menu */

#menu {
	width: 760px;
	margin-top: 8px;
	margin-bottom: 16px;
}
#menu ul {
	margin: 0px 0px 0px 8px;
	height: 40px;
}
#menu li {
	height: 32px;
	text-indent: -9999px;
	float: left;
	margin-bottom: 8px;
}
#menu li a {
	display: block;
	height: 32px;
}
#menu li#menu_home {
	width: 78px;
	background: url(../images/menu_button_home_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_home a {
	background: url(../images/menu_button_home.gif) no-repeat 0px 0px;
}
#menu li#menu_home a:hover {
	background: url(../images/menu_button_home_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_concept {
	width: 90px;
	background: url(../images/menu_button_concept_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_concept a {
	background: url(../images/menu_button_concept.gif) no-repeat 0px 0px;
}
#menu li#menu_concept a:hover {
	background: url(../images/menu_button_concept_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_kankyou {
	width: 80px;
	background: url(../images/menu_button_kankyou_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_kankyou a {
	background: url(../images/menu_button_kankyou.gif) no-repeat 0px 0px;
}
#menu li#menu_kankyou a:hover {
	background: url(../images/menu_button_kankyou_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_koe {
	width: 95px;
	background: url(../images/menu_button_koe_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_koe a {
	background: url(../images/menu_button_koe.gif) no-repeat 0px 0px;
}
#menu li#menu_koe a:hover {
	background: url(../images/menu_button_koe_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_advice {
	width: 125px;
	background: url(../images/menu_button_advice_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_advice a {
	background: url(../images/menu_button_advice.gif) no-repeat 0px 0px;
}
#menu li#menu_advice a:hover {
	background: url(../images/menu_button_advice_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_blog {
	width: 119px;
	background: url(../images/menu_button_blog_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_blog a {
	background: url(../images/menu_button_blog.gif) no-repeat 0px 0px;
}
#menu li#menu_blog a:hover {
	background: url(../images/menu_button_blog_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_gaiyou {
	width: 81px;
	background: url(../images/menu_button_gaiyou_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_gaiyou a {
	background: url(../images/menu_button_gaiyou.gif) no-repeat 0px 0px;
}
#menu li#menu_gaiyou a:hover {
	background: url(../images/menu_button_gaiyou_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_qanda {
	width: 61px;
	background: url(../images/menu_button_qanda_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_qanda a {
	background: url(../images/menu_button_qanda.gif) no-repeat 0px 0px;
}
#menu li#menu_qanda a:hover {
	background: url(../images/menu_button_qanda_ro.gif) no-repeat 0px 0px;
}

#menu li#menu_tetsuduki {
	width: 140px;
	background: url(../images/menu_button_tetsuduki_ac.gif) no-repeat 0px 0px;
}
#menu li#menu_tetsuduki a {
	background: url(../images/menu_button_tetsuduki.gif) no-repeat 0px 0px;
}
#menu li#menu_tetsuduki a:hover {
	background: url(../images/menu_button_tetsuduki_ro.gif) no-repeat 0px 0px;
}

#menu:after {
	display: block;
	content: "";
	clear: both;
}

/*** body of content */

#content_body {
	width: 616px;
	margin-left: 72px;
	padding: 10px 0px;
}
#content_body:after {
	display: block;
	content: '';
	clear: both;
}

/*** toppage */

#top {
	width: 744px;
	padding: 10px 0px;
	margin: 0px 8px;
}
#top p {
	text-align: right;
}
#top #flash {
	float: left;
}
#top #banner {
	float: right;
}
#top #banner img {
	margin-bottom: 8px;
}
#top #news {
	width: 742px;
	background: #231F20 url(../images/news_title.gif) no-repeat 0px 0px;
	border: 1px solid #231F20;
	margin: 12px 0px;
	clear: both;
}
#top #news dl {
	background: #FFFFFF;
	width: 600px;
	margin-left: 144px;
	height: 120px;
	overflow: auto;
	padding: 8px 0px;
}
#top #news dt {
	font-size: 80%;
	margin: 0px 24px 0px;
}
#top #news dd {
	font-size: 80%;
	text-align: right;
	margin: 0px 24px 6px;
}
#top #news a:link,
#top #news a:visited {
	color: #000000;
}
#top #news a:hover,
#top #news a:active {
	text-decoration: underline;
}

#top img.flash {
	margin: 0px 12px 12px 0px;
}

#top img.banner_left {
	margin: 0px 12px 12px 0px;
	float: left;
	_display: inline;
}
#top img.banner_right {
	margin: 0px 0px 12px 0px;
	float: left;
	_display: inline;
}
#top:after {
	display: block;
	content: '';
	clear: both;
}

/* footer section */

#footer {
	background: url(../images/footer_bg.gif) no-repeat 0px 0px;
	height: 64px;
	width: 760px;
	clear: both;
}
#footer p {
	text-indent: -9999px;
	clear: both;
}
#footer p.pagetop {
	height: 10px;
	width: 136px;
	margin: 8px 18px 0px 0px;
	float: right;
	_display: inline;
	background: transparent;
}
#footer p.pagetop a {
	display: block;
	height: 10px;
}
#footer:after {
	display: block;
	content: '';
	clear: both;
}


/***** each pages *****/

#content_body h2 {
	margin: 8px 0px 24px 12px;
	clear: both;
}
#content_body h3 {
	color: #15652C;
	margin: 0px 28px 12px;
	font-size: 100%;
	clear: both;
}
#content_body h4 {
	margin: 0px 32px 12px 28px;
}
#content_body p {
	margin: 0px 32px 16px 28px;
}
#content_body p.q {
	color: #449944;
	background: url(../images/bar_interview.gif) no-repeat 0px 10px;
	padding-left: 20px;
	margin: 0px 36px 8px 16px;
	font-weight: bold;
}
#content_body p.a {
	margin: 0px 36px 24px 36px;
}
#content_body table {
	margin: 0px 16px 16px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}
#content_body th {
	padding: 4px 6px;
	font-size: 80%;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #EFEFEF;
}
#content_body td {
	font-size: 80%;
	line-height: 140%;
	padding: 4px 6px;
	text-align: left;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#content_body table#tetsuduki {
	margin: 0px 16px 16px;
	border: none;
}
#content_body table#tetsuduki td {
	padding: 0px;
	border: none;
}

#content_body .spot {
	clear: both;
	margin-bottom: 32px;
}
#content_body .spot img {
	margin: 0px 16px 16px 12px;
	float: left;
	display: inline;
}

#content_body ul#sitemap {
	margin-left: 12px;
	margin-bottom: 6px;
}
#content_body ul#sitemap ul {
	margin-left: 24px;
}
#content_body #sitemap li {
	margin-bottom: 6px;
}
#content_body #cm {
	float: right;
	height: 240px;
	width: 320px;
	margin: 8px 32px 8px 16px;
	_display: inline;
}

#blog_body {
	float: left;
	margin: 0px 0px 8px 8px;
	width: 456px;
	_display: inline;
}
#blog_body h3 {
	margin: 0px;
	padding: 4px 8px 8px;
	background: #D5EADA;
}
#blog_body h4 {
	margin: 4px 0px 8px 8px;
}
#blog_body p {
	margin: 0px 16px 16px;
	font-size: 85%;
	letter-spacing: 0em;
}
#blog_body p.meta {
	font-size: 60%;
	color: #666666;
	border-top: 1px solid #4D965D;
	text-align: right;
	margin: 0px 0px 8px;
	padding: 6px 12px 0px 0px;
}
#blog_body img {
	margin: 0px 12px 12px 0px;
}
#blog_body .post {
	border: 1px solid #4D965D;
	margin: 0px auto 16px;
}
#blog_body .comment {
	margin: 0px 24px 12px;
}
#blog_body .comment p {
	font-size: 80%;
}

#blog_menu {
	float: right;
	margin: 0px 8px 8px;
	width: 132px;
	border: 1px solid #4D965D;
	_display: inline;
	font-size: 85%;
	background: #67B178;
	color: #FFFFFF;
}
#blog_menu h3 {
	margin: 0px 0px 8px;
	color: #FFFFFF;
	background: #4D965D;
	border-bottom: 1px solid #4D965D;
	padding: 4px;
}
#blog_menu ul {
	margin: 0px 0px 6px;
	padding: 0px;
}
#blog_menu li {
	margin: 0px 4px 4px 8px;
	font-size: 85%;
}
#blog_menu form {
	text-align: center;
	margin: 0px auto 6px;
}

#blog_menu a:link,
#blog_menu a:visited {
	color: #FFFFFF;
}
#blog_menu a:active,
#blog_menu a:hover {
	text-decoration: underline;
}