@charset "UTF-8";


/*--------------------------------
船舶のご紹介 サブトップ
--------------------------------*/

/*カテゴリータイトル*/
div#category_title{
	display:block;
	width:690px;
	height:105px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:url(img/category_title.jpg) no-repeat;
}

div#category_title h3{
	text-indent:-9999px;
}


/*-------------------------------- 船舶名 --------------------------------*/


h4.ship1{ /*在来船・ブルードルフィン*/
	display:block;
	width:690px;
	height:62px;
	margin-top:25px;
	background:url(img/category_blue_dolphin.gif) top left no-repeat;
	text-indent:-9999px;
}
h4.ship2{ /*高速船・ナッチャンWorld*/
	display:block;
	width:690px;
	height:62px;
	margin-top:25px;
	background:url(img/category_natchan.gif) top left no-repeat;
	text-indent:-9999px;
}
h4.ship3{ /*在来船一覧*/
	display:block;
	width:690px;
	height:50px;
	background:url(img/category_others.gif) top left no-repeat;
	text-indent:-9999px;
}

/*-------------------------------- ブルードルフィンとナッチャンワールド --------------------------------*/

*.td_ferry_pickup{/*フェリーlogoなど、紹介文部分*/
	padding:0 0 0 24px;
	}

*.td_intro_text{/*紹介文のセル設定-その他在来船*/
	padding:8px 0 0px 0;
	line-height:1.5;
	}

*.td_intro_text1{/*紹介文のセル設定-ブルードルフィンとナッチャン*/
	padding:8px 0em;
	line-height:1.5;
	
	}
*html .td_intro_text1{/*紹介文のセル設定-ブルードルフィンとナッチャンのIE6対応*/
	padding:8px 0em;
	line-height:1.5;
	font-size:108%;
	}

*.td_ferry_capacity{/*旅客定員数のセル設定*/
	color:#0086ae;
	}

*.td_btn_detail{/*詳細はこちらボタンのセル設定--ブルードルフィンとナッチャン*/
	padding:8px 0 8px 151px;
	}

*.td_btn_detail_other{/*詳細はこちらボタンののセル設定-その他在来船*/
	padding:8px 0 0 0;
	}

a.btn_detail{/*詳細はこちらボタンののリンク設定-共通*/
	display:block;
	width:215px;
	height:44px;
	background:url(img/btn_detail.gif)  no-repeat -8px -9px;
	text-indent:-9999px;
	overflow:hidden;
	}
a:hover.btn_detail{
	background:url(img/btn_detail.gif)  no-repeat -8px -62px;
	}

hr.dashed{
	border:none;
	border-top:dotted 1px #999999; /*dotted*/
	height:1px;
	color:#999999;
	}


*.dog_icon{
	margin:5px 4px 3px 0px;
}



/*--------------------------------
船舶のご紹介 各ページ共通
--------------------------------*/

/*--------------------------------ページ上部各フェリーへのリンクタブ --------------------------------*/

ul#ships_link{ /* タブ全体の設定 */
	width:690px;
	height:35px;
	margin:24px 0px;
	padding-left:119px;
	list-style:none;
	background:url(img/ferry_tab_bg.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}

/* ブルードルフィン */
li.blue_dolphin{
	display:block;
	width:93px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -119px 0px;
}

li.blue_dolphin a{
	display:block;
	width:93px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -119px -35px;
}

li.blue_dolphin a:hover{
	background:url(img/ferry_tab.gif) no-repeat -119px 0px;
}


/* ナッチャンWorld */

li.natchan_world{
	display:block;
	width:147px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -212px 0px;
}

li.natchan_world a{
	display:block;
	width:147px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -212px -35px;
}

li.natchan_world a:hover{
	background:url(img/ferry_tab.gif) no-repeat -212px 0px;
}

/* びなす */
li.binasu{
	display:block;
	width:80px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -359px 0px;
}

li.binasu a{
	display:block;
	width:80px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -359px -35px;
}

li.binasu a:hover{
	background:url(img/ferry_tab.gif) no-repeat -359px 0px;
}


/* びるご */
li.birugo{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -439px 0px;
}

li.birugo a{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -439px -35px;
}

li.birugo a:hover{
	background:url(img/ferry_tab.gif) no-repeat -439px 0px;
}


