@charset "utf-8";

body{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #FFF;
	background-color: #000;
	font-size: 1.2rem;
	line-height: 2rem;
}
.main_menu{
	width:100%;
	position: relative;
}
.language_select_j{
	width:20%;
	height:20%;
	top:60%;
	left:20%;
	position: absolute;
}
.language_select_e{
	width:20%;
	height:20%;
	top:60%;
	left:60%;
	position: absolute;
}
.main_page_prev{
	width:10%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
}

.main_page_next{
	width:10%;
	height:100%;
	top:0;
	right:0;
	position: absolute;
}

.main_page_prev:hover {
	background: linear-gradient(to left, rgba(255,255,255,0), #fff 100%);
}
.main_page_next:hover {
	background: linear-gradient(to right, rgba(255,255,255,0), #fff 100%);
}

.menu_btn{
	width:25%;
	height:8%;
	position: absolute;
}
.b_1{
	top:30%;
	left:9%;
}
.b_2{
	top:43%;
	left:9%;
}
.b_3{
	top:55%;
	left:9%;
}
.b_4{
	top:68%;
	left:9%;
}
.b_5{
	top:80%;
	left:9%;
}
.b_6{
	top:30%;
	left:38%;
}
.b_7{
	top:43%;
	left:38%;
}
.b_8{
	top:55%;
	left:38%;
}
.b_9{
	top:68%;
	left:38%;
}
#menu {
	color: #FFF;
	background-color: #000;
	padding:1% 0;
}
.next_btn{
	width:40%;
	margin: 0 0 0 auto;
}
.prev_btn{
	width:40%;
}
ul.foo {
	width:100%;
	margin: 0 auto;
}
ul.foo li{
	width: 31.3%;
	display: inline-block;
	vertical-align: middle;
}
ul.foo li:first-child { margin-left:5px; } 
ul.foo li:nth-child(3n-1) {
  margin: 0 2%;
}
.tablecell{
	text-align: center;
    margin: auto;
}
.circle{
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #48D1CC;
	text-align:center;
	line-height: 80px;
	font-weight: bold;
}
#footer {
	color: #FFF;
	background-color: #000;
	text-align: center;
	padding:1% 0;
}
.top_page{
	width:8%;
	margin-top:-20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.logo_piapro{
	width:60px;
	padding-left:10px;
	vertical-align:middle;
}

@media screen and (max-width: 896px) { 
	body {
		font-size: 0.6rem;
		line-height: 1.4rem;
	}
	.next_btn{
		width:80%;
	}
	.prev_btn{
		width:80%;
	}
	.circle{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		line-height: 40px;
	}
	.logo_piapro{
		width:40px;
		padding-left:5px;
	}
}