@charset "UTF-8";
html {
    color: #000000;
	font-size:14px;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, html { font-size: 12px } /* IE11 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header,footer, blockquote {
    margin: 0;
    padding: 0;
    word-break: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
    vertical-align: bottom;
}
li {
    list-style: outside none none;
}
caption, th {
    text-align: left;
}
q::before, q::after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
}
legend {
    color: #000;
}
a {
    text-decoration: none;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
display: inline-block;
}
 
* html .clearfix {
}
:first-child + html .clearfix {
}

.forceMargin {
	margin-bottom: 30px;
}

.uemargin {
	margin-top:30px;
}

/* link style
----------------------------*/
a:link {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration:none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
/*a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　グリッドシステム　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.grid,grid3 {
	margin: 0;
}
.grid2 {
	margin: 20px 5px;
}



@media only screen and (min-width:1000px) {
.grid {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}

.grid2 {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.grid3 {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
}

.grid :after{
	content: "";
	display: block;
	clear: both;
}

.grid2 :after{
	content: "";
	display: block;
	clear: both;
}
.grid3 :after{
	content: "";
	display: block;
	clear: both;
}

.sm-1-div, .sm-2-div, .sm-3-div, .sm-4-div, .bg-71-div, .bg-72-div, .bg-71x-div, .bg-72x-div, .bg-72left-div, .mm-1-div, .mm-3-div {
	display: block;
	float: left;
	padding: 5px 5px;
}

.bg-2-div, bg-3-div, .bg-81-div, .bg-82-div, .bg-91-div, .bg-92-div .bg-6-div {
	display: block;
	float: left;
	padding: 5px 10px;
}


.sm-1-div{width: 100%;}
.sm-2-div{width:  50%;}
.sm-3-div{width:  33.33333333%;}
.sm-4-div{width:  25%;}
.mm-1-div{width: 100%;}
@media only screen and (min-width:677px) {
	.bg-1-div{width: 100%;}
	.bg-2-div{width:  50%;}
	.bg-3-div{width:  33.33333333%;}
	.bg-4-div{width:  25%;}
	.bg-61-div {width: 60%;}
	.bg-62-div {width: 40%;}
	.bg-71-div {width: 70%;}
	.bg-72-div {width: 30%;}
	.bg-71x-div {width: 65%;float:right;}
	.bg-72x-div {width: 35%;float:right;}
	.bg-81-div {width: 80%;}
	.bg-82-div {width: 20%;}
	.bg-91-div {width: 90%;}
	.bg-92-div {width: 10%;}
	.bg-6-div {width:16.6666666%;}
}


@media only screen and (max-width:676px) and (min-width:461px) {
	.mm-1-div{width:  50%;}
}


/* 画像の幅指定 */
.width-full {
	width:100%;
}

.grid2 img {
	vertical-align:middle;
}


/*clearfix -micro clearfix*/

.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}


@media screen and (min-width: 600px) {
	.br-sp { display:none; }
}

a:focus, *:focus {
	outline:none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　common　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.topimg {
max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom:10px;
}
.topimg2 {
max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-left:auto:
	margin-right:auto:
}

/* 縦方向の間隔調整 */
.height-space {
	height: 0px;
	margin-bottom: 100px;
}

	
.cf {
clear:both;}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　header　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* パンくずリスト */
.bread {
	margin-bottom: 2px;
	float:right;
}

.bread ol	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:10px;
 line-height: 2rem;
}

.bread li a	{
	display: inline-block;
	padding:3px;
	text-decoration: none;
	color:#707070;
}

.bread li a:hover	{
	background-color: #eeeeee
}

.bread ol:before	{content: "";
	display: block;
	clear: both
}

.bread li	{
	float: left;
	width: auto;
	padding:10px 0 0 0;
}

.bread li.current {
	background: #FFF;
	color:#000;
}

.color-g:before {
color:#9bc34a;
}

@media screen and (max-width: 768px) {
	.bread {
		display:none;	
	}
}


hr.greenline {
border-top:10px solid #9bc34a;
}

/* サイト内検索 */
dl.t_search{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:6px;
}
dl.t_search dt{
	padding:3px;
}
dl.t_search dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
}
dl.t_search dd{
	position:absolute;
	top:0;
	right:0;
}
dl.t_search dd button{
	display:block;
	padding:4px;
	background:none;
	border:none;
}
dl.t_search dd button span{
	display:block;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#logo {
display:block;
float:left;
width:250px;
margin:20px 0 0 10px;
	text-decoration:none;
}

