@charset "utf-8";

/* ================================================================================
	1;基本コンテナ設定 */


body#d_all{
	margin:0;
	padding:0;
}
html{ background:#FFFFFF;}

/* 真ん中配置 */
body{ text-align:center;
	background:url(../images/header_bg.png) repeat-x 0 0;
}
div#wrap{
	text-align:left;
	margin:0 auto;
	/*width:980px;*/
	font-size:1.2em;
}

div#topWrap{
	text-align:left;
	margin:0 auto;
	width:980px;
}

div#footWrap{
	text-align:left;
	margin:0 auto;
	width:980px;
}

div#mainWrap{
	display:block;
	text-align:left;
	margin:0 auto;
	width:980px;
}

#header {
	display:block;
	width:980px;
	height:58px;
}
	
#header	h2{
	display:block;
	float:left;
	background:url(../images/title_header04.jpg) 0 0 no-repeat;
	}
#header	h2 a{
	display:block;
	width:580px;
	height:65px;
	}
#header	h2 a strong{
	display:none;
}

#header	ul{
	float:right;
	margin:25px 0 0 0;
	display:block;
}

#header	li.home{
	display:block;
	/*width:60px;*/
	float:left;
	background:url(../images/icon_05.gif) no-repeat 12px center;
}
#header	li{
	display:block;
	/*width:95px;*/
	float:left;
	background:url(../images/icon_06.gif) no-repeat 13px center;
}

* #header li{
	/*width:100px;*/
}



#header	li a{ margin:0; padding:0 0 0 25px;}

		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#header	ul:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#header	ul{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #header ul{height: 1px;}
		#header ul{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



/*　ナビ設定
---------------------------------------------------------------------------------------------------------------------------------- */
#navi ul{
	width:980px;
	height:46px;
	background:url(../images/header_shadow.gif) no-repeat 0 30px;
	padding:0 0 10px 0;
}
#navi li{
	float:left;
	width:163px;
	height:30px;
	padding:0;
	margin:0;
}
#navi #menu01 a,#navi #menu02 a,#navi #menu03 a,#navi #menu04 a,#navi #menu05 a,#navi #menu06 a{height:30px;}
#navi #menu01 a{ background-position:0 -30px;}
#navi #menu02 a{ background-position:-163px -30px;}
#navi #menu03 a{ background-position:-326px -30px;}
#navi #menu04 a{ background-position:-489px -30px;}
#navi #menu05 a{ background-position:-652px -30px;}
#navi #menu06 a{
	background-position:-815px -30px;
	width:164px;
}
#navi #menu01 a:hover{ background-position:0 0;}
#navi #menu02 a:hover{ background-position:-163px 0;}
#navi #menu03 a:hover{ background-position:-326px 0;}
#navi #menu04 a:hover{ background-position:-489px 0;}
#navi #menu05 a:hover{ background-position:-652px 0;}
#navi #menu06 a:hover{
	background-position:-815px 0;
	width:164px;
}

#navi a{ text-indent:-9999px;}

#navi a,#navi a:hover{
	background:url(../images/header_navi_150519.gif) no-repeat 0 0;
	display:block;
	width:163px;
	height:30px;
	padding:0;
	margin:0;
	outline-width:0;
}


#navi #menu02_110224 a,#navi #menu02_110224 a:hover{
	background:url(../images/header_navi_150519.gif) no-repeat;
}

#navi #menu02_110224 a {background-position:-163px -30px;}
#navi #menu02_110224 a:hover {background-position:-163px 0;}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#navi li a:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#navi li a {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #navi li a{height: 1px;}
		#navi li a{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

#navi {
	background:url(../images/navi_bg.gif) repeat-x 0 0;
	width:auto;
	clear:both;
	display: block;
	margin:0;
	padding:0;
}
	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
	#navi:after {
		clear: both;
		content: url(../images/blank.gif);
		display: block;
		height: 0px;
	}

	#navi {display: inline-table;}
	/* Mac IE には適用させない \*/
	* html #navi { height: 100%;}
	#navi { display: block;}
	/* */
	/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


