/*globalCSS*/

.pc_none {
	display: none;
}
.top_h2 {
	padding: 20px;
	text-align: center;
	color: #14BB60;
	margin-bottom: 20px;
	font-size: 2.4em;
}
.cont_h2 {
	padding: 20px;
	color: #14BB60;
	margin-bottom: 20px;
	font-size: 2.2em;
	text-shadow:-1px -1px 2px #ffffff;	
}
.cont_h3 {
	padding: 10px;
	border-bottom: 2px solid #1D6C2E;
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: bold;
	color: #1D6C2E;
}

.cont_h4 {
	padding: 10px 20px;
	color: #1D6C2E;
	font-weight: bold;
	font-size: 1.2em;
}


.contents_textarea {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.contents_textarea2 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ul {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ul li {
	list-style: disc;
	margin-left: 20px;
}
.cont_ol {
	width: 92%;
	padding: 10px;
	background-color: #E8F8E5;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ol li {
	list-style: decimal;
	margin-left: 20px;
}
.cont_dl {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.cont_dl dt {
	width: 20%;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #ccc;
}
.cont_dl dd {
	width: 80%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #ccc;
}
.img {
	max-width: 100%;
}
.btn {
	display: inline-block;
}
.btn a {
	display: block;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
}
.btn a:hover {
	opacity: 0.8;
}
.cont_table {
	width: 94%;
	border-top: 3px solid #7BB560;
	border-bottom: 2px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}
.cont_table th {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	background-color: #efefef;
}
.cont_table td {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}
.cont_table2 {
	width: 94%;
	border-top: 3px solid #9CB6E3;
	border-bottom: 2px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}
.cont_table2 th {
	padding: 10px;
	border-bottom: 1px dashed #ccc;
	background-color: #E4EBF3;
}
.cont_table2 td {
	padding: 10px;
	border-bottom: 1px dashed #ccc;
}
.fontS {
	font-size: 0.8em;
}
.fontM {
	font-size: 0.95em;
}
.fontL {
	font-size: 1.1em;
}

.active {
	background-color: #AADFA3;
}

/*globalCSS
############################################*/

/*layoutCSS*/
body {
	font-size: 0.95em;
	line-height: 180%;
	color: #333;
	position: relative;
}

header h1 {
	background-image: url(../images/logo.jpg);
	width: 400px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	float: left;
}

header h1 a {
	background-image: url(../images/logo.jpg);
	width: 400px;
	height: 100px;
	text-indent: -9999px;
	display: block;
}

#header_right {
	width: 500px;
	float: right;
}

#header_right dl {
	width: 200px;
	margin-top: 7px;
	float: left;
}

#header_right dt {
	font-size: 0.8em;
	float: left;
}

#header_right dd {
	padding: 4px;
	float: left;
	border: 1px solid #409228;
	line-height: 100%;
	margin-left: 3px;
}

#header_right address {
	display: block;
	float: left;
	clear: left;
	margin-right: 10px;
	font-family: "impact";
	background-image: url(../images/address.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 2em;
	width: 240px;
	height: 40px;
	vertical-align: middle;
	background-position: left top;
	padding-top: 5px;
}

.gsc-control-cse {
    padding: 0px !important;
}

#header_right ul {
	float: left;
}

#search_box {
	width: 250px;
	float: left;
}

header {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.gsib_a {
    padding: 0px !important;
}

#menu {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #187321), color-stop(0.00, #6ABE58));
	background: -webkit-linear-gradient(#6ABE58, #187321);
	background: -moz-linear-gradient(#6ABE58, #187321);
	background: -o-linear-gradient(#6ABE58, #187321);
	background: -ms-linear-gradient(#6ABE58, #187321);
	background: linear-gradient(#6ABE58, #187321);
}

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

#menu li {
	width:20%;
	float:left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu li a {
	text-decoration: none;
	color: #fff;
	padding: 10px;
	border-left:1px solid #187321;
	display: block;
}

#menu li:first-child a {
	border-left: none;
}

#top_main {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

#main_img {
	width: 1200px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	position: relative;
}

#main_img blockquote {
	position: absolute;
	z-index: 100;
}

#main_img blockquote img {
	width: 1200px;
}

#main_img h2 {
	position: absolute;
	z-index: 1000;
	top: 90px;
	left: 30px;
	font-size: 2.0em;
	color: #fff;
	text-shadow:2px 2px 3px #333;
}

main {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
}

main:after {
    content:" ";
    display:block;
    clear:both;
}

#contents {
	width: 880px;
	float: left;
}

#top_box li {
	width: 290px;
	float: left;
}

#top_box li a {
	display: block;
	min-height: 100px;
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 3px 0px #444;
	margin-right: 5px;
	margin-left: 5px;
	padding: 15px;
	margin-bottom: 10px;
	color: #fff;
	text-decoration: none;
}

#top_box li h3 {
	border-bottom: 1px dashed #fff;
	padding-bottom: 15px;
	font-size: 1.8em;
}

#top_box li p {
	font-size: 0.9em;
	line-height: 160%;
	padding-top: 10px;
}

