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


/*----- ニュース系タイトル ------ */
.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_s{
	width:150px;
	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;
	}
	
.read_txt{
	float:right;
	width:350px;
	margin:0;
	padding:0;
	}
	

/*----- その他の予約方法設定 ------ */
.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_winter{
	width:551px;
	border:1px solid #DADADA;
	background-color:#F8FDFF;
	}
	
.s_topics_winter h3{
	margin:0 0 5px 0;
	color:#006699;
	}
		
.s_topics_spring{
	width:551px;
	border:1px solid #DADADA;
	background-color:#FFF8FC;
	}
	
.s_topics_spring h3{
	margin:0 0 5px 0;
	color:#DE68A8;
	}
		
.s_topicstxt{
	padding:0 10px;
	margin:0;
	}

/*----- 旧売店設定(他の箇所でも使用中) ------ */
.goods_name{
	border-top:1px dotted #999999;
	background-color:#DFECF2;
	padding:2px 5px;
	margin:10px 0;
	font-weight:bold;
	}

.goods_txt{
	width:370px;
	float:right;
	}
	
.goods_txt p{
	margin-bottom:5px;
	}
	
/*----- 新売店設定 ------ */


/*ランキング*/

	
#rankingArea h4#rank1{
	padding:30px 0 13px 75px;
	min-height:20px;
	margin-top:0;
	font-size:120%;
	color:#d10000;
	letter-spacing:0.1em;
	background:url(/ferry/facilities/twilight/img/shop_h4_ranking1.gif) no-repeat bottom left;
	clear:both;
}

#rankingArea h4#rank2,
#rankingArea h4#rank3{
	padding:15px 0 10px 60px;
	min-height:18px;
	margin-top:0;
	font-size:110%;
	color:#1a5b93;
	letter-spacing:0.1em;
	clear:both;
}

#rankingArea h4#rank2{
	background:url(/ferry/facilities/twilight/img/shop_h4_ranking2.gif) no-repeat bottom left;
}

#rankingArea h4#rank3{
	background:url(/ferry/facilities/twilight/img/shop_h4_ranking3.gif) no-repeat bottom left;
}



#rankingArea h4#rank4,
#rankingArea h4#rank5{
	padding:10px 0 18px 60px;
	min-height:18px;
	margin:0 0 2px 0;
	font-size:110%;
	letter-spacing:0.1em;
	clear:both;
}

#rankingArea h4#rank4{
	background:url(/ferry/facilities/twilight/img/shop_h4_ranking4.gif) no-repeat bottom left;
}

#rankingArea h4#rank5{
	background:url(/ferry/facilities/twilight/img/shop_h4_ranking5.gif) no-repeat bottom left;
}

#rankingArea div.exp{
	width:445px;
	float:right;
	}

/*オリジナル商品*/
#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 .goods-item-2{
	width:530px;
	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;
	} 

.g-name-2{
	width:433px;
	float:right;
	} 	
	
.tr_border td{
	border-top:1px solid #6583A0;
	}

/*----- レストラン設定 ------ */

.this_season .display2{
	display:none;
	}
	

.next_season .display1{
	display:none;
	}


p.season_menu{
	margin:60px 0 0 0;
	_margin:45px 0 0 0;
	padding:0 0 0 30px;
	min-height:25px;
	_height:25px;
	float:right;
	cursor:pointer;
	color:#0033ff;
	}

		
.menu_spring h4,
.menu_summer h4,
.menu_autum h4,
.menu_winter h4{
	margin:0;
	padding:31px 0 0 0;
	_padding:26px 0 0 0;
	float:left;
	}
h3.accordion{
	cursor:pointer;
	width:553px;
	display:block;
	margin:0;
	height: 0 !important;
	height /**/: 50px;
	padding: 50px 0 0 0;
	overflow: hidden;
}
h3#dinnerMenu{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_dinner_close.gif") no-repeat left top;
}
h3#breakfastMenu{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_breakfast_close.gif") no-repeat left top;
}
h3#lunchMenu{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_lunch_close.gif") no-repeat left top; 
}
h3#dinnerMenu.bg02{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_dinner_open.gif") no-repeat;
}
h3#breakfastMenu.bg02{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_breakfast_open.gif") no-repeat;
}
h3#lunchMenu.bg02{
	background: url("/ferry/facilities/twilight/img/restaurant_h3_lunch_open.gif") no-repeat;
}
div.accordionContents{
	display:none;
}
div.accordionContents>p{
	margin:10px 0;
}

