@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

li {
	list-style:none;
}

a {
	text-decoration:none;
}

a:link {
	color:#000000;
}

body {
	font-family:"Meiryo UI";
	background-color:#fbf7f1;
}

@media only screen and (min-width: 641px) {
	 
.pc {
	display: block;
}

.sp {
	display: none;
}

#logo {
	height:0;
}


li img {
	display:block;
}

a img {
	border:none;
}

header {
    height: 216px;
	background-color:#f4ffde;
	overflow: visible;
}

#logo figure img {
	position:relative;
	top:90px;
	margin-left:auto;
	margin-right:auto;
	width:151px;
}

#illustration {
	background-image:url(../common/images/pc/second_illust.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#F4FFDE;
	height:240px;
}

#illustration img {
	width:auto;
	margin-right:auto;
	margin-left:auto;
}


#gnavi ul li a {
	display:block;
    background-color: #b6f169;
    border: 5px solid #8bcb37;
    border-radius: 50%;
    float: left;
    height: 55px;
    margin-left: 58px;
    margin-top: 50px;
    padding-top: 35px;
    text-align: center;
    width: 95px;
	color:#53371e;
}

#gnavi ul li.home a {
	margin-left:0px;
}


#gnavi {
    height: 110px;
    margin: -96px auto auto;
    width:758px;
}

#gnavi ul li a:hover {
	background-color:#f2ffa8;
	color: #53371e;
	height: 55px;
}

h1 {
	clear:both;
	width:100%;
	padding:120px 0px 120px 0px;
	text-align:center;
	color:#503e28;
}

.green {
	width:100%;
	height:400px;
	background-color:#eef5d9;
	clear:both;
    margin-top: 36px;
}

div.horizontal_center p {
	height:400px;
	display:table-cell;
	vertical-align:middle;
	font-size: 16px;
    letter-spacing: 3px;
    line-height: 35px;
	text-align:left;
    width: 580px;
}

div.vertical_center p {
	height:400px;
	display:table-cell;
	vertical-align:middle;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 35px;
	padding-left:50px;
    width: 580px;
}

div.vertical_center {
	display:table;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}



div.vertical_pic {
	height:400px;
	display:table-cell;
	vertical-align:middle;
	padding-left:50px;
}


.white {
	height:400px;
	width:100%;
	display:table;
}

div.horizontal_pic {
	margin:auto;
	height:400px;
	display:table-cell;
	vertical-align:middle;
}


.horizontal_center {
	display:table;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#button {
	padding-bottom:105px;
	padding-top:40px;
}

#back_next {
	width:200px;
	font-size:24px;
	margin:auto;
	padding-left:45px;
}

#back a {
    color:#8ECD3B;	
}

#back a:hover {
	color:#b6f169;
}

#next a {
    color:#8ECD3B;	
}

#next a:hover {
	color:#b6f169;
}

#back {
	width:100px;
	float:left;
}

#next {
	width:100px;
	float:right;
}

footer {
	background-image:url(../common/images/pc/footer_bg.jpg);
	background-repeat: repeat-x;
	padding-bottom: 48px;
	height: 138px;
	background-color:#8ECD3B;
}

#footerInner img {
	padding-top:10px;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	display:block;
}

#copyright {
	padding-top:10px;
	text-align: center;
	font-size: 12px;
	color: #53371e;
}
}
	
/* CSS Document */