@charset "utf-8";
/* CSS Document */

/*
=========================================

全ページ共通定義

=========================================
*/

@import "/x/bus/dynamic/3/ko/share/pc/css/loginbox.css";




/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
.ferrytopic-path {
	height: 22px;
	width: 100%;
	margin: 10px 0 ! important;
	text-align: left;
	font-size:12px;
}

.ferrytopic-path h1 {
	margin-bottom: 3px;
}

.ferrytopic-path:before{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;

}

/*	汎用class
----------------------------------------------------*/
/*
h2{
	width:960px;
	clear:both;
	border-bottom:#00b199 3px solid;
	font-size:16px;
	font-weight:bold;
	padding:0 0 8px 0;
	margin:0 0 21px 0;
}

h3{
	clear:both;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/h2_common.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 21px;
	margin:0 0 13px 0;
	height:36px;
}
*/

div.h4Box{
	width:960px;
	clear:both;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/h3_linebg.gif) repeat-x 5px center;
	margin:0 0 13px 0;
}

div.h4Box h4{
	background:#FFFFFF url(/x/bus/dynamic/3ship/pc/share/img/common/list_sq_green.gif) no-repeat left center;
	font-size:16px;
	font-weight:bold;
	padding:0 10px 0 21px;
	margin:0 10px 0 0;
	display:inline;
}


/*	ページトップリンク 
----------------------------------------------------*/
/*マージン1129岩田変更*/

.pagetop {
	clear:both;
	text-align:right;
	height: 22px;
	margin: 15px 0px 10px auto;
	font-size:10px;
	/*padding-right:10px;*/
	padding:0;
}
.pagetop a{
	padding-left:12px;
	background:url(/st/3pc/bus/sys/img/ico/back2top.gif) left 4px no-repeat;
}



/*ボタンの上のライン*/
div#btnbox{
	border-top:#CCCCCC solid 2px;
	width:100%;
	text-align:center;
	margin:21px 0 0 0;
	padding-top:21px;
	padding-bottom:3px;
}






/*	警告パーツ 
----------------------------------------------------*/
/*1129岩田追記*/

/*普通のコメント★廃案20101203*/
/*.commentbox{
	background-color:#f1f1de;
	border:#cbe286 2px solid;
	font-size:16px;
	padding:22px;
	text-align:center;
	margin-bottom:13px;
	font-weight:bold;
}*/

/*致命的なエラー*/
.errorbox{
	background-color:#fbf6f6;
	border:#ffcccc 2px solid;
	padding:22px;
	text-align:center;
	margin-bottom:13px;
}
.errorbox table.errorboxbg{
	min-height: 34px;
	height: 34px !important;
	border-collapse:collapse;
	margin:0 auto;
	vertical-align:middle;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/ico_errorbox.gif) left center no-repeat;
	}
	

.errorbox p{
	padding-left:47px;
	color:#ff0000;
	text-align:left;
	font-size:16px;
	line-height: 1.3em;
	font-weight:bold;
	}



/*エラー*/
.alertbox{
	background-color:#fff5ea;
	border:#ffcc99 2px solid;
	padding:22px;
	text-align:center;
	margin-bottom:13px;
}
.alertbox table.alertboxbg{
	min-height: 34px;
	height: 34px !important;
	border-collapse:collapse;
	margin:0 auto;
	vertical-align:middle;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/ico_alertbox.gif) left center no-repeat;
	}

.alertbox p{
	padding-left:47px;
	color:#ff0000;
	text-align:left;
	font-size:16px;
	line-height: 1.3em;
	font-weight:bold;
	}




/*info*/
.infobox{
	background-color:#f4f9e6;
	border:#cbe286 2px solid;
	padding:22px;
	text-align:center;
	margin-bottom:13px;
}
.infobox table.infoboxbg{
	min-height: 34px;
	height: 34px !important;
	border-collapse:collapse;
	margin:0 auto;
	vertical-align:middle;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/ico_infobox.gif) left center no-repeat;
	}