/*春*/
.menu_spring{
	margin:0;
	padding:0 0 20px 0;
	background:url(/ferry/facilities/twilight/img/restaurant_h4_spring_h.gif) no-repeat;
	}

.menu_spring dt{
	padding:5px 0 15px 0;
	}

.menu_spring dd{
	color:#de537a;
	padding-bottom:5px;
	}
	
/*夏*/

.menu_summer{
	margin:0;
	padding:0 0 20px 0;
	background:url(/ferry/facilities/twilight/img/restaurant_h4_summer_h.gif) no-repeat;
	}

.menu_summer dt{
	padding:5px 0 15px 0;
	}

.menu_summer dd{
	color:#40adcd;
	padding-bottom:5px;
	}
	
/*秋*/
.menu_autum{
	margin:0;
	padding:0 0 20px 0;
	background:url(/ferry/facilities/twilight/img/restaurant_h4_autum_h.gif) no-repeat;
	}

.menu_autum dt{
	padding:5px 0 15px 0;
	}

.menu_autum dd{
	color:#bd5127;
	padding-bottom:5px;
	}

/*冬*/
	.menu_winter{
	margin:0;
	padding:0 0 20px 0;
	background:url(/ferry/facilities/twilight/img/restaurant_h4_winter_h.gif) no-repeat;
	}

.menu_winter dt{
	padding:5px 0 15px 0;
	}

.menu_winter dd{
	color:#EC6161;
	padding-bottom:5px;
	}
	
	
	

.restaurant{
	color:#8d5936;
	margin-bottom:20px;
	}
		
.restaurant .l_blok{
	float:left;
	width:271px;
	}
	
.restaurant .r_blok{
	float:right;
	width:271px;
	}
	
	
.restaurant ul{
	margin:0 0 20px 10px;
}	
	
.restaurant li{
	margin-left:10px;
	margin-bottom:10px;
	list-style:disc;
	}	

.restaurant li.etc{
	margin-left:-5px;
	margin-top:-10px;
	margin-bottom:10px;
	list-style:none;
	}
	
.restaurant p{
	margin-bottom:5px;
	}
	
	
.restaurant h4{
	margin-top:25px;
}


.restaurant .memo{
	padding:10px 15px 5px 15px;
	background-color:#f6f1e2;
	border:1px solid #bca392;
	}



.restaurant .memo img{
	margin-top:10px;
	}
	


.restaurant .box{
	background:url(/ferry/facilities/twilight/img/restaurant_line.gif) no-repeat center top;
	padding-top:30px;
	margin-top:10px;
	}

.restaurant .box .l_photo{
	padding-top:15px;
	margin-left:10px;
	}
	
.restaurant .box_bottom{
	background:url(/ferry/facilities/twilight/img/restaurant_line.gif) no-repeat center bottom;
	padding-bottom:30px;
	}

.restaurant .box .l_blok{
	width:340px;
	margin:0;
	padding:0;
	}


.restaurant .box p{
	margin-bottom:10px;
}


.restaurant_menu {
	min-height:100%;
    overflow:hidden;
	margin-bottom:10px;
}

.restaurant_menu .l_blok,
.restaurant_menu .r_blok {
	padding-bottom:1000px;
    margin-bottom:-1000px;
}

.restaurant_menu .l_blok {
	background:#ffe7e7;
}

.restaurant_menu .r_blok {
	background:#eef8e1;
}

.restaurant_menu p,
.restaurant_menu ul {
	padding:10px 10px 0 10px;
}

.restaurant_menu ul li {
	margin-bottom:5px;
}

/*----- 客室設定 ------ */
.cabin_txt{
	width:345px;
	float:left;
	}

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



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

.access-full{
	width:363px;
	float:right;
}

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


