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

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

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

#bgbox1{
	background-image:url(../img/boat_h_bg.jpg);
	background-repeat:repeat-x;
	}


#bgbox2{
	background-image:url(../img/boat_bg.jpg);
	background-color:#cef2ff;
	background-position:center top;
	background-repeat:no-repeat;
}

#bgbox3{
	background-image:url(../img/boat_f_bg.jpg);
	background-repeat:repeat-x;
}

/*------------------------------ヘッダー------------------------------*/

#headder{
	margin:auto;
	width:980px;
	height:119px;
	}
	
h1{
	margin-top:9px;
	float:left;
}

#headder p{
	float:left;
	margin:9px 0px 0px 35px;
	}

/*------------------------------topコンテンツ------------------------------*/
	
#contents{
	padding-top:20px;
	margin:auto;
	width:980px;
	height:870px;
}
	
#mainvis_box{
	width:980px;
	height:420px;
	background-image:url(../img/mainimg_bg.png);
}

#mainvis_box p{
	float:left;
	margin:10px 0px 0px 10px;
}

video{
	background-color:#000;
	margin-left:10px;
	width:440px;
	height:247px;
}

#info_spbox{
	width:980px;
	height:260px;
}

#info_box{
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	background-image:url(../img/info_bg.png);
	width:580px;
	height:240px;
	}

h2{
	padding-top:10px;
	margin:0px 0px 10px 10px;
	}

ul#info li{
	list-style-type:none;
	float:left;
	height:50px;
	margin:0px 0px 10px 10px;
	}	
	
#sp_c{
	float:left;
	margin-top:10px;
	margin-left:20px;
	width:380px;
	height:240px;
}

#sp_c li{
	list-style-type:none;
	float:left;
	height:110px;
	margin:5px 0px 5px 0px;
}

#top_navbox{
	margin-top:20px;
	width:980px;
	height:170px;
}

#top_navbox ul li{
	float:left;
	list-style-type:none;
	height:150px;
}
	
	
/*------------------------------フッター------------------------------*/

#footer{
	margin:auto;
	width:980px;
	height:150px;
}

p#logo{
	margin-top:20px;
	float:left;
}

p#add{
	float:left;
	margin-top:30px;
	margin-left:24px;
}

p#ashiya{
	float:left;
	margin-top:25px;
	margin-left:35px;
}

p#copy{
	float:left;
	width:980px;
	margin-top:5px;
	text-align:center;
	color:#003f98;
}

/*------------------------------スケジュール------------------------------*/

#contents2{
	padding-top: 10px;
	margin: auto;
	width: 980px;
	height: 1150px;
}

#nav{
	width:980px;
	height:50px;
}

#nav ul li{
	list-style-type:none;
	float:left;
	}

#contents2 p{
	margin-top:10px;
	width:980px;
	height:915px;
}

/*------------------------------マップ------------------------------*/
#contents3{
	padding-top:10px;
	margin:auto;
	width:980px;
	height:580px;
}

#mapbox{
	margin-top:10px;
	background-image:url(../img/map_bg.png);
	width:980px;
	height:510px;
}

#g_map{
	padding-top:5px;
}

#map_l{
	float:left;
	margin-left:10px;
	width:580px;
	}

#map_r{
	float:left;
	margin-left:30px;
	
}


/*------------------------------フロアガイド------------------------------*/

#contents4{
	padding-top:10px;
	margin:auto;
	width:980px;
	height:680px;
}

#guidebox{
	margin-top:10px;
	background-image:url(../img/guide_bg.png);
	width:980px;
	height:610px;
}


p#guide_l{
	margin-left:10px;
	margin-right:5px;
	width:355px;
	height:540px;
	float:left;
}


.tabbox{
	float:left;
	padding-left::5px;
}


/*------------------------------ここからタブ装飾------------------------------*/




/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; width: 600px; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 5em; float: left;
   height:40px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: blue;  color: white; width:149px; margin-right:2px; }
p.tabs a.tab2 { background-color: #aaaa00; color:white; width:148px; margin-right:2px; }
p.tabs a.tab3 { background-color: red;   color: white; width:148px; margin-right:2px; }
p.tabs a.tab4 { background-color: #360;   color: white; width:149px; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 496px; clear: left; border:none;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 2px solid #003f98; }
div#tab2 { border: 2px solid #003f98; }
div#tab3 { border: 2px solid #003f98; }
div#tab4 { border: 2px solid #003f98; }

div#tab1 p{ margin:0px; }
div#tab2 p{ margin:0px; }
div#tab3 p{ margin:0px; }
div#tab4 p{ margin:0px; }

/*------------------------------タブ装飾ここまで------------------------------*/