#cruise #navi #menu01 a{ background-position:0 0;}
#schedule #navi #menu02 a{ background-position:-163px 0;}
#module_news #menu03 a{ background-position:-326px 0;}
/*#company #menu04 a{ background-position:-489px 0;}*/
#gallery #menu05 a{ background-position:-652px 0;}
#ship_d #menu05 a{ background-position:-652px 0;}
#support #menu06 a{background-position:-815px 0; width:164px;}

#module_news #naniwa #menu01 a{ background-position:0 -30px;}
#module_news #naniwa #menu03 a{ background-position:-326px 0px;}


#module_news #event #menu01 a{ background-position:0 -30px;}
#module_news #event #menu03 a{ background-position:-326px 0;}


#module_news #nakanoshima #menu01 a{ background-position:0 0;}
#module_news #nakanoshima #menu03 a{ background-position:-326px -30px;}

/*100702追加*/
#navi #menu01 a:hover{ background-position:0 0!important;}

#cruise #map #menu04 a{ background-position:-489px 0;}
#cruise #map #menu01 a{ background-position:0px -30px;}

/*　サブメニュー設定
---------------------------------------------------------------------------------------------------------------------------------- */

#subMenu h2{ float:left;}
#subMenu h2 a,#subMenu h2 a:hover{
	text-indent:-9999px;
	display:block;
	height:15px;
	padding:0;
	margin:0 20px 10px 0;
	outline-width:0;
	background: url(../images/submenu.gif) no-repeat 0 0;
	line-height:1em;
}
#subMenu h2#subM_nakanoshima a{ background-position:0 0; width:143px;}
#subMenu h2#subM_naniwa a{ background-position:-168px 0; width:117px;}
#subMenu h2#subM_tonbori a{	background-position:-312px 0; width:142px;}
#subMenu h2#subM_suiyou a{ background-position:-491px 0; width:78px;}
#subMenu h2#subM_event a{ background-position:-609px 0; width:159px;}

#subMenu h2#subM_nakanoshima a:hover{ background-position:0 -16px; width:143px;}
#subMenu h2#subM_naniwa a:hover{ background-position:-168px -16px; width:117px;}
#subMenu h2#subM_tonbori a:hover{ background-position:-312px -16px; width:142px;}
#subMenu h2#subM_suiyou a:hover{ background-position:-491px -16px; width:78px;}
#subMenu h2#subM_event a:hover{ background-position:-609px -16px; width:159px;}

#subMenu{width:980px; padding-left:5px;}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#subMenu:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#subMenu {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #subMenu{height: 1px;}
		#subMenu{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

#nakanoshima #subMenu h2#subM_nakanoshima a{ background-position:0 -16px; width:143px;}
#naniwa #subMenu h2#subM_naniwa a{ background-position:-168px -16px; width:117px;}
#tombori #subMenu h2#subM_tonbori a{ background-position:-312px -16px; width:142px;}
#suiyu #subMenu h2#subM_suiyou a{ background-position:-491px -16px; width:78px;}
#event #subMenu h2#subM_event a{ background-position:-609px -16px; width:159px;}



/*#subMenu h2#subM_naniwa a{ background-position:0 0; width:117px;}
#subMenu h2#subM_tonbori a{	background-position:-144px 0; width:142px;}
#subMenu h2#subM_suiyou a{ background-position:-323px 0; width:78px;}
#subMenu h2#subM_event a{ background-position:-441px 0; width:159px;}

#subMenu h2#subM_naniwa a:hover{ background-position:0 -16px; width:117px;}
#subMenu h2#subM_tonbori a:hover{ background-position:-144px -16px; width:142px;}
#subMenu h2#subM_suiyou a:hover{ background-position:-323px -16px; width:78px;}
#subMenu h2#subM_event a:hover{ background-position:-441px -16px; width:159px;}


#naniwa #subMenu h2#subM_naniwa a{ background-position:0 -16px; width:117px;}
#tombori #subMenu h2#subM_tonbori a{ background-position:-144px -16px; width:142px;}
#suiyu #subMenu h2#subM_suiyou a{ background-position:-323px -16px; width:78px;}
#event #subMenu h2#subM_event a{ background-position:-441px -16px; width:159px;}*/