/*----- 船旅のご提案設定 ------ */
.planarea{
	float:left;
	background:url(/ferry/plan/img/dottedline_x.gif) repeat-x bottom;
	padding-bottom:1px;
	}
	
.plan_index{
	padding-bottom:15px;
	margin-bottom:5px;
	clear:both;
	}
	


.plan_index ul{
	display:block;
	float:right;
	margin:10px 0 0 0;
	width:365px;
	}

.plan_index li{
	padding:4px 5px 3px 25px;
	background:url(/common/img/index_arrow.gif) no-repeat;
	background-position:4px 4px;
	font-size:110%;
	}
	
p.plan_h{
	margin:10px 0;
	float:left;
	width:156px;
	margin-right:10px;
	}



.plan_index{
	background:url(/ferry/plan/img/dottedline_x.gif) repeat-x top;
	padding:8px;
	margin:0;
	}
	
.plan_index ul{
	margin-left:5px;
	}
.plan_index li{
	padding:0 0 0 10px;
	background:url(/common/img/menu_arrow_cargo.gif) no-repeat 0 0.4em;
	font-size:100%;
	margin-bottom:3px;
	}

.plan_bn{
	float:right;
	width:168px;
	margin-left:10px;
	padding:10px 10px 5px 10px;
	background-color:#FAFAFA;
	border:1px solid #DADADA
	}

.plan_bn img{
	border:1px solid #DADADA;
	}

.plan_bn p{
	width:168px;
	line-height:110%;
	font-size:83%;
	margin:0 0 5px 0;
	padding:0;
	}


