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

/* ------------------------------------------------------
index
------------------------------------------------------ */
div#contents.total{
	background:#fff url(../total/images/bg_ind_010.jpg) no-repeat left top;
	width: 868px;
	 margin:0 !important;
	 padding-bottom: 45px;
}


div#contents.total h2{
	padding:0 0 0 22px; 
	height:180px;
}

div#contents.total .ind_nav{position: relative;height:616px; zoom:1;}

div#contents.total .ind_nav h3{
	display: inline-block;
	vertical-align: middle;
	*zoom: 1;
	*display: inline;
}



div#contents.total .ind_nav .product{
	position: absolute;
	width:500px;
    top: -120px;
    left: 340px;
}


div#contents.total .ind_nav .vessel{
	position: absolute;
	width:500px;
    top: 10px;
    left: 440px;
}

div#contents.total .ind_nav .filling{
	position: absolute;
	width:500px;
    top: 175px;
    left: 430px;
}
	
	
div#contents.total .ind_nav .facility{
	position: absolute;
	width:500px;
    top: 310px;
    left: 320px;
}


div#contents.total .ind_nav ul{
	display: inline-block;
	vertical-align: middle;
	width:307px;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 10px;
}
div#contents.total .ind_nav ul{font-size:0; zoom:1;}
.ie7 div#contents.total .ind_nav ul,
.ie10 div#contents.total .ind_nav ul{margin:0 0 0 -5px;}

div#contents.total .ind_nav ul li{margin:15px 0 0 0; font-size:0; zoom:1; }


div#contents.total .ind_nav ul li.first{margin:0;}
div#contents.total .ind_nav .product ul{ vertical-align:text-top;}
div#contents.total .ind_nav .product ul li.first{margin:-40px 0 0 0;}
div#contents.total .ind_nav .facility ul li.first{margin: 0;}

div#contents .contact{/*margin:0 auto;width: 830px;page-break-after: always; zoom:1; display:block;*/
    left: 20px;
    position: absolute;
    top: 520px;
    width: 818px;


}

/* div.para { width:500px; }*/
 div.para a { 
	 font-weight:bold;
	 text-decoration:none;
	 cursor:pointer;
	 text-decoration:none !important;
 }

 #tooltip {
	position:absolute;
	 z-index:19999 !important;
	 color:#221E1D;
	 font-size:12px;
	 width:330px;
	 text-decoration:none !important;
	 display: none;
}

 #tooltip a{ text-decoration:none !important;}

.ie7  #tooltip{margin-top:20px;}
 #tooltip .tipHeader { height:8px; }
 #tooltip .tipBody {
	 background:#C51315;
	 padding:7px 10px 7px 15px;
	 color:#fff;
}
 #tooltip .tipFooter { height:8px; }

.para #tooltip{ width:235px; left:170px !important; top:10px !important;}
 
.filling #tooltip{ width:265px;left:170px !important;top:30px !important;}
.filling #tooltip .tipBody{ background:#129828;}

.vessel #tooltip{ width:235px; left:170px !important;top:10px !important;}
.vessel #tooltip .tipBody{ background:#f17b05;}

.facility #tooltip{ width:300px; left:170px !important;top:15px !important;}
.facility #tooltip .tipBody{ background:#0799ff;}

.technicalsupport #tooltip{ width:200px; left:0px !important;top:15px !important;}
.technicalsupport #tooltip .tipBody{ background:#7e44a9;}
/* ------------------------------------------------------
sub
------------------------------------------------------ */
/* Margin-top */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt17 {margin-top: 17px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt80 {margin-top: 80px !important;}
/* Margin-bottom */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.w140{width:140px;}

#sub_page{margin:0 0 0 5px;}



#sub_page .box_sub{margin:0 0 65px 0;}
#sub_page h3{margin:0 0 30px 0; }
#sub_page h4{margin:0 0 20px 0;}
#sub_page h4.text{
	background:#f0f0f0;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	width:828px;
}

#sub_page h5{
	margin:0;
}

#sub_page h6{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:16px;
}