#index #subMenu,
#naniwa #subMenu,
#tombori #subMenu,
#suiyu #subMenu,
#nakanoshima #subMenu{padding-bottom:20px;}

/*新規追加修正　ナカノシマ錦絵クルーズ　10/01/22 adachi*/
#subMenu h2#subM_nakanoshima{display:none;}

/* パンくず設定
---------------------------------------------------------------------------------------------------------------------------------- */

#breadCrumbs li{ float:left; padding:0 10px 5px 0; font-size:0.9em;}

#breadCrumbs{
	width:980px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	background:url(../images/icon_03.gif) 0 1px no-repeat;
	/*position:relative;*/
}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#breadCrumbs:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#breadCrumbs{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #breadCrumbs{height: 1px;}
		#breadCrumbs{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/* メインコンテナー設定
---------------------------------------------------------------------------------------------------------------------------------- */
#mainWrap{
	width:980px;
	display:block;
	margin:0 auto 0 auto;
	clear:both;
	/*height:100%;*/
}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#mainWrap:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#mainWrap{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #mainWrap{height: 1px;}
		#mainWrap{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/* トップコンテナー設定
---------------------------------------------------------------------------------------------------------------------------------- */
#topContainer{ width:980px; margin-bottom:20px; float:left;}
	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#topContainer:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#topContainer{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #topContainer{height: 1px;}
		#topContainer{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



/* トップコンテナー メイン設定(新着情報設定)
---------------------------------------------------------------------------------------------------------------------------------- */		
#topContainer #topC_main{ float:left; width:595px;}
		
#topContainer #topC_main h3{ margin:0 0 15px 0;}
#topContainer #topC_main h2{
	font-size:1.1em;
	font-weight:normal;
	color:#006699;
	float:left;
	padding:0 0 10px 0;
}
#topContainer #topC_main dl{
	width:600px;
	margin:0 0 20px 0;
}
#topContainer #topC_main dl{
	width:600px;
	margin:0 0 20px 0;
}

#topContainer #topC_main dd span{
	margin:0 0 0 -115px;
	padding:0 5px 0 18px;
	background:url(../images/icon_01.gif) no-repeat 0 center;
	/*position:relative;*/
	width:110px;
}
#topContainer #topC_main span a{
	margin:0 0 0 7px; border-left:solid 1px #006699; padding:0 0 0 7px;}

#topContainer #topC_main dd{
	border-bottom:none; 
	padding:2px 0 2px 115px;
	margin:0;
	width:480px;
}

#topContainer #topC_main dd{
	border-bottom:dotted 1px #CCCCCC;
	padding:5px 0 5px 115px;
}


/* ミドルコンテナー設定
---------------------------------------------------------------------------------------------------------------------------------- */
#middleContainer{
	display:block;
	margin-bottom:20px;
	height:100%;
}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#middleContainer:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#middleContainer{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #middleContainer{height: 1px;}
		#middleContainer{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



/* トップコンテナー サイド設定
---------------------------------------------------------------------------------------------------------------------------------- */

#topContainer #topC_side{float:right; width:360px;}



/* ミドルコンテナーメイン（左側）設定
---------------------------------------------------------------------------------------------------------------------------------- */	
#middleContainer #middleC_main{
	width:600px;
	height:100%;
	height:auto;
	float:left;
	display:block;
	zoom:1;
}


		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#middleContainer #middleC_main:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#middleContainer #middleC_main{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #middleContainer #middleC_main{height: 1px;}
		#middleContainer #middleC_main{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


#middleContainer #middleC_main .cruise_info{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
}

