/* ---------------------------------------common--------------------------------------- */

* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
}

/* リンク設定 */
A { color:#0033FF; text-decoration: underline }
A:visited { color:#1E5BFF; text-decoration: none }
A:active { color:#0033FF; text-decoration: none  }
A:hover { color:#0099FF; text-decoration: none }

/* --グローバルナビベース --*/

#g-navi{
	clear:both;
	margin:10px 14px 0 14px;
	height:33px;
	}
	

#g-navi ul{
	margin:0;
	padding:0;
	}
	
#g-navi ul li{
	float:left;
	margin:0;
	padding:0;
	height:32px;
	width:250px;
	overflow:hidden;
	}

#g-navi ul li a{
	display:block;
	height:32px;
	width:250px;
	list-style:none;
	padding-left:250px;
	}

	
#g-navi ul li#g-ferry a{
	background:url(/common/g-navi/g01.gif) no-repeat;
}	

#g-navi ul li#g-cargo a{
	background:url(/common/g-navi/g02.gif) no-repeat;
}	

#g-navi ul li#g-corporate a{
	background:url(/common/g-navi/g03.gif) no-repeat;
}

#g-navi ul li#g-ferry a:hover,
#g-navi ul li#g-cargo a:hover,
#g-navi ul li#g-corporate a:hover{
	background-position:0 -32px;
	}
/* --グローバルナビ　ロールオーバー --*/
#g-navi ul li#g-ferry a{
	background-position:0 -32px;
	}


/* --基本設定 --*/
body {
	background-color: #FFFFFF;
	font-size:83%;
	line-height: 140%;
	color:#354757;
	margin:0;
	padding:0;
}

img{
	border:0;
	}

li{
	list-style: none;
	}
ol{
	margin:10px 0 10px 0;
	}

ol li{
	margin:5px 0 10px 20px;
	padding:0px;
	list-style-type:decimal;
	}
	
li.arrow{
	background:url(/common/img/list_arrow.gif) no-repeat;
	background-position:0 4px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	}
	
span.arrow{
	background:url(/common/img/list_arrow.gif) no-repeat;
	background-position:0 4px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	}	


hr{
	border:1px;
	height:1px;
	color:#D4D4D4;
	background-color:#D4D4D4;
	}
	
h1{
	margin:10px 0 10px 0;
	}

h2{
	margin-bottom:15px;
	}

h3{
	clear:both;
	margin:30px 0 10px 0;
	}

h3.h2bttom{
	clear:both;
	margin:10px 0 10px 0;
	}

h4{
	clear:both;
	margin:20px 0 10px 0;
	}
	

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	}

p{
	margin:0 0 15px 0;
	}
	
.r_link_b{
	float:right;
	margin:13px 0 0 0;
	padding:0;
	}

.indexbox p{
	margin:5px 0 ;
	padding:5px 1px 0 1px;
	border-top:1px dotted #D4D4D4;
	}
	
.indexbox_long p{
	margin:5px 0 ;
	padding:5px 1px 0 1px;
	border-top:1px dotted #D4D4D4;
	}

.stage{
	width:778px;
	margin:0 auto;
	background-image:url(/common/img/bg_base.gif);
	}

.maine_area{
	clear:both;
	width:750px;
	margin:0 14px;
	}
	
.txtarea{
	float:right;
	margin:0;
	width:563px;
	}
	

.navi{
	display:block;
	font-size:84%;
	height:30px;
	margin:0;
	padding:0;
	}

.content_body{
	width:553px;
	margin:0 0 10px 11px;
	padding:0;
	}
	

.clear{
	clear:both;
	}
	
.m_clear{
	clear:both;
	overflow: hidden;
	margin:-5px;
	padding:0;
	}	
	
.clear_none{
	clear:none;
	}

.inquiry{
	border:1px solid #999999;
	padding:0;
	margin-top:20px;
	}

.inquiry_h{
	background-color:#DADADA;
	padding:2px 5px;
	margin:1px 1px 3px 1px;
	}

.inquiry_indent{
	padding:2px 5px;
	margin:0;
	}

.pagetop{
	width:120px;
	float:right;
	padding:5px 5px 0 0;
	margin:0;
	}
	
