@charset "utf-8";
	em
	{
		font-style:normal;
	}
	em.bold
	{
		font-weight:bold;
	}
	em.important
	{
		color:red;
	}
	div.balloon
	{
		padding-left:13px;
		background: no-repeat left bottom;
		background-size:13px 17px;
	}
	div.balloon p
	{
		display: inline-block;
		position: relative;
		padding: 8px;
		margin: 4px 0px 4px 0px;
		border-radius: 8px;
		background: #EEE;
		color: inherit;
		font-size:14px;
		line-height:1.5em;
		vertical-align:bottom;
		background-color: #EEEEEE;
		color: #888888;
		/* ie lt9 */
			behavior: url("/PIE.htc") \9;
	}
	div.msg_ship
	{
		height: auto;
			min-height: 40px;
		padding-left: 100px;
		background: url(img/ico_msg_ship.png) no-repeat left bottom;
		background-size: 100px 40px;
		text-align: left;
		/* ie lt9 */
			background-image: url(img/ico_msg_ship_fix.png) \9;
		/* ie lt8 */
			_height: 40px;
	}
	div.msg_mikasa
	{
		height: auto;
			min-height: 80px;
		padding-left: 100px;
		background: url(img/ico_msg_mikasa.png) no-repeat left bottom;
		background-size: 102px 80px;
		text-align: left;
		/* ie lt9 */
			background-image: url(img/ico_msg_mikasa_fix.png) \9;
		/* ie lt7 */
			_height: 80px;
	}
	div.msg_mariho
	{
		height: auto;
			min-height: 80px;
		padding-left: 100px;
		background: url(img/ico_msg_mariho.png) no-repeat left bottom;
		background-size: 102px 80px;
		text-align: left;
		/* ie lt9 */
			background-image: url(img/ico_msg_mariho_fix.png) \9;
		/* ie lt7 */
			_height: 80px;
	}
	div.msg_sunameri
	{
		height: auto;
			min-height: 85px;
		padding-left: 70px;
		background: url(img/ico_msg_sunameri.png) no-repeat left bottom;
		background-size: 85px 85px;
		text-align: left;
		/* ie lt9 */
			background-image: url(img/ico_msg_sunameri_fix.png) \9;
		/* ie lt7 */
			_height: 85px;
	}
/*----------------------------------------------*/
/* header                                       */
/*----------------------------------------------*/
	header
	{
		min-height:60px;
		padding: 0;
	}
	header h1
	{
		margin: 0px 0px 0px 0px;
	}
	header h1 a
	{
		position: absolute;
		width: 180px;
		height: 40px;
		margin: 5px 0 0 0px;
		background: url(/common/css/img/anh-logo-L_fix.png) no-repeat;
		background-size: 180px auto;
		text-indent: -9999px;
	}	
	header nav ul{
		padding: 10px 0 0 180px;
		margin: 10px 0 0 0;
	}
	header nav ul li{
		display: block;
		border-right: dotted 1px black;
		float: left;
		width: 29%;
		min-width: 180px;
		/* ie lt8 */
			*width: 225px;
	}
	header nav ul li:last-child{
		border-right:none;
	}
	header nav ul li.home
	{
		min-width: 50px;
		width: 13%;
	}
	header nav ul::after
	{
		display: block;
		clear: both;
		content: "";
	}
	header nav ul li a
	{
		display: block;
		outline: none;
		width: 100%;
		height: 30px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 180px auto;
		text-indent: -9999px;
		/* ie lt7 */
			_border-radius: 1px;
			_behavior: url("/PIE.htc");
	}
	header nav ul li a:hover
	{
		background-color: #F8F888;
	}
	header nav ul li.home a
	{
		background-size: 100px auto;
		background-image: url("/common/css/img/home.png");
		/* ie lt9 */
			background-image: url("/common/css/img/home_fix.png") \9;
	}
	header nav ul li.heritage a
	{
		background-image: url("/common/css/img/ja_heritage.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_heritage_fix.png") \9;
	}
	header nav ul li.heritage a.active
	{
		background-image: url("/common/css/img/ja_heritage_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_heritage_active_fix.png") \9;
	}
	header nav ul li.sanpai a
	{
		background-image: url("/common/css/img/ja_sanpai.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_sanpai_fix.png") \9;
	}
	header nav ul li.sanpai a.active
	{
		background-image: url("/common/css/img/ja_sanpai_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/sanpai_active_fix.png") \9;
	}
	header nav ul li.ohno a
	{
		background-image: url("/common/css/img/ja_ohno.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_ohno_fix.png") \9;
	}
	header nav ul li.ohno a.active
	{
		background-image: url("/common/css/img/ja_ohno_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_ohno_active_fix.png") \9;
	}
	header nav ul li.mariho a
	{
		background-image: url("/common/css/img/ja_mariho.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_mariho_fix.png") \9;
	}
	header nav ul li.mariho a.active
	{
		background-image: url("/common/css/img/ja_mariho_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_mariho_active_fix.png") \9;
	}
	header nav ul li.iwakuni a
	{
		background-image: url("/common/css/img/ja_iwakuni_fix.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_iwakuni_fix.png") \9;
	}
	header nav ul li.iwakuni a.active
	{
		background-image: url("/common/css/img/ja_iwakuni_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_iwakuni_active_fix.png") \9;
	}
	header nav ul li.miyajimaguchi a
	{
		background-image: url("/common/css/img/ja_miyajimaguchi_fix.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_miyajimaguchi_fix.png") \9;
	}
	header nav ul li.miyajimaguchi a.active
	{
		background-image: url("/common/css/img/ja_miyajimaguchi_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/ja_miyajimaguchi_active_fix.png") \9;
	}
	.english header nav ul li.heritage a
	{
		background-image: url("/common/css/img/en_heritage.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_heritage_fix.png") \9;
	}
	.english header nav ul li.heritage a.active
	{
		background-image: url("/common/css/img/en_heritage_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_heritage_active_fix.png") \9;
	}
	.english header nav ul li.sanpai a
	{
		background-image: url("/common/css/img/en_sanpai.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_sanpai_fix.png") \9;
	}
	.english header nav ul li.sanpai a.active
	{
		background-image: url("/common/css/img/en_sanpai_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/sanpai_active_fix.png") \9;
	}
	.english header nav ul li.ohno a
	{
		background-image: url("/common/css/img/en_ohno.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_ohno_fix.png") \9;
	}
	.english header nav ul li.ohno a.active
	{
		background-image: url("/common/css/img/en_ohno_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_ohno_active_fix.png") \9;
	}
	.english header nav ul li.miyajimaguchi a
	{
		background-image: url("/common/css/img/en_miyajimaguchi.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_miyajimaguchi_fix.png") \9;
	}
	.english header nav ul li.miyajimaguchi a.active
	{
		background-image: url("/common/css/img/en_miyajimaguchi_active.png");
		/* ie lt9 */
			background-image: url("/common/css/img/en_miyajimaguchi_active_fix.png") \9;
	}

