@charset "UTF-8";

#headarea {
	background:url(../img/bg.gif) repeat;
	height:317px;
	border-bottom:solid 4px #ff4e68;
	margin-bottom:5px;
	}
h2 {
	margin:0 auto 11px;
	padding-top:9px;
	width:86%;
	}
#headarea p {
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
	}
#headarea ul {
	width:90%;
	height:90px;
	margin:20px auto;
	}

#headarea ul li {
	float:left;
	margin-right:22px;
	height:85px;
	width:20%;
	border:solid 1px #b8b8b8;
	background-color:#ff4e68;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.6);
	}
#gradation {
	
	margin:2px;
	height:81px;
	background:gradient(linear, left top, left bottom, color-stop(1.00, #43342a), color-stop(0.75, #171513), color-stop(0.00, #80624d)); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #43342a), color-stop(0.75, #171513), color-stop(0.00, #80624d)); 
	background: -moz-gradient(linear, left top, left bottom, color-stop(1.00, #43342a), color-stop(0.75, #171513), color-stop(0.00, #80624d)); 
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	}
#gradation p.navi {
	padding-top:15px;
	font-size:1.8rem;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	}
	
	
#mainarea {
	border-top:solid 4px #b9b9b9;
	border-bottom:solid 4px #b9b9b9;
	}
h3 {
	margin:-65px auto 20px;
	width:79%;
	}
#mainarea p.text {
	margin:0 30px 20px;
	font-size:2rem;
	line-height:1.4;
	}
#mainarea p.img {
	margin:0 auto 20px;
	font-size:1.5rem;
	width:75%;
	}
#mainarea p.graf {
	margin:-36px auto 20px;
	font-size:1.5rem;
	width:96%;
	}
#mainarea img {
	margin-bottom:8px;
	}


hr {
	border-top:solid 4px #ff4e68;
	margin:5px 0 0 0;
	}

#headarea ul li a {
	text-decoration:none;
	}
	


@media only screen and (orientation : portrait) {
h3 {
	margin:-45px auto 10px;
}
#headarea ul {
	width:90%;
	height:60px;
	margin:20px auto;
	}

#headarea ul li {
	float:left;
	margin-right:10px;
	height:60px;
	width:21%;

    }
#gradation {
	
	margin:2px;
	height:56px;
	}
#gradation p.navi {
	padding-top:10px;
	font-size:1.3rem;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	}
#headarea p {
	font-size:1.8rem;
}
#headarea {
	height:217px;
}
#mainarea p.text {
	font-size:1.5rem;
	margin:0 10px 20px;
}
}