.history_list{
	clear:both;
	margin:5px 0 30px 0;
	line-height:110%;
	}

.history_list td{
	padding:10px 5px 0 5px;
	}

.date{
	vertical-align:top;
	margin:0;
	padding:0 5px 5px 10px;
	}

.item{
	vertical-align:top;
	margin:0;
	padding:0 5px 5px 0;
	}


.pagenavi{
	width:553px;
	height:20px;
	background-color:#F5F5F5;
	border-bottom:1px solid #DADADA;
	margin-bottom:20px;
	}

.pagenavi ul{
	float:right;
	margin:0;
	padding:0;
	}

.pagenavi li{
	float:left;
	margin:2px 1px 2px 0;
	padding:0;
	}




/*------------適宜使用------------*/	
/*---インライン要素右寄せ---*/	
.r_txt{
	text-align:right;
	}
	
/*---インライン要素左寄せ---*/
.l_txt{
	text-align:left;
	}

/*---インライン要素中央寄せ---*/
.c_txt{
	text-align:center;
	}
		
		
/*---ブロック要素右寄せ---*/
.r_blok{
	float:right;
	}

/*---ブロック要素左寄せ---*/
.l_blok{
	float:left;
	}
	
.l_blok10{
	float:left;
	margin-right:10px;
	}

		
/*---ハーフブロック要素右寄せ---*/
.r_blok_h{
	float:right;
	width:270px;
	}
	

.r_blok_h p{
	margin:5px;
	}


/*---ハーフブロック要素左寄せ---*/
.l_blok_h{
	float:left;
	width:270px;
	}
	
.l_blok_h p{
	margin:5px;
	}


/*---見出し用装飾---*/
.h_bg{
	background-color:#EFEFEF;
	padding:2px 5px;
	margin:5px 0 5px 0;
	}

.h_memo{
	color:#CC6600;
	margin-bottom:7px;
	font-weight:bold;
	font-size:110%;
	}

/*---インデント---*/
.indent_txt{
	margin-left:10px;
	}

/*---色文字---*/
.txt_red{
	color:#E80000;
	}

.txt_blue{
	color:#336699;
	}

.txt_green{
	color:#669933;
	}

.txt_orange{
	color: #FF9900;
	}

/*---背景色---*/
.bg_yellow{
	background-color:#FFFFCC;
	}
	
.bg_white{
	background:#FFFFFF;
	}

.bg_red{
	background:#FF6666;
	}


	
/*---文字サイズ大---*/
.txt_big{
	font-size:110%;
	line-height:130%;
	}

/*---文字サイズ小---*/
.txt_small{
	font-size:84%;
	}
	

/*---注意書き（囲み）---*/
.memo{
	padding:10px;
	border:1px solid #DADADA;
	}

/*--注意（※）--*/
.memo2{
	text-indent:-1em;
	padding-left:1em;
	}
	
/*--注意（中黒丸）--*/
.memo3{
	text-indent:-0.5em;
	padding-left:0.5em;
	}

/*--写真系右寄せ--*/
.r_photo{
	float:right;
	margin:0 0 5px 5px;
	}

.r_photo250{
	float:right;
	width:250px;
	margin:0 0 5px 5px;
	}

.r_photo250 p{
	font-size:84%;
	line-height:105%;
	margin-top:3px;
	}

/*--写真系左寄せ--*/
.l_photo{
	float:left;
	margin:0 5px 5px 0;
	}
	
.l_photo250{
	float:left;
	width:250px;
	margin:0 5px 5px 0;
	}

.l_photo250 p{
	font-size:84%;
	line-height:105%;
	margin-top:3px;
	}
	
/*--ドットライン--*/
.line_dotted{
	clear:both;
	margin:15px 0;
	border-bottom:1px dotted #D4D4D4;
	}
	
/*--画像ボーダー--*/
.img_border{
	border:1px solid #DADADA;
	}
	

