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

/* 共通スタイルシート読み込み
---------------------------------------------------------------------------- */
@import "/x/bus/dynamic/3/en/ship/pc/share/css/default.css"; 
@import "/x/bus/dynamic/3/en/ship/pc/share/css/shared_class.css";
@import "/x/bus/dynamic/3/en/ship/pc/share/footer/css/footer.css"; 
@import "/x/bus/dynamic/3/en/ship/pc/share/header/css/header.css";


body{
	font-size:12px;	
}

/* 見出しのスタイル
---------------------------------------------------------------------------- */

h1,
h2{
	width:960px !important;
	clear:both !important;
	border-bottom:#06b3b1 3px solid !important;
	font-size:16px !important;
	font-weight:bold !important;
	padding:0 0 8px 0 !important;
	margin:0 0 21px 0 !important;
}

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

div.h4Box_s{
	clear:both;
	border-bottom:1px solid #06b3b1;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	width:100%;
}

div.h4Box_s h4{
	background:url(/x/bus/dynamic/3/en/ship/pc/share/img/common/list_sq_green_s.gif) left center no-repeat;
	font-size:12px;
	font-weight:bold;
	padding:0 16px 0;
	margin:0 10px 0 0;
	color:#06b3b1;
}

div.senpakuText .h4Box_s{
	width:692px;
}

div.h4Box h4 span{
	font-size:10px;
	font-weight:normal;

}

h5{
	font-size:12px !important;
	font-weight:bold !important;
	padding:5px 0 5px 8px !important;
}


div.h5Box_shisetsu{
	width:955px;
	background-color:#cdf0ef;
	border-left:5px solid #06b3b1;
	clear:both;
	margin:0 0 13px 0;
}

div.h5Box_senshitsu h5{
    color:#FFFFFF;
}

div.h5Box_senshitsu{
	width:960px;
	height:29px;
	background:url(/x/bus/dynamic/3/en/ship/pc/system/img/senpaku_detail/h5_senshitsu.gif) left center no-repeat;
	clear:both;
	margin:0 0 13px 0;
}

div.h6Box_s h6{
	background:url(/x/bus/dynamic/3/en/ship/pc/share/img/common/list_sq_brown_s.gif) left center no-repeat;
	font-weight:bold;
	font-size:12px;
	color:#996633;
	padding:0 16px 0;
}

div.h6Box_s{
	clear:both;
	border-bottom:1px solid #996633;
	margin:0 0 5px 0;
	padding:0 15px 5px 0;
	width:692px;
}




/* 船舶スペックボックス
---------------------------------------------------------------------------- */

div.senpakuBox{
	width:960px;
	margin:0 0 21px 0;
}


div.senpakuText h6{
	font-weight:bold;
	font-size:12px;
	margin:0 0 8px 0;
}

div.senpakuBox p{
	font-size:12px;
	line-height:130%;
	margin:0 0 21px 0;
}

div.senpakuImg{
	width:240px;
	display:inline;
	margin:0 0 21px 0;
}

div.senpakuText{
	width:708px;
	display:inline;
}

div.senpakuBox .left{
	float:left;
}

div.senpakuBox .right{
	float:right;
}


div.specText{
	background-color:#f5f5f5;
	border:1px solid #CCCCCC;
	padding:8px 13px 8px;
}

div.specText div.h4Box_s{
	width:680px;
}

div.senpakuBox .specTbl{
	font-size:12px;
	width:100%;
	_width:680px;
}

div.senpakuBox .specTbl th{
	font-weight:bold;
	width:90px;
	padding:8px 0 8px 0;
	vertical-align:top;
	border-bottom:#b3b3b3 dotted 1px;
}
div.senpakuBox .specTbl td{
	padding:8px 0 8px 0;
	border-bottom:#b3b3b3 dotted 1px;
}
div.senpakuBox .specTbl th.linenone,
div.senpakuBox .specTbl td.linenone{
	border-bottom:none;
	
}

div.senpakuBox ul{
	width:960px;
	font-size:12px;
	margin:0 0 21px 0;
}

div.senpakuBox li{
	_background-position:left 11px;
	background:#FFFFFF url(/x/bus/dynamic/3/en/ship/pc/share/img/common/list_dot_black.gif) no-repeat left 7px;
	padding:0 13px 0 13px;	
	float:left;
}

div.senshitsuText{
	width:708px;
	display:inline;
}


div.senpakuImg_other{
	width:960px;
	margin:0 0 21px 0;
}


div.senpakuImg_other img{
	display:block;
	float:left;
	padding:8px;
}
	
.buttontable{
	padding:5px;
	margin-top:12px;
	margin-bottom:12px;
}
.buttontable td{
	padding-left:10px;
	padding-right:10px;
}

/* 画像 */

div.senpakuImg img{
	width:100%;
	height:auto;
}

#pageup a:before {
	content: "\f102";
	font-family: "Font Awesome 5 Free" !important;
	weight:900 !important;
}

/** フェリーUI 2025  **/
body {
	font-family: 'Open Sans', "Segoe UI", "Helvetica Neue", sans-serif !important;
}
#wrapper {
	width: 960px;
	margin: 150px auto 60px;
	text-align: left;
}
#footer li a {
	color: #FFF;
	font-size: 14px;
}
a:link,
a:visited {
	text-decoration: none;
	color: #333;
}
h3 {
	background: none;
    background-color: #e6eceb;
    height: 40px;
    border-left: 3px solid #00b199;
    margin-bottom: 20px;
}
div.senpakuBox p {
    font-size: 14px;
}
.pagetop {
	display: none;
}
div.senpakuBox {
    margin: 0 0 40px 0;
	font-size: 14px;
}
div.senpakuImg_other,
div.h5Box_shisetsu,
div.h4Box,
div.h5Box_senshitsu,
div.h6Box_s,
div.senpakuBox ul {
	width: 100%;
}
h5, h6 {
	font-size: 16px !important;
}
div.senpakuBox .specTbl,
div.senpakuBox ul {
	font-size: 14px !important;
}
div.h4Box {
	background: none;
}
#footer li a:hover {
    color: #FFF;
}
form#pc_ship_ssenpakuListActionForm input {
    width: 130px;
    height: auto;
}
@media(max-width:980px){
	#wrapper {
		width: 100%;
	}
	#contents {
		width: 100%;
		padding: 0 15px;
        box-sizing: border-box;
	}
	div.senpakuBox {
		width: 100%;
	}
	h1, h2 {
		width: 100% !important;
	}
	div.senpakuBox .right {
		float: none;
	}
	div.senpakuText {
		width: 100%;
		display: block;
	}
	div.specText div.h4Box_s {
		width: 100%;
	}
	.mainNav ul ul li a {
		color: #333 !important;
	}
	div.senpakuBox .left {
		float: none;
	}
	div.senpakuBox p {
		padding: 15px 0;
	}
}