@charset "UTF-8";

body { margin: 0; padding: 0; font-family: Helvetica,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 80%; line-height: 1.6; -webkit-text-size-adjust: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
.clearfix { /zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; }


div#globalHeader { margin: 0 auto; width: 980px; height: 100px; position: relative; }
div#globalHeader p { font-size: 95%; }
div#globalHeader strong { font-size: 24px; position: absolute; top: 26px; left: 10px; }
div#globalHeader img.logo { width: 240px; height: auto; }
div#globalHeader div.search { padding: 10px 20px; width: 200px; background: #f3f2e7; position: absolute; top: 20px; right: 0; }
div#globalHeader a.spMenu { display: none; }


div#globalNavi { width: 100%; height: 48px; background: #0a9221; position: static; opacity: 0.9; z-index: 99; }
div#globalNavi ul { margin: 0 auto; padding: 0; width: 980px; list-style: none; }
div#globalNavi li { float: left; }
div#globalNavi li a { color: #fff; text-align: center; line-height: 48px; display: block; }
div#globalNavi li a:hover { background: #088b1d; text-decoration: none; }


div#globalNavi li.navi01 { width: 115px; }
div#globalNavi li.navi02 { width: 126px; }
div#globalNavi li.navi03 { width: 217px; }
div#globalNavi li.navi04 { width: 152px; }
div#globalNavi li.navi05 { width: 178px; }
div#globalNavi li.navi06 { width: 192px; }
div#globalNavi li.active { background: #17a32e; }



div#contents { margin: 20px auto 80px auto; width: 980px; }






/* --------------------------------------------------
	PATH
-------------------------------------------------- */

div#path { margin: 20px auto; width: 980px; font-size: 95%; }
div#path span { margin: 0 0.5em; color: #999; }
div#path strong { font-weight: 400; }



/* --------------------------------------------------
	GLOBAL FOOTER
-------------------------------------------------- */

div#globalFooter { padding: 30px 0 50px 0; background: #f3f2e7; }
div#globalFooter div.inner { margin: 0 auto; width: 980px; }
div#globalFooter dl { margin: 0 0 40px 0; padding: 0; }
div#globalFooter dt { margin: 0; padding: 0; width: 220px; float: left; }
div#globalFooter dt img { width: 200px; height: auto; }
div#globalFooter dd { margin: 0; padding: 0; width: 760px; float: left; }
div#globalFooter dd strong { margin: 0 0.8em 0 0; }
div#globalFooter p.note { margin: 0; padding: 0; font-size: 95%; text-align: center; }
div#globalFooter p.copyright { margin: 0; padding: 0; text-align: center; }

/*
background: #f3f2e7;
border: solid 1px #e1e0d6;
*/



div#spMenu { display: none; }


h1 { margin: 0 0 1em 0; padding: 5px 10px; border-bottom: solid 5px #129f29; font-size: 160%; }

/*
h1 { margin: 0 0 1em 0; padding: 20px; background: #129f29; color: #fff; font-size: 140%; }
*/
/*
h1 { margin: 0 0 1em 0; padding: 10px 20px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #eee), color-stop(0.40, #fff)); background: -webkit-linear-gradient(top, #fff 40%, #eee 85%); background: -moz-linear-gradient(top, #fff 40%, #eee 85%); background: -o-linear-gradient(top, #fff 40%, #eee 85%); background: -ms-linear-gradient(top, #fff 40%, #eee 85%); background: linear-gradient(to bottom, #fff 40%, #eee 85%); border: solid 1px #eee; border-bottom: solid 3px #129f29; font-size: 140%; text-shadow: 1px 1px 8px #fff; border-radius: 4px 4px 0 0; box-shadow: 0 0 10px #f8f8f8; }
*/
h2 { margin: 1.5em 0 1em 0; padding: 5px 10px; border-left: solid 3px #129f29; font-size: 130%; }
h3 { margin: 0; padding: 0; font-size: 120%; }






div#content { width: 710px; float: left; }

div#side { width: 240px; float: right; }
div#side ul.menu { margin: 0 0 15px 0; padding: 0; border-top: solid 1px #e1e0d6; list-style: none; }
div#side ul.menu li { padding: 10px 10px 10px 30px; background: #f3f2e7 url(../images/common/menuArrow.png) 14px center no-repeat; background-size: 8px; border: solid 1px #e1e0d6; border-width: 0 1px 1px 1px; }
div#side div#blog { margin: 0 0 20px 0; padding: 10px; background: #f3f2e7; }
div#side div#blog strong { margin: 0 0 10px 0; font-size: 110%; text-align: center; display: block; }
div#side div#blog ul { margin: 0; padding: 0; list-style: none; }
div#side div#blog li { padding: 10px; background: #fff; border-bottom: dotted 1px #eee; }
div#side div#blog li span { display: block; }
div#side ul.sideNavi { margin: 0 0 20px 0; padding: 0; border: solid 1px #e1e0d6; list-style: none; }
div#side ul.sideNavi li { padding: 10px 20px; border-bottom: solid 1px #e1e0d6; }
div#side ul.sideNavi li:last-child { border-bottom: none; }


/* --------------------------------------------------
	COMMON ELEMENTS
-------------------------------------------------- */
div#contents input.w10 { margin: 0; padding: 0.5em; width: 10%; font-size: 100%; box-sizing: border-box; }
div#contents input.w20 { margin: 0; padding: 0.5em; width: 20%; font-size: 100%; box-sizing: border-box; }
div#contents input.w30 { margin: 0; padding: 0.5em; width: 30%; font-size: 100%; box-sizing: border-box; }
div#contents input.w40 { margin: 0; padding: 0.5em; width: 40%; font-size: 100%; box-sizing: border-box; }
div#contents input.w50 { margin: 0; padding: 0.5em; width: 50%; font-size: 100%; box-sizing: border-box; }
div#contents input.w60 { margin: 0; padding: 0.5em; width: 60%; font-size: 100%; box-sizing: border-box; }
div#contents input.w70 { margin: 0; padding: 0.5em; width: 70%; font-size: 100%; box-sizing: border-box; }
div#contents input.w80 { margin: 0; padding: 0.5em; width: 80%; font-size: 100%; box-sizing: border-box; }
div#contents input.w90 { margin: 0; padding: 0.5em; width: 90%; font-size: 100%; box-sizing: border-box; }
div#contents input.w100 { margin: 0; padding: 0.5em; width: 100%; font-size: 100%; box-sizing: border-box; }
div#contents textarea { margin: 0; padding: 0.5em; width: 100%; height: 20em; font-size: 100%; box-sizing: border-box; }



div#contents table.contact { width: 100%; border-collapse: collapse; }
div#contents table.contact tbody th { padding: 10px; background: #f3f2e7; border: solid 1px #e1e0d6; }
div#contents table.contact tbody td { padding: 10px 20px; border: solid 1px #e1e0d6; }
div#contents table.contact tbody td p { margin: 0; padding: 0; }



div#formButton { margin: 20px 0; text-align: center; }


div#contents a.button { margin: 0 auto; padding: 10px; width: 200px; background: #129f29; color: #fff; text-align: center; display: block; }
div#contents a.button:hover { background: #088b1d; text-decoration: none; }



/* -------------------------
以下はスマートフォン用のCSS
------------------------- */
@media screen and (max-width : 767px) {

body { font-size: 14px; }

div#globalHeader { padding: 10px 10px 20px 10px; width: auto; height: auto; /*border-bottom: solid 3px #0a9221;*/ }
div#globalHeader p { display: none; }
div#globalHeader strong { position: static; }
div#globalHeader img.logo { margin: 0 0 10px 0; width: 200px; height: auto; }
div#globalHeader div.search { padding: 10px 0; width: 100%; text-align: center; position: static; }
div#globalHeader div.search span { display: none; }
div#globalHeader div.search input { width: 70%; }
div#globalHeader a.spMenu { width: 50px; height: 50px; background: url(../images/common/spMenu.gif) center no-repeat; background-size: 50px 50px; display: block; position: absolute; top: 12px; right: 20px; }

div#globalNavi { display: none; }

div#path { margin: 0 10px; width: auto; }



div#contents { padding: 0 10px; width: auto; }
div#content { padding: 0 0 30px 0; width: auto; float: none; }


h1 { font-size: 140%; line-height: 1.4; }

/*
h1 { margin: 0 -10px 1em -10px; padding: 10px; font-size: 130%; line-height: 1.4; }
*/
h2 { font-size: 120%; }
h3 { font-size: 110%; }




div#content img { max-width: 100%; height: auto; }


div#side { width: auto; float: none; }

div#side ul.sideNavi { display: none; }

div#side div.fb-like iframe { margin-top: -6px; }



div#globalFooter { padding: 20px 10px 40px 10px; }
div#globalFooter div.inner { width: auto; }
div#globalFooter dl { margin: 0; }
div#globalFooter dt { display: none; }
div#globalFooter dd { width: auto; float: none; }
div#globalFooter p.note { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #eee; }






div#spMenu { padding: 10px 0 20px 0; width: 100%; background: #0a9221; position: absolute; top: 0; left: 0; }
div#spMenu ul { margin: 0 0 20px 0; padding: 0; list-style: none; }
div#spMenu li { border-bottom: solid 1px #fff; }
div#spMenu li a { padding: 10px 20px; color: #fff; display: block; }
div#spMenu a.button { margin: 0 auto; padding: 6px 10px; width: 50%; background: #fff; color: #333; font-size: 90%; text-align: center; display: block; border-radius: 20px; }


div#contents table.contact tbody th { padding: 5px; border-width: 1px 1px 0 1px; }
div#contents table.contact tbody td { padding: 5px 10px; border-width: 0 1px; }


/*
div#contents table.contact { width: 100%; border-collapse: collapse; }
div#contents table.contact tbody th { padding: 10px; background: #f3f2e7; border: solid 1px #e1e0d6; }
div#contents table.contact tbody td { padding: 10px 20px; border: solid 1px #e1e0d6; }
div#contents table.contact tbody td p { margin: 0; padding: 0; }
*/


}