#middleContainer #middleC_main h3{
	margin:0 0 20px 0;
}
#middleContainer #middleC_main #taikou_info{
	margin:0 0 20px 0;
	display:block;
}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#middleContainer #middleC_main #taikou_info:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#middleContainer #middleC_main #taikou_info{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #middleContainer #middleC_main #taikou_info{height: 1px;}
		#middleContainer #middleC_main #taikou_info{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

#middleContainer #middleC_main #taikou_info img,#middleContainer #middleC_main #taikou_info p{
	float:left;
	display:block;
}

#middleContainer #middleC_main #taikou_info img{ margin-right:10px; margin-top:-5px}

#middleContainer #middleC_main .cruise_info2{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
	display:block;
	clear:both;
	height:100%;
}
	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#middleContainer #middleC_main .cruise_info2:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#middleContainer #middleC_main .cruise_info2{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #middleContainer #middleC_main .cruise_info2{height: 1px;}
		#middleContainer #middleC_main .cruise_info2{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



#middleContainer #middleC_main .cruise_info2 img{float:right; margin:-30px 0 0 10px;}
#middleContainer #middleC_main .cruise_info2 p{}
#middleContainer #middleC_main .cruise_info2 h3 img{ clear:both; float:none; padding:0; margin:0;}
#middleContainer #middleC_main .cruise_info2 h4{ margin:0 0 10px 0;}
#middleContainer #middleC_main .cruise_info2 span{margin:10px 0 0 0; display:block;}


/* ミドルコンテナーサイド（左側）設定
---------------------------------------------------------------------------------------------------------------------------------- */	
#middleContainer #middleC_side{
	width:360px;
	float:right;
}
	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#middleContainer #middleC_side:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#middleContainer #middleC_side{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #middleContainer #middleC_side{height: 1px;}
		#middleContainer #middleC_side{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



/* ミドルコンテナーサイド（右側）設定
---------------------------------------------------------------------------------------------------------------------------------- */	

/* サイドカレンダー設定 */
#side_calendar table td.select_day{background:#FFCC00; border-collapse:collapse;}
#side_calendar table td.not_selected{background:#FFCC00; border-collapse:collapse;}

#cal_wrap h3{ width:360px; padding:0; margin:0 0 10px 0;}
#side_calendar{ width:350px; background: url(../images/cal_bg.jpg) 0 0 repeat-x #333333; padding:10px 1px 10px 1px; margin:0 0 30px 0;}
#side_calendar span{ display:block; color:#FFFFFF; margin-left:10px; margin-bottom:5px;}
#side_calendar table{ width:348px; margin:0 0 0 1px;}
#side_calendar #cal_title{
	width:340;
	height:25px;
	background:#FFFFFF;
	padding:10px 0 0 120px;
	margin:0 1px;
}
#side_calendar #cal_title a{ float:left;}
#side_calendar #cal_title span{
	width:100;
	float:left;
	color:#333333;
	line-height:1.2em;
	margin:-1px 10px 0 10px;
}
#side_calendar .calendar_info a{
}
#side_calendar table td.calendar_info div{ color:#333333;}
#side_calendar table td{
	border:solid 1px #CCCCCC;
	border-right:none;
	background:#FFFFFF;
	text-align:center;
	/*height:20px;*/
	font-weight:bold;
	
}
#side_calendar table td.sun,#side_calendar table td.sun a{ border-left:none; color:#CC0033;}
#side_calendar table td.mon{ color:#339933;}
#side_calendar table td.tue{ color:#FF9900;}
#side_calendar table td.wed{ color:#FF3366;}
#side_calendar table td.thu{ color:#66CC33;}
#side_calendar table td.fri{ color:#660066;}
#side_calendar table td.sat,#side_calendar table td.sat a{ color:#0066FF;}

/*データが入っていない場合*/
#side_calendar table td.other_day{color:#CCCCCC;}

#side_calendar table td {padding:5px 0 3px 0;}
#side_calendar table a{display:block;padding:5px 0 3px 0;margin:-5px 0 -3px 0;}
#side_calendar table a:hover{background:#EEEEEE;}

