@charset "UTF-8";
/* CSS Document */

/*==================================
 基本ベースを設定（リセット）します 
===================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	text-align:left;
	color:#333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:970px;
	margin:0 auto;
    background-color: #eceee7;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

a   {color:#5b8d15;text-decoration:none}
a:visited   {color:#535f42}
a:hover   {color:#90d52f;text-decoration:underline}
a:active   {color:#ff0000}

/*=================================
 ヘッダー部分を設定 
==================================*/
header {
	width:100%;
	height:106px;
	text-align:left;
    background-color: #fff;
	border-bottom:#5b8d15 solid 4px;
}

header h1 {
	font-size:133%;
	padding:20px 0 0 10px;
	color:#5b8d15;
}

#sitedescription {
	float:left;
	font-size:91%;
	line-height:inherit;
	padding:0 0 0 13px;
}

#topinfo {
	float:right;
	margin-top:-40px;
}

#topinfo li {
	float:left;
	font-size:80%;
	padding:0 10px 0 25px;
	background:url(../imgs/topinfo.gif) no-repeat 8px 3px;
	list-style:none;
}

#tel_inquiry {
	float:right;
	margin-top:-20px;
	font-size:130%;
	font-weight:bold;
	padding:0 10px;
	color:#5b8d15;
}

.topimg {
	clear:both;
	margin:0 0 -7px 0;
}

/*=== トップメニュー部分 ===*/
#topmenu {
	clear:both;
	width:100%;
	height:68px;
	text-align:center;
	margin-top:1px;
}

#topmenu ul {
	padding-left: 2px;
}

#topmenu ul li {
	display:inline;
	float:left;
	width:181px;
	font-size:100%;
	font-weight:bold;
	margin:4px 3px;
	border-radius:4px;
	border:#96c10f solid 3px;
}

#topmenu ul li a {
	display:block;
	color:#FFF;
	padding: 14px 25px;
	text-decoration:none;
	text-shadow: -1px -1px 0px #000;
	background: -webkit-linear-gradient(#dde6c7 0%, #64a93c 49%, #579c31 51%, #336238 100%);
	background: linear-gradient(#dde6c7 0%, #64a93c 49%, #579c31 51%, #336238 100%);
	transition: all 0.3s ease-in-out;
}

#topmenu ul li a:hover {
	text-decoration:none;
	color:#FFF;
	text-shadow: -1px -1px 2px #000;
	background: -webkit-linear-gradient(#dff8b2 0%, #9dd55d 49%, #9acc52 51%, #67980a 100%);
	background: linear-gradient(#dff8b2 0%, #9dd55d 49%, #9acc52 51%, #67980a 100%);
	transition: all 0.3s ease-in-out;
}

.topmenu {
	color:#FFF;
	padding: 14px 0;
	text-shadow: -1px -1px 0px #000;
	background: -webkit-linear-gradient(#dff8b2 0%, #9dd55d 49%, #9acc52 51%, #67980a 100%);
	background: linear-gradient(#dff8b2 0%, #9dd55d 49%, #9acc52 51%, #67980a 100%);
}

#pankuzu {
	clear:both;
	font-size:76%;
	padding:10px 14px;
    background-color: #fff;
	border-top:#5b8d15 solid 4px;
}


/*=================================
 メインコンテンツ部分を設定 
==================================*/
#container {
	width: 100%;
    background-color: #fff;
}

article {
	float:right;
	width:700px;
	padding:0;
	margin:0;
}

section {
	margin: 0;
    padding: 10px;
}

#message h2 {
	font-size:145%;
	color:#3f6706;
	text-align:center;
}

#message p {
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	font-size:100%;
	line-height:190%;
	padding:10px 0;
	text-indent:0;
}

article h2 {
	font-size:145%;
	color:#3f6706;
	padding-left:10px;
}
article p {
	font-size:100%;
	line-height:190%;
	padding:0 0 14px;
	text-indent:1em;
	margin:5px 10px 0;
}

