* {
	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;
	}


/* --基本設定 --*/
body {
	background-color: #FFFFFF;
	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;
	}

ul.disc {
	margin:5px 0 5px 12px;
	}

ul.disc li{
	list-style-type: disc;
	margin:0 0 8px 10px;
	}	

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;
	}

	
.indexbox p.nb,
.indexbox_long p.nb{
	border-top:none;
	}

.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;
	}


table.invisivle,
table.invisivle tr td{
	margin:0;
	padding:0;
	border:none;
	}

/*------------適宜使用------------*/	
/*---インライン要素右寄せ---*/	
.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_ume {
	color: #d22f66;
}

.txt_orange{
	color: #FF9900;
	}

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

.bg_red{
	background:#FF6666;
	}
	
.bg_green{
	background:#f2f9ee;
	}


	
/*---文字サイズ大---*/
.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;
}


/*----- パシフィックストーリー　タブパネル（日英共通）------ */

	
#MenuGroup li{
	display:block;
	float:left;
	background:url(/english/ferry/campaign/story/img/menu_bg.gif) no-repeat;
	padding:3px 0 3px 18px;
	margin-right:1px;
	margin-bottom:1px;
	cursor:pointer;
	border:none;
	font-weight:normal;
	}

#MenuGroup li.TabbedPanelsTabHover {
	color:#354757;
}

#MenuGroup li.TabbedPanelsTabSelected{
	background:url(/english/ferry/campaign/story/img/menu_bg_op.gif) no-repeat;
	color:#FFFFFF;
}



#MenuGroup .TabbedPanelsTab{
	width:257px;
}


#TabMenu .TabbedPanelsContentGroup{
	clear:both;
	}

#TabMenu .TabbedPanelsContent{
	border-top:none;
	padding-top:0;
	margin-top:1px;
	}

.TabbedPanelsTabGroup .txt_small{
	font-size:12px;
	}
	
#bus .TabbedPanels,
#SampleItinerary .TabbedPanels {
	margin: 0 0 0 10px;
	padding: 0px;
	clear: none;
	width:543px;
}

#bus .TabbedPanelsTabGroup,
#SampleItinerary .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0;
	_padding: 0;
}

#bus .TabbedPanelsTab,
#SampleItinerary .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;
}

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

#bus .TabbedPanelsTabSelected,
#SampleItinerary .TabbedPanelsTabSelected {
	background-color: #2D90C4;
	border-bottom: 3px solid #2D90C4;
	color:#FFF;
}

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

#bus .TabbedPanelsContentGroup,
#SampleItinerary .TabbedPanelsContentGroup {
	margin:0;
	padding:0;
	clear: both;
	_margin-top:-10px;
}


#bus .TabbedPanelsContent,
#SampleItinerary .TabbedPanelsContent {
	padding-top:0;
	border-top:1px solid #2D90C4;
	}


#SampleItinerary .TabbedPanelsContent img.hyo{
	line-height:normal;
	_margin-top:-1px;
	}	


	
/*----- Itineraryタブパネル------ */	

.timeflow{
	background:url(/english/ferry/campaign/story/img/flow_arrow.gif) repeat-y 10px 0;	
}


.noline{
	background:none;
	}
	
.timeflow .time1{
	padding:3px 5px;
	font-size:110%;
	background:url(/english/ferry/campaign/story/img/h_time1.gif) no-repeat;
	}
	
	
.timeflow .flow{
	margin:5px 10px 10px 30px;
	}
	
#flowHokkaido .TabbedPanelsContent,
#flowTokyo .TabbedPanelsContent{
padding-top:0;
	}
	
	

#flowTokyo .TabbedPanelsTab,
#flowHokkaido .TabbedPanelsTab{
	float:left;
	width:173px;
	text-align:center;
	margin-right:1px;
	padding:3px 5px 15px 5px;
	background:#ececec url(/english/ferry/campaign/story/img/flow_btn_off.gif) no-repeat center bottom;
	cursor: pointer;
	}
	
/*↓英語版修正後、削除*/
#flowTokyo #japan .TabbedPanelsTab,
#flowHokkaido #japan .TabbedPanelsTab{
	width:131px;
	padding:3px 3px 15px 3px;
}
	
	
#flowTokyo .TabbedPanelsTabSelected,
#flowHokkaido .TabbedPanelsTabSelected{
	background:#accffd url(/english/ferry/campaign/story/img/flow_btn_select.gif) no-repeat center bottom;
	}	
	
#flowTokyo .TabbedPanelsTabHover,
#flowHokkaido .TabbedPanelsTabHover{
	background:#accffd url(/english/ferry/campaign/story/img/flow_btn_select.gif) no-repeat center bottom;
	}



#flowTokyo p.TabbedPanelsTab,
#flowOarai p.TabbedPanelsTab{
	border:none;
	margin-bottom:20px;
	}


#flowTokyo,
#flowOarai{
	width:553px;
	margin-left:0;
	}