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

/*-------------------------
	informationBox
--------------------------*/

#informationBox{
	margin-bottom:80px;
}

#informationBox .floorBox{
	position:relative;
}

#informationBox .floorBox p.img{
	margin-bottom:30px;
}

#informationBox .floorBox p.text{
	position:absolute;
	bottom:20px;
	right:4%;
	font-size:92%;
	background-color:#323130;
	color:#fff;
	width:193px;
}

#informationBox .floorBox p.text a{
	display:block;
	padding:9%;
	color:#fff;
}

#informationBox #floor1{
	margin-bottom:40px;
}

#informationBox #floor1 p.pdf{
	background:url(../../images/facilities/pdf.gif) 15% 50% no-repeat;
	background-color:#484848;
	border-radius:3px;
	width:434px;
	font-size:133%;
	color:#fff;
	text-align:center;
	margin:0 20%;
}

#informationBox #floor1 p.pdf a{
	background:url(../../images/facilities/arrow-white.gif) 93% 50% no-repeat;
	display:block;
	padding:5% 0 5% 5%;
	color:#fff;
}

/*-------------------------
	division
--------------------------*/

.division{
	margin-bottom:30px;
}

.division .photo{
	float:left;
	width:auto;
	margin-right:14px;
	margin-bottom:20px;
}

.division .navi ul li{
	margin-bottom:11px;
}

.division .navi ul li.firstChild{
	margin-bottom:12px;
}

.division dl{
	clear:both;
	margin-bottom:20px;
}

.division dl dt{
	font-size:150%;
	font-weight:bold;
	margin-bottom:10px;
}

.division dl dd{
	line-height:1.8;
}

#informationBox .floorBox p.text{
	position:absolute;
	bottom:20px;
	right:4%;
	font-size:117%;
	text-align:center;
	background:url(../../images/common/icon/zoom.gif) 10% 50% no-repeat;
	background-color:#7c7b78;
	color:#fff;
	width:193px;
}

#informationBox .floorBox p.text a{
	display:block;
	margin-left:25px;
	padding:9%;
	color:#fff;
}

#informationBox #floor1 ul li{
	float:left;
	width:auto;
}

#informationBox #floor1 ul li.pdf{
	background:url(../../images/organizer/pdf.gif) 12% 50% no-repeat;
	background-color:#484848;
	border-radius:3px;
	width:418px;
	font-size:133%;
	margin-right:30px;
	text-align:center;
	color:#fff;
}

#informationBox #floor1 ul li.pdf a{
	background:url(../../images/organizer/arrow-white.gif) 93% 50% no-repeat;
	display:block;
	padding:5% 0 5% 5%;
	color:#fff;
}

#informationBox #floor1 ul li.view{
	background:url(../../images/common/icon/view.gif) 10% 50% no-repeat;
	background-color:#70b949;
	border-radius:3px;
	font-size:133%;
	float:left;
	text-align:center;
	width:265px;
}

#informationBox #floor1 ul li.view a{
	background:url(../../images/common/icon/window.gif) 95% 10px no-repeat;
	color:#fff;
	display:block;
	margin-left:10%;
	padding:8% 0%;
}


.division .explain{
	clear:both;
	border:solid 5px #e9e7df;
	padding:4% 7%;
}

.division .explain p.img{
	margin-bottom:20px;
}

.division .explain table{
	margin:0 10%;
	margin-bottom:30px;
}

.division .explain table th{
	background-color:#1c7abf;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	color:#fff;
	padding:2% 0 2% 2%;
}

.division .explain table th.capacity{
	width:70px;
	padding-left:2%;
}

.division .explain table th.format{
	width:118px;
}

.division .explain table td{
	background-color:#daebf8;
	width:279px;
	padding-left:5%;
	border-bottom:solid 1px #fff;
}

.division .explain p.btn{
	background:url(../../images/facilities/arrow-black.gif) 95% 50% no-repeat;
	width:446px;
	border:solid 2px #484848;
	border-radius:3px;
	font-size:133%;
	font-weight:bold;
	text-align:center;
	margin:0 12%;
}

.division .explain p.btn a{
	display:block;
	padding:4% 0;
	color:#333;
}


/*-------------------------
	outside
--------------------------*/

#outside dl{
	clear:both;
	float:none;
	width:auto;
}

#outside dl dd{
	width:auto;
}

#outside table th{
	width:202px;
}

/*-------------------------
	entrance
--------------------------*/

#entrance dl{
	clear:both;
	float:none;
	width:auto;
	border-bottom:solid 1px #dbdbdb;
	margin-bottom:0px;
	padding-bottom:30px;
}

#entrance dl dd{
	width:auto;
}

#informationBox p.floor2{
	font-size:150%;
	text-align:center;
	border:solid 2px #1c7abf;
	border-radius:3px;
	margin:0 5%;
}

#informationBox p.floor2 a{
	display:block;
	color:#1c7abf;
	padding:3% 0;
}


@media only screen and
(max-width : 640px) {

#informationBox #floor1{
	margin-bottom:5%;
}

#informationBox .floorBox p.text{
	bottom:1%;
	right:1%;
	font-size:84%;
	width:30%;
}


#informationBox #floor1 ul li{
	float:none;
	margin:2% 0;
}

	#informationBox #floor1 ul li.pdf{
		background-position:4% 50%;
		background-size:5%;
		width:100%;
		margin-right:30px;
		font-size:100%;
	}
	
	#informationBox #floor1 ul li.pdf a{
		padding:5% 0 5% 5%;
		background-position:97% 50%;
	}
	
	#informationBox #floor1 ul li.view{
		background-size:5%;
		width:100%;
	}
	
	#informationBox #floor1 ul li.view a{
		padding:4% 0%;
		font-size:100%;
	}
	

/*-------------------------
	division
--------------------------*/

.division{
	margin-bottom:5%;
}

	.division .photo{
		float:none;
		width:100%;
		margin:0 0 4% 0;
	}
	
	.division .navi ul li{
		display:inline-block;
		margin:0 1%;
		width:22%;
	}
	
	.division .navi ul li.firstChild{

	}


}