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

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block; }
/*Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
	height:0px;
	margin:0;
	padding:0;
	clear:both;
	font-size:0px;
}

body {
	font-size:small;
	margin:0;
	padding:0;
	background-image:url(../images/top/bg_body.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

body#sub {
	font-size:small;
	margin:0;
	padding:0;
	background-image:url(../images/top/bg_body_sub.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
h1 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;	
}

a {
	text-decoration:none;
	color:#FF9900;
}
a:hover {
	text-decoration:underline;
	color:#FF3300;
}
a img {
	border:none;
}
#all {
	width:100%;
	height:100%;
}

#wrapper {
	background-color:#666666;
	background:url(../images/top/bg_body_bottom.jpg) no-repeat;
	background-position:bottom left;
	height:100%;
	width:100%;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	
}
#wrapper-sub {
	background:url(../images/top/bg_body_bottom_sub.jpg) no-repeat;
	background-position:bottom left;
	height:100%;
	width:100%;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	
}

#header {
	height:163px;
	background-image:url(../images/top/bg_header.jpg); 
	background-repeat:no-repeat;
	
}

#header-sub {
	height:163px;
	background-image:url(../images/top/bg_header_re.gif); 
	background-repeat:repeat-x;
	width:100%;
}

#header-sub-in {
	height:163px;
	background-image:url(../images/top/bg_header_sub.jpg); 
	background-repeat:no-repeat;	
}

#header h1 {
	display:none;
}
#header-sub h1 {
	display:none;
}

#header #logo-main {
	width:200px;
	height:163px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
#header-sub #logo-main {
	width:200px;
	height:163px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}


#header #logo {
	width:230px;
	height:163px;
	margin:0;
	padding:0;
	float:left;
}
#header-sub #logo {
	width:230px;
	height:163px;
	margin:0;
	padding:0;
	float:left;
}


#header-sub #header-sub-in #logo {
	width:230px;
	height:163px;
	margin:0;
	padding:0;
	float:left;
}
#topic-path {
	float:left;
	height:163px;
	width:500px;
	position:relative;
}
#topic-path p{
	position:absolute;
	bottom:0px;
	margin:0;
	padding:10px;
	color:#FFFFFF;
}

#menu-area {
	height:300px;
	background:url(../images/top/bg_cross.gif) repeat-x;
	width:100%;	
}

#menu-area-sub {
	background:url(../images/top/bg_cross.gif) repeat-x;
	width:230px;
	float:left;
}


#menu-area-box {
	width:900px;
	height:300px;
	display:block;
	float:left;
}

#menu-area-box-sub {
	width:200px;
	height:300px;
	display:block;
	float:left;
} 

#menu-area-bottom {
	height:6px;
	background-image:url(../images/top/bg_menu-area_bottom.png);
	background-position:top;
	background-repeat:repeat-x;
	_margin-top:-1px;
	behavior: expression(IEPNGFIX.fix(this));
}


/*---------------------------------------------------------------ボタン*/

#menu-bn-area {
	width:430px;
	height:300px;
	float:left;
	text-align:left;
	position:relative;
	background:url(../images/top/bg_menu_bn_area.gif) left top;
}

#menu-bn-area-sub {
	width:230px;
	height:300px;
	float:left;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#harbor-summary a{
	width:430px;
	height:300px;
	display:block;
	background:url(../images/top/bnr-newsharbor-summary.gif) no-repeat top;
	text-indent:-99999px;

}
#harbor-summary a:hover{
	background-position:bottom;
}

#etc-box {
	position:absolute;
	top:4px;
	left:25px;
	width:405px;
	height:312px;
	overflow:hidden;
}

#bnr-nh-summary a{
	width:405px;
	height:67px;
	background-position:top;
	text-indent:-99999px;
	background:url(../images/top/bnr-nh_summary.gif) no-repeat;
	display:block;
}
#bnr-nh-summary a:hover{
	background-position: bottom;}

