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

/* 共通（テンプレート）の指定 */
*{
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #754C24;
}

img{
	border-style:none;
}

body {
	background-color: #D5E9CD;
	-webkit-text-size-sdjust:100%;
	-moz-text-size-sdjust:100%;
}


#wrapper {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



/* スマホ_メインロゴの指定 （トップページのみ）*/
/* ここからトップページ */
.main {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 5%;
}

#rogo{
	padding-top: 1em;
	z-index: 10;
	position: absolute;
}

#girl{
	position: absolute;
	left: 5em;
}

#boy{
	position: absolute;
	left: 9.5em;
}

.welcome{
	position: absolute;
	left:1em;
}

.hello{
	position: absolute;
	left:13.5em;
}
/* ここまでメインメインロゴの指定終わり（トップページのみ） */




/* スマホ_メインナビゲーションの指定 */
/* トップページ */

#nav_main{
	position: absolute;
	top: 32em;
	width: 100%;
	text-align: center;
	left: 1.5%;
}


#nav_main li{
	list-style-type: none;
	float: left;
	background-color: #9CF;
	width: 29%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 150%;
}



#nav_main li a{
	text-decoration: none;
	display: block;
}

 
 #nav_main li:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

/* スマホ_メインナビゲーションの指定終わり */



/* スマホ_サブナビゲーションの指定 */
/* トップページ */

#bottom_wrapper{
	padding-top: 39.5em;
	width:100%;
}


/* 下の箱型ナビゲーションの指定　*/


#section_box{
	width: 100%;
}


.box:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

.box1{
	position: relative;
	height: 100%;
	width: 29%;
	margin-left: 1.8%;
	float: left;
	padding-bottom: 4%;
}

.box1 .boxin {
	z-index: 0;
	position: absolute;
}

#box1 {
	z-index: 2;
	position: relative;
	height: 100%;
	width: 100%;
}




.box2{
	position: relative;
	height: 100%;
	width: 29%;
	margin-left: 1.8%;
		float: left;
		padding-bottom: 4%;

}

.box2 .boxin {
	z-index: 0;
	position: absolute;
}

#box2 {
	z-index: 2;
	position: relative;
	height: 100%;
	width: 100%;
}


.box3{
	position: relative;
	height: 100%;
	width: 29%;
	margin-left: 1.8%;
		float: left;
		padding-bottom: 4%;

}

.box3 .boxin {
	z-index: 0;
	position: absolute;
}

#box3 {
	z-index: 2;
	position: relative;
	height: 100%;
	width: 100%;
}


	
.boxin{
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	overflow: hidden;
}




/* 下の箱型ナビゲーションの指定終わり　*/




/* 花の指定　*/

#blue_flower{
	position: absolute;
	top: 47.5em;
	left: 2%;
}

#red_flower{
	position: absolute;
	top: 47.5em;
	left: 87%;
}


/* 花の指定終わり　*/



/* ここから下のサブナビゲーション指定　*/

#sub_nav{
	margin-top: 10%;
	margin-left: 25%;
	height: 10%;
}

#sub_nav li{
	float: left;
	text-align: center;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #754C24;
	padding-left: 3%;
	padding-right: 3%;
}


#sub_nav li:last-child{
	border-right:solid 1px #754C24;
}



#sub_nav a:link{
	text-decoration: none;
}

#sub_nav a:hover{
	color: #F90;
}


/* 下のサブナビゲーション指定終わり　*/


/* フッター指定　*/

#footer{
	clear: both;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15%;
	padding-top: 5%;
	font-size: 90%;
	padding-bottom: 5%;
}



/* フッター指定終わり　*/


#page_top{
	list-style-type: none;
	float: left;
	background-color: #9CF;
	width: 29%;
	margin-left: 33%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: center;
}

#page_top a{
	text-decoration: none;
	display: block;
}