@media screen and (max-width: 900px)
{
	header
	{
		min-height:40px;
	}
	header h1 a
	{
		width:75px;
		height:30px;
		margin: 0;
		background: url(/common/css/img/anh-logo.png) no-repeat top center;
		background-size: 69px auto;
	}
	header nav ul
	{
		padding: 0 0 0 75px;
		width:100%;
	}
}
@media screen and (max-width: 720px)
{
	header nav ul li{
		border:none;
	}
	header nav ul li.home{
		border-left:black 1px dotted;
		border-right:black 1px dotted;
	}
	
	header nav ul li a
	{
		display:none;
	}
	header nav ul li a.active
	{
		display:block;
		background-size:240px auto;
		width:100%;
		min-width:240px;
	}
	header nav ul li.home
	{
		min-width:75px;
	}
	header nav ul li.home a
	{
		display:block;
	}
	header nav ul li
	{
		width:auto;
	}
}
@media screen and (max-width: 450px)
{
	header
	{
		min-height: 40px;
	}
	header h1
	{
		display: none;
	}
	header nav ul
	{
		padding: 0;
		width:100%;
	}
	header nav ul li
	{
		border:none;
	}
	header nav ul li.home a
	{
		display:none;
	}
	header nav ul li a.active
	{
		background-size:260px auto;
		width: 260px;
	}
}


/******* マリホ航路対応（日本語のみ）*********/
/* .japanese header h1 a
{
	width:75px;
	height:30px;
	margin: 10px 0;
	background: url(/common/css/img/anh-logo.png) no-repeat top center;
	background-size: 69px auto;
		background-image: url("/common/css/img/anh-logo_fix.png") \9;
}
.japanese header nav ul {
	padding: 10px 0 0 0;
	margin: 100px 0 0 0;
} */

/* .japanese header nav ul li
{
	display: block;
	border-left: dotted 1px black;
	float: left;
	width: 22%;
	min-width: 180px;
		*width: 195px;
}
.japanese header nav ul li.home
{
	width:12%;
	min-width:100px;
		*width: 100px;
} */



/* @media screen and (max-width:930px) {
	.japanese header{
		min-height:40px;
	}
	.japanese header h1 a
	{
		margin: 0 0;

	}
	.japanese header nav ul {
		padding: 0px 0 0 75px;
		margin: 10px 0 0 0;
	}
	.japanese header nav ul li
	{
		width: 25%;
			*width: 225px;
	}
	.japanese header nav ul li.home
	{
		display:none;
		width:0%;
	}	
}

@media screen and (max-width:820px) {
	.japanese header nav ul li.home {
		display: block;
		width:auto;
	}
} */
@media screen and (min-width:920px){
	.japanese header{
		min-height:90px;	
	}
	.japanese header nav ul{
		padding:5px 0;
		position:absolute;
		top:40px;
		width:100%;
	}
	.japanese header nav ul li.home{
		display:none;
	}
	.japanese header nav ul li{
		width:20%;
	}
}
@media screen and (max-width: 919px)
{
	.japanese header nav ul li{
		border:none;
	}
	.japanese header nav ul li.home{
		border-left:black 1px dotted;
		border-right:black 1px dotted;
	}
	.japanese header nav ul li a
	{
		display:none;
	}
	.japanese header nav ul li a.active
	{
		display:block;
		background-size:240px auto;
		width:100%;
		min-width:240px;
	}
	.japanese header nav ul li.home
	{
		min-width:75px;
	}
	.japanese header nav ul li.home a
	{
		display:block;
	}
	.japanese header nav ul li
	{
		width:auto;
	}
}
@media screen and (max-width: 450px)
{
	.japanese header
	{
		min-height: 40px;
	}
	.japanese header h1
	{
		display: none;
	}
	.japanese header nav ul
	{
		padding: 0;
		width:100%;
	}
	.japanese header nav ul li
	{
		border:none;
	}
	.japanese header nav ul li.home a
	{
		display:none;
	}
	.japanese header nav ul li a.active
	{
		background-size:260px auto;
		width: 260px;
	}
}
/******* マリホ航路対応ここまで*********/
@media print
{
	header,
	footer
	{
		display: none;
	}
}
/*----------------------------------------------*/
/* メインメニュー                               */
/*----------------------------------------------*/
	nav#topmenu
	{
		display: block;
		text-align: center;
	}
	#topmenu ul
	{
		display: inline-block;
		width: 100%;
		max-width: 600px;
		margin: 0;
		padding: 0;
		/* ie lt7 */
			_display: block;
			_width: 600px;
	}
	#topmenu li
	{	
		display: block;
		width: 20%;
		float: left;
		text-align: center;
	}
	#topmenu a
	{
		display: inline-block;
		box-sizing: content-box;
		width: 100%;
		max-width: 64px;
		min-height:30px;
		margin:0px;
		padding: 66px 0px 0px 0px;
		background: no-repeat center top;
		background-size: contain;
		color: inherit;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		
		/* ie lt8 */
			*margin-bottom: 5px;
		/* ie lt7 */
			_height: 30px;
			_border-radius: 1px;
			_background-position: center top;
			_behavior: url("/PIE.htc");
	}
	#topmenu a.route
	{
		background-image: url(img/nav-route.png);
		color: #C14249;
		/* ie lt9 */
			background-image: url(img/nav-route_fix.png) \9;
	}
	#topmenu a.schedule
	{
		background-image: url(img/nav-schedule.png);
		color: #559172;
		/* ie lt9 */
			background-image: url(img/nav-schedule_fix.png) \9;
	}
	#topmenu a.terminal
	{
		background-image: url(img/nav-terminal.png);
		color: #E5AA5A;
		/* ie lt9 */
			background-image: url(img/nav-terminal_fix.png) \9;
	}
	#topmenu a.reservation
	{
		background-image: url(img/nav-reservation.png);
		/* ie lt9 */	background-image: url(img/nav-reservation_fix.png) \9;
		color: #B38EBA;
	}
	.english #topmenu a.reservation
	{
		background-image: url(img/nav-reservation_e.png);
		/* ie lt9 */	background-image: url(img/nav-reservation_fix_e.png) \9;
	}
	#topmenu a.faq
	{
		background-image: url(img/nav-faq.png);
		color: #F292AF;
		/* ie lt9 */
			background-image: url(img/nav-faq_fix.png) \9;
	}
	#topmenu a.yuran
	{
		background-image: url(img/nav-yuran.png);
		color: #FF7F00;
		margin : 0 auto;
		/* ie lt9 */
			background-image: url(img/nav-yuran_fix.png) \9;
	}
	#topmenu a.chokko
	{
		background-image: url(img/nav-chokko.png);
		color: #1B1464;
		margin : 0 auto;
		/* ie lt9 */
			background-image: url(img/nav-chokko_fix.png) \9;
	}
	#topmenu a:hover
	{
		background-color: transparent;
		opacity: 0.7;
		/* ie lt9 */
			background-color: #FFFF88 \9;
	}
