@charset "utf-8";
/* CSS Document */
/*ヘッダー */
header {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	background: #8dd3c7;
}
header #head {
	height: 50px;
	width: 90%;
	padding-top: 10px;
	text-align: center;
}
header #head ul {
}
header #head li {
	width: 50%;
	float: left;
}
#headback {
	width: 100%;
	height: 100%;
	background-image: url(../img/headerimg.png);
	background-color: #C0E6E0;
	text-align: center;
	margin-top: 0px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#headback ul {
	overflow: hidden;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
#headback li {
	width: 50%;
	color: #62230b;
	float: left
}
#headback li img {
	padding-bottom: 20px;
	max-width: 80%
}
/*コンテンツサイズ調節 */
#contents {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
/*比率を保持したまま画面に合わせる */
#contents img {
	max-width: 80%;
	padding-top: 20px
}
#contents p {
	margin-bottom: 24px;
	text-align : left
}
#contents img {
	margin-bottom: 24px;
}
/*768px以上のサイズに有効 */
@media screen and (min-width: 768px) {
#headback {
	height: 100%;
	background-color: #C0E6E0;
}
#contents img {
	text-align: left;
	max-width: 90%
}
}
/*980px以上のサイズに有効 */
@media screen and (min-width: 980px) {
html {
	font-family: verdana, sans-selif;
	font-size: 100%;
	line-height: 1.5;
	background-repeat: repeat-y;
	background-position: center top;
}
#headback ul {
	overflow: hidden;
	padding-bottom: 20px
}
#headback li {
	width: 25%;
	folat: left;
}
#contents {
	overflow: hidden;
	width: 78%;
	margin-top: 20px;
}
#contents #main {
	float: left;
	margin: 0 2%
}
#contents #sub {
	float: right;
	margin: 0 2%
}
#contents #main {
	width: 43%
}
#contents #sub {
	width: 43%
}
#contents .mainmenuL {
}
nav ul {
	width: 960px;
	margin: 0 auto
}
footer {
	width: 91.796875%;
	margin: 0 auto
}
}
/* end * /