@charset "utf-8";


/*---------- hedder ----------*/
header {
	position: relative;
	height: 30px;
	background: #f19ec2;
	font-family: 'Oswald', sans-serif;
}

header h1 {
	color: #ffffff;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	padding-top: 14px;
	text-align: center;
}

@media screen and (max-width: 800px){
header h1 {
	font-size: 10px;
	padding-top: 7px;
}
}

/*---------- top ----------*/
#top {
	position: relative;
	height: auto;
	font-family: 'Oswald', sans-serif;
}
#top h2 {
	color: #000000;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	padding: 3px 0;
	text-align: center;
}

@media screen and (max-width: 800px){
#top h2 {
	font-size: 10px;
}
}

/*---------- main ----------*/
#main {
	height: 360px;
	background: #f679bd url(../img/girls_top.png) center center no-repeat;
	text-indent: -9999px;
}

p.train1 {
position: absolute;
top: 362px;
right: 61%;
}

p.train2 {
position: absolute;
top: 228px;
right: 53%;
}

p.train3 {
position: absolute;
top: 204px;
right: 37%;
left: 55%;
}

p.train4 {
position: absolute;
	top: 152px;
	right: 24%;
	left: 68%;
}


@media screen and (max-width: 800px){
	#main {
		height: 200px;
		background: #f679bd url(../img/girls_top2.png) center center no-repeat;
		background-size: 781px 200px;
		}
	}

/*---------- contents ----------*/
#contents {
}

/* nav_global_home */
#contents .nav_global_home {
}
#contents .nav_global_home ul {
	overflow: hidden;
}
#contents .nav_global_home ul li {
	float: left;
	width: 16.6666666666%;
	background: #000000;
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li {
		width: 50%; height: 160px;
		overflow: hidden;
	}
}
#contents .nav_global_home ul .nav_global_1 {
	position: relative;
}
#contents .nav_global_home ul .nav_global_1:after {
	content: "";
	position: absolute;
	bottom: 0; left: 50%;
	margin-left: -14px;
	width: 29px; height: 15px;
	background: url(../img/common/icon_arrow_2.png) 0 0 no-repeat;
	z-index: 100;
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul .nav_global_1:after {
		display: none;
	}
}
#contents .nav_global_home ul li a {
	display: block;
	text-decoration: none;
	padding-top: 120px;
	height: 300px;
	font-family: 'arial black', 'Trebuchet', 'Oswald', sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.02em;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
	padding-top: 50px;
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li a {
		padding-top: 45px;
		height: 115px;
		font-size: 20px;
	}
}
#contents .nav_global_home ul li:nth-child(1) a {
	background: #FFE8B7 url(../img/girls_rogo1.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(1) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(1) a,#contents .nav_global_home ul li:nth-child(1) a:hover {
		background-size: 100px 190px;
	}
}
#contents .nav_global_home ul li:nth-child(2) a {
	background: #FFB7DE url(../img/girls_rogo2.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(2) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(2) a,#contents .nav_global_home ul li:nth-child(2) a:hover {
		background-size: 100px 190px;
	}
}
#contents .nav_global_home ul li:nth-child(3) a {
	background: #BFD0FF url(../img/girls_rogo3.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(3) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(3) a,#contents .nav_global_home ul li:nth-child(3) a:hover {
		background-size: 100px 190px;
	}
}
#contents .nav_global_home ul li:nth-child(4) a {
	background: #E6FFB7 url(../img/girls_rogo4.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(4) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(4) a,#contents .nav_global_home ul li:nth-child(4) a:hover {
		background-size: 100px 190px;
	}
}
#contents .nav_global_home ul li:nth-child(5) a {
	background: #aaebff url(../img/girls_rogo5.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(5) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(5) a,#contents .nav_global_home ul li:nth-child(5) a:hover {
		background-size: 100px 190px;
	}
}
#contents .nav_global_home ul li:nth-child(6) a {
	background: #ffe1b4 url(../img/girls_rogo6.png) center 0 no-repeat;
}
#contents .nav_global_home ul li:nth-child(6) a:hover {
	background-position: center 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 800px) {
	#contents .nav_global_home ul li:nth-child(6) a,#contents .nav_global_home ul li:nth-child(6) a:hover {
		background-size: 100px 190px;
	}
}

/*---------- seo_contents ----------*/
.seo_contents {
	background: #ffeef5;
	margin: 2% auto;
	padding: 1%;
	width: 96%;
	border-radius: 5px;
}
.seo_contents p {
	margin: 0 auto 15px;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	text-align: left;
}
.seo_contents h3 {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	margin: 0 auto 5px;
}

@media screen and (max-width: 800px){
.seo_contents p {
	margin: 0 auto 5px;
	font-size: 8px;
}
.seo_contents h3 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-size: 12px;
	margin: 0 auto 3px;
}
}

/*---------- footer ----------*/
footer {
	position: relative;
	height: 30px;
	background: #ffffff;
	font-family: 'Oswald', sans-serif;
}

footer p {
	color: #000000;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	padding-top: 14px;
	text-align: center;
}

@media screen and (max-width: 800px){
footer p {
	color: #000000;
	font-size: 10px;
	font-family: 'Oswald', sans-serif;
	padding-top: 11px;
	text-align: center;

}
}