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

*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;	
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
}

a {
text-decoration: none;
}

.clear {
    clear:both;
}

#wrapper{
	width:auto;
	margin:0 auto;
}

#header{
	width:100%;
	height:100px;
	background:#333;
	position: fixed;  
    top:0;  
    left:0;
}

.logo{
	height:80px;
	margin-left:30px;
	margin-top:10px;
}


/*--------------------------------------------------------------*/

ul#navi{
	width:500px;
	float:right;
	margin:0;
	list-style-type:none;
}
ul#navi li{
	float:left;
	width:100px;
	height:100px;
}
ul#navi li a{
	width:100px;
	height:60px;
	color:#FFF;
	text-align:center;
	display:block;
	padding-top:40px;
	font-size:14px;
}

#navi li a:hover.navi_1{
	text-indent:-9999px;
	display:block;
	margin-left:-6px;
	background:url(img/navi/navi1_on.png);
}

#navi li a:hover.navi_2{
	text-indent:-9999px;
	display:block;
	margin-left:-6px;
	background:url(img/navi/navi2_on.png);
}

#navi li a:hover.navi_3{
	text-indent:-9999px;
	display:block;
	margin-left:-6px;
	background:url(img/navi/navi3_on.png);
}

#navi li a:hover.navi_4{
	text-indent:-9999px;
	display:block;
	margin-left:-6px;
	background:url(img/navi/navi4_on.png);
}


/*-----------------------------------------------------------------*/

@media screen and (max-width:768px){
	.header{display:block;}
	#header{display:none;}
}

@media screen and (min-width:769px){
	.header{display:none;}/表示しない/
	#header{display:block;}/表示する/
}


@media screen and (max-width:768px){
	#top2{display:block;}
	#top{display:none;}
}

@media screen and (min-width:769px){
	#top2{display:none;}/表示しない/
	#top{display:block;}/表示する/
}

#top{
	width:100%;
}

.tp{
	width:100%;
	margin-top:50px;
}

.ti{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
}

/*-------------------▼floor map------------------------------*/

@media screen and (max-width:768px){
	#floor2{display:block;}
	#floor{display:none;}
}

@media screen and (min-width:769px){
	#floor2{display:none;}/表示しない/
	#floor{display:block;}/表示する/
}

@media screen and (max-width:768px){
	#floor{
		background:url(img/fm2.png) no-repeat center center;
		background-size: cover;
		background-attachment: fixed;
		width:100%;}
}

#floor{
	background:url(img/fm2.png) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:1280px;
	padding-top:60px;
}

.fl1{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;
}

.nai{
	margin-bottom:10px;
	width:322px;
}


/*-----------------△floor ▼events-------------------------------*/

#events{
	background:url(img/events.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:680px;
	padding-top:60px;
}

.ev1{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	padding-top:40px;
}

.etext{
	color:#333;
	line-height: 250%;
	font-weight:bold;
}

#events2{
	background:url(img/events2.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:600px;
}

.ev2{
	width:700px;
	margin-left: auto;
	margin-right: auto;
	padding-top:100px;
	padding-left:250px;
}


/*--------------------△events　▼access----------------------------*/

#access{
	background:url(img/access.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:580px;
	padding-top:60px;
}

.ac1{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
}

h1{
	font-size:18px;
	color:#333;
}

.acbox1{
	width:420px;
	margin-left:100px;
	float:left;
}

.googlemap{
	padding-right:20px;
	float:right;
}

#footer{
	width:100%;
	height:30px;
	margin:0 auto;
	bottom:0;
	color:#FFFFFF;
	font-size:14px;
	background:#333;
	text-align:center;
	padding-top:10px;
}

/*----------------------------------------------------*/

#scrolltop {
    position: fixed;
    bottom: 20px;
    right: 10px;
}
#scrolltop a {
    display: block;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
}
#scrolltop a:hover {
    opacity: 0.9;
}

/*------------------------------------------------------*/