#sub_page .pic_list li{
	float:left;
	 width:196px;
	 text-align:center;
	 margin:0 0 0 20px;
}

#sub_page .pic_list li.first{
	margin:0;
}

#sub_page ul.list_disc{
	margin:0 0 0 15px;
}
#sub_page ul.list_disc li{
	color:#cc2829;
	list-style:disc;
    padding: 0 0 5px 3px;
	margin:0 0 5px 0;
}

#sub_page ul.list_disc li span{
	color:#000;
}

#sub_page ul.list_box li{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #dadada;
	text-align:center;
	margin:0 0 10px 10px; 
	padding:20px;
	width:375px;
	float:left;
}

#sub_page ul.list_box li.left{margin-left:0;}

#sub_page ul.list_box li p{
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
}
#sub_page ul.list_box li span{ font-size:12px;}

#sub_page .cap{ 
	background:#f0f0f0;
	width: 804px;
	padding:20px;
}
#sub_page .stand{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	width: 844px;
	text-align:center;
	margin:50px 0 0 0; 
	padding:10px 0;
}
/* ------------------------------------------------------
inquiry
------------------------------------------------------ */
div.other .mb10{margin-bottom:10px !important;}
div.other .err{color:#D80537;}


div#contents.total div.other h3{
	background: #ebebeb;
    border-bottom: 2px solid #007aa9;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
    width: 100%;
    line-height:28px;
	
	}
div.other table.t_01 th img{vertical-align:middle; margin:0 0 0 10px;}

div#contents.other table.t_01 p {width: 480px; margin:0;}
div.other table.t_01{
    width: 770px;
	border-top: 1px solid #B9B9B9;
    border-collapse: collapse;
    border-spacing: 0;
}

div.other table.t_01 th {
    padding: 15px;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
    border-width: 0 0 1px 1px;
	font-weight:normal;
	background:#EEF8F9; font-weight:bold;vertical-align: middle;
		width:250px;
		text-align:left
}

div.other table.t_01 td {
    padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;	
    border-width: 0 0 1px 1px;
}


div.other .defont {
    color: #333333;
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
    font-size: 0.84em;
    line-height: 130%;
}

.other div.box {
    margin: 30px 0 20px 40px;
    width:770px;
    background:#eee;
	text-align:left;
	padding:15px;
}

.other div.box h3{margin:10px 0 0 5px; padding:0; font-weight:bold;}
div.other div.box .at {margin:10px 0 0 20px;}
div.other div.box .at li {
    font-size: 90%;
    list-style-type: disc;
    margin:10px 0 0 0;
}

div.other div.box .at li img{vertical-align:middle; margin:0 10px 0 0;}

div.other div.main_box {
    text-align: left;
    width: 700px !important;
}
div.other table.main {
    margin: 0 0 0 40px;
}