/*--下矢印--*/
.step_u{
	background-image:url(/common/img/step_u_arrow.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:15px;
	margin-bottom:5px;
	}

/*--バナー紹介--*/
.r_bn{
	float:right;
	margin:0 0 0 5px;
	padding:5px 5px 10px 5px;
	border:1px solid #DADADA;
	background-color:#FAFAFA;	
	font-size:86%;
	line-height:110%;
	}
	
.bn_img{
	margin:0 0 3px 0;
	padding:0;
	}
	

.clearfix{	
min-height: 1%;
	}

.clearfix:after{
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}

/*\*/* html .clearfix { 
height: 1%;
 }
.clearfix { 
display: block;
}/**/




/*マージン調整*/
/*マージン0*/
.mar_bottom{
margin-bottom:0;
}

.mar_top{
margin-top:0;
}

.mar_left{
margin-left:0;
}

.mar_right{
margin-right:0;
}

/*マージン5px*/
.mar_bottom5{
margin-bottom:5px;
}

.mar_top5{
margin-top:5px;
}

.mar_left5{
margin-left:5px;
}

.mar_right5{
margin-right:5px;
}

/*マージン10px*/
.mar_bottom10{
margin-bottom:10px;
}

.mar_top10{
margin-top:10px;
}

.mar_left10{
margin-left:10px;
}

.mar_right10{
margin-right:10px;
}

/*マージン15px*/
.mar_bottom15{
margin-bottom:15px;
}

.mar_top15{
margin-top:15px;
}

.mar_left15{
margin-left:15px;
}

.mar_right15{
margin-right:15px;
}


/*マージン20px*/
.mar_bottom20{
margin-bottom:20px;
}

.mar_top20{
margin-top:20px;
}

.mar_left20{
margin-left:20px;
}

.mar_right20{
margin-right:20px;
}


.icon_l{
	display:block;
	padding-left:21px;
	text-indent:-21px;	
	}

.icon_l .ico_pdf{
vertical-align:middle;
padding-right:5px;
}


/* ---------------------------------------head--------------------------------------- */
.header{
	margin:0 5px;
	border-top:3px solid #F70000;
	}

.logo{
	float:left;
	padding:27px 0 0 10px;
	}

.head_r{
	float:right;
	width:456px;
	}
	
/* --------------------- */	
.s_menu{
	width:380px;
	float:right;
	margin-bottom:10px;
	}

.s_menu li.menu_home{
	margin:0;
	padding:14px 15px 0 0 ;
	list-style: none;
	float:left;
}

.s_menu li.menu_home a{
	display: block;
	width:47px;
	height: 0 !important; 
	height /**/: 12px; 
	padding: 12px 0 0 0;
	overflow: hidden;
}


.menu_home a {
	background-image:url(/common/head/img/b_home.gif);
}

.menu_home a:hover {
	background-position: 0 -12px;
}


.s_menu ul#lang{
	margin-top:9px;
}
.s_menu ul#lang li{
	float:left;
}
	
.s_menu ul#lang li.lang_ja a{
	display: block;
	width:48px;
	height: 0 !important; 
	height /**/: 20px; 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-image:url(/common/head/img/lang-ja.gif);
	background-position: 0 -20px;
}	
.s_menu ul#lang li.lang_en a{
	display: block;
	width:58px;
	height: 0 !important; 
	height /**/: 20px; 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-image:url(/common/head/img/lang-en.gif);
}	
.s_menu ul#lang li.lang_tw a{
	display: block;
	width:75px;
	height: 0 !important; 
	height /**/: 20px; 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-image:url(/common/head/img/lang-tw.gif);
}	
.s_menu ul#lang li.lang_cn a{
	display: block;
	width:74px;
	height: 0 !important; 
	height /**/: 20px; 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-image:url(/common/head/img/lang-cn.gif);
}
	
.s_menu ul#lang li.lang_ko a{
	display: block;
	width:54px;
	height: 0 !important; 
	height /**/: 20px; 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-image:url(/common/head/img/lang-ko.gif);
}

.s_menu ul#lang li a:hover{
	background-position: 0 -20px;
}
/* --------------------- */	

dl#h-txt{
	float:right;
	margin-right:10px;
	}

dl#h-txt dt{
	float:left;
	margin-right:5px;
}


dl#h-txt dd{
	margin:0 3px 0 0;
	padding:0;
	list-style: none;
	float:left;
}

dl#h-txt dd a{
	display: block;
	width:18px;
	height: 0 !important; 
	height /**/: 18px; 
	padding: 18px 0 0 0;
	overflow: hidden;
}

