body {
	background-color: #EEF8EA;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333333;
	margin: 0.5em;
}

a:link {
	color: #74B95F;
}

a:hover {
	color: #B7DCAA;
}

a:visited {
	color: #B4AE94;
}

a:visited:hover {
	color: #DBD8C7;
}

#contain {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

#head {
	float: left;
	clear: both;
	width: 100%;
	height: 130px;
	margin: 0;
}

#headL {
	float: left;
	margin: 0;
	width: 1000px;
	height: 130px;
	background-image: url(images/head.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#body {
	float: left;
	clear: both;
	margin: 0 auto;
	width: 100%;
	background-image: url(images/contentBG.png);
	background-repeat: repeat-y;
	background-position: top;
	position: relative;
}

#menuContain {
	float: left;
	margin-left: 14px;
	width: 150px;
	min-height: 250px;
	background-image: url(images/menuBG.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 40px;
	position: relative;
}

#menu {
	position: relative;
	display: block;
	margin-top: 1em;
	z-index: 100;
	color: #666;
}

#content {
	float: left;
	margin: 12px;
	width: 807px;
	font-size: small;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer {
	clear: both;
	margin: 0 auto;
	width: 100%;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#footertext {
	margin-right: 12px;
	padding-bottom: 10px;
	font-size: x-small;
	color: #999999;
	text-align: right;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
margin: 0;
padding: 0;
	position: relative;
	display: block;
	font-size: larger;
	font-weight: normal;
	margin-left: 0;
	margin-bottom: 0.6em;
}

#menu li a:link,
#menu li a:visited {
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
}

#menu li a:hover,
#menu li a:visited:hover {
	text-decoration: none;
	color: #539540;
	padding-left: 20px;
	background-image: url(images/hover.gif);
	background-repeat: repeat-y;
	background-position: left;
}

h1 {
	display: block;
	font-size: x-large;
	font-weight: normal;
	color: #74B95F;
	margin: 0px;
}

h2 {
	display: block;
	font-size: larger;
	font-weight: bold;
	color: #74B95F;
	margin: 0px;
	background-image: url(images/img10.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
}

h3 {
	display: block;
	font-size: medium;
	font-weight: bold;
	color: #74B95F;
	margin: 0px;
}

h4,
h5 {
	display: block;
	font-size: small;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
h6 {
	display: block;
	font-size: small;
	font-weight: bold;
	color: #909048;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p {
	line-height: 180%;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.areap {
	font-size: 10px;
	line-height: 12px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.sample_04{
width: 100%;
border-collapse: collapse;
border-right: 1px solid #999;
}
.sample_04 th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background-color: #555;
	border-left: 5px solid #ff6633;
	border-top: 1px solid #fff;
	font-size: 12px;
}
.sample_04 td{
	padding: 6px;
	background-color: #fff;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	color: #666;
	font-size: 12px;
	line-height: 180%;
	vertical-align: top;
}
.sample_03{
	width: 100%;
	border-collapse: collapse;
}
.sample_03 th{
	text-align: left;
	vertical-align: top;
	color: #666666;
	font-size: 11px;
	border-top-color: #D6D6D6;
	padding-top: 5px;
	padding-right: 1px;
	padding-left: 3px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-left-width: 1px;
	border-left-style: solid;
}
.sample_03 td{
	background-color: #fff;
	color: #999;
	font-size: 10px;
	line-height: 140%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.sample_07{
	width: 100%;
	border-collapse: collapse;
}
.sample_07 th{
	width: 33%;
	text-align: left;
	vertical-align: top;
	color: #608D30;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
}
.sample_07 td{
	width: 33%;
	color: #333;
	font-size: 11px;
	line-height: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	padding: 0px;
}

input, .content {
	display: none;
	line-height: 25px;
	color: #CDCDCD;
	font: normal 1em/150% Sans-Serif;
	min-width: 200px;
	background-color: #EEF8EA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#one:checked ~ .one,
#two:checked ~ .two,
#three:checked ~ .three,
#four:checked ~ .four {display: block;}

label {
    cursor: pointer;
    background: #999;
    height: 25px;
    padding: 10px 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: normal 1em/150% Sans-Serif;
    margin-right: -3px;
    transition: background .25s linear;  
}

label:hover, input:checked + label {
	background-color: #EEF8EA;
	color: #666;
}


.baby {
	font-size: 12px;
	line-height: 180%;
	color: #666;
	text-align: left;
	float: right;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

/* :::::: gallery ::::::
 * #gallery内の指定
 */
#gallery {
	position: relative;
	width: 700px;
	height: 300px;
	margin: 10px auto;
	padding: 10px 0;
	background: url(images/bg_gallery.jpg);
}
#gallery .slideFrame {
	position: relative;
	height: 280px;
	overflow: hidden;
	margin-bottom: 10px;
}

/* slide images */
#gallery .slideFrame ul {
	position: absolute;
	top: 0;
	left: 90px;
	width: 1620px;
	margin: 0;
}
#gallery .slideFrame ul li {
	float: left;
	width: 520px;
	margin-right: 20px;
}
#gallery .slideFrame ul li:last-child {
	margin-right: 0;
}
#gallery .slideFrame ul li a {
	background: none;
}

