@charset "utf-8";
/* @group Reset */
*{
	margin: 0%;
	padding: 0
}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : top}
/* @end */
/* @group Fluid-img */
img { max-width : 100%}
/* @end */
/* @group HTML */
html {
	font-family : verdana, sans-serif;
	font-size : 100%;
	line-height : 1.5;
}
/* @end */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}




/* @group Heading */
h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}
h1 {
font-size : 30px; 
line-height : 1} /* 30px */
h2 {
	font-size : 30px;
	line-height : 1.3333;
	text-align: left;
} /* 24px */
h3 {
	font-size : x-large;
	color : #000000;
	line-height : 1;
	text-align: left;
} /* 24px */

hgroup h2,h4,h5,h6 {
	font-size : 20px; /* 20px */
	line-height : 1.0;
	color: #930;
} /* 24px */
/* @end */
/* @group Header */
header { text-align : center; padding-top : 24px}
header h1 {
	margin-bottom : 24px;
	font-size: x-large;
	text-align: left;
}
header h2 { color : #3a7a5e}
/* @end */
/* @group Nav */
nav {
margin-bottom : 24px;
background-color: #3a7a5e;
background: -moz-linear-gradient(top, rgba(58,122,94,0.71) 0%, rgba(58,122,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,122,94,0.71)), color-stop(100%,rgba(58,122,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(58,122,94.71) 0%,rgba(58,122,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(58,122,94,0.71) 0%,rgba(58,122,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(58,122,94,0.71) 0%,rgba(58,122,100,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(58,122,94,0.71) 0%,rgba(58,122,100,1) 100%); /* W3C */
}
nav ul { overflow : hidden}
nav ul li { width : 25%; float : left}
nav ul li a {
display : block;
color : #ffffff;
padding : 12px 0}
nav ul li a:hover {
color : white;
background-color : #31764b}
/* @end */
/* @group Contents */
#contents {
	width : 75%;
	text-align : center;
	margin-top: 0%;
	margin-right: 10%;
	margin-bottom: 0;
	margin-left: 13%;
}
#contents p {
	margin-bottom : 24px;
	font-size: large;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: inherit;
}
#contents img { 
margin-bottom : 24px; }


sub h4 {
	font-size : 7px;
	color : #996;
}
sub h5 {
	font-size : 5px;
	color : #800;
}



/* @end */
/* @group Footer */
footer {
padding : 20px 0;
font-size:15px;
color : white;
text-align :center;
background : #806d55}
/* @end */

/*620px*/
@media screen and (min-width : 620px){
#contents { text-align : center}
}

/*960px*/
@media screen and (min-width : 960px) {
/* @group Nav */
nav ul {
width :95.75%;/* 768/960 */
margin : 0 auto}
/* @end */

/* @group Contents */
#contents {
	overflow : hidden;

width : 60.%; 	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}/* 960/960 */
#contents #main,
#contents #sub { 
float : left;
margin :  3.0416667%} /*10/960*/ 
#contents #main { width : 53.5833333%} /*620/960*/
#contents #sub {
	width : 31.25%;
} /*300/960*/
/* @end */
/* @group Footer */
footer {
	width : 75%;
	margin-top: 0%;
	margin-right: 15%;
	margin-left: 15%;
	margin-bottom: 0px;
}
/* @end */
}
#contents #main h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #734E00;
}
#contents #sub p sub {
	font-size: medium;
	line-height: normal;
	color: #960;
}
.next {
	font-size: x-large;
}