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

/*---------top swallow--------------*/
.resizeimage { width:25%; }
.resizeimage img { width: 100%; }

#swallow_right{
	position: absolute;
    right: 0px;
    top: -60px;
    z-index: 100;
	opacity:0.5;
}
#swallow_left{
	position: absolute;
    left: -20px;
    top:60px;
    z-index: 99;
	opacity:0.5;
}
/*----------------------------------*/
#wrap{
	width:1000px;
	margin:0 auto;
	border-radius:0.3em 0.3em 0 0;
	box-shadow: 0 1px 7px #000000;
	background-color:#fff;
}

header{
margin-top:1em;
	background-color:#000;
	box-shadow: 0 1px 7px #000000;
	padding-bottom:4em;
	text-align:center;
	width:100%;
}

header h2{
	color: #FFF;
    font-size: 1.2em;
    letter-spacing: 0.5em;
    padding: 1.5em 1em;
    text-align: center;
}
header h1 img{
	max-width:100%;
}

#main_contents{
}

#left #leaf1{
	background-image:url(../img/index/leaf1.png);
	background-repeat:no-repeat;
	height:120px;
	bottom: -35px;
    position: relative;
}
#left #leaf2{
	background-image:url(../img/index/leaf3.png);
	background-repeat:repeat-y;
	height:3000px;
	bottom: -35px;
    position: relative;
}
/*---------------------------------------------------------*/

#main_nav{
	font-size:12px;
	height:36em;
	font-family: 'Comfortaa',cursive;
	font-weight:300;
	width: 844px;
	margin:0 auto;
}
#main_nav ul{
}
#main_nav ul li{
	float: left;
    margin-bottom: -4em;
    width:35em;
}

#right{
	float: right;
    padding:0 2.5em 0 0;
    width:65%;
}
#left{
    float: left;
    padding:0 0 0 2em;
    width:23%;
}




/*---------------------------------------------------------*/
@media screen and (max-width:999px) {
.sumaho {
    margin-bottom: 0.5em;
}
header{
	padding-bottom:0;
}

#wrap{
	width:100%;
	padding-top: 1em;
}
#left{
	display:none;
}
#right{
    padding:0;
	width:100%;
	float:none;
}
#right section{
	padding:0 2em;
}
#easy_outline{
	display:none;
}
#main_nav{
	display:none;
}

}
@media screen and (min-width:1000px) {

}
@media screen and (max-width:800px) {
header h2{
	text-align:left;
}
}