dl#h-txt dd#txt-l a {
	background-image:url(/common/head/img/txtchange-l.gif);
}

dl#h-txt dd#txt-l a:hover {
	background-position: 0 -18px;
}


dl#h-txt dd#txt-m a {
	background-image:url(/common/head/img/txtchange-m.gif);
}

dl#h-txt dd#txt-m a:hover {
	background-position: 0 -18px;
}


dl#h-txt dd#txt-s a {
	background-image:url(/common/head/img/txtchange-s.gif);
}

dl#h-txt dd#txt-s a:hover {
	background-position: 0 -18px;
}




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

.search{
	float:right;
	width:184px;
	}

.search img{
	margin-right:5px;
	}

.search_bottn{
	margin:0;
	padding:0;
	}

.search_box{
	margin-top:1px;
	width:110px;
	margin-right:5px;
}


/* ---------------------------------------foot--------------------------------------- */

/* リンク設定 */
.f_menu p A { color:#354757; text-decoration: underline }
.f_menu p A:visited { color:#354757; text-decoration: none }
.f_menu p A:active { color:#354757; text-decoration: none  }
.f_menu p A:hover { color:#354757; text-decoration: none }


	
.footer{
	width:748px;
	clear:both;
	margin:0 5px;
	padding:0 10px;
	background-color:#6D6D6D;
	}

.copyright{
	width:321px;
	vertical-align:middle;
	margin:0;
	padding:0;
	}

.f_menu{
	clear:both;
	text-align:center;
	vertical-align:middle;
	margin:10px 0;
	padding:0;
	}
	
.f_menu p{
	display:inline;
	font-size:85%;
	border-left:1px solid #354757;
	padding:0 10px;
	margin:0;
	}
	
.fm_end{
	border-right:1px solid #354757;
	}
	
.end{
	width:778px;
	margin:0 auto;
	}


/* ---------------------------------------ferry--------------------------------------- */

/*----- ニュース系タイトル ------ */
.h3_txt{
	font-size:102%;
	line-height:130%;
	border-left:4px solid #00A3FA;
	border-bottom:1px solid #DADADA;
	margin:0 0 15px 0;
	padding:3px 1px 3px 8px;
	}
	
/*----- 年代別メニュー ------ */
.history{
	float:left;
	background:url(/common/img/menu_arrow.gif) no-repeat;
	background-position:0 3px;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	}
	
/*----- カテゴリ毎 table設定 ------ */
/*-- ボーダー--*/
.tbl_border{
	border-top:1px solid #6583A0;
	border-left:1px solid #6583A0;
	}

.tbl_border td{
	border-right:1px solid #6583A0;
	border-bottom:1px solid #6583A0;
	padding:2px 5px;
	} 

/*-- セル背景用 --*/
.tbl_bg1{
	background-color:#B9D3EC;
	}
	
.tbl_bg2{
	background-color:#DFECF2;
	}

.bg_grey{
	background-color:#EFEFEF;
	} 	
	
	
	
/*----- indexページ設定 ------ */
.indexbox{
	width:240px;
	border:1px solid #DADADA;
	padding:4px 5px 4px 25px;
	background:#FAFAFA url(/common/img/index_arrow.gif) no-repeat;
	background-position:4px 4px;
	margin-bottom:10px;
	}

.indexbox_long{
	border:1px solid #DADADA;
	padding:4px 5px 4px 25px;
	background:#FAFAFA url(/common/img/index_arrow.gif) no-repeat;
	background-position:4px 4px;
	margin-bottom:10px;
	}

/*----- 初めての方へ設定 ------ */
/*-- 初めての方へ--*/

.beginner{
	padding:5px 50px 5px 20px;
	border-bottom:1px solid #DADADA; 
	}

.beginner2{
	padding:5px 50px 5px 20px; 
	}

.beginner_h{
	padding:40px 0 10px 0;
	}

.beginner_txt{
	padding:0 5px 0 2px;
	}

.beginner_img{
	float:right;
	width:134px;
	}

.step{
	margin:0 0 0 20px;
	width:533px;
	padding:0;
	background:url(/ferry/qa/beginner/img/step_bg.gif) repeat-y;
	}

.step3{
	margin:0 0 0 20px;
	width:533px;
	padding:0;
	}

.step_no{
	clear:both;
	float:left;
	width:63px;
	vertical-align:0 0;
	}

.step1_txt{
	float:right;
	width:460px;
	padding:3px 0 0 10px;
	}

.step_txt{
	float:right;
	width:460px;
	padding:20px 0 0 10px;
	}
	
.car_icon{
	float:left;
	width:45px;
	}

.car_txt{
	float:right;
	width:405px;
	}

.car_txt2{
	float:right;
	width:490px;
	}
	
/*-- 各種Q&A設定--*/
.qa_q{
	background:url(/ferry/qa/img/h3_q.gif) no-repeat;
	margin:0 0 5px 0;
	padding:4px 0 8px 30px;
	font-weight:bold;
	border-bottom:1px dotted #777777;
	}

.qa_a{
	background:url(/ferry/qa/img/h3_a.gif) no-repeat;
	margin:0 0 10px 0;
	padding:4px 0 20px 30px;
	}

/*----- 割引運賃のご案内設定 ------ */
.discount{
	border-bottom:1px solid #DADADA;
	padding:15px 0　10px 0;
	margin-top:1px;
	}

.discount_icon{
	width:81px;
	float:left;
	}
	
.discount_name{
	width:472px;
	float:right;
	}
	

/*----- その他の予約方法設定 ------ */
.guide_icon{
	float:left;
	width:45px;
	}
	
.guide_txt{
	float:right;
	width:493px;
	}

/*----- 船内案内設定 ------ */
.spec{
	width:320px;
	float:right;
	padding:5px 0 10px 0;
	}

.cabin_facilities{
	float:left;
	width:167px;
	border:1px solid #DADADA;
	margin:0 3px 4px 1px;
	padding:5px;
	background-color:#FAFAFA;
	}
	
.cabin_facilities p{
	margin:3px 0 0 0;
	padding:1px 0 4px 25px;
	background:#FAFAFA url(/common/img/index_arrow.gif) no-repeat;
	background-position:4px 2px;
	}
	

/*----- 船内施設設定 ------ */
.s_topics{
	width:551px;
	border:1px solid #DADADA;
	background-color:#F8FDFF;
	}
	
.s_topicstxt{
	padding:0 10px;
	margin:0;
	}
	
/*----- 売店設定 ------ */

/*オリジナル商品*/
#original{
	margin-bottom:20px;
	}	
	

#original .goods-item{
	width:265px;
	padding:15px 6px 0 5px;
	float:left;
	}

	
#original hr.pt1{
/*	display:none;*/
	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
}

#original hr.pt2{
	display:none;
/*	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
*/
}