@media print
{
	nav#topmenu
	{
		display: none;
	}
}
/*----------------------------------------------*/
/* トップ画像                                   */
/*----------------------------------------------*/
	div#topImg
	{
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}
	div#topImg img
	{
		width: 100%;
	}
	div#topImg h1
	{
		position:absolute;
		top: 30px;
		bottom: 0;
	}
	div#topImg h1.left
	{
		left: 20px;
	}
	div#topImg h1.right
	{
		right: 20px;
	}
	div#topImg h1.top
	{
		top: 30px;
	}
	div#topImg h1.bottom
	{
		bottom: 30px;
	}
	div#topImg h1 img
	{
		width:260px;
		height:auto;
	}
@media screen and (max-width:720px)
{
	div#topImg
	{
		display: none;
	}
}
@media print
{
	div#topImg img
	{
		display: none;
	}
	div#topImg h1,
	div#topImg h1.left,
	div#topImg h1.right,
	div#topImg h1.top,
	div#topImg h1.bottom
	{
		top: 20px;
		bottom: auto;
		left: auto;
		right: 50px;
	}
	div#topImg h1 img
	{
		display: block;
		width: 180px;
		height: auto;
	}
}
/*----------------------------------------------*/
/* メインコンテンツ                             */
/*----------------------------------------------*/
	div#front
	{
		text-align:center;
	}
	div#contents
	{
		display: inline-block;
		width: 100%;
			_width: 900px;
		max-width: 900px;
		margin: 0;
		padding: 0 0 56px 0;
		background-repeat: repeat-x;
		background-position: bottom left;
		background-size:12px 6px;
		color: #00729B;
		text-align: center;
	}
	#contents h1
	{
		display: block;
		text-align: center;
		margin: 0px 0px 10px 0px;
		font-size: 18px;
	}
	#contents h1::before,
	#contents h1::after
	{
		content:"-";
		margin: 0px 10px 0px 10px;
	}
	#contents h2
	{
		height:40px;
		padding: 6px 0px 0px 62px;
		background: no-repeat left bottom;
		background-position: 0;
		background-size: 320px, 28px;
		font-size: 18px;
		line-height: 22px;
		text-indent: 0;
		text-align: left;
	}
	#contents h2::after
	{
		display: block;
		height: 12px;
		line-height: 52px;
		margin:0px 0px 0px -60px;
		background: url(img/faq_h_after.png) repeat-x left bottom;
		background-size: 42px 8px;
		content: "";
	}
	#contents h1.img
	{
		text-indent:-9999px;
		height: 28px;
		margin: 20px 0px;
		background: no-repeat center top;
		background-size: auto 28px;
	}
	#contents th,
	#contents td
	{
		color: inherit;
		border-style: solid;
		border-width: 1px;
	}
	#contents ul.notice
	{
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 1.5em;
		text-align: left;
	}
	#contents ul.notice li
	{
		padding-left: 14px;
		margin: 4px 0px;
		/* ie lt 8 */
			*position: relative;
			*background: no-repeat left center;
	}
	.japanese #contents ul.notice li
	{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#contents ul.notice li:before
	{
		position: absolute;
			left: 0px;
			top: auto;
		margin: 5px 0px;
		width: 10px;
		height: 10px;
		background-color: #888;
		content:" ";
	}
	#contents ul.notice li em
	{
		text-decoration: underline;
		font-weight: bold;
	}
@media (min-width: 0px)
{
	#contents h2
	{
		height: auto;
		min-height: 40px;
		background-position: 30px 0px;
	}
}
@media screen and (max-width: 500px)
{
	#contents h2
	{
		padding-left: 40px;
		background-position: 10px 0px;
	}
}

/*----------------------------------------------*/
/* 航路メイン                                   */
/*----------------------------------------------*/
	div#route_home
	{
		display: inline-block;
		width: 100%;
		max-width: 600px;
		margin: 0;
		text-align: center;
		/* ie lt7 */
			_width: 600px;
	}
	#route_home ul.msg
	{	
		list-style: none;
		margin: 20px 3% 0px 3%;
		text-align: left;
	}
	#route_home ul.msg li
	{
		padding: 6px 0px 2px 50px;
		margin: 10px 0px 20px 0px;
		background: no-repeat top left;
		background-size: 40px;
		font-size: 16px;
		line-height: 20px;
	}
	#route_home ul.msg
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#route_home ul.msg li
	{
		height: auto;
	}
	#route_home ul.msg li.img
	{
		background: none;
		text-align: center;
		font-size: 0;
		margin: 0;
		padding: 0;
		/* ie lt8 */
			*height: 146px;
			*background: no-repeat center top;
	}
	#route_home ul.msg li.img img
	{
		width: 80%;
		height: auto;
		/* ie lt8 */
			*display: none;
	}
	#route_home div.movie_box
	{
		display:inline-block;
		margin: 20px 0%;
		width: 90%;
		min-width: 300px;
	}
	#route_home div#movie
	{
		display:block;
		text-align:center;
		padding-top:56.25%;
		width: 100%;
		position:relative;
	}
	#route_home div#movie iframe{
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
	}
/*** flex slider ***********************************/

	div.slidebox
	{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		padding: 0;
		background-color: #E5E3DF;
		/* ie lt 9 */
			width: 960px \9;
			height: 540px \9;
	}
	div.slidebox::before
	{
		display: block;
		padding-top: 56.25%;
		content: "";
	}
	div.flexslider
	{
		overflow: hidden;
		position: absolute;
			top: 0px;
			left: 0px;
		width: 100%;
		height: 100%;
		/* ie lt 9 */
			width: 960px \9;
			height: 540px \9;
	}
	div.flexslider ul.slides li
	{
		/*display: block;*/
	}
	div.flexslider ul.slides li img
	{
		width: 100%;
		height: auto;
		/* ie lt9 */
			width: 960px \9;
			height: 540px \9;
	}
	div.flexslider ul.flex-direction-nav
	{
		height: 50px;
		width: 50px;
	}
	div.flexslider ul.flex-direction-nav li a.flex-next,
	div.flexslider ul.flex-direction-nav li a.flex-prev
	{
		display: block;
		position: absolute;
			top: 50%;
		width: 52px;
		height: 76px;
		margin-top: -38px;
		background-size: contain;
		background-repeat: no-repeat;
		text-indent: -9999px;
		text-decoration: none;
	}
	div.flexslider ul.flex-direction-nav li a.flex-next
	{
		right: 2%;
		background-image: url(img/right_arrow.png);
		/* ie lt 9 */
			background-image: url(img/right_arrow_fix.png) \9;
		/* ie lt 7 */
			_border-radius: 1px;
			_behavior: url("/PIE.htc");
	}
	div.flexslider ul.flex-direction-nav li a.flex-prev
	{
		left: 2%;
		background-image: url(img/left_arrow.png);
		/* ie lt 9 */
			background-image: url(img/left_arrow_fix.png) \9;
		/* ie lt 7 */
			_border-radius: 1px;
			_behavior: url("/PIE.htc");
	}
	div.flexslider ol.flex-control-nav
	{
		display: inline-block;
		list-style-type: none;
		position: relative;
		top: -60px;
		/* ie lt8 */
			*display: inline;
			*zoom: 1;
	}
	div.flexslider ol.flex-control-nav li
	{
		float: left;
	}
	div.flexslider ol.flex-control-nav li a.flex-active
	{
		background-color: white;
	}
	div.flexslider ol.flex-control-nav li:hover
	{
		cursor:pointer;
	}
	div.flexslider ol.flex-control-nav li a
	{
		display: block;
		width: 24px;
		height: 24px;
		margin: 0px 10px 0px 10px;
		border: 1.5px solid white;
		text-indent: -9999px;
		line-height: 0px;
	}