.middleS_list{ width:360px; padding:0; margin:0 0 20px 0;}
.middleS_list h3{ width:360px; padding:0; margin:0 0 10px 0;}
#sideI_b_area{
	width:338px;
	border:solid 1px #CCCCCC; 
	border-bottom:none;
	border-top:none;
	padding:10px 10px 10px 10px;
}
	* html #sideI_b_area{padding:10px 9px;}
#sideI_b_area h4{ margin:15px 0 15px -10px; padding-left:10px; background:#E7EEF8; width:348px; color:#003366;}
	* html #sideI_b_area h4{ margin:15px -10px 15px -9px; padding-left:10px; background:#E7EEF8; width:348px; color:#003366;}
#sideI_b_area dd{ border-bottom:dotted 1px #CCCCCC; padding-bottom:10px; margin-bottom:10px;}
#sideI_b_area strong{ margin-bottom:5px; display:block;}
#sideI_b_area span{ color:#FF0000;}
#sideI_b_area em{ font-style:normal; font-weight:bold;}
.mb10{ margin-bottom:10px; display:block;}
#sideInfo{ background: url(../cruise/images/middleC_bottom_bg.gif) no-repeat bottom; padding-bottom:8px; border:none; width:360px;}
.bent li{ float:left; margin-right:20px;}
.bent li.bentli_last{ margin-right:0;}
.bent li strong{ width:99px; display:block; text-align:center; font-weight:normal; color:#FFFFFF; background:#333333;}
.bent{ width:340px;}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.bent:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		.bent{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .bent{height: 1px;}
		.bent{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */
.bent_wrap{ border-top:solid 1px #8B0606; padding-top:15px; width:340px;}
.bent_title{ width:60px; color:#8B0606; display:block; background:#FFFFFF; position:relative; top:15px;}
.bent_title2{color:#8B0606; display:block; background:#FFFFFF; position:relative; top:15px;}


/* ボトムコンテナ　設定
---------------------------------------------------------------------------------------------------------------------------------- */	
#bottomContainer{
	display:block;
	clear:both;
	width:980px;
	padding:0 0 10px 0;
}
		#bottomContainer:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#bottomContainer{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #bottomContainer{height: 1px;}
		#bottomContainer{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/* ボトムコンテナートップ　設定
---------------------------------------------------------------------------------------------------------------------------------- */	
#bottomC_top{ width:980px; margin:0 0 20px 0; clear:both;}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#bottomC_top:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#bottomC_top{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #bottomC_top{height: 1px;}
		#bottomC_top{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */
#bottomC_top h3{
	width:980px;
	background:#EEEEEE;
	margin:0 0 10px 0;
}
#bottomC_top h3 img{ border:none;}


/* バナーエリア設定
---------------------------------------------------------------------------------------------------------------------------------- */	
div#bannerArea{ display:block; margin:0 auto; width:980px; clear:both;}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		div#bannerArea:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		div#bannerArea{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html div#bannerArea{height: 1px;}
		div#bannerArea{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


div#bannerArea a{ display:block; float:left; }
div#bannerArea img{ border: solid 5px #EEEEEE; padding:0; margin:0;}
div#bannerArea img.b_sidenone{
	border-left:none;
	border-right:none;
}

#eventBanner {
	width:auto;
	padding:10px;
	margin-top:-10px;
	margin-bottom:10px;
	background:url(../images/bg_line.gif) 0 0 repeat
}
#eventBanner img{ border:#CCCCCC solid 1px;}

/* バナーエリア設定 丸バナー*/
#eventBanner_maru{
	margin-top:40px;
	margin-bottom:40px;
	overflow:hidden;
}
#eventBanner_maru a{
	float:left;
	width:171px;
	margin-right:40px;
}

#eventBanner_maru a:first-child{
	margin-left:3px;
}

#eventBanner_maru a.last{
	margin-right:0;
}