#bnr-tvk-cafe a{
	width:405px;
	height:75px;
	display:block;
	background:url(../images/top/bnr-tvk-cafe.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnr-tvk-cafe a:hover{
	background-position:bottom;
}

#bnr-futures-cafe a{
	width:405px;
	height:75px;
	display:block;
	background:url(../images/top/bnr-futures-cafe.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnr-futures-cafe a:hover{
	background-position:bottom;
}

#bnr-yokohama-tours a{
	width:405px;
	height:75px;
	display:block;
	background:url(../images/top/bnr-yokohama-tours.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnr-yokohama-tours a:hover{
	background-position:bottom;
}


/*---------------------------------------------------------------ボタンサブページ*/

#menu-bn-area-sub {
	width:230px;
	height:300px;
	float:left;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#harbor-summary-sub a{
	width:230px;
	height:71px;
	display:block;
	background:url(../images/top/bnsub-newsharbor-summary.gif) no-repeat top;
	text-indent:-99999px;

}
#harbor-summary-sub a:hover{
	background-position:bottom;
}

#bnsub-tvk-cafe a{
	width:230px;
	height:75px;
	display:block;
	background:url(../images/top/bnsub-tvkcafe.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnsub-tvk-cafe a:hover{
	background-position:bottom;
}

#bnsub-futures-cafe a{
	width:230px;
	height:75px;
	display:block;
	background:url(../images/top/bnsub-futures-cafe.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnsub-futures-cafe a:hover{
	background-position:bottom;
}

#bnsub-yokohama-tours a{
	width:230px;
	height:75px;
	display:block;
	background:url(../images/top/bnsub_yokohama-tours.gif) no-repeat;
	background-position:top;
	text-indent:-99999px;
}
#bnsub-yokohama-tours a:hover{
	background-position:bottom;
}

/*-----------------------------------------------------------------------インフォメーションエリア*/

#info-area {
	width:470px;
	height:300px;
	display:block;
	float:left;
	text-align:left;	
	background-color:#FFFFFF;
}


#whatsnew {
	padding:5px;
	height:282px;
	border-top:4px #666666 solid;
	border-bottom:4px #666666 solid;
	
}

#whatsnew ul {
	height:180px;
	width:400px;
	overflow:hidden;
	margin:40px 10px 0px 10px;
	padding:5px 10px 0 15px;
}

#whatsnew ul li {
	border-bottom:1px #FF6600 dashed;
	color:#FF6600;
}
#whatsnew ul li a{
	line-height:2em;
	color:#FF6600;
	
}
#whatsnew li a:hover{
	color:#FF9900;
	border-bottom:1px #004ea3 dashed;
}


/*-------------------------------*/
#tvk-cafe-area {
	padding:5px;
	border-top:4px #004ea3 solid;
	border-bottom:4px #004ea3 solid;
	height:282px;
	background-image:url(../images/top/tvkcafe_left_line.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	
}

#tvk-cafe-area ul {
	height:180px;
	width:400px;
	overflow:hidden;
	margin:8px;
	padding:5px 10px 0 15px;
}
#tvk-cafe-area ul li {
	border-bottom:1px #004ea3 dashed;
	color:#004ea3;
}
#tvk-cafe-area ul li a{
	line-height:2em;
	color:#004ea3;
	
}
#tvk-cafe-area ul li a:hover{
	color:#FF9900;
	border-bottom:1px #004ea3 dashed;
}
#tvk-cafe-area a img{
	border-bottom:1px #FFFFFF solid;
}
#tvk-cafe-area a:hover img{
	border-bottom:1px #004ea3 solid;
}
#tvk-cafe-area .more a{
	width:60px;
	height:15px;
	background:url(../images/top/more_tvkcafe.gif) no-repeat;
	display:block;
	position:absolute;
	bottom:10px;
	right:20px;
	text-indent:-99999px;
}
/*-------------------------------*/
#futures-cafe-area {
	padding:5px 0 5px 5px;
	border-top:4px #fbcb33 solid;
	border-bottom:4px #fbcb33 solid;
	height:282px;
	background-image:url(../images/top/futurescafe_left_line.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}
#futures-cafe-area ul {
	height:180px;
	width:400px;
	overflow:hidden;
	margin:40px 10px 0px 10px;
	padding:5px 10px 0 15px;
}
#futures-cafe-area ul li {
	border-bottom:1px #fbcb33 dashed;
	color: #fbcb33;
}
#futures-cafe-area ul li a{
	line-height:2em;
	color: #fbcb33;
	
}
#futures-cafe-area ul li a:hover{
	color:#FF9900;
	border-bottom:1px #fbcb33 dashed;
}
#futures-cafe-area .more a{
	width:60px;
	height:15px;
	background:url(../images/top/more_futurecafe.gif) no-repeat;
	display:block;
	position:absolute;
	bottom:10px;
	right:20px;
	text-indent:-99999px;
}
/*-------------------------------*/
#yokohama-tours-area {
	padding:5px 0 5px 5px;
	border-top:4px #7fbe25 solid;
	border-bottom:4px #7fbe25 solid;
	height:282px;
	background-image:url(../images/top/yokohamatours_left_line.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}