/*オススメ商品*/
#osusume{
	margin-bottom:20px;
	}	
	

#osusume .goods-item{
	width:265px;
	padding:15px 6px 0 5px;
	float:left;
	}

	
#osusume hr.pt1{
/*	display:none;*/
	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
}

#osusume hr.pt2{
	display:none;
/*	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
*/
}

/*オリジナル商品　一覧*/
#shop{
	margin-bottom:20px;
	}	
	

#shop .goods-item{
	width:265px;
	padding:15px 6px 0 5px;
	float:left;
	}

	
#shop hr.pt1{
/*	display:none;*/
	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
}

#shop hr.pt2{
	display:none;
/*	clear:both;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
	background:none;
*/
}

.g-photo{
	float:left;
	}
	
.g-name{
	width:168px;
	float:right;
	} 
/*----- 客室設定 ------ */
.cabin_txt{
	width:345px;
	float:left;
	}

/*----- パブリックスペース設定 ------ */
.public_txt{
	width:345px;
	float:left;
	}



/*----- 港へのアクセス設定 ------ */
.access{
	width:180px;
	}


.access p{
	margin:5px 3px;
	border-bottom:1px dotted #DADADA;
	}
	
.portmemo{
	width:220px;
	padding:10px;
	border:1px solid #DADADA;
	}


/*----- 船旅のご提案設定 ------ */
/*----- 01割引パスポート ------ */
.facilities_txt{
	width:390px;
	float:right;
	}

/*----- お楽しみコンテンツ ------ */
/*----- 壁紙DLインデックス ------ */
.download{
	width:249px;
	border:1px solid #DADADA;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
	}