#eventBanner_maru a img{
	width:100%;
	height:auto;
}

#home #otherInfo {
	/*min-height: 44em;*/
}

#home #middleContainer {
    position: relative;
    padding-bottom: 100px;
}

#home #bannerArea.bottom {
    position: absolute;
    left:0;
    bottom: 0;
}

#bottomC_banner li {
    margin: 0 9px 0 0!important;
}
#bottomC_banner li img{ height:32px;!important}

#bottomC_banner li.right img{margin: 6px 0px;}

#eventBanner a:hover img,
#eventBanner_maru a:hover img{
     -webkit-filter: brightness(1.05);
     -moz-filter: brightness(1.05);
     -o-filter: brightness(1.05);
     -ms-filter: brightness(1.05);
     filter: brightness(1.05);
}


/* バナーエリア設定 サイドバー （スタッフブログ）*/

div#side_bannerArea{ margin-bottom:30px;}



/* ボトムコンテナーメイン（左側　その他クルーズの新着情報）設定
---------------------------------------------------------------------------------------------------------------------------------- */	
#bottomC_main{
	width:580px;
	float:left;
}

#otherInfo h3{
	width:600px;
	background:#EEEEEE;
	margin:0 0 10px 0;
	clear:both;
}

#otherInfo div{ clear:left}

#otherInfo{ float:left; width:580px; clear:both;}
		
#otherInfo h3{ margin:0 0 15px 0;}
#otherInfo h2{
	font-size:1.1em;
	font-weight:normal;
	color:#006699;
	float:left;
	margin:-1px 0 0 0;
}

#otherInfo h2 a{color:#006699;}

#otherInfo dl{
	width:600px;
	margin:5px 0 15px 0;
}

#otherInfo dd span{
	clear:left;
	margin:0 0 0 -115px;
	padding:0 5px 0 18px;
	background:url(../images/icon_01.gif) no-repeat 0 center;
	/*position:relative;*/
}
#otherInfo span a{
	margin:0 0 10px 7px; border-left:solid 1px #006699; padding:0 0 0 7px;}

#otherInfo dd{
	border-bottom:none; 
	padding:2px 0 2px 115px;
	margin:0;
	width:480px;
}

#home #info dl{
	width:976px;
	margin:0 auto;
	color:#FF0000;
}

#home #info dd{
	clear:left;
	margin:0 0 0 0;
	padding:5px;
	margin-bottom:10px;
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 10px
}
#home #info dd span{padding:0 5px 0 0;}
#home #info dd a{color:#FF0000;}

/* ボトムコンテナーサイド右側）,フッター設定
---------------------------------------------------------------------------------------------------------------------------------- 	*/	
#bottomC_side{
	width:360px;
	float:right;
}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#bottomC_side:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#bottomC_side{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #bottomC_side{height: 1px;}
		#bottomC_side{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

/* ボトムコンテナーサイドsettei */
#side_support{
	width:360px;
	background:url(../images/support_bg.gif) no-repeat 0 0;
	display:block;
	margin-bottom:20px;
}

#side_support h3{
	background:url(../images/support_title.gif) no-repeat 0 0;
	text-indent:-9999px;
	height:39px;
}

#side_support ul{
	padding:10px 10px 20px 15px;
}
#side_support ul li{
	background:url(../images/icon_03.gif) no-repeat 0 2px;
	padding:0 0 3px 13px;
}

/* ボトムコンテナー　関連リンク設定
---------------------------------------------------------------------------------------------------------------------------------- 	*/	
#footer{
	width:980px;
	clear:both;
	margin:0 auto;
}

#bottomC_banner{
	clear:left;
	border-top:#CCCCCC solid 1px;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	
}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#bottomC_banner:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#bottomC_banner{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #bottomC_banner{height: 1px;}
		#bottomC_banner{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

#bottomC_banner h3{ display:none;}
#bottomC_banner ul{
	width:100%;
	display:block;
}
#bottomC_banner li{
	float:left;
	margin:0 20px 0 0;
}