/* gallery items */
#gallery ul li,
#gallery ul li a,
#gallery p,
#gallery p i {
	background: url(images/gallery_item.png);
}

/* gallery list button */
#gallery ul.nav {
	width: 62px;
	margin: 0 auto;
	padding: 0;
}
#gallery ul.nav li {
	float: left;
	margin-right: 16px;
	background-position: -260px 0;
}
#gallery ul.nav li:last-child {
	margin-right: 0;
}
#gallery ul.nav li a {
	display: block;
	width: 10px;
	height: 10px;
	background-position: -260px -20px;
}
#gallery ul.nav li a:hover { opacity: 0; }

/* slider arrow button */
#gallery p,
#gallery p a {
	position: absolute;
	top: 0;
	margin: 0;
	width: 110px;
	height: 320px;
	cursor: pointer;
}
#gallery .prev {
	left: 0;
}
#gallery .next {
	right: 0;
	background-position: -110px 0;
}
#gallery p i {
	display: block;
	width: 26px;
	height: 26px;
	margin: 140px 0 0 40px;
	background-position: -230px 0;
}
#gallery p:hover i {
	margin: 140px 0 0 32px;
}
#gallery .next i {
	margin-left: 44px;
	background-position: -230px -30px;
}
#gallery .next:hover i {
	margin-left: 52px;
}

/* CSS Programming */
#gallery #switch1:target ~ .slideFrame ul {
	left: 90px;
}
#gallery #switch2:target ~ .slideFrame ul {
	left: -450px;
}
#gallery #switch3:target ~ .slideFrame ul {
	left: -990px;
}
#gallery #switch1:target ~ .nav li a[href="#switch1"],
#gallery #switch2:target ~ .nav li a[href="#switch2"],
#gallery #switch3:target ~ .nav li a[href="#switch3"] {
	opacity: 0;
}
#gallery .switch {
	display: none;
}
#gallery #switch1:target ~ .prev a:not([href="#switch3"]),
#gallery #switch2:target ~ .prev a:not([href="#switch1"]),
#gallery #switch3:target ~ .prev a:not([href="#switch2"]),
#gallery #switch1:target ~ .next a:not([href="#switch2"]),
#gallery #switch2:target ~ .next a:not([href="#switch3"]),
#gallery #switch3:target ~ .next a:not([href="#switch1"]) {
	pointer-events: none;
}

/* transition  */
#gallery ul.nav li a  {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0;
}
#gallery i  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery .slideFrame ul  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/* clearfix */
#gallery ul:before, #gallery ul:after {
	content: ""; display: table;
}
#gallery ul:after {
	clear: both;
}
#gallery ul {
	*zoom: 1;
}
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }




/*横並びメニューボタン */
#menu2 ul{
	list-style: none;
	padding-top: 10;
	padding-bottom: 10;
}

#menu2 li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#menu2 li a{
display: block; 
border: 1px solid #CCC;
background-color: #F0FFF4;
padding: 10px;
text-decoration: none;
color: #333;
width: 110px; 
margin: 1px;
text-align: center;
font-size: 12px;
}
#menu2 li a:hover{
background-color: #2d56be;
color: #fff;
}