.download .image{
	border:1px solid #DADADA;
	}
	
	
.d_arrow{
	background:url(/common/img/list_arrow.gif) no-repeat;
	background-position:0 4px;
	margin:0;
	padding:0 0 0 13px;
	}



/*----- お客様の声(Topics内) ------ */

.koe_b{
	border:1px solid #76c9f5;
	width:531px;
	padding:10px 10px 5px 10px;
	}
	
.koe_b h4{
	margin:0 0 5px 0;
	padding:0;
	color:#2685b8;
	}
	
.koe_arrow{
	text-align:center;
	margin:0 0 5px 0;
	}
	
.koe_o{
	border:1px solid #ffab32;
	width:531px;
	padding:10px 10px 5px 10px;
	margin-bottom:20px;
	}
	
.koe_o h4{
	margin:0 0 5px 0;
	padding:0;
	color:#ff8a00;
	}
	
	
/*----- タブパネル------ */
	
.TabbedPanels {
	margin: 0 0 0 10px;
	padding: 0px;
	clear: none;
	width:543px;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0;
	_padding: 0;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 5px;
	margin: 0px 1px 0px 0px;
	font: bold sans-serif;
	background-color: #DFECF2;
	list-style: none;
	border: solid 1px #2D90C4;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#354757;
}

.TabbedPanelsTabHover {
	background-color:#65A9D1;
	color: #FFF;
}

.TabbedPanelsTabSelected {
	background-color: #2D90C4;
	border-bottom: 3px solid #2D90C4;
	color:#FFF;
	font-weight:bold;
}

.TabbedPanelsTab a {
	color:#B9D3EC;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	margin:0;
	padding:0;
	clear: both;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	margin:0;
}

.TabbedPanelsContent {
	border-top:1px solid #2D90C4;
	}
	
.TabbedPanelsContent img.hyo{
	line-height:normal;
	_margin-top:-1px;
	}	
			

/* ---------------------------------------ferry_menu--------------------------------------- */



/* グローバルメニュー */
.g_menu{
	margin-top:10px;
	background-image:url(/ferry/g_menu/img/bg_gm.gif);
	border-right:1px solid #18206F;
	height:24px;
	}

.g_menu li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style: none;
	}

.g_menu li a{
	display: block;
	width:145px;
	height: 0 !important; 
	height /**/: 24px; 
	padding: 24px 0 0 0;
	overflow: hidden;
}


.menu_ferry a {
	background-image:url(/ferry/g_menu/img/gm_ferry.gif);
	background-position: 0 -24px;
}

.menu_cargo a {
	background-image:url(/ferry/g_menu/img/gm_cargo.gif);
}

.menu_cargo a:hover {
	background-position: 0 -24px;
}

.menu_corporate a {
	background-image:url(/ferry/g_menu/img/gm_corporate.gif);
}

.menu_corporate a:hover {
	background-position: 0 -24px;
}
/* -------サブメニュー------------- */	
.area_l{
	width:172px;
	float:left;
	}
	
.menu{
	font-size:84%;
	line-height: 120%;
	padding-bottom:1px;	
	background-image: url("/ferry/menu/img/bg_menu.gif");		
	border-bottom:1px solid #d9d9d9;
	margin:0 0 5px 0;
	}

.menu_irregular{
	margin-bottom:10px;
	}


.menu_list{
	border:1px solid #e2e2e2;
	background-color:#fafafa;
	width:166px;
	margin:1px 2px;
	padding:5px 0 5px 0;
	clear:both;
	}

.s_list_link{
	display:block;
	width:60px;
	float:left;
	padding:0 0 0 8px;
	margin:0 0 0 5px;
	background:url(/common/img/menu_arrow.gif) no-repeat;
	background-position:0 2px;
	}
	
.l_list_link{
	display:block;
	width:135px;
	float:left;
	padding:0 0 0 8px;
	margin:0 0 5px 5px;
	background:url(/common/img/menu_arrow.gif) no-repeat;
	background-position:0 2px;
	}
	
.ls_list_link{
	display:block;
	width:135px;
	float:left;
	padding:0 0 0 10px;
	margin:0 0 5px 10px;
	background:url(/common/img/menu_arrow2.gif) no-repeat;
	background-position:0 2px;
	}
