@charset "Shift_JIS";
/***********************************/
/* 基本デザイン                    */
/* サイトの枠組みを決めるcssを記述 */
/***********************************/
*{
	margin:0;
	padding:0;
	/*\*/
	*zoom: 1;
	/**/
}

html
{
	height:100%;
	overflow-y:scroll;
	*filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body
{
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','CI', Meiryo, 'lr oSVbN', sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	min-height:100%;
	background-color:#f4f4f4;
	text-align:center;
	font-size:12px;
	/*\*/
	*font-size: 76%;
	/**/
	line-height: 1.7;
}

em
{
	font-style: normal;
}

a:link, a:active
{
	color: #0055dd;
	text-decoration: none;
}

a:visited {
	color: #0055dd;
	text-decoration: none;
}

a:hover {
	color: #0055dd;
	text-decoration: underline;
}

ol,ul {
	list-style-type: none;
}

hr {
	display: none;
}

img {
	display: block;
	border: 0;
}

form {
	display: inline;
}

table {
	font-size: 12px;
	/*\*/
	*font-size: 100%;
	/**/
}

::-moz-selection{
	background: #129F02;
	color:#FFF;
}
::selection {
	background: #129F02;
	color:#FFF;
}

/* エリア別設定 */
div#container
{
	width:780px;
	margin:0 auto;
	position: relative;
	text-align:center;
	height:100%;
	min-height: 100%;
	background-color:#fff;
}
body > div#container
{
	height: auto;
}

/* ヘッダ */
#header
{
	text-align:center;
	width:100%;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

#header .content
{
	margin:0 auto;
	text-align:left;
	width:780px;
	position:relative;
}
/* ヘッダ固定 */
#header .content div.regular
{
	height:80px;
	color:#000000;
	position:relative;
}
#header .content div.regular .note
{
	position:absolute;
	bottom:5px;
	right:10px;
}

#header .content div.regular .note:after
{
	clear:both;
}


/* メイン */
#main
{
	margin:0 auto;
	text-align:center;
	width:100%;
}

#main .content
{
	margin:0 auto;
	text-align:left;
	width:780px;
}

/*----------------------------------------------------------------------

フッター

----------------------------------------------------------------------*/


/*グレー背景ー*/
#footer_container{
	background-color:#57ab28;
	padding:20px 0;

	}



#footer_container_inner
{
	max-width:1200px;
	margin:0 auto 0;

	}

#footer_container dl {
	text-align:left;
	}

#footer_container dt {
	font-size:18px;
	margin:0 0 10px 0;
	color:#fff;
	font-weight:bold;
	background-color:#129F02;
	padding:3px 10px;
	}

#footer_container dd a {
	font-size:14px;
	color:#ddd;
	text-decoration:none;
	padding:3px 10px;
	width:90%;
	display:block;
	margin:0 0 5px;
	transition: 0.6s ;
	}
	
#footer_container dd a:hover {
 color:#fff; background-color:#129F02;
	}


#copyright{
	clear:both;
	font-size:14px;
	color:#fff;
	text-align:center;
	}

.paging-top{
	text-align:right;
	height: 25px;
}

.paging-bottom{
    text-align:right;
    height: 25px;
    margin-bottom: 10px;
}

.zone{
clear:both;
margin:40px auto;
overflow:hidden;
height:auto;
text-align:center;
	max-width:1200px;
display:flex;justify-content: center;
	}

.area4{
	width:23%;
		margin:0 12px 50px;
		text-align:center;
	}


/* 特殊class指定 */
.clear
{
	clear:both;
}




@media screen and (max-width: 768px) {
	
.zone{
clear:both;
margin:40px auto 20px;
overflow:hidden;
height:auto;
text-align:center;
max-width:1200px;
display:block;
	}	
	
.area4{
	width:45%;
		margin:0 2% 20px;
		text-align:center;
		float:left;
	}
	
	
	
	
	
	
}