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

/* 共通スタイルシート読み込み
---------------------------------------------------------------------------- */
@import "/x/bus/dynamic/3/zh_CN/ship/pc/share/css/default.css"; 
@import "/x/bus/dynamic/3/zh_CN/ship/pc/share/css/shared_class.css";
@import "/x/bus/dynamic/3/zh_CN/ship/pc/share/footer/css/footer.css"; 
@import "/x/bus/dynamic/3/zh_CN/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;
	background:url(/x/bus/dynamic/3/zh_CN/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:692px;
}

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


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

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

div.senpakuBox p{
	font-size:12px;
}

div.senpakuImg{
	width:240px;
	display:inline;
	margin:0 0 21px 0;
	text-align:center;
}

div.senpakuImg .detailLink{
	margin-top:8px;
}

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

/** フェリー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;
	padding-bottom: 10px;
}
.pagetop {
	display: none;
}
div.senpakuBox {
    margin: 0 0 40px 0;
	font-size: 14px;
}
div.senpakuBox .specTbl {
	font-size: 14px;
}
div.senpakuBox .specTbl th {
	width: 30%;
}
div.h4Box_s h4 {
	font-size: 15px;
}
#footer li a:hover {
    color: #FFF;
}
div.senpakuImg .detailLink {
	margin-top: 15px;
	display: block;
}
@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;
	}
	div.senpakuBox .specTbl th {
		width: 35%;
	}
}