/* --------------------- */	
.menu li.menu_reservation{
	margin:0;
	padding:0;
}

.menu li.menu_reservation a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 30px; 
	padding: 30px 0 0 0;
	overflow: hidden;
}

.menu_reservation a {
	background-image: url("/ferry/menu/img/b_reservation.gif");
}

.menu_reservation a:hover {
	background-position: 0 -30px;
}

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

.menu li{
	margin:0;
	padding:0;
}

.menu li a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu li p{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_port p{
	background-image: url(/ferry/menu/img/b_port.gif);
	margin:0;
	padding:0;
}


.menu_guide a {
	background-image: url("/ferry/menu/img/b_guide.gif");
}
.menu_guide a:hover {
	background-position: 0 -27px;
}


/*運賃重複期間用*/
.menu_tariff p {
	background-image: url("/ferry/menu/img/b_tariff2.gif");
	margin:0;
	padding:0;
}

/*運賃通常期間用*/
.menu_tariff a {
	background-image: url("/ferry/menu/img/b_tariff.gif");
}
.menu_tariff a:hover {
	background-position: 0 -27px;
}



.menu_cabin a {
	background-image: url("/ferry/menu/img/b_cabin.gif");
}
.menu_cabin a:hover {
	background-position: 0 -27px;
}

.menu_facilities a {
	background-image: url("/ferry/menu/img/b_facilities.gif");
}
.menu_facilities a:hover {
	background-position: 0 -27px;
}

.menu_line a {
	background-image: url("/ferry/menu/img/b_line.gif");
}
.menu_line a:hover {
	background-position: 0 -27px;
}

.menu_qa a {
	background-image: url("/ferry/menu/img/b_qa.gif");
}
.menu_qa a:hover {
	background-position: 0 -27px;
}



/* --------------------- */	
.menu_irregular li{
	margin:0 0 3px 0;
	padding:0;
}

.menu_irregular li a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_irregular li p{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_press a {
	background-image: url("/ferry/menu/img/b_press.gif");
}
.menu_press a:hover {
	background-position: 0 -27px;
}

.menu_recruit a {
	background-image: url("/ferry/menu/img/b_recruit.gif");
}
.menu_recruit a:hover {
	background-position: 0 -27px;
}

/* --------------------- */	
.plan{
	background-image: url("/ferry/menu/img/bg_menu.gif");		
	border-bottom:1px solid #d9d9d9;
	margin:5px 0;
	}
.plan_banner{
	padding:1px 2px;
	}

.plan li.menu_plan{
	margin:0;
	padding:0;
}

.plan li.menu_plan a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 30px; 
	padding: 30px 0 0 0;
	overflow: hidden;
}

.menu_plan a {
	background-image: url("/ferry/menu/img/b_plan.gif");
}

.menu_plan a:hover {
	background-position: 0 -30px;
}
/* --------------------- */	

.light_menu ul{
	border-top:1px solid #D4D4D4;
	margin-bottom:5px;
}
	

.light_menu li a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 24px; 
	padding: 24px 0 0 0;
	overflow: hidden;
}

.menu_plaza a {
	background-image: url("/ferry/menu/img/b_plaza.gif");
}

.menu_plaza a:hover {
	background-position: 0 -24px;
}
	
.menu_opinion a {
	background-image: url("/ferry/menu/img/b_opinion.gif");
}

.menu_opinion a:hover {
	background-position: 0 -24px;
}
.menu_link a {
	background-image: url("/ferry/menu/img/b_link.gif");
}

.menu_link a:hover {
	background-position: 0 -24px;
}


.light_menu li.menu_englishGuide  a {
	border-right:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	display: block;
	width:170px;
	height: 0 !important; 
	height /**/: 67px; 
	padding: 67px 0 0 0;
	overflow: hidden;
	background-image:  url("/ferry/menu/img/b_englishguide.gif");
	}





.light_menu li.menu_englishGuide  a {
	border-right:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	display: block;
	width:170px;
	height: 0 !important; 
	height /**/: 67px; 
	padding: 67px 0 0 0;
	overflow: hidden;
	background-image:  url("/ferry/menu/img/b_englishguide.gif");
	}