div.other table.t_02{
	margin:0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

div.other div.product dt a:hover {
    border: 1px solid #ff6000;
    display: block;
}
div.other div.product dd {
    display: block;
    font-size: 70%;
    line-height: 120%;
    margin: 0;
    padding: 0;
}
div.other div.product div.plant dl {
    display: block;
    float: left;
    margin: 0 0 18px 5px;
    padding: 0;
    width: 75px;
}

div.other div.product div.plant dl.icon {
    margin: 0;
    padding: 0;
}

div.other div.product div.plant dt {
    display: block;
    height: 75px;
    line-height: 100%;
    margin: 0 0 5px;
    padding: 0;
    width: 75px;
}

div.other div.product div.plant dt span {
    border: 1px solid #999;
    display: block;
    height: 73px;
    width: 73px;
}
div.other div.product em {
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
}

div.other div.product dd span {
    display: block;
    float: left;
    margin: 6px 0 0;
    padding: 0;
    width: 70px;
}

div.other div.product div.plant dd span {
    display: block;
    float: left;
    margin: 6px 0 0;
    padding: 0;
    width: 55px;
}
div.other div.product dd em {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

div.other span.btn {
    display: block;
    margin: 0 0 30px;
    text-align: center;
    width: 566px;
}
span.faq_btn a {
	margin-left: 634px;
    margin-top: -8px;
    position: absolute;
}
div.other .line_03 dl.etc_Tw {
    width: 150px !important;
}
div.other .line_03 dl.etc_Tw dd span {
    width: 100px !important;
}
div.other dl dd em input {
    margin-top: 5px;
}



/* ------------------------------------------------------
product
------------------------------------------------------ */
.product ul.list_box li{border-top:1px solid #cc2829;}
.product ul.list_disc li,
.product ul.list_box li p{
	color:#cc2829;
}

.product .stand{background:#cc2829;}

/* ------------------------------------------------------
product
------------------------------------------------------ */
.filling table.h_01{
    width: 844px;
	border-top: 1px solid #129828;
	border: 1px solid #B9B9B9;
    border-collapse: collapse;
    border-spacing: 0;
	font-size:80%;
}

.filling table.h_01 th {
    padding: 15px;
	border: 1px solid #B9B9B9;
    border-width: 0 0 1px 1px;
	background:#EEF8F9;
	font-weight:bold;
	vertical-align: middle;
	width:250px;
	text-align:left;
}

.filling table.h_01 td {
    padding: 10px;
	vertical-align: top;
	border: 1px solid #B9B9B9;
    border-width: 0 0 1px 1px;
}

.filling table.h_01 .bg_01{
	background:#ecf7ee;
	text-align:center;
	vertical-align: middle;
	color:#129828;
	font-weight:bold;
	font-size:16px;
}

.filling table.h_01 .bg_02{
	vertical-align: middle;
	text-align:center;
	font-weight:bold;
	background:#F5F6EB;
	font-size:14px;
}

.filling table.h_01 .mt_kana{
	margin:22px 0 0 0 !important;
}


.filling table.h_01 ul li{
	margin:0 0 3px 0;
}
.filling table.h_01 .aC{
	text-align:center;
}

.filling table.h_01 .aC p{
	margin-bottom:0 !important;
}

.filling table.h_01 ul li img {
	transition: 0.6s ;
	
}
.filling table.h_01 ul li img:hover {
	opacity: 0.8 ;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.filling table.h_01 ul li.last{
	margin:0;
}


.filling .cap_01{
    width: 805px;
	background:#ECF7EE;
	padding:20px ;
	margin:20px 0 90px 0;
}
.filling .cap_01 ul li{
	float:left;
	font-size:12px;
	margin:0 30px 0 0;
	
}
.filling .cap_01 ul { text-align:center;}
.filling .cap_01 ul li img{margin:3px 0 0 0; float:left;}
.filling .cap_01 ul li span{
	line-height:22px;
	margin:0 0 0 5px;
	float:left;
	font-weight:bold;
}
.filling .cap_01 ul li a{ text-decoration:none;}
.filling .cap_01 ul li span.orange{color:#5A91FF;}
.filling .cap_01 ul li span.blue{color:#005599;}
.filling .cap_01 ul li span.purple{color:#93345C;}

.filling .w_box{width:845px;}

.filling .floatL{float:left;}
.filling .floatR{ float:right; width:216px;}
.filling ul.floatR li{margin-bottom:10px;}

.filling ul.list_disc li {
    color: #129828 !important;
}
.filling table.c_01{
    width: 600px;
	border-top: 1px solid #129828;
    border-collapse: collapse;
    border-spacing: 0;
}

.filling table.c_01 th {
    padding: 15px;
	border-top: 1px solid #52b462;
	border-bottom: 1px solid #B9B9B9;
    border-width: 0 0 1px 1px;
	background:#EEF8F9;
	font-weight:bold;
	vertical-align: middle;
	width:250px;
	text-align:left;
}

.filling table.c_01 td {
    padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	
    border-width: 0 0 1px 1px;

}

.filling .link_company{
	border:#00FFFF 1px solid;
	margin:20px 0 0 0;	
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.filling .link_company p{margin-bottom:0 !important;}

.filling .link_company .text_area{
	float:left;
	color:#fff;
	width:200px !important;
	font-weight:bold;
	padding:18px 10px 18px 10px; 
	background: #00FFFF;
	text-align:center
}

.filling .link_company .img_area{
	float:left;
	padding:8px 20px;
	width:348px !important;
}



.filling  div.page span{
	margin: 15px 15px 0 0;
}

/* ------------------------------------------------------
vessel
------------------------------------------------------ */
.vessel_box:after,
.vessel .results_box:after,
.vessel .search_box ul:after,
.vessel .results_box ul li:after,
.vessel .results_box ul li a h4:after,
.vessel .vessel_box:after{
	content: "";
	display: block;
	clear: both;
}

.vessel_box,
.vessel .search_box,
.vessel .search_box ul,
.vessel .results_box ul li,
.vessel .results_box ul li a h4,
.vessel .vessel_box{
	zoom: 1;
}

.vessel .box_sub{
	width:845px;
}

.vessel .search_box{
	background: #f8f8f8;
	padding:25px 25px 0 25px;
	width:155px;
	z-index: 50;
	float:left;
}

.vessel .search_box h4{
	background: #2f3d48;
	color:#fff;
	text-align: center;
	padding:15px 0;
	border-radius:5px 5px 0 0;
	font-weight: bold;	
}

.vessel .search_box h5{
	font-weight: bold;
	margin:0 0 15px 0 !important;
	padding:0 0 10px 0; 
	border-bottom: 1px solid #000;
}

.vessel .search_box ul{
	padding:0 0 15px 0;
}

.label_list li {
  margin: auto 0 10px 0;	
}

.label_list li label {
	position: relative;
	display: block;
	word-break: break-all;
	cursor: pointer;
}

.label_list li label input[type="checkbox"] + span,
.label_list li label input[type="radio"] + span {
	position: relative;
	padding: 0 20px 0 28px;
	font-size: 100%;
	letter-spacing: 0.14em;
}

.label_list li label input[type="checkbox"] + span::before {
	border-color: #f28a1f;
	background: #fff;
}

.label_list li label input[type="checkbox"]:checked + span::before {
	background-color: #f28a1f;
}

.label_list label span {
	display: inline-block;
	cursor: pointer;
}

.label_list label input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.label_list label input[type="checkbox"] + span::before,
.label_list label input[type="checkbox"] + span::after {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}

.label_list label input[type="checkbox"] + span::before {
	z-index: 0;
	background-color: transparent;
	width: 15px;
	height: 15px;
	border: 2px #616161 solid;
	border-radius: 2px;
}

.label_list label input[type="checkbox"] + span::after {
	z-index: 1;
	margin: 2px 6px 5px 5px;
	width: 6px;
	height: 9px;
}

.label_list label input[type="checkbox"]:checked + span::before {
	background-color: #616161;
}

.label_list label input[type="checkbox"]:checked + span::after {
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.vessel .search_btn{
	background: #f28a1f;
	font-weight: bold;
	color:#fff;
	text-align: center;
	width:100%;
	margin:0 auto;
	padding:5px 0;
	cursor: pointer;
	font-size:120%;
	border-radius: 3px;
	border: #f28a1f solid 1px;
}

.vessel .search_btn:before{
	content: " ";
	display: inline-block;
	background: url(../total/vessel/parts/img/icon_search_010.png) no-repeat left 2px;
	padding:0 10px 0 0;
	width:16px;
	height: 18px;	
}

.vessel .search_btn:hover{
	border: #f28a1f solid 1px;
	color:#f28a1f;
	background: #fff;
	border-radius: 3px;
}

.vessel .search_btn:hover:before{
	content: " ";
	display: inline-block;
	background: url(../total/vessel/parts/img/icon_search_020.png) no-repeat left 2px;
	padding:0 10px 0 0;
	width:16px;
	height: 18px;	
}

.vessel .results_box{
	width:607px;
	float:right;
}

.vessel .view_box ol{
	float: right;
	padding:0 !important;
	margin:0 0 20px 0;
}

.vessel .view_box li{	
	display: block;
	padding: 8px 0 8px 20px;
    width: 90px;
	float:left;
}

.vessel .view_box:after{
	content: "";
	display: block;
	clear: both;
}

.vessel .view_box{
	zoom: 1;
}

.vessel .view_box li,
.vessel .view_box li a{
	color:#fff;
	font-size:13px;
	display: block;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.vessel .view_box li:before{
	position: absolute;
	left:10px;
	top:8px;
}

.vessel .view_box li:nth-child(1){	
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.vessel .view_box li:nth-child(2){	
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.vessel .view_box li:nth-child(1):before{
	 content: " ";
	background-image: url(../total/vessel/parts/img/icon_vew_010.png);
	background-repeat: no-repeat;
	background-size:16px 16px;
    height: 16px;
    width: 16px;
}

.vessel .view_box li:nth-child(2)::before{
	 content: " ";
	background-image: url(../total/vessel/parts/img/icon_vew_020.png);
	background-repeat: no-repeat;
	background-size:16px 16px;
    height: 16px;
    width: 16px;
}

.vessel .view_box li{
	background-color:#9a9797;	
}

.vessel .view_box li.on{
	background-color: #f69335;
}

.vessel .view_box li:hover{
	background-color: #9a9797;	
	display: block
}

.vessel .view_box li a:hover{
	text-decoration: none;	
}

.vessel .results_box ul{
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ie10 .vessel .results_box ul{
	display:table !important;
}
.ie10 .vessel .results_box ul li{
	display: inline-block;
	margin-right:10px !important;
	}

.ie10 .vessel .results_box ul li h4{
	height:53px;
}

.vessel .results_box ul li{
	border:1px solid #dcdcdc;
	cursor: pointer;
	margin:0 15px 15px 0;
	padding:0;
	border-radius: 3px;
	width:138px;
	float:left;	
}

.vessel .results_box ul li a{
	outline: none;
}

.vessel .results_box ul li.last{ 
	margin-right:0px;
}

.vessel .results_box ul li:hover{
	border:1px solid #f28a1f;
}

.vessel .results_box ul li a{
	color:#000;
	text-decoration: none;
}

.vessel .results_box ul li a h4{
	color:#f28a1f;	
	font-weight: bold;
	font-size:100%;	
	margin:10px 8px 10px 8px !important;
	line-height: 18px;
	text-align: center;	
}

.vessel .results_box h4:before{
	content: " ";
	display: inline-block;
	background: url(../total/vessel/parts/img/icon_arrow_020.png) no-repeat left center;
	padding:0 8px 0 0;
	width:5px;
	height: 9px;	
}

.vessel .results_box h4 span{
	font-size:11px;
	display: block;
	line-height: 14px;
    margin: 2px 0 0;
	color:#616161;
	font-weight: normal;
}

.vessel_more h4 span{
	font-size:13px !important;
	display: block!important;
	color:#000 !important;
}

.vessel .results_box ul li a .pic{
	margin:0 auto;
	text-align: center;
}

.vessel .results_box ul li a .pic img{
	width:138px;
	height : auto;/* 171006 add */
}

.vessel .results_box ul li a p{
	padding:0 15px;
	width:380px !important;
	font-size:85%;
}

.vessel .results_box ol{
	padding: 0 15px 25px 15px;
}

.remodal{
	text-align: left;
}

.remodal h4,
.vessel_more h4{
	font-weight: bold;
	font-size:110%;	
	margin:0 0  30px 0!important;	
	padding:0 0 5px 0;
	line-height: 22px;
	border-bottom: 1px dotted #000;
}

.remodal h4 span,
.vessel_more h4 span{ 
	font-size:14px;
	font-weight: normal;
	display: block;
}

.remodal h4.logo_dixie,
.vessel_more h4.logo_dixie{
	background: url(../total/vessel/parts/img/logo_dixie.png) no-repeat right top;
}

.remodal h4.logo_yoki,
.vessel_more h4.logo_yoki{
	background: url(../total/vessel/parts/img/logo_yoki.png) no-repeat right top;
}

.remodal h4.logo_service,
.vessel_more h4.logo_service{
	background: url(../total/vessel/parts/img/logo_service.png) no-repeat right top;
}

.remodal h5,
.vessel_more h5{
	margin:0 0 10px 0!important;
}

.remodal .pic,
.vessel_more .pic{
	float:right;
	margin:0 0 0 30px;
}

.remodal p,
.vessel_more p{
	font-size:90%;
	line-height: 24px;
}

.remodal ol li,
.vessel_more ol li{
	border:none;
	font-size:90%;
	list-style:disc;
	margin:0 0 0 12px;
	line-height: 24px;
}

.remodal .btn_new a,
.vessel_more .btn_new a{
	background: #f28a1f;
	border:#f28a1f 1px solid;
	color:#fff;
	display: block;
	margin:20px 0 0 0 !important;
	padding: 5px 0;
	border-radius: 3px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	width: 440px;
}

.remodal .btn_new a:before,
.vessel_more .btn_new a:before{
	content: " ";
	display: inline-block;
	background: url(../total/vessel/parts/img/icon_arrow_010.png) no-repeat left center;
	padding:0 10px 0 0;
	width:5px;
	height: 9px;	
}

.remodal .btn_new a:hover,
.vessel_more .btn_new a:hover{
	border:#f28a1f 1px solid;
	background: #fff;
	color:#f28a1f;
	text-decoration: none;
}

.remodal .btn_new a:hover:before,
.vessel_more .btn_new a:hover:before{
	content: " ";
	display: inline-block;
	background: url(../total/vessel/parts/img/icon_arrow_020.png) no-repeat left center;
	padding:0 10px 0 0;
	width:5px;
	height: 9px;	
}

.vessel .results_box .vessel_more h4{
	padding:10px 20px;
}

.vessel .results_box p{
	padding:0 20px;
	width:565px !important;
}

.vessel .results_box ul.vessel_more li{
	float:none !important;
/*	width:900px; 171006 mod */
	width :100%;
	margin: 0 0 15px 0;
	cursor: default;
}

ul.vessel_more li{
	float:none !important;
}

.vessel .results_box ul.vessel_more li ol{
	width: 305px;
	overflow: hidden;
	margin:0;
	padding-bottom:0 !important;
}

.vessel .results_box ul.vessel_more li ol li{
	width: 365px;
	border: none;
	margin:0;
}

.vessel .results_box ul.vessel_more li ol li:last-child{
	margin-bottom:0;
}

.vessel .results_box ul.vessel_more li ol li:hover{
	border: none;
}

.vessel_more .btn_new{
	margin-bottom:20px;
}

.vessel_more .btn_new a{
	color:#fff !important;
	margin:0 20px;
	width: 365px;
}

.vessel_more .btn_new a:hover{
	color:#f28a1f !important;
}

.vessel .results_box ul.vessel_more  li:hover{
	border:1px solid #dcdcdc;
}

.vessel_more .pic{
	padding:0 20px 20px 0;
}
.vessel_more h4{
	margin-bottom:20px !important;
}
.vessel_more h4:before{
	display: none !important;
}

.vessel_more h4.logo_dixie,
.vessel_more h4.logo_service,
.vessel_more h4.logo_yoki{
	background-position: 96% center;
}

/* ------------------------------------------------------
newly
------------------------------------------------------ */
.newly .box_sub,
.newly .w_box{
	width:847px;
}
.newly .imgFloat .floatL{float:left; width:500px;}
.newly .imgFloat .floatR{float:right;}

.newly .box_sub h5{
	font-weight: bold;
	font-size:16px;
	margin:0 0 20px 0 !important;
	color:#39adff;
}


.newly ul.list_disc li {
    color: #129828 !important;
}
.newly table.c_01{
    width: 600px;
	border-top: 1px solid #129828;
    border-collapse: collapse;
    border-spacing: 0;
}

.newly table.c_01 th {
    padding: 15px;
	border-top: 1px solid #52b462;
	border-bottom: 1px solid #B9B9B9;
    border-width: 0 0 1px 1px;
	background:#EEF8F9;
	font-weight:bold;
	vertical-align: middle;
	width:250px;
	text-align:left;
}

.newly table.c_01 td {
    padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	
    border-width: 0 0 1px 1px;

}

.newly .link_company{
	border:#00FFFF 1px solid;
	margin:20px 0 0 0;	
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.newly .link_company p{margin-bottom:0 !important;}

.newly .link_company .text_area{
	float:left;
	color:#fff;
	width:200px !important;
	font-weight:bold;
	padding:18px 10px 18px 10px; 
	background: #00FFFF;
	text-align:center
}

.newly .link_company .img_area{
	float:left;
	padding:8px 20px;
	width:348px !important;
}
.newly .w_box{
	margin-bottom:50px;
}
.newly .w_box .floatL{float:left;}
.newly .w_box .floatR{ float:right; width:216px;}

/* ------------------------------------------------------
newly
------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	width:40px;
	margin:0 auto;	
	overflow: hidden;

}

#page-top a {
	background: #538fc3 url(../total/vessel/parts/img/icon_pagetop.png) no-repeat center center;
    display: block;
    height: 40px;
    text-align: center;
    text-decoration: none;
	text-indent: -9999px;
	border-radius: 5px;
    width: 40px;
	float:right;

}
#page-top a:hover {
    text-decoration: none;
    background-color: #696969;
}




.-heightauto{
	height: auto!important;
	padding-bottom: 0!important;
}





.l-flow {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	width: 650px;
	align-items: flex-start;
}
.l-flow.-rowreserve {
	flex-direction: row-reverse;
}
.l-flow > div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 15px 10px 10px 10px;
    box-sizing: border-box;
    width: calc((100% - (20px * 2)) / 3);
    background: #ecf0ee;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 25px;
}
.l-flow > div.-futa{
	position: absolute;
    right: -196px;
    width: 180px;
	height: 317px;
}
.l-flow > div:after {
	content: '';
	display: block;
	position: absolute;
	right: -20px;
	top: calc(50% - 20px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #dcccb5;
}
.l-flow > div.-left:after {
	content: '';
	display: block;
	position: absolute;
	right: auto;
	left: -20px;
	top: calc(50% - 20px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 20px 0;
	border-color: transparent #dcccb5 transparent transparent;
}
.l-flow > div.-line:after {
	content: '';
	display: block;
	position: absolute;
	right: auto;
	left: -25px;
	top: calc(50% - 5px);
	width: 25px;
	height: 10px;
	background: #dcccb5;
	border: none;
}
.l-flow > div.-bottom:after {
	content: '';
	display: block;
	position: absolute;
	right: auto;
	left: calc(50% - 20px);
	top: auto;
	bottom: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 20px 0 20px;
	border-color: #dcccb5 transparent transparent transparent;
}
.l-flow > div.-none:after {
	display: none;
}
figure.-fig {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 100%;
	margin: 20px 0;
}
figure.-fig img {
	max-width: 100%;
	max-height: 100%;
}
.l-flow > div h5 {
	display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
	margin: 0 0 20px 0;
}
.l-flow ul {
	width: 100% !important;
    margin-bottom: 10px;
	display: block;
    padding: 0;
    font-size: 80%;
    float: none;
    line-height: 160%;
}
.l-flow ul li {
	padding-left: 0.8em;
	position: relative;
}
.l-flow ul li:before {
	content: '・';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.modalBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modalContent {
    position: absolute;
    top: 50%;
    left: 50%;
	width: 600px;
	height: 400px;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

}
.modalContent figure {
	width: 100%;
}
.modalContent img {
	max-width: 450px;
	max-height: 200px;
}
a.openModal {
    cursor: pointer;
}
.-makijime {
	font-size: 11px;
}
.-makijime img {
    position: absolute;
    width: 65px;
    bottom: 66px;
    right: 7px;
}


.technicalsupport {
	position: absolute;
	bottom: 115px;
	left: 90px;
}
.technicalsupport ul {
	position: absolute;
    bottom: 4px;
    left: 120px;
}