/* えさん */
li.esan{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -455px 0px;
}

li.esan a{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -455px -35px;
}

li.esan a:hover{
	background:url(img/ferry_tab.gif) no-repeat -455px 0px;
}


/*えさん2000  */
li.esan2000{
	display:block;
	width:80px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -520px 0px;
}

li.esan2000 a{
	display:block;
	width:80px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -520px -35px;
}

li.esan2000 a:hover{
	background:url(img/ferry_tab.gif) no-repeat -520px 0px;
}


/* ばあゆ */
li.baayu{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -600px 0px;
}

li.baayu a{
	display:block;
	width:81px;
	height:35px;
	float:left;
	background:url(img/ferry_tab.gif) no-repeat -600px -35px;
}

li.baayu a:hover{
	background:url(img/ferry_tab.gif) no-repeat -600px 0px;
}



/*-------------------------------- 見出しH5 --------------------------------*/

/* 見出し：船名の由来 */
h5.subtitle_name{
	display:block;
	width:690px;
	height:23px;
	margin:30px 0px 14px 0px;
	background:url(img/subtitle_name.gif) no-repeat 0 0;
	text-indent:-9999px;
	}

/* 見出し：船室のご案内 */
h5.subtitle_room{
	display:block;
	width:690px;
	height:23px;
	margin:30px 0px 14px 0px;
	background:url(img/subtitle_room.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
*.sub_text{
	font-weight:normal;
	}

/* 見出し：船内施設のご案内 */
h5.subtitle_facilities{
	display:block;
	width:690px;
	height:23px;
	margin:30px 0px 14px 0px;
	background:url(img/subtitle_facilities.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
	
/* 見出し：ギャラリー */
h5.subtitle_gallery{
	display:block;
	width:690px;
	height:23px;
	margin:30px 0px 14px 0px;
	background:url(img/subtitle_gallery.gif) no-repeat 0 0;
	text-indent:-9999px;
	}



/*-------------------------------- 見出しH6 --------------------------------*/

/* 「船室のご案内」の船室名 */
h6.miinititle_room_2{
	width:327px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	border-bottom:2px solid #0086ae;
	}

h6.miinititle_room{
	width:303px;
	margin:8px 0px 8px 0px;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	border-bottom:2px solid #0086ae;
	}


/* 「船内施設のご案内」の施設写真のタイトル */
h6.miinititle_facilities{
	width:214px;
	padding:8px 0px 8px 0px;
	font-weight:bold;
	color:#0086ae;
	}

/*-------------------------------- ギャラリーのキャプション --------------------------------*/
*.gallery_caption{
	width:214px;
	padding:8px 0px 18px 0px;
	}


/*-------------------------------- 船舶データ --------------------------------*/

/* DATAという文字 */
h6.miinititle_data{
	width:333px;
	padding:0px 0px 3px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:2px solid #0086ae;
	font-weight:bold;
	}

/* 船の写真の入っているセル設定 */
*.td_ship_photo{
	padding-right:24px;
	}

/* データを区切る水平線 */
hr.data_line{
	border:none;
	border-top:dashed 1px #b2b2b2; /*dotted*/
	height:1px;
	color:#b2b2b2;
	width:333px;
	}


/*-------------------------------- 船室のご案内 --------------------------------*/


/* 「船室のご案内」の写真のあるセル設定 */
*.td_room, *.td_room_ph1{
	padding:14px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9
	}
*.td_room, *.td_room_ph1{
	width:333px;
	}

/* 「船室のご案内」の写真が1枚の場合のセル設定 */
*.td_room_ph1{
	width:690px;
	}


/*-------------------------------- 船内施設のご案内 --------------------------------*/

/* 船内施設のリスト */
ul.facilities_list{
	list-style:none;
	line-height:1.8;
	}
ul.facilities_list li{
	width:33%;
	float:left;
	}
	
/* 船内施設のリストの施設名についている「●」 */
*.facilities_list_marker{
	color:#0086ae;
	margin-right:0.2em
	}

/* 注釈として付す「※」 */
*.facility_asterisk{
	color:#0086ae !important;
	vertical-align:top;
	font-weight:bold;
}

/*-------------------------------- 船内施設のご案内 --------------------------------*/