div.eco{
	margin:20px 0　40px 0;
	padding-bottom:10px;
	background-color:#95D213;
	background-image:url(/ferry/plan/03family/img/eco_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}

.eco h3{
	margin-bottom:5px;
	}

.eco p{
	margin:0 5px 0 20px;
	padding-bottom:8px;
	}

.eco p.r_photo{
	margin:0 10px;
}

.eco A { color:#FFFFFF; text-decoration: underline }
.eco A:visited { color:#FFFFFF; text-decoration: underline }
.eco A:active { color:#FFFFFF; text-decoration: underline  }
.eco A:hover { color:#FFFFFF; text-decoration: none }

/*----- 01割引パスポート ------ */
.facilities_txt{
	width:390px;
	float:right;
	}


.index td{
	padding:7px 2px;
	margin:0;
	border-bottom:1px dotted #999999;
	}

.area p{
	border-right:3px solid #DADADA;
	margin:0;
	padding:0;
	}

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

.category img{
	margin-left:5px;
	}
	
	
/*----- 02学生旅指南 ------ */

ul.tabArea{
margin:0;
padding:0;
background-color:#666666;
}
.tabArea li{
padding:3px 20px;
margin:0 1px 0 0;
}
.tab1{
float:left;
font-weight:bold;
color:#005f91;
text-align:center;
background-image:url(/ferry/plan/02students/img/vol02_tab01.gif);
background-repeat:repeat-x;
border-bottom:1px solid #FFFFFF;
}
.tab2{
border-bottom:1px solid #FFFFFF;
float:left;
font-weight:bold;
color:#386a01;
text-align:center;
background-image:url(/ferry/plan/02students/img/vol02_tab02.gif);
background-repeat:repeat-x;
}


.tab1 a{
color:#005f91;
text-decoration: none 
}
.tab1 a:visited{
color:#005f91;
text-decoration: none 
}
.tab1 a:active{
color:#005f91;
text-decoration: none 
}
.tab1 a:hover {
color:#017dbd;
text-decoration: none 
}

.tab2 a{
color:#386a01;
text-decoration: none 
}
.tab2 a:visited{
color:#386a01;
text-decoration: none 
}
.tab2 a:active{
color:#386a01;
text-decoration: none 
}
.tab2 a:hover {
color:#4f9503;
text-decoration: none 
}



.tOn1{
border-bottom:1px solid #82d4ff;
}

.tOn2{
border-bottom:1px solid #86e124;
}

h3.plantitle{
margin:0;
padding:0;
}

div.plenTxt{
padding:0 15px 5px 15px;
margin-bottom:20px;
background:url(/ferry/plan/02students/img/vol02_h4_bg.gif) repeat-x;
background-color:#faf8e1;
}

.plenTxt h4{
margin:0 0 5px 0;
padding:0;
}

.plenTxt p{
margin-left:5px;
padding:0;
}

.plenTxt.memo{
	padding:10px 10px 0 10px;
	} 

/*----- 05旅ナビ ------ */

.navi_car{
	background-image:url(/ferry/plan/05navi/img/car_line.gif);
	background-repeat:repeat-y;
	}
	
.navi_car .h{
	margin-bottom:0px;
	}

.navi_car p{
	padding:0 20px 0 25px;
	color:#663300;
	}

.navi_car p{
	padding:10px 30px 0 25px;
	margin:0;
	color:#663300;
	}
	
.navi_car .l_blok{
	padding:0 15px 0 30px;
	margin:0;
	}
	
.navi_car .clear{
	background-image:url(/ferry/plan/05navi/img/car_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	height:10px;
	}

.navi_h5{
	margin-bottom:5px;
	}

.navi_rtxt{
	float:right;
	width:295px;
	}
	
.l_naviphoto{
	float:left;
	margin-right:2px;
	}

/*----- 06たとえばこんな過ごし方！ ------ */

.box{
	background-image:url(/ferry/plan/06spend/img/box_bg.gif);
	background-repeat:repeat-y;
	width:553px;
	}

.box .clear{
	background-image:url(/ferry/plan/06spend/img/box_bottom.gif);
	background-repeat:no-repeat;
	height:20px;
}


.box p{
	padding:15px 12px 0 0;
	margin:0;
	}

.box .l_blok{
	padding:15px 0 0 12px;
}

.box_txt{
	float:right;
	width:408px;
	}

.box_txt_s{
	float:right;
	width:360px;
	}



/*----- 08プルプルさんふらわあ はじめての船旅 ------ */

.puruContent{
	background:url(/ferry/plan/08purupuru/img/puruContent_bg.jpg) left 11px;
	}

.puruContent p{
	color:#795b27;
	}

.puruContentTxt{
	padding:0 25px 0 30px;
	}

.puruBox{
	background:url(/ferry/plan/08purupuru/img/box_bg.gif) top left;
	margin-bottom:20px;
	}

.puruBoxBottom{
	background:url(/ferry/plan/08purupuru/img/box_bottom.gif) bottom left no-repeat;
	padding-bottom:6px;
	}
	
.puruBox p{
	color:#354757;
	}
	
.puruBox2{
	background:url(/ferry/plan/08purupuru/img/box2_bg.gif) repeat-y;
	margin:0 25px 20px 25px;
}

.puruBox2Bottom{
	background:url(/ferry/plan/08purupuru/img/box2_bottom.gif) no-repeat bottom left;
}

.puruBox2 h4{
	margin:0;
	padding:0;
	}

.puruBox2 .tbl_visible{
	color:#795b27;
}

.puruBox2 .tbl_visible th,
.puruBox2 .tbl_visible td{
font-weight:normal;
padding:0 2em 4px 10px;
line-height:1.1;
}


.puruBox2Txt{
	padding:5px 13px 5px 13px;
}	

.puruBox2Txt img.l_photo{
	margin-right:10px;
}

.puruBox2Txt_r{
	padding:5px 10px;
	width:315px;
	float:left;
}

.puruBox2 .memo{
	margin:0;
	padding:10px 10px 0 10px;
	background:#f6f1e2;
	border:none;
	}

.puruTtl{
	margin-bottom:0;
	}

.puruTxt{
	padding:5px 10px 0 10px;
	float:right;
	}





.puruPopPhoto{
	float:left;
	margin-bottom:0;
}

.puruPopTxt{
	background:url(/ferry/plan/08purupuru/img/popbg_top.gif) no-repeat;
	float:left;
	width:357px;
	}
	
.puruPopTxt h4{
	margin:25px 5px 10px 20px; 
	}

.puruPopTxt p{
	margin-left:20px;
	margin-right:5px;
	margin-bottom:0;
	padding-bottom:35px;
	}
	
.puruPopTxtBox{
	background:url(/ferry/plan/08purupuru/img/popbg_bottom.gif) left bottom no-repeat;
	}
	
	
/*----- 09北海道ドライブマップ ------ */


.drivemap{
	margin-left:20px;
	padding:8px;
	background-image:url(/ferry/plan/09drivemap/img/bg_list.gif);
	margin-bottom:20px;
}

.drivemap .box{
	background:#fff7d3;
	background-image:none;
	padding:10px;
	width:auto;
}

.drivemap .box h3{
	padding:0;
	margin:0;
	font-size:110%;
	line-height:130%;
}

.drivemap .box h3 a{
	color:#669933;
}

.drivemap .box p{
	padding:5px 0 0 0;
}

/*----- お楽しみコンテンツ ------ */
/*----- 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;
	}
	

.dl_move_txt{
	width:260px;
	padding-left:15px;
	}
	
.dl_move_txt p{
	margin-bottom:0;
	}	
	
.dl_move_txt h3{
	margin-top:10px;
	margin-bottom:5px;
	}	

.dl_move_txt hr{
	margin:5px 0;
	padding:0;
	background:none;
	border-bottom:1px dotted;
	}
	
.dl_move_txt .r_photo{
	margin-bottom:0;
	}
	
.cmimg{
	width:270px;
	float:left;
	}
	
/*--フェリー情報誌--*/

p.mag{
	text-align:center;
	width:138px;
	float:left;
	}
	

	
	
/*----- お客様の声(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;
	}
	
	
	


/*----- レンタルサービスタブパネル------ */	

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



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


#rental .TabbedPanels {
	padding: 0px;
	clear: none;
	margin:0;
	width:553px;
}

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

#rental .TabbedPanelsTabHover {
	background-color:#c5ae8d;
	color: #FFF;
}

#rental .TabbedPanelsTabSelected {
	background-color: #9c825d;
	border-bottom: 3px solid #9c825d;
	color:#FFF;
	font-weight:bold;
}

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


#rental .TabbedPanelsContent {
	border-top:1px solid #9c825d;
	}





/*-----エコポイント------ */	

.bn-box{
	float:right;
	width:200px;
	border:2px solid #CCCCCC;
	padding:10px 10px 5px 10px ;
	margin-left:15px;
	font-size:80%;
	text-align:center;
	}
	

.bn-box img{
	margin-bottom:5px;
	}
	

/*--キャンペーン一覧--*/

.campain{
	clear:both;
	margin-bottom:15px;
	}
	
	
.campain p{
	margin:0;
	padding:0;
	}


.campain h3{
	border-top:1px dotted #999999;
	line-height:1.3em;
	padding:7px 10px 7px 30px;
	margin:0 0 10px 0;
	background:url(/ferry/campaign/img/camparrow.gif) #dfecf2 no-repeat 7px 8px;
	}
	
.campain p.camp-txt{
	width:460px;
	padding-right:5px;
	float:right;
	}

.campain p.camp-img{
	padding-left:10px;
	}
	

/*--ラジオＣＭ--*/
.radio{
	padding:20px 0;
	margin:30px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	}
	

.radio h3{
	clear:none;
	margin:0 0 15px 0;
	padding:0;
}

.radio .l_blok,
.radio .r_blok{
	width:265px;
	}


/*--バスとフェリーのおトクな連絡きっぷ一覧--*/
.profitableTxt{
	width:395px;
	float:right;
}


/*--船内イベント一覧--*/
.evnt_txtBox{
	width:330px;
}
.evnet_tit{
	padding:5px 0 5px 30px;
	background:#c7e5f5 url(/ferry/plan/10event/img/arrow.gif) no-repeat;
	background-position:5px;
}
dl.event_date dd{
	display:block;
	margin-left:1em !important;
}
/*--no flash--*/
#nf_navi {
    clear: both;
width:553px;
margin:0;
}
#nf_navi ul {
    margin: 0;
    padding: 0;
}
#nf_navi ul li {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}