@charset "UTF-8";

/* ==============================
  css-business-index
=================================
タイトル（h4）
---------------------------------
タイトル（h5）
---------------------------------
wrap-box
---------------------------------
side-nav
---------------------------------
============================== */

/* ------------------------------
  タイトル（h4）
------------------------------ */
#main h4 {
	background: url(../img/common/title_h4_bg01.gif) no-repeat;
	color: #0292de;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	padding-top: 5px;
	padding-left: 18px;
	margin-bottom: 30px;
}

/* ------------------------------
  タイトル（h5）
------------------------------ */
#main h5 {
	color: #282828;
	font-weight: normal;
	background: url(../img/common/circle01.gif) no-repeat 0 3px;
	font-size: 133%;
	line-height: 1.4;
	padding-top: 5px;
	padding-left: 18px;
	margin-bottom: 18px;
}

/* ------------------------------
  wrap-box
------------------------------ */
.wrap-box {
	width: 650px;
}

.box {
	width: 632px;
	padding-left: 18px;
	overflow: hidden;
}

.box-l {
	width: 385px;
	float: left;
}
.box-l p {
	line-height: 1.7;
	margin-bottom: 20px;
}
.btm30 {margin-bottom: 30px !important;}
.btm40 {margin-bottom: 40px !important;}
.btm50 {margin-bottom: 50px !important;}
.btm-none {margin-bottom: 0 !important;}

.txt-blue {
	color: #0292de;
}

.box-r {
	width: 200px;
	float: right;
}

.box-r p.img-nomal {
	margin-bottom: 35px;
}

.box-r p.img {
	font-size: 10px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.box-r p.img img {
	padding-bottom: 8px;
}

.box dl.fuel-phone {
	line-height: 1.7;
}
.box dl.fuel-phone dt {
	color: #0292de;
}
.box dl.fuel-phone dd {
	margin-bottom: 5px;
}

.box dl.fuel-goods {
	line-height: 1.7;
}
.box dl.fuel-goods dt {
	color: #2d417c;
	background: url(../img/business/circle01.gif) no-repeat 0 5px;
	padding-left: 14px;
}
.box dl.fuel-goods dd {
	margin-bottom: 20px;
}

.box ul.goods {
	line-height: 1.7;
	margin-bottom: 50px;
}
.box ul.goods li {
	padding-left: 14px;
	line-height: 1.4em;
	background-image: url(../img/business/circle01.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}
.box ul.goods li span {
	color: #2d417c;
}
.box ul.goods li dt {
	width: 20px;
	float: left;
}
.box ul.goods li dd {
	width: 330px;
	float: left;
	margin-bottom: 3px;
}

.box ul.engineer li {
	margin-bottom: 20px;
}

.box ul.mainte {
	line-height: 1.7;
	color: #282828;
	margin-bottom: 50px;
}
.box ul.mainte li {
	background: url(../img/business/circle02.gif) no-repeat 0 5px;
	padding-left: 14px;
	margin-bottom: 30px;
}
.box ul.mainte li p {
	color: #444444;
	padding-top: 5px;
	margin-bottom: 0;
}

table.oil {
	width: 612px;
	font-size: 12px;
	line-height: 1.7;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	margin-bottom: 50px;
}
table.oil th {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background-color: #f8fcee;
	color: #8fb72f;
	padding: 5px 10px;
}
table.oil td {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 5px 10px;
}
table.oil tr.tr-green {
	background-color: #f8fcee;
}
table.oil td.td-blue {
	color: #0292de;
}

/* ------------------------------
  side-nav
------------------------------ */

/* --- tnav --- */

#ship_pbcf #side-nav ul .tnav ol.area01 li.sec1 a ,
#ship_machine #side-nav ul .tnav ol.area01 li.sec2 a ,
#ship_material #side-nav ul .tnav ol.area01 li.sec3 a ,
#ship_parts #side-nav ul .tnav ol.area01 li.sec4 a ,
#ship_instrument #side-nav ul .tnav ol.area01 li.sec5 a ,
#engineer_manage #side-nav ul .tnav ol.area02 li.sec1 a ,
#sale #side-nav ul .tnav ol.area03 li.sec1 a ,
#estate #side-nav ul .tnav ol.area03 li.sec2 a  {
	background-position: 0px -22px;
}