#yokohama-tours-area ul {
	height:180px;
	width:400px;
	overflow:hidden;
	margin:40px 10px 0px 10px;
	padding:5px 10px 0 15px;
}
#yokohama-tours-area ul li {
	border-bottom:1px #6dac3b dashed;
	color: #6dac3b;
}
#yokohama-tours-area ul li a{
	line-height:2em;
	color: #6dac3b;
	
}
#yokohama-tours-area ul li a:hover{
	color:#FF9900;
	border-bottom:1px #6dac3b dashed;
}
#yokohama-tours-area .more a{
	width:60px;
	height:15px;
	background:url(../images/top/more_yokohamatures.gif) no-repeat;
	display:block;
	position:absolute;
	bottom:10px;
	right:20px;
	text-indent:-99999px;
}
/*----------------------------------------------------------*/

#cont-bottom {
	width:1024px;
	display:block;
	float:left;
}

#sub-menu-area {
	width:430px;
	min-height:437px;
	_height:437px;
	float:left;
}

#sub-menu-area-sub {
	width:200px;
	min-height:437px;
	_height:437px;
	float:left;
}


#sub-menu {
	margin-left:200px;
	width:230px;
	text-align:right;
}

#sub-menu-sub {
	margin-left:0px;
	width:230px;
	text-align:right;
}

#bn_summary {
	margin:5px 0 0 0;
}
#bn_summary a{
	width:225px;
	height:40px;
	background-image:url(../images/top/bn_summary.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
}
#bn_summary a:hover{
	background-position:bottom;
}

#bn_summary p {
	display:none;
}

#bn_map {
	margin:10px 0 0 0;
}

#bn_map a{
	width:225px;
	height:40px;
	background-image:url(../images/top/bn_map.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
}
#bn_map a:hover{
	background-position:bottom;
}

#bn_map p {
	display:none;
}


#sub-menu-area ul{
	margin:100px 0 70px 0;
	padding:0;
}

#sub-menu-area ul li{
	margin:20px 0;
	list-style:none;
}

#sub-menu-area ul li a{
	color:#FFFFFF;
	margin:2em 0;
	width:215px;
	height:20px;
	list-style:none;
	padding:5px;
	border-right:5px #333333 solid;
}

#sub-menu-area ul li a:hover{
	border-right:5px #FF6600 solid;
}

/*-------------------------------------*/
#sub-menu-area-sub ul{
	margin:100px 0 70px 0;
	padding:0;
}

#sub-menu-area-sub ul li{
	margin:20px 0;
}

#sub-menu-area-sub ul li a{
	color:#FFFFFF;
	margin:2em 0;
	width:215px;
	height:20px;
	list-style:none;
	padding:5px;
	border-right:5px #000000 solid;
}

#sub-menu-area-sub ul li a:hover{
	border-right:5px #FF6600 solid;
}

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




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

#copyright {	
	color:#FFFFFF;
	text-align:center;
}

#big-image {
	float:left;
	margin:0;
	margin-top:-6px;
	position:relative;
	_margin-top:-16px;
}

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


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

#cont-right {
	width:600px;
	float:left;
	background:url(../images/top/bg_cont_sub.gif) no-repeat top left;
	border-top:4px #666666 solid;
}

#cont-box {
	margin:15px;
}

/*-------------------------------------パーティプラン*/

#plan-box {
	width:560px;
	background:#eeeeee;
	
}
#plan-box h2{
	margin:0;
	padding:0;
	text-indent:-99999px;
	height:65px;
	background:url(../images/h3-plan.gif) no-repeat;
	width:560px;
}

#plan-box-end {
	width:560px;
	height:5px;
	background:url(../images/plan-foot.gif) no-repeat bottom;
}

.plan-box-s {
	margin:15px 15px 0 15px;
	_margin:15px 10px 0 15px;
	width:240px;
	float:left;
}


a.plan-box-s {
	display:block;
	color:#333333;
	padding:5px;
	text-decoration:none;
}

a:hover.plan-box-s {
	display:block;
	background:#FFCC00;
}