section h2,h3,h4 {
	font-size:124%;
	color:#4d7711;
	padding:5px 0 2px 12px;
	background: -webkit-linear-gradient(#edfacc 0%, #deebbf 50%, #d4dfc3 100%);
	background: linear-gradient(#edfacc 0%, #deebbf 50%, #d4dfc3 100%);
	border-left:#3f6706 solid 4px;
	border-bottom:#3f6706 solid 1px;
	margin:0 0 10px;
}

section p {
	font-size:100%;
	line-height:190%;
	margin:0;
	text-indent:1em;
}

section ul {
	padding: 0;
}

section li, section ol {
	margin-left:50px;
	padding: 5px 15px 5px 0;
}

section table {
	margin-left:auto;
	margin-right:auto;
}

section td {
	font-size:91%;
	line-height:124%;
	padding:6px;
}

.alignleft {
	float:left;
	margin: 5px 8px 2px 0;
}

.alignright {
	float:right;
	margin: 5px 0 2px 8px;
}

.aligncenter {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.clearleft {	/* 画像の回り込みをタイトルで区切りたい場合はそれぞれ指定する */
	clear: left;
}
.clearright {	/* 画像の回り込みをタイトルで区切りたい場合はそれぞれ指定する */
	clear: right;
}
.clear {	/* 右、左に関係なくすべてをクリアします */
	clear: both;
}

.pagetop {
	clear:both;
	font-size:76%;
	text-align:right;
	padding:10px 16px;
}

.pagetop a {
	text-decoration:none;
}

.small {
	font-size:small;
	vertical-align:middle;
}

/* 230829 */

sup {
	font-size: 50%; /* お好きなサイズに */
	vertical-align: super;
}
sub {
	font-size: 50%; /* お好きなサイズに */
	vertical-align: sub;
}

/*=================================
 サイドメニュー部分を設定 
==================================*/
#leftmenu {
	width:240px;
	text-align:left;
	margin: 0 20px 10px 10px;
}

#leftmenu h3 {
	display:block;
	font-size:91%;
	color:#fff;
	padding:0;
	text-shadow: 1px 1px 0px #000;
	border-left:none;
	border-bottom:none;
	margin:0 0 10px;
}

#leftmenu h3 a {
	display:block;
	padding:9px 2px 5px 16px;
	background: -webkit-linear-gradient(#4b7e03 50%, #8eca38 100%);
	background: linear-gradient(#4b7e03 50%, #8eca38 100%);
    border-radius:3px;
	border-left:#94d538 solid 7px;
	color:#FFF;
}

#leftmenu h3 a:hover {
	padding:9px 2px 5px 16px;
	color:#FFF;
	background: -webkit-linear-gradient(#4b7e03 0%, #8eca38 60%);
	background: linear-gradient(#4b7e03 0%, #8eca38 60%);
	border-left:#ec6fa1 solid 7px;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000;
	transition: all 0.3s ease-in-out;
}

#leftmenu ul {
	margin:-10px 0 8px;
	padding:8px 0;
    background-color: #eceee7;
}

#leftmenu li {
	font-size:94%;
	line-height:115%;
	margin-left:25px;
	padding:7px 0;
}

#leftmenu ul ul {
	margin:0 0 -12px -12px;
}

#leftmenu li li {
	font-size:100%;
	line-height:122%;
}
aside h4 {
	font-size:106%;
	margin:6px 0;
	padding:10px 0 0 0;
	border:none;
	background:none;
	color:#333;
}
aside p,
.freespace p {
	font-size:91%;
	line-height:inherit;
}
.freespace {
	border-top:#060 solid 2px;
	border-bottom:#060 solid 2px;
    background-color: #eceee7;
	padding:10px;
	margin:10px 0;
}

/*=================================
 フッター部分を設定 
==================================*/
footer {
	clear:both;
	margin:0;
	background-color:#5b8d15;
	color:#fff;
}

#footermenu {
	padding:16px 0 10px;
	background-color:#fff;
	text-align:center;
	margin-bottom:10px;
}

#footermenu li {
	display: inline;
	font-size:91%;
	color:#333;
}

#shamei {
	font-size:100%;
	font-weight:bold;
	padding:0 16px;
}

#addr {
	font-size:88%;
	padding:0 16px;
}

#copyright {
	font-size:82%;
	font-family:Verdana, Geneva, sans-serif;
	margin:10px 0 -5px;
	padding:0 16px;
}

#credit {
	float:right;
	font-size:55%;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 16px;
	margin-top:-6px;
}
#credit a {
	color:#eceee7;
}