.bgg_green a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #345D0D), color-stop(0.00, #4C8217));
	background: -webkit-linear-gradient(#4C8217, #345D0D);
	background: -moz-linear-gradient(#4C8217, #345D0D);
	background: -o-linear-gradient(#4C8217, #345D0D);
	background: -ms-linear-gradient(#4C8217, #345D0D);
	background: linear-gradient(#4C8217, #345D0D);
}
.bgg_red a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5C0C20), color-stop(0.00, #801631));
	background: -webkit-linear-gradient(#801631, #5C0C20);
	background: -moz-linear-gradient(#801631, #5C0C20);
	background: -o-linear-gradient(#801631, #5C0C20);
	background: -ms-linear-gradient(#801631, #5C0C20);
	background: linear-gradient(#801631, #5C0C20) ;
}

#news_title {
	width: 860px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}



#news_title a {
	background-image: url(../images/top/news_title.jpg);
	width: 860px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}

#news {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	/*height: 200px;*/
	overflow: auto;
}

#news dt {
	width: 150px;
	float: left;
	clear: both;
	padding: 10px;
	border-top: 1px dashed #ccc;
}

#news dd {
	width: 620px;
	float: left;
	padding: 10px;
	border-top: 1px dashed #ccc;
}

#news dt:first-child {
	border-top: none;
}

#news dd:first-child {
	border-top: none;
}

#right {
	width: 300px;
	float: right;
}

#right h2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #345D0D), color-stop(0.00, #4C8217));
	background: -webkit-linear-gradient(#4C8217, #345D0D);
	background: -moz-linear-gradient(#4C8217, #345D0D);
	background: -o-linear-gradient(#4C8217, #345D0D);
	background: -ms-linear-gradient(#4C8217, #345D0D);
	background: linear-gradient(#4C8217, #345D0D);
	padding: 10px;
	color: #fff;
}

#right ol {
	margin-bottom: 15px;
}

#right ol li a {
	padding: 10px;
	display: block;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ebeaea), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ebeaea);
	background: -moz-linear-gradient(#fff, #ebeaea);
	background: -o-linear-gradient(#fff, #ebeaea);
	background: -ms-linear-gradient(#fff, #ebeaea);
	background: linear-gradient(#fff, #ebeaea);
	color: #333;
}

#right p {
	padding-bottom: 20px;
}

#right .active a::before {
	content: "> ";
}

#right .active a {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3a7f4d), color-stop(0.09, #449353));
background: -webkit-linear-gradient(top, #449353 9%, #3a7f4d 100%);
background: -moz-linear-gradient(top, #449353 9%, #3a7f4d 100%);
background: -o-linear-gradient(top, #449353 9%, #3a7f4d 100%);
background: -ms-linear-gradient(top, #449353 9%, #3a7f4d 100%);
background: linear-gradient(to bottom, #449353 9%, #3a7f4d 100%);

color: #fff;
}

footer {
	background-color: #eee;
	clear: both;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

footer p {
	text-align: center;
	padding: 20px;
}

/*コンテンツ用*/
/*#cont_main {
	padding: 80px 20px;
	border: 1px solid #ccc;
	font-size: 2.0em;
	color: #fff;
	text-shadow:2px 2px 3px #333;
}*/

.dl_table {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #4A8C1B;
}

.dl_table th {
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
}

.dl_table td {
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
	text-align: center;
	border-left: 1px dashed #ccc;
}

.dl_table td img {
	width: 50px;
}

/*#cont_main {
	background-image: url(../images/download/main_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/

#topic_path {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#topic_path p {
	padding: 10px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
}

#contact_form {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

#contact_form dl {
	padding: 20px;
	border-radius: 10px;
	background-color: #EBEBEB;
}

#contact_form dl:after {
content:" ";
    display:block;
    clear:both;
}
#contact_form dt {
	padding: 5px;
	float: left;
	width: 150px;
	clear: both;
	border-top: 1px dashed #fff;
}

#contact_form dd {
	padding: 5px;
	width: 600px;
	float: left;
	border-top: 1px dashed #fff;

}


.text {
	width: 80%;
}

#contact_form .text, #contact_form textarea, #contact_form .dropdown {
	border: 1px solid #777;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient( top, #eee, #fff );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
#contact_form .submit {
	border: 1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient( linear, left top, left bottom, from(#99c9e5), to(#428ec9) );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient( top, #99c9e5, #428ec9 );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99c9e5, endColorstr=#ff428ec9);
	zoom: 1;
}
#contact_form .LabelSelected, #contact_form .RadioSelected {
	background-position: bottom left;
}
.textarea {
	width: 80%;
	height: 100px;
}

#map_canvas {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}


.contents_area h3 {
	padding: 10px;
	border-bottom: 2px solid #1D6C2E;
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: bold;
	color: #1D6C2E;
}

.contents_area h4 {
	padding: 10px 20px;
	color: #1D6C2E;
	font-weight: bold;
	font-size: 1.2em;
}

.contents_area p {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.contents_area p::after {
	content: "";
	display: table;
	clear: both;
}

.contents_area  ul {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.contents_area ul li {
	list-style: disc;
	margin-left: 20px;
}

.contents_area table {
	width: 94%;
	border-top: 3px solid #7BB560;
	border-bottom: 2px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}
.contents_area table th {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	background-color: #efefef;
}
.contents_area table td {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}

.contents_area ol {
	width: 92%;
	padding: 10px;
	background-color: #E8F8E5;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.contents_area ol li {
	list-style: decimal;
	margin-left: 20px;
}

.attention {
	padding: 0px 20px !important;
	color: #B32323 !important;
	font-weight: bold !important;
	font-size: 1.2em !important;
	border-bottom: none  !important;
}