.plan-box-s img{
	float:left;
	border:3px #FFFFFF solid;
	/*margin:5px 0 5px 5px;*/
}

.plan-box-s-r {
	float:left;
	margin:0px 5px;
	width:150px;	
}

.plan-box-s h3 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;

}

.plan-box-s p {
	margin:0;
	padding:0;
	font-size:smaller;
}


.example-box {
	margin:5px 15px;
	padding:5px;
	border-bottom:1px #CCCCCC solid;

}

a .example-box {
	border-left:3px #FFFFFF solid;
	color:#333333;
}

a:hover .example-box {
	border-left:3px #FF9900 solid;
	background-color:#EFEFEF;
	text-decoration:none;
}

.example-box img{
	float:left;
	border:3px #999999 solid;
	width:60px;
	margin:0px 0px 10px 0;
}

.example-box-r {
	width:440px;
	float:left;
	margin:0 10px;
	
}
.example-box-r h4 {
	width:440px;
	border-bottom:1px #CCCCCC solid;
	margin:0 0 5px 0;
	padding:0;	
}
.example-box-r p {
	margin:0;
	padding:0;
	font-size:smaller;
}



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

#example-box {
	width:560px;
	height:360px;
	position:relative;
	margin:0 0 20px 0;
}

#example-box img{
	border:4px #CCCCCC solid;
	
}


#details-text {
	width:360px;
	float:left;
	margin:10px 10px 0 0;
}

#phgallery-area {
	background-color:#eeeeee;
	width:560px;
	}

#phgallery-area img {
	border:4px #FFFFFF solid;
	margin:0 0 10px 10px;	
}

#phgallery-head {
	width:560px;
	height:45px;
	background:url(../images/photogallery_head.gif) no-repeat top;	
}

#phgallery-foot {
	width:560px;
	height:5px;
	background:url(../images/photogallery_foot.gif) no-repeat;
}
/*#phgallery-area {
	background-color:#eeeeee;
	width:190px;
	float:left;
}

#phgallery-area img {
	border:4px #FFFFFF solid;
	margin:0 0 10px 10px;	
}

#phgallery-head {
	width:190px;
	height:45px;
	background:url(../images/top/phgallery-head.gif) no-repeat top;	
}

#phgallery-foot {
	width:190px;
	height:5px;
	background:url(../images/top/phgallery-foot.gif) no-repeat;
}*/

#bn_floor {
	position:absolute;
	right:15px;
	top:15px;
}

#bn_floor img {
	border:none;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


#link-facilities {
	width:170px;
	margin:10px 0 10px 10px;
	float:left;
	background:#eeeeee;
	border:5px #CCCCCC solid;
}

#link-facilities ul {
	padding:0 10px;
	margin-left:10px;
}

#link-facilities ul li{
	color:#FF9900;
	margin:5px 0;
	border-bottom:1px #FF9900 dashed;
	padding:5px 0;
}

#link-facilities ul li a{
	color:#FF9900;
}

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

#details-text {
	line-height:2em;
}
#details-text p {
	line-height:2em;
	color:#333333;
	 border-left:3px #FFCC00 solid;
	}


.float-box275px {
	width:275px;
	float:left;
}

.float-box275px p {
	padding:10px;
	margin-top:10px;
	background-color:#EDEDED;
	 border-left:3px #FFCC00 solid;
}


.details {
	border:1px #666666 dashed;
	background-color:#FAFAFA;
	padding:10px;
	margin-right:10px;
	margin-top:10px;
}

.details h4{
	margin:0 0 5px 0;
	padding:5px;
	background-color:#EDEDED;
	font-size:medium;
	border-left:3px #FFCC00 solid;
}

.details h5{
	margin:10px 0 0 0;
	padding:5px;
	background-color:#EDEDED;
	font-size:small;
}

.details table{
}
.details table td {
	padding:5px;
	border-bottom:1px #EDEDED solid;
}

.details ul {
}

.details ul li {
	line-height:2em;
	border-bottom:1px #EDEDED solid;
	list-style:none;
}


.link-area {
	border-bottom:1px solid #CCCCCC;
	padding:0 0 5px 0;
}

.link-area-foot {
	border-bottom:1px solid #CCCCCC;
	padding:0 0 5px 0;
	margin-top:10px;
}

.sub-link {
	border-top:1px dashed #CCCCCC;
	margin-top:0px;
	padding:4px 0 4px 0;
}