@charset "utf-8";

/* link
------------------------------------------------------------------------------------ */

a:link, a:visited {
	color:#333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}
a:hover, a:active, a:visited:hover {
	color:#333;
	text-decoration:underline;
}
a.textLink {
	background:url(../images/textlink.gif) left top no-repeat;
	padding-left:13px;
}


/* txtバリエーション
------------------------------------------------------------------------------------ */
.small {font-size:83%;}
.strong {font-weight:bold;}
.maincolor {color:#5B8943;}
.align-r {text-align:right;}


/* wrapper
------------------------------------------------------------------------------------ */
div#wrapper {
	width: 100%;
	margin: 0 auto;
	background:url(../images/bg_wrapper.gif) left top repeat;
}


/* header
------------------------------------------------------------------------------------ */
div#header {
	border-top: 3px solid #5B8943;
	background:url(../images/bg_header.gif) left top repeat;
}

p#mainimage {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background-image:url(../images/bg-main.jpg);　
}

ul#gnav {
	width: 1000px;
	margin: 0 auto;
}
ul#gnav li {
	float: left;
}



/* contents
------------------------------------------------------------------------------------ */
div#contents {
	padding: 60px 60px 50px 60px;
	background:url(../images/bg_contents.gif) right bottom no-repeat;
}
div#contentsLeft {
	float: left;
	width: 180px;
	margin-right: 60px;
}
div#contentsRight {
	float: left;
	width: 640px;
}
div#contentsRight h2 {
	margin-bottom: 30px;
}



/* sidenav
------------------------------------------------------------------------------------ */
ul#sidenav {
}
ul#sidenav li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
ul#sidenav li.lastChild {
	margin-bottom: 0;
}
ul#sidenav li a {
	font-family: "TsukuMinPro-D",serif;
	font-size:120%;
	padding-left:18px;
	background:url(../images/linkmark.png) left 7px no-repeat;
}

div#infoblock {
	padding: 10px;
	background:url(../images/bg_infoblock.gif) left bottom no-repeat;
	background-color: #FFF;
	margin-bottom:20px;
}
div#infoblock h4 {
	margin: 10px 0 10px 0;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
div#infoblock p {
	line-height: 100%;
}
div#infoblock p#address {
	font-size: 83%;
	line-height: 150%;
}


/* footer
------------------------------------------------------------------------------------ */
div#footerWrapper {
	background:url(../images/bg_footer.gif) left top repeat;
}
div#footer {
	width: 1000px;
	color: #FFF;
	margin: 0 auto;
	padding: 30px 0;
}
div#footer p#copyright {
	font-size: 83%;
}
div#footer div#footerdata {
	font-family: "TsukuMinPro-D",serif;
}
div#footer p#footerdataLeft {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #8fa77c;
}
div#footer table {
	width:360px;
	color: #333;
	margin-top: 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-collapse:collapse;
	border-spacing: 0;
}
div#footer th {
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	padding: 7px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #EAE4D1;
}
div#footer td {
	text-align: center;
	padding: 7px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
}


/* 各種パーツ
------------------------------------------------------------------------------------ */
.title01 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 150%;
	color: #5B8943;
	margin-bottom: 15px;
}
.title02 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 20px;
	color: #7D482E;
	margin-bottom: 20px;
	padding: 18px 0 18px 15px;
	background:url(../images/bg_h3.png) left top no-repeat;
}
.title03 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 133%;
	color: #7D482E;
	margin-bottom: 10px;
}
.title04 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 133%;
	color: #5B8943;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
.title05 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 150%;
	line-height: 125%;
	color: #7D482E;
	margin-bottom: 10px;
	padding-left: 15px;
	background:url(../images/bg_title05.gif) left top repeat-y;
}
.title05 span {
	font-size: 78%;
}

a.txtlink {
	font-family: "TsukuMinPro-D",serif;
	padding-left:18px;
	background:url(../images/linkmark.png) left 1px no-repeat;
}


.att01 {
	font-family: "TsukuMinPro-D",serif;
	font-size: 140%;
	line-height: 160%;
}
@media screen and (max-width: 768px) {
	p#mainimage img {
    width: 100%!important;
}
}