@media screen and (min-width:601px)
{
	div.flexslider ol.flex-control-nav
	{
	}
	div.flexslider ol.flex-control-nav li a
	{
		width: 24px;
		height: 24px;
		margin: 0px 20px 0px 20px;
		border: 2.0px solid white;
	}
	div.flexslider a.flex-next,
	div.flexslider a.flex-prev
	{
		width: 52px;
		height: 76px;
		margin-top: -38px;
	}
}
@media screen and (max-width:600px)
{
	div.flexslider ol.flex-control-nav
	{
		top: -30px;
	}
	div.flexslider ol.flex-control-nav li a
	{
		width: 12px;
		height: 12px;
		margin: 0px 10px 0px 10px;
		border: 1.5px solid white;
	}
	div.flexslider ul.flex-direction-nav li a.flex-next,
	div.flexslider ul.flex-direction-nav li a.flex-prev
	{
		width: 26px;
		height: 38px;
		margin-top: -19px;
	}
}
/*----------------------------------------------*/
/*  h1  航路図・乗船料                          */
/*----------------------------------------------*/

	/*----------------------------------------------*/
	/*  h2  航路図                                  */
	/*----------------------------------------------*/
	div#route
	{
		width: 100%;
		text-align: left;
	}
	#route div.msg
	{
		margin: 20px 0px 5px 0px;
	}
	#routemap h3
	{
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}	
	#routemap ul.legend
	{
		list-style: none;
		float: right;
		margin: 5px 0 5px 3%;
		border: solid 1px #CCC;
	}
	#routemap ul.legend::after
	{
		display: block;
		clear: both;
		content: "";
	}
	#routemap ul.legend li
	{
		float: left;
		margin: 0 10px;
		padding-left:25px;
		background: none no-repeat left center;
		color: black;
	}
	#routemap ul.legend li.route1
	{
		background-image: url(img/legend_r1.png);
	}
	#routemap ul.legend li.route2
	{
		background-image: url(img/legend_r2.png);
	}
	#routemap ul.notice
	{
		margin: 0 0 0 3%;
		padding-right:250px;
	}
	#routemap div.mapbox
	{	
		position:relative;
		overflow: hidden;
		width:100%;
		height: auto;
		max-height:400px;
		background-color: #E5E3DF;
		/* ie lt9 */
			height:400px \9;
		/* ie lt7 */
			_background-repeat: no-repeat;
			_background-position: left top;
	}
	#routemap div.mapbox::before
	{
		display: block;
		padding-top: 70%;
		content: "";
	}
	#routemap div.mapbox div.map
	{
		position: absolute;
			top: 0px;
			left: 0px;
		margin:0;
		padding:0;
		width: 100%;
		height:100%;
		/* ie lt 7 */
			_display: none;
	}
@media screen and (max-width: 720px)
{
	#routemap div.mapbox
	{
		margin: 0px 3% 0 3%;
		width: 94%;
	}
	#routemap ul.legend
	{
		margin-right: 3%;
	}
}
@media screen and (max-width: 500px)
{
	#routemap ul.notice
	{
		clear:both;
		margin: 10px 3% 0fare 3%;
		padding: 0;
	} 
}
	/*----------------------------------------------*/
	/*   h2 乗船料                                  */
	/*----------------------------------------------*/
	div#fare
	{
		margin: 20px 0 20px 0px;
	}
	#fare ul.notice
	{
		margin: 0px 3%;
	}
	#fare div::after
	{
		display: block;
		clear: both;
		content: "";
	}
	#fare table
	{
		float: left;
		width: 48%;
		min-width:200px;
		margin: 10px 1% 10px 1%;
		color: inherit;
		font-size: 14px;
		/* ie lt7 */
			_width: 435px;
			_margin: 10px 5px;
	}
	#fare th,
	#fare td
	{
		padding: 4px;
		border-width: 2px;
		vertical-align: middle;
	}
	#fare th
	{
		text-align: center;
	}
	#fare th span
	{
		display: inline-block;
		padding: 0px 0px 18px 0px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 16px;
	}
	#fare th
	{
		width: 25%;
		min-width: 75px;
	}
	#fare td
	{
		width: 75%;
	}
	#fare small
	{
		font-size:11px;
		line-height: 1.5em;
	}
	#fare th span.oneway
	{
		background-image: url(../img/ico_oneway.png);
	}
	#fare th span.round
	{
		background-image: url(../img/ico_round.png);
	}

	#fare div.discount{
		margin:20px 1%;
		padding-top:20px;
		font-size: 13px;
		border-top: 1px solid #CCC;
	}
	#fare div.discount>h3{
		font-size:1.8em;
	}
	#fare div.discount>h3::before{
		display: inline-block;
		height:0.9em;
		width:0.9em;
		margin:-2px 2px;
		content:"";
		background-image: url(/common/css/img/wheelchair.png);
		background-size:contain;
	}
	#fare div.discount>div{
		margin:5px;
	}
	#fare div.discount>div>ol{
		margin:0px;
		border:solid 1px #CCC;
		padding:0 5px 0 20px;
		line-height:1.5em;
	}
	#fare div.discount>div>ol>li{
		margin:0.8em 0;
		line-height:1.3em;		
	}
	#fare div.discount>div>table{
		float:none;
		width:100%;
	}
	#fare div.discount th,
	#fare div.discount td{
		border:none;
		line-height:1.5em;
		vertical-align: top;
	}
	#fare div.discount th{
		width:0;
		min-width: 50px;
	}
	#fare div.discount td{
		width:100%;
	}