.submenu {
	float:right;
	margin:10px 10px 10px 0;
}

@media (max-width: 768px) {
	#logo {
		float:none;
		width:250px;
		top:0px;
		margin-left:auto;
		margin-right:auto;
	}
	.submenu {
		float:none;
		margin-left:auto;
		margin-right:auto;
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ナビゲーション　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.navi_outside {
	max-width:100%;
	background: #7cc555;
}
@media (max-width: 770px) {
	.navi_outside {
	max-width:100%;
	background: #f8fee6;
	margin-top:-40px;
	}
}

.toggleMenu {
    display:  none;
    background: #7cc555;
    padding: 8px 10px;
    margin:0 0 1px ;
    color: #fff;
}
.nav {
    max-width: 1100px;
    margin: -50px auto;
    list-style: none;
     *zoom: 1;
     background:#7cc555;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 20em;/*階層の長さ*/
}
.nav a {
    padding: 10px 15px;
    color:#fff;
    text-decoration: none;
    outline: none;
    z-index: 2;
}
.nav a:visited {
	text-decoration: none;
}

.nav a:hover {
    padding: 10px 15px;
    color:#fff;
    text-decoration: none;
    background:#4e8442;
}

.nav li {
    position: relative;
	padding:0 15px;/*navとnavの間*/
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("../css/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {/*navのtitle*/
    display: block;
    font-size: 100%;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;

}
.nav li li a {
    display: block;
    background: #333;
    position: relative;
    z-index:100;
    border-top: 1px solid #666666;
    font-size: 100%;
}

@media screen and (min-width: 770px) {
.sp_nav{
	display:none;
	}
}

@media screen and (max-width: 770px) {
.nav {
    margin: 0px auto;
    }
.nav li {
    position: relative;
	padding:0;
    }
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    border-top: 1px solid #666666;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../css/downArrow.png");
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    z-index: -1;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    z-index: 1;
    }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　footer-menu　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.f_menu_bg {
	background:#e5eec6;
	padding:10px 0;
}
h4 {
	font-size:11px;
	color:#392f2c;
	padding:5px 0;
}
ul.f_menu_nakami li {
	font-size:10.5px;
	margin:0 0 0 15px;
}

.f_menu_nakami a {
	text-decoration:none;
	color:#392f2c;
}
.f_menu_nakami a:hover {
	text-decoration:none;
	color:#cc0000;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　footer　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer_nakami {
	max-width:1100px;
	height:130px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
}

.footer_address {
	float:left;
	width:40%;
	padding:20px 0 20px 20px;
}
.footer_copyright {
	font-size:11px;
	text-align:right;
	float:right;
	width:60%;
	padding:20px 20px 20px 0;
}

span.shita {
	vertical-align:-70px;
}


@media (max-width: 830px) {
.footer_address, .footer_copyright {
	float: none;
	margin: 0;
	padding:8px 0;
	width: auto;
	text-align:center;
     background-color:#62a951;	
     }
span.shita {
	vertical-align:0;
}
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 80%;
z-index:9999;
}

#page-top a {
	background: #50783b;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 22px 0;
	text-align: center;
	display: block;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
@media screen and (max-width: 600px) {
#page-top a {
	width: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 12px 0;
}
}
#page-top a:hover {
	text-decoration: none;
	background: #68c55c;
}