.infobox p{
	padding-left:47px;
	text-align:left;
	font-size:16px;
	line-height: 1.3em;
	font-weight:bold;
	}


/*	お知らせパーツ 
----------------------------------------------------*/
/*1203岩田*/

/*重要attention*/
.shipinfo_unko{
	background-color:#fbf6f6;
	border:#ffcccc 2px solid;
	font-size:16px;
	padding:22px;
	text-align:left;
	margin-bottom:13px;
}
.shipinfo_unko dl{
	margin:0;
	padding:0;
}
.shipinfo_unko dt{
	margin:0 0 13px 0;
	padding:0 0 0 22px;
	font-size:16px;
	height:22px;
	line-height:16px;
	font-weight:bold;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/shipinfo_unkot.gif) left bottom no-repeat;
}
.shipinfo_unko dd{
	margin:0;
	padding:0;
	font-size:12px;
}

/*印刷attention*/

.shipinfo_printt{
	background-color:#fff5ea;
	border:#ffcc99 2px solid;
	font-size:16px;
	padding:22px;
	text-align:left;
	margin-bottom:13px;
}
.shipinfo_printt dl{
	margin:0;
	padding:0;
}
.shipinfo_printt dt{
	margin:0 0 13px 0;
	padding:0 0 0 22px;
	font-size:16px;
	height:22px;
	line-height:16px;
	font-weight:bold;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/shipinfo_printt.gif) left bottom no-repeat;
}
.shipinfo_printt dd{
	margin:0;
	padding:0;
	font-size:12px;
}



/*ボタンの枠*/
.shipinfo_btnbox{
	margin:13px 0 0 0;
	background:url(/x/bus/dynamic/3ship/pc/share/img/common/shipinfo_dots.gif) top repeat-x;
	text-align:center;
	padding-top:13px;
}


/*お知らせ*/
table.oshirase{
	border:#ff9999 1px solid!important;
	width:100%;
	margin:0 0 21px 0;
	padding:0;
}

table.oshirase th{
	margin:0;
	padding:5px;
	background:#ff9999;
	color:#FFF;
	width:100px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	border:none!important;
}
table.oshirase td{
	padding:5px 5px 5px 13px;
	font-size:12px;
	border:none!important;
}

/*--20101213岩田write--*/
/*-----予約ステップ(往復時)画像・フェリータロウ-----*/

div.step_rt{
	margin:0 0 20px 0;
}

div.step_rt dl{
	font-size:12px;
	padding:0 0 20px 0;
}

div.step_rt dt{
	float:left;
	margin:0 0 20px 0;
}

div.step_rt dd{
	float:left;
	font-weight:bold;
	padding:0 0 20px 13px;
}


/*	運行状況表示欄用
----------------------------------------------------*/

table.ship_att{
	border:#ff9999 2px solid!important;
	width:960px;
	margin:0 auto 20px auto;
	padding:0;
}

table.ship_att th{
	margin:0;
	padding:5px 8px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:none!important;
	background:#ff9999 url(/x/bus/dynamic/3ship/pc/share/img/common/i_attention.gif) 12px center no-repeat;
}

table.ship_att th p{
	margin:0 0 0 24px;
	padding:0;
}

table.ship_att td{
	padding:8px;
	font-size:12px;
	border:none!important;
	background:#fbf6f6;	
	text-align:left!important;
}

ul.list_news{
	margin:0;
	padding:0;
}
.lv3 {
	margin:0 0 0 0;
	padding:0 0 0 13px;
	background:url(/x/bus/dynamic/3ship/pc/share/img/lv3_square.gif) top left no-repeat;
	line-height:1.5;
}

.lv2 {
	margin:0 0 0 0;
	padding:0 0 0 13px;
	background:url(/x/bus/dynamic/3ship/pc/share/img/lv2_square.gif) top left no-repeat;
	line-height:1.5;
}

.list_news_attention{
	padding:0 0 0 8px;
	font-size:10px;
	font-weight: normal;
}