@media screen and (max-width: 500px)
{
	#fare table
	{
		width: 94%;
		margin: 10px 3% 10px 3%;
		color: inherit;
		font-size: 14px;
	}
	#fare ul.legend
	{
		margin-right: 3%;
	}
}
@media screen and (max-width:720px)
{
	#route div.msg
	{
		margin-left: 3%;
		margin-right: 3%;
		width: 94%;
	}
}
/*----------------------------------------------*/
/* h1 運航表                                    */
/*----------------------------------------------*/
	
	/*----------------------------------------------*/
	/* h2 運航情報・空席情報                        */
	/*----------------------------------------------*/
	div#schedule
	{
	}
	#schedule div.block
	{
		margin:20px 3% 10px 3%;
		text-align: center;
	}
	#schedule ul.notice
	{
		margin: 0px 3%;
	}
	#schedule div.dialog
	{
		display:inline-block;
		width: auto;

		max-width: 360px;
		margin: 10px 2% 10px 2%;
		padding: 10px 10px;
		border-radius: 8px;
		background: #EEE;
		box-shadow: #AAA 2px 2px 2px;
		text-align:left;
		/* ie lt9 */
			behavior: url("/PIE.htc") \9;
		/* ie lt8 */
			*width: 260px;
	}
	#schedule div.timetbl
	{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	#schedule section
	{
		display: inline-block;
		margin: 15px 2% 15px 2%;
		width: 44%;
		min-width: 280px;
		vertical-align: top;
	}
	#schedule table
	{
		width: 100%;
		font-size: 13px;
		line-height: 16px;
	}
	#schedule th,
	#schedule td
	{
		padding: 0px 4px;
		border-width: 1px;
		vertical-align: middle;
		height: 25px;
		min-height: 25px;
	}
	#schedule tr.date td
	{
		height: 24px;
		padding-bottom: 5px;
		border: none;
		font-size: 16px;
		line-height: 17px;
		vertical-align: bottom;
		text-align: left;
	}
	#schedule tr.date td.update
	{
		padding-bottom: 2px;
		font-size: 11px;
		line-height: 12px;
		text-align: right;
	}
	#schedule tr.head
	{
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}
	#schedule tr.head small
	{
		margin-left: 20px;
		font-size: 14px;
	}
	#schedule th.head
	{
		height: 30px;
		font-size: 20px;
	}

	#schedule td.no,
	#schedule td.departure,
	#schedule td.arrival
	{
		text-align: center;
	}
	#schedule td.no,
	#schedule th.no
	{
		width: 8%;
	}
	#schedule td.departure,
	#schedule th.departure
	{
		width: 25%;
	}

	#schedule td.arrival,
	#schedule th.arrival
	{
		width: 18%;
		font-size: 10px;
	}
	#schedule td.note,
	#schedule th.note
	{
		width: 47%;
	}
	#schedule td.note
	{
		text-align: left;
	}
@media screen and (max-width:700px)
{
	#schedule section
	{
		width: 100%;
		max-width: 400px;
		margin-left: 0;
		margin-right: 0;
	}
}
	/*----------------------------------------------*/
	/* おすすめ情報（大鳥居参拝遊覧）               */
	/*----------------------------------------------*/
	div#torii_yuuran .borderBlock
	{
		border: solid 1px #A7B2B0;
		padding: 10px 5px;
		background: white;
		/*background:#EFFFFC;*/
		box-shadow: #DDD 1px 1px 1px;
		border-radius: 3px;
		/* ie lt9 */
			position: relative \9;
			behavior: url("/PIE.htc") \9;
	}
	div#torii_yuuran
	{
		margin: 20px 6% 20px 6%;
	}
	#torii_yuuran h3
	{
		font-size: 14px;
		text-align: left;
		margin: 0px 10px 0 10px;
	}
	#torii_yuuran div.msg
	{
		margin: 0;
	}
	#torii_yuuran div.balloon
	{
		background-image: url(img/balloon_torii_yuuran.png) !important;
		background-position: left center;
	}
	#torii_yuuran div.balloon p
	{
		background:#B5EFE4;
		color:  #4A615D;
	}
	#torii_yuuran div.course
	{
		/* ie lt8 */
			*height: 190px;
	}
	#torii_yuuran div.course div.img
	{
		position: relative;
		float: left;
		width: 59%;
		height: 180px;
		margin: 5px 0 0 1%;
		background: url(img/torii_yuuran.png) no-repeat top center;
		background-size: cover;
		/* ie lt9 */
			background-image: url(img/torii_yuuran_fix.png) \9;
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*left: 0px;
			*top: 95px;
	}
	.english #torii_yuuran div.course div.img
	{
		width: 49%;
	}
	#torii_yuuran div.course div.img h4
	{
		text-align: left;
		text-indent: -9999px;
		background: url(img/ja_torii_yuuran_title.png) no-repeat top left;
		width: auto;
		height: 25px;
		margin: 5px 5px;
		background-size: auto 25px;
		/* ie lt9 */
			background-image: url(img/ja_torii_yuuran_title_fix.png) \9;
		/* ie lt7 */
			_position: relative;
				_top: 5px;
				_left: 5px;
			_margin: 0px;
			_border-radius: 1px;
			_behavior: url("/PIE.htc");
	}
	.english #torii_yuuran div.course div.img h4
	{
		background-image: url(img/en_torii_yuuran_title.png);
		/* ie lt9 */
			background-image: url(img/en_torii_yuuran_title_fix.png) \9;
	}
	#torii_yuuran div.course div.img p
	{
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 12px;
		line-height: 14px;
		padding: 0px 5px;
		background: white;
	}
	#torii_yuuran table
	{
		float: left;
		width: 38%;
		margin: 5px 1% 0 1%;
		border-radius: 12px;
		background: #B5EFE4;
		/* ie lt9 */
			position: relative \9;
			behavior: url("/PIE.htc") \9;
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*right: 0px;
			*top: 95px;
	}
	.english #torii_yuuran table
	{
		width: 46%;
	}
	#torii_yuuran table tr th,
	#torii_yuuran table tr td,
	#torii_yuuran p,
	#torii_yuuran ul li
	{
		color: #4A615D !important;
	}
	#torii_yuuran ul li:before
	{
		background: #4A615D !important;
	}
	#torii_yuuran table tr th,
	#torii_yuuran table tr td
	{
	
		height: 44px;
		padding: 0px 8px;
		border: none;
		border-bottom: solid 1px #FFF;
		font-size: 14px;
		line-height: 16px;
		letter-spacing: 0.10em;
	}
	#torii_yuuran table tr.last th,
	#torii_yuuran table tr.last td
	{
		border-bottom: none;
	}
	#torii_yuuran table tr th
	{
		border-right: solid 1px #FFF;
		text-align: center;
	}
	#torii_yuuran table tr td
	{
		text-align: left;
	}
	
	
	.english #torii_yuuran table tr th,
	.english #torii_yuuran table tr td
	{
		font-size: 12px;
	}
@media screen and (max-width: 700px)
{
	div#torii_yuuran
	{
		margin: 20px 1% 20px 1%;
	}
}
@media screen and (min-width: 551px) and (max-width: 700px)
{
	#torii_yuuran table tr th,
	#torii_yuuran table tr td
	{
		padding: 0px 2px;
		font-size: 12px;
	}
}
@media screen and (max-width: 550px)
{
	div#torii_yuuran
	{
		margin: 20px 1% 20px 1%;
	}
	#torii_yuuran div.course div.img
	{
		width: 98%;
		margin: 2px 1%;
	}
	#torii_yuuran table
	{
		width: 98%;
		margin: 2px 1%;
	}
	.english #torii_yuuran div.course div.img
	{
		width: 98%;
		margin: 2px 1%;
	}
	
	.english #torii_yuuran table
	{
		width: 98%;
		margin: 2px 1%;
	}
}
@media print
{
	div#torii_yuuran .borderBlock
	{
		box-shadow: none;
	}
}
/*----------------------------------------------*/
/* h1 のりば                                    */
/*----------------------------------------------*/

	/*----------------------------------------------*/
	/* h2 桟橋                                      */
	/*----------------------------------------------*/
	div#terminal
	{
		text-align: left;
	}
	div#terminal section
	{
		margin-bottom: 40px;
	}
	#terminal div.msg
	{
		margin: 20px 0px 5px 0px;
	}
	#terminal ul.notice
	{
		margin: 0px 3%;
	}
	#terminal div.location
	{
		padding-bottom: 6px;
		background-repeat: repeat-x;
		background-position: bottom left;
		background-size: 12px 6px;
	}
	#terminal div.mapbox
	{
		position:relative;
		overflow: hidden;
		margin: 0;
		height: auto;
		max-height:400px;
		background-color: #E5E3DF;
		/* ie lt9 */
			width: 100% \9;
			height:400px \9;
		/* ie lt7 */
			_background-repeat: no-repeat;
			_background-position: left: top;
	}
	#terminal #miyajima div.mapbox
	{
		/* ie lt7 */
			_background-image: url(img/ie6_terminal_miyajima.png);
	}
	#terminal div.mapbox::before
	{
		content: "";
		display: block;
		padding-top: 62.5%;
	}
	#terminal div.mapbox div.map
	{
		position: absolute;
			top: 0px;
			left: 0px;
		width: 100%;
		height: 100%;
		/* ie lt7 */
			_display: none;
	}
	#terminal  div.img
	{
		margin: 10px 0px 0px 0px;
		padidng: 0;
		height: auto;
		/* ie lt8 */
			*position: relative;
			*height: 260px;
	}
	#terminal div.location div.img img
	{
		width: 48%;
		margin: 1%;
		border-radius: 5px;
		/* ie lt9 */
			position: relative \9;
			behavior: url("/PIE.htc") \9;
		/* ie lt7 */
			_width: 430px;
			_margin: 10px;
	}
	#terminal div.location div.img img.left
	{
		float: left;
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*top: 0px;
			*left: 0px;
	}
	#terminal div.location div.img img.right
	{
		float: right;
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*top: 0px;
			*right: 0px;
	}
	#terminal div.pier
	{
		display: block;
		margin: 10px 0;
	}
	#terminal div.pier ol
	{	
		list-style:none;
		margin: 0;
		padding:0;
		counter-reset:li;
	}
	#terminal div.pier ol li
	{
		float:left;
		width: 48%;
		margin: 5px 1% 5px; 1%;
		padding: 0;
		border-radius: 5px;
		background-color: #058CC3;
		color: white;
		/* ie lt9 */
			position: relative \9;
			behavior: url("/PIE.htc") \9;
		/* ie lt7 */
			_width: 430px;
			_margin: 5px;
	}
	#terminal div.pier ol li:before
	{
		display: none;
	}
	#terminal div.pier ol li h3
	{
		position: relative;
		margin: 8px 0px 8px 30px;
		font-size: 18px;
		text-align: left;
	}
	.english #terminal div.pier ol li h3
	{
		height: 36px;
	}
	#terminal div.pier ol li h3:before
	{
		display: inline-block;
		position: absolute;
			top: -2px;
			left: -25px;
		width: 18px;
		height: 18px;
		border: 2px solid white;
		border-radius: 18px;
		text-align: center;
		font-size: 0.75em;
		content: counter(li) "";
		counter-increment: li;
		/* ie lt9 */
			border: none \9;
			font-size: 1em \9;
	}
	#terminal div.pier ol li img
	{
		width: 96%;
		margin: 0px 2% 0px 2%;
		padding 0;
		/* ie lt8 */
			*margin: 5px;
	}

@media screen and (min-width: 721px)
{
	#terminal div.mapbox
	{
		width: 100%;
	}
}
@media screen and (max-width: 720px)
{
	#terminal div.location div.mapbox,
	#terminal div.msg
	{
		margin-left: 3%;
		margin-right: 3%;
		width: 94%;
	}
	#terminal div.img
	{
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	#terminal div.pier
	{
		margin: 10px 2%;
	}
	#terminal div.pier ol li h3
	{
		font-size: 14px;
	}
	.english #terminal div.pier ol li h3
	{
		height: 32px;
	}
	#terminal div.pier ol li h3:before
	{
		top: -1px;
		left: -25px;
		width: 16px;
		height: 16px;
		border-radius: 16px;
	}
}
@media screen and (max-width: 640px)
{
	#terminal div.pier ol li
	{
		width: 98%;
	}
	#terminal div.pier ol li h3
	{
		font-size: 18px;
	}
	.english #terminal div.pier ol li h3
	{
		height: 32px;
	}
	#terminal div.pier ol li h3:before
	{
		top: -2px;
		left: -25px;
		width: 18px;
		height: 18px;
		border-radius: 18px;
	}
}
@media screen and (max-width: 400px)
{
	#terminal div.location div.img img
	{
		width: 100%;
		margin: 5px 0;
	}
}
@media screen and (max-width: 360px)
{
	#terminal div.pier ol li h3
	{
		font-size: 14px;
	}
	.english #terminal div.pier ol li h3
	{
		height: 32px;
	}
}
	/*----------------------------------------------*/
	/* アクセス                                     */
	/*----------------------------------------------*/
	#terminal div.access
	{
		margin-top:10px;
	}
	#terminal div.access h2
	{
		font-size:120%;
		text-align:center;
		background:none;
		padding:0;
		margin:0;
		height:auto;
		min-height:0;
	}
	#terminal div.access h2::after
	{
		display:none;
	}
	#terminal div.access section.location
	{
		margin: 5px;
		border:solid 1px #CCC;
		background: #FFF;
	}
	#terminal div.access div.block
	{
		float:left;
		width:50%;
	}
	#terminal div.access h3
	{
		padding:0px 0px 0px 32px;
		background-repeat:no-repeat;
		background-position:4px 4px;
		background-size: 24px 24px;
		line-height: 32px;
		font-size: 18px;
		text-align: left;
	}
	#terminal div.access h3:before,
	#terminal div.access h3:after
	{
		margin: 0px;
		content: "";
	}
	#terminal div.access section.route
	{
		margin: 10px;
		border: none;
	}
	#terminal div.access h4
	{
		margin: 0px;
		padding: 0px 0px 0px 18px;
		background: no-repeat left top;
		background-size: 16px 16px;
		font-size: 14px;
		line-height: 16px;
	}
	#terminal div.access section.route ol
	{
		list-style-type: none;
		position: relative;
		padding: 10px;
		border: solid 1px #CCC;
		border-radius: 3px;
		/* ie lt9 */
			behavior: url("/PIE.htc") \9;
		/* ie lt7 */
			_behavior: none;
	}
	#terminal div.access section.route ol li
	{
		margin:0;
		padding:0;
		background-repeat: repeat-y;
		background-position: 10px bottom;
		background-size: 16px 20px;
		/* ie lt8 */
			*border: solid 1px white;
	}
	#terminal div.access section.route ol li p
	{
		display: block;
		position: relative;
		height: 24px;
		padding: 0px 5px;
		border-style: solid;
		border-width: 1px;
		border-radius: 5px;
		font-size: 12px;
		line-height: 24px;
		/* ie lt9 */
			behavior: url("/PIE.htc") \9;
		/* ie lt7 */
			_behavior: none;
	}
	#terminal div.access section.route ol li span
	{
		display: block;
		height: auto;
		margin-left: 30px;
		padding-left: 24px;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: left 2px;
		background-size: 16px 16px;
	}
	#terminal div.access section.route a
	{
		float: right;
		margin-top: -14px;
		line-height: 12px;
		font-size: 10px;
		color: inherit;
	}
	#terminal div.access section.route p.notice
	{
		position: relative;
		margin: 5px;
		padding-left: 12px;
		background: no-repeat left top;
		font-size: 10px;
		line-height: 12px;
		vertical-align: text-bottom;
	}
	#terminal div.access section.route p.notice::before
	{
		display: inline-block;
		position: absolute;
			left: 0px;
		content: "※";
	}
@media screen and (max-width:500px)
{
	#terminal div.access div.block
	{
		float:none;
		width:100%;
	}
}
/*----------------------------------------------*/
/* ご予約・ご乗船                               */
/*----------------------------------------------*/

	/*----------------------------------------------*/
	/* h2 ご予約方法                                */
	/*----------------------------------------------*/
	div#reservation
	{
		text-align: left;
	}
	#reserve div.innerBox
	{
		width: 94%;
		margin:20px 3% 10px 3%;
		padding: 0px;
		/* ie lt7 */
			_width: 846px
			_margin: 20px 27px 10px 27px;
	}
	#reserve div.block
	{
		margin:20px 3% 10px 3%;
		/* ie lt7 */
			_margin:20px 25px 10px 25px;
	}
	
	#reserve div.telbox
	{
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		/* ie lt8 */
			*width: 846px;
			*height: 125px;
	}
	#reserve div.telbox:after
	{
		display:block;
		clear: both;
		content:"";
	}
	#reserve div.resv_btn
	{
		float: left;
		width: 46%;
			min-width: 250px;
		margin: 10px 2%;
		padding: 48px 5px 5px 5px;
		background: no-repeat top center;
		background-size: 48px 48px;
		border-radius: 8px;
		color: #FFF;
		text-align: center;
		text-align: center;
		/* ie lt9 */
			position: relative \9;
			behavior: url("/PIE.htc") \9;
		/* ie lt8 */
			*float: none;
			*width: 380px;
	}
	#reserve ul.notice
	{
		margin-left: 3%;
	}
	#reserve div.left
	{
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*top: 0px;
			*left: 0px;
	}
	#reserve div.right
	{
		/* ie lt8 */
			*float: none;
			*position: absolute;
			*top: 0px;
			*right: 0px;
	}
	#reserve div#resv_tel
	{
		background-image: url(img/resv_tel.png);
		/* ie lt9 */
			background-image: url(img/resv_tel_fix.png) \9;
	}
	#reserve div#resv_fax
	{
		background-image: url(img/resv_fax.png);
		/* ie lt9 */
			background-image: url(img/resv_fax_fix.png) \9;
	}
	#reserve div#resv_mail
	{
		background-image: url(img/resv_mail.png);
		/* ie lt9 */
			background-image: url(img/resv_mail_fix.png) \9;
	}
	#reserve div#resv_pc
	{
		background-image: url(img/resv_pc.png);
		/* ie lt9 */
			background-image: url(img/resv_pc_fix.png) \9;
	}
	#reserve a
	{
		text-decoration: none;
	}
	#reserve a div.resv_btn:hover
	{
		opacity: 0.7;
		cursor:pointer;
	}
	#reserve div.resv_btn p
	{
		margin: 0;
		color: #FFF;
	}
	#reserve div.resv_btn p.no
	{
		font-size: 24px;
		line-height: 28px;
	}
	#reserve div.resv_btn p.hours
	{
		margin: 2px;
		font-size: 12px;
		line-height: 16px;
	}
	#reserve div.necessary_info
	{
		clear: both;
		position: relative;
		margin: 0px 2%;
		width: 96%;
		padding: 1% 1%;
		border: solid 1px black;
		border-radius: 8px;
		counter-reset: num_resv;
		/* ie lt9 */
			behavior: url("/PIE.htc") \9;
		/* ie lt8 */
			*width: 94%;
		/* ie lt7 */
			_padding: 8px;
	}
	#reserve div.necessary_info div.block
	{
		float: left;
		width: 50%;
		margin: 0;
		padding: 0px 20px;
		/* ie lt8 */
			*width: 49.5%;
		/* ie lt7 */
			*width: 355px;
	}
	#reserve div.necessary_info div.block p
	{
		margin: 20px 10px;
		padding: 2px 0 2px 28px;
		font-size: 16px;
		line-height: 20px;
	}
	#reserve div.necessary_info p
	{
		min-height: 22px;
	}
	#reserve div.necessary_info p::before
	{
		position:relative;
		display: inline-block;
		margin-left:-24px;
		margin-right: 2px;
		width: 22px;
		height: 22px;
		background: blue;
		color: white;
		text-align: center;
		border-radius: 12px;
		line-height: 22px;
		counter-increment: num_resv;
		content:counter(num_resv);
	}
	#reserve div.notice
	{
		margin: 10px 3% 0px 3%;
		padding-left: 250px;
		background: url(img/resv_back_fix.jpg) no-repeat left top;
		background-size: 230px;
	}
	#reserve div.notice h3
	{
		padding: 20px 15px 10px 15px;
		font-size: 18px;
		line-height: 20px;
		background: no-repeat left top;
		background-size: 50px 50px;
	}
	#reserve div.notice p
	{
		margin: 5px 0 20px 20px;
		font-size: 14px;
		line-height: 16px;
	}
@media screen and (max-width: 600px)
{
	#reserve div.resv_btn
	{
		float: none;
		width: 96%;
	}
	#reserve div.necessary_info div.block
	{
		float: none;
		width: 100%;
		margin: 0 1%;
		padding: 0;
	}
	#reserve div.notice
	{
		padding-left: 0;
		background: none;
	}
}

#contents p.travel{
	/*font-weight:bold;*/
	/*color:red;*/
}
/*
	#reserve ol
	{
		list-style: none;
		position: relative;
		font-size: 14px;
		margin: 20 1%;
		counter-reset: num_resv;
	}
*/
	/*----------------------------------------------*/
	/* h2 ご乗船の流れ                              */
	/*----------------------------------------------*/
	#boarding div.flow
	{
		margin: 0 3%;
		width: auto;
		/* ie lt8 */
			*width: 850px;
	}
	#boarding div.flow ul
	{	
		float: left;
		list-style: none;
		width: 46%; 
		margin: 20px 2% 50px 2%;
		/* ie lt7 */
			_margin: 20px 12px 50px 12px;
	}
	#boarding ul li
	{
		padding: 0px 0px 27px 0px;
		border: none;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 18px 27px;
	}
	#boarding ul li p
	{
		display:block;
		padding:10px;
		text-align:center;
		font-size:14px;
		line-height:1.3em;
		border-style:solid;
		border-width:2px;
	}
	#boarding ul li.head p
	{
		color:white;
	}
	#boarding ul li.last
	{	
		padding: 0px;
		background-image: none;
	}
	#boarding ul li.notice
	{
		padding: 10px 0 0 0;
		background-image: none;
		text-align: center;
	}
	#boarding ul li.notice p
	{
		display: inline-block;
		padding: 0px;
		border: none;
	}
@media screen and (max-width: 600px)
{
	#boarding div.flow
	{
		margin: 0;
		width: 100%;
	}
	#boarding div.flow ul
	{
		float: none;
		margin: 20px 3%;
		width: 94%;
	}
}
/*----------------------------------------------*/
/* よくある質問                                 */
/*----------------------------------------------*/
	div#faq
	{
		display: inline-block;
		width: 100%;
		_width: 720px;
		max-width: 720px;
		text-align: left;
	}
	#faq img
	{
		width: 100%;
		margin: 20px 0% 20px 0%;
	}
	#faq ul
	{
		list-style: none;
		margin: 20px 10px;
		line-height: 19px;
	}
	#faq li
	{
		position: relative;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		background-image: none;
	}
	#faq li p
	{
		min-height: 0px;
		margin: 0px;
		padding: 4px 0px 4px 30px;
		background-repeat: no-repeat;
		background-position: 4px 4px;
		background-size: 20px 17px;
		font-size: 13px;
		line-height: 21px;
	}
	#faq li p.A
	{
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		border-width:1px;
		border-style:solid;
	}

@media screen and (min-width:0px)
{
	#faq h2
	{
		text-indent:-9999px;
	}
	.english #faq h2
	{
		text-indent: 0px;
	}
	
}
/*----------------------------------------------*/
/* お問合せ                                     */
/*----------------------------------------------*/
	div#inquiry
	{
		text-align: center;
	}
	address.inquiry
	{
		display: inline-block;
		width: 96%;
			max-width: 325px;
		padding: 20px 0;
		text-align: left;
		line-height: 16px;
		/* ie lt 7 */
			_display: block;
			_width: 325px;
	}
	address.inquiry p
	{
		font-size: 12px;
		line-height: 14px;
	}
	address.inquiry a.tel
	{
		display: block;
		position: relative;
		width:auto;
			max-width:325px;
			min-width:280px;
		height:67px;
		border-radius:5px;
		background: #CCC url(img/ico-phone.png) no-repeat;
		background-position:28px 28px;
		background-size:25px;
		color:white;
		text-decoration:none;
		outline:none;
		/* ie lt 9 */
			background-image:url(img/ico-phone_fix.png) \9;
			position: relative \9;
			behavior: url("/PIE.htc") \9;
		/* ie lt 7 */
			_width: 320px;
	}
	a.tel span
	{
		display:inline-block;
		/* ie lt 8 */
			*cursor: pointer;
	}
	a.tel span.title
	{
		position: absolute;
			top: 50%;
		margin: -30px 0px 0px 40px;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: 0.6em;
	}
	a.tel span.title small
	{
		font-size: 12px;
		margin: 0 0.2em 0 0;
		letter-spacing: 0.6em;
	}
	a.tel span.telno
	{
		position: absolute;
		font-size: 24px;
		line-height: 24px;
		margin: -12px 0px 0px 58px;
		top: 50%;
		left: 0px;
		letter-spacing: 0.25em;
	}
	a.tel span.teltime
	{
		position: absolute;
			top: 50%;
		margin: 16px 0px 0px 68px;
		font-size: 11px;
		line-height:1 2px;
		letter-spacing: 0.4em;
	}
/*----------------------------------------------*/
/* 教えて!キャプテンコーナー                    */
/*----------------------------------------------*/
	#contents div.tellme
	{
		display: block;
		margin: 0;
		padding: 10px 2% 0 2%;
		background: #FFF repeat-x top left;
		background-size: 12px 6px;
		text-align: left;
	}
	#contents div.tellme h1
	{
		display: block;
		margin: 5px 0 10px 0;
		padding: 0;
		font-size: 11px;
		line-height: 12px;
		text-align: left;
	}
	#contents div.tellme h1::before,
	#contents div.tellme h1::after
	{
		display: inline;
		margin: 0;
		padding: 0;
		content: "";
	}
	#contents div.tellme div.q
	{
		display:inline-block;
		height: auto;
			min-height: 85px;
		padding: 20px 10px 5px 85px;
		background: url(img/capt_a.png) no-repeat bottom left;
		background-size: 85px 85px;
		text-align: left;
		/* ie lt9 */
			background-image: url(img/capt_a_fix.png) \9;
		/* ie lt7 */
			_height: 85px;
	}
	div.balloon p
	{
		display: inline-block;
		position: relative;
		padding: 8px;
		border-radius: 8px;
		background: #EEE;
		color: inherit;
		font-size:14px;
		line-height:16px;
		vertical-align:bottom;
		behavior: url("/PIE.htc");
		background-color: #EEEEEE;
		color: #888888;
	}
	.japanese div.balloon p
	{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.english div.balloon p
	{
		font-family: Georgia, serif;
	}
	#contents div.tellme div.q p
	{
		padding: 10px;
		font-size:16px;
		line-height:20px;
	}
	.japanese #contents div.tellme div.q p
	{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#contents div.tellme div.a
	{
		margin: 0;
		padding: 10px;
		border: solid 1px #888888;
	}
	#contents div.tellme div.a p
	{
		font-size: 14px;
		line-height: 1.9em;
	}
	.japanese #contents div.tellme div.a p
	{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.english #contents div.tellme div.a p
	{
		text-align: left;
		font-family: Georgia, serif;
	}
	
	#contents div.tellme div.imgBox
	{
		float: right;
		width: 300px;
		height: auto;
		margin: 0 0 0 5px;
	}
	#contents div.tellme img
	{
		display: block;
		width:100%;
		height:auto;
		margin: 0;
		padding: 0;
	}
@media screen and (max-width:640px)
{
	#contents div.tellme div.a
	{
		position:relative;
		padding-bottom:210px;
	}
	#contents div.tellme div.imgBox
	{
		position: absolute;
			left: 0px;
			bottom: 10px;
		width:96%;
		max-height:200px;
		text-align:center;
		overflow: hidden;
	}
	#contents div.tellme div.imgBox img
	{
		display:inline-block;
		width: 100%;
		height: auto;
		max-width:300px;
		vertical-align:top;
		overflow:hidden;
	}
	#contents div.tellme div.a
	{
		display: inline-block;
	}
}