#bottomC_banner li.right{
 	float:right;
	margin:6px 0 0 0;
}
/* フッター設定
---------------------------------------------------------------------------------------------------------------------------------- */
#footer_top li,#footer_bottom ul,#footer_bottom li{ float:left; padding:0 10px 5px 0;}
#footer_bottom ul{ width:600px;}
#footer_bottom address{ float:right;}
#footer_top,#footer_bottom{width:980px; clear:both;}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#footer_top:after,#footer_bottom:after{
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		#footer_top,#footer_bottom{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #footer_top,* html #footer_bottom{height: 1px;}
		#footer_top,#footer_bottom{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/* フッタートップ設定 */
#footer_top{
	width:980px;
	padding:25px 0 6px 0;
	margin:0 0 10px 0;
	border-bottom:solid 1px #CCCCCC;
	background:url(../images/footer_bg.gif) repeat-x top;
}



#footer_top ul{ float:left ;width:700px;}
#footer_top li{ background:url(../images/icon_04.gif) no-repeat 0 3px; padding:0 20px 0 15px;}
#footer_top li a{ color:#666666;}

#footer_top img {float:right;}

/* フッターボトム設定 */
#footer_bottom{ font-size:0.9em; clear:both;}
#footer_bottom li { border-left:solid 1px #666666; padding:0 10px 0 10px; line-height:1.1;}
#footer_bottom .footerB_none{ border-left:none; padding:0 10px 0 0;}
/* アドレス設定 */
#footer_bottom address{ text-align:center; color:#999999;}

/* GET アドビリーダー設定
---------------------------------------------------------------------------------------------------------------------------------- 	*/	
.get_pdf{clear:both; padding-bottom:50px;}
.get_pdf img{float:left; margin-right:10px;}
.get_pdf p{font-size:0.8em; padding-top:2px;}
.get_pdf a{ color:#0099FF;}

/* GET Flash設定
---------------------------------------------------------------------------------------------------------------------------------- 	*/	
.get_flash{clear:both; padding-bottom:50px;}
.get_flash img{float:left; margin-right:10px;}
.get_flash p{font-size:0.8em; padding-top:6px;}
.get_flash a{ color:#0099FF;}


/* ▼下部ページ送りナビゲーション(ここから)▼ */
.navigation {
	clear: both;
	width: 800px;
	padding:0 0 60px 0;
}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.navigation:after {
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		.navigation {display: inline-table;}
		/* Mac IE には適用させない \*/
		* .navigation {height: 1px;}
		.navigation {display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

	.navigation span,
	.navigation a {
		display: block;
		float: left;
		background-color: #999999;
		color: #FFFFFF;
		font-size: 1em;
		margin: 0 10px 0 0;
		padding: 0.2em 5px;
	}

	.navigation a:hover {background-color: #333333; color:#FFFFFF !important;}
	.navigation span {background-color: #333333;}
/* ▲下部ページ送りナビゲーション(ここまで)▲ */


/*******************************
/* スマートフォン　幅768px ～ 幅768px
*******************************/
@media screen and (max-width:980px){body{zoom: 0.9;}}
@media screen and (max-width:854px){body{zoom: 0.8;}}
@media screen and (max-width:850px){body{zoom: 0.75;}}
@media screen and (max-width:768px){body{zoom: 0.7;}}
@media screen and (max-width:720px){body{zoom: 0.65;}}
@media screen and (max-width:680px){body{zoom: 0.6;}}
@media screen and (max-width:640px){body{zoom: 0.55;}}

@media screen and (max-width:540px){#all{zoom: 0.5!important;}}
@media screen and (max-width:490px){#all{zoom: 0.45!important;}}
@media screen and (max-width:460px){#all{zoom: 0.4!important;}}
@media screen and (max-width:400px){
	#all{zoom: 0.35!important;}
	#home #header li:nth-child(1),
	#home #header li:nth-child(4){display:none;}
}
@media screen and (max-width:320px){#all{zoom: 0.29!important;}}