/*	ソーシャルボタン用 20110317 iida
----------------------------------------------------*/	
ul#social_btn {
	float: right;
	width:325px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
ul#social_btn li {
	float: right;
}
ul#social_btn li#facebook_like {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



ul#social_btn li#twitter {
    margin-right: -33px;
}




/*	運行状況表示欄用 20110526 hayashi
----------------------------------------------------*/

table.ship_att{
	border:#5eb6e8 2px solid!important;
	width:960px;
	margin:0 auto 20px auto;
	padding:0;
	clear:both;
}

table.ship_att th{
	margin:0;
	padding:5px 5px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:none!important;
	background:#5eb6e8 url(/x/bus/dynamic/3ship/pc/share/img/common/i_attention.gif) 12px center no-repeat;
}

table.ship_att th p{
	margin:0 0 0 24px;
	padding:0;
}

table.ship_att td{
	padding:8px;
	font-size:12px;
	border:none!important;
	background:#ffffff;	
	text-align:left!important;
}

#pageIndex table.ship_att{
	border:#5eb6e8 2px solid!important;
	width:180px;
	margin:0 auto 20px auto;
	padding:0;
	clear:both;
}

#pageIndex table.ship_att th{
	margin:0;
	padding:5px 5px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:none!important;
	background:#5eb6e8 url(/x/bus/dynamic/3ship/pc/share/img/common/i_attention.gif) 12px center no-repeat;
}

#pageIndex table.ship_att th p{
	margin:0 0 0 24px;
	padding:0;
}

#pageIndex table.ship_att td{
	padding:8px;
	font-size:12px;
	border:none!important;
	background:#ffffff;	
	text-align:center!important;
}


#carrier table.ship_att{
	border:#5eb6e8 2px solid!important;
	width:449px;
	padding:0;
	clear:both;
}

#carrier table.ship_att th{
	margin:0;
	padding:5px 5px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:none!important;
	background:#5eb6e8;
}

#carrier table.ship_att th .att_left {
	margin:0 0 0 0px;
	padding:0 0 0 17px;
	float:left;
	width:200px;
	background:#5eb6e8 url(/x/bus/dynamic/3ship/pc/share/img/common/i_attention.gif) left no-repeat;
}

#carrier table.ship_att th .att_right {
	margin:0;
	padding:0;
	float: right;
	width:200px;
	text-align:right;
}

#carrier table.ship_att td{
	padding:8px;
	font-size:12px;
	border:none!important;
	background:#ffffff;	
	text-align:center!important;
}

.list_mark {
	padding:0 0 5px 13px;
	background:url("/x/bus/dynamic/3/ko/share/pc/img/icon_dot_blue.gif") no-repeat;
	line-height:1.5;
	border-bottom:1px dotted #ccc;
	overflow: hidden;
	margin-bottom:5px;
	text-align:left;
}


.ship_att_nomal {
	padding:0 0 5px 13px;
	line-height:1.5;
	margin-bottom:5px;
}


ul.list_news{
	margin:0;
	padding:0;
}

.lv3 {
	padding:0 0 5px 13px;
	background:url(/x/bus/dynamic/3ship/pc/share/img/lv3_square.gif) top left no-repeat;
	line-height:1.5;
	border-bottom:1px dotted #ccc;
	overflow: hidden;
	margin-bottom:5px;
	text-align:left;
}

.lv2 {
	padding:0 0 5px 13px;
	background:url(/x/bus/dynamic/3ship/pc/share/img/lv2_square.gif) top left no-repeat;
	line-height:1.5;
	border-bottom:1px dotted #ccc;
	overflow: hidden;
	margin-bottom:5px;
	text-align:left;
}

.end {
	padding:0 0 0 13px;
	border-bottom:none;
	margin-bottom:0;
	border-bottom-style:none;
}

.list_news_attention{
	padding:0 0 0 8px;
	font-size:10px;
	font-weight: normal;
}