@charset "shift_jis";

body		{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color : #223045;
	color : #000000;
	font-size: 12px;
	line-height: 160%;
	}

/* 全ページ共通 */
h1	{
	margin:0;
	padding:0;
	text-indent:-999px;}
a:focus	{
	outline:none;
	}
.clear	{
	clear:both;
	}
#header	{
	width : 100%;
	height : 96px;
	background : url("../img/bg_header.gif") repeat-x;
	}
#header_ph	{
	width : 100%;
	height : 140px;
	background : url("../img/bg_oil.jpg") repeat-x;
	}
	
/* トップページのみ */
#top_main	{
	width : 100%;
	height : 390px;
	background : url("../img/bg_oil.jpg") repeat-x;
	}
#top_photo	{
	width : 800px;
	height : 310px;
	background : url("../top_img/bg_photo.jpg") no-repeat;
	padding : 12px 0px 0px 12px;
	text-align : left;
	}
#bg_whatnew	{
	width : 100%;
	height : 236px;
	background : url("../top_img/bg_bottom.jpg") repeat-x;
	}
.tx_whatnew	{
	color : #ffffff;
	font-size: 12px;
	line-height: 140%;
	}
	
/* ナビゲーション */
#menu	{
	width : 100%;
	height : 57px;
	background : url("../img/bg_navi.jpg") repeat-x;
	}

/* コンテンツページ */
#bg_contents	{
	width : 100%;
	background : url("../img/bg_contents.jpg") repeat-x #ffffff;
	}
/* トップページ */
a.whatsnew:link	{
	color : #ffffff;
	text-decoration:none;
	}
a.whatsnew:visited	{
	color : #ffffff;
	text-decoration:none;
	}
a.whatsnew:hover	{
	color:#ffffff;
	text-decoration:underline;
	}

/* 油槽所 */
.bg_tank_name	{
	width : 354px;
	height : 80px;
	background : url("../oiltank/oiltank_img/bg_name.jpg") no-repeat;
	font-size: 12px;
	line-height: 160%;
	color : #ffffff;
	padding : 10px 0px 0px 22px;
	}

a.tx_tankname:link	{
	font-size: 14px;
	line-height: 160%;
	color : #ffffff;
	text-decoration:none;
	}
a.tx_tankname:visited	{
	font-size: 14px;
	line-height: 160%;
	color : #ffffff;
	text-decoration:none;
	}
a.tx_tankname:hover	{
	font-size: 14px;
	line-height: 160%;
	color:#ffffff;
	text-decoration:underline;
	}
.tx_tankname_d	{
	font-size: 14px;
	line-height: 160%;
	color:#B3DDE3;
	}

a.pagetop:link	{
	font-size: 12px;
	line-height: 160%;
	color : #5485AB;
	text-decoration:none;
	}
a.pagetop:visited	{
	font-size: 12px;
	line-height: 160%;
	color : #6DADDD;
	text-decoration:none;
	}
a.pagetop:hover	{
	font-size: 12px;
	line-height: 160%;
	color:#5485AB;
	text-decoration:underline;
	}

.box_sanbashi_top_L	{	/* 桟橋設備 */
	border-style : solid;
	border-width : 2px 1px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 6px 3px 0px;
	text-align : right;
	}
.box_sanbashi_top_R	{
	border-style : solid;
	border-width : 2px 0px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 0px 3px 6px;
	}
.box_sanbashi_L	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 6px 3px 0px;
	text-align : right;
	}
.box_sanbashi_R	{
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 0px 3px 6px;
	}
.box_sanbashi_bottom_L	{
	border-style : solid;
	border-width : 0px 1px 2px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 6px 3px 0px;
	text-align : right;
	}
.box_sanbashi_bottom_R	{
	border-style : solid;
	border-width : 0px 0px 2px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px 0px 3px 6px;
	}
.box_lorry_L	{	/* タンクローリー出荷設備 */
	font-size: 12px;
	line-height: 160%;
	padding : 0px 3px;
	}
.box_lorry_R	{
	font-size: 12px;
	line-height: 160%;
	padding : 0px 6px 0px 0px;
	text-align : right;
	}
.box_niyaku	{	/* 荷役設備 */
	font-size: 12px;
	line-height: 160%;
	padding : 0px 5px;
	}
.box_niyaku_R	{
	font-size: 12px;
	line-height: 160%;
	padding : 0px 3px 0px 18px;
	}
.box_storing_top_L	{	/*  貯蔵設備 */
	border-style : solid;
	border-width : 2px 1px 1px 0px;
	border-color : #9E9E9E;
	background-color : #E9E9E9;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_top_M	{
	border-style : solid;
	border-width : 2px 0px 1px 0px;
	border-color : #9E9E9E;
	background-color : #E9E9E9;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_top_R	{
	border-style : solid;
	border-width : 2px 0px 1px 1px;
	border-color : #9E9E9E;
	background-color : #E9E9E9;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_L	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_M	{
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_R	{
	border-style : solid;
	border-width : 0px 0px 1px 1px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_bottom_L	{
	border-style : solid;
	border-width : 1px 1px 2px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_bottom_M	{
	border-style : solid;
	border-width : 1px 0px 2px 0px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
.box_storing_bottom_R	{
	border-style : solid;
	border-width : 1px 0px 2px 1px;
	border-color : #9E9E9E;
	font-size: 12px;
	line-height: 160%;
	padding : 3px;
	text-align : center;
	}
/* 会社概要 */
.font-14-160-wh	{
	font-size: 14px;
	line-height: 160%;
	color : #ffffff;
	}
.sq_company	{
	color : #6DADDD;
	}
.tx_companyinfo	{
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	white-space : nowrap;
	}
.box_zisseki_top_L	{
	border-style : solid;
	border-width : 2px 1px 1px 0px;
	border-color : #999999;
	background-color : #CCE0F1;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px 0px 3px 20px;
	}
.box_zisseki_top_M	{
	border-style : solid;
	border-width : 2px 1px 1px 0px;
	border-color : #999999;
	background-color : #CCE0F1;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_top_R	{
	border-style : solid;
	border-width : 2px 0px 1px 0px;
	border-color : #999999;
	background-color : #CCE0F1;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_wh_L	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px 0px 3px 20px;
	}
.box_zisseki_wh_M	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_wh_R	{
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_gr_L	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #999999;
	background-color : #DDDDDD;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px 0px 3px 20px;
	}
.box_zisseki_gr_M	{
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #999999;
	background-color : #DDDDDD;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_gr_R	{
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : #999999;
	background-color : #DDDDDD;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_bottom_L	{
	border-style : solid;
	border-width : 0px 1px 2px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	font-weight : 900;
	padding : 3px 0px 3px 20px;
	}
.box_zisseki_bottom_M	{
	border-style : solid;
	border-width : 0px 1px 2px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
.box_zisseki_bottom_R	{
	border-style : solid;
	border-width : 0px 0px 2px 0px;
	border-color : #999999;
	font-size: 12px;
	line-height: 160%;
	color : #333333;
	padding : 3px;
	text-align : center;
	}
/* サイトマップ */
a.sitemap:link	{
	color : #333333;
	text-decoration:none;
	}
a.sitemap:visited	{
	color : #003399;
	text-decoration:none;
	}
a.sitemap:hover	{
	color:#333333;
	text-decoration:underline;
	}
.sq_sitemap	{
	color : #6DADDD;
	}

/* フッター */
#copyright	{
	width : 100%;
	height : 15px;
	background-color : #223045;
	}
.tx_copyright	{
	color : #B3CDF5;
	font-size: 10px;
	line-height: 140%;
	}

/* 共通テキストの指定 */
.font-10-140 {  font-size: 10px; line-height: 140%}
.font-10-160 {  font-size: 10px; line-height: 160%}
.font-11-140 {  font-size: 11px; line-height: 140%}
.font-11-160 {  font-size: 11px; line-height: 160%}
.font-12-120 {  font-size: 12px; line-height: 120%}
.font-12-140 {  font-size: 12px; line-height: 140%}
.font-12-160 {  font-size: 12px; line-height: 160%}
.font-12-180 {  font-size: 12px; line-height: 180%}
.font-12-200 {  font-size: 12px; line-height: 200%}
.font-14-120 {  font-size: 14px; line-height: 120%}
.font-14-140 {  font-size: 14px; line-height: 140%}
.font-14-160 {  font-size: 14px; line-height: 160%}
.font-14-180 {  font-size: 14px; line-height: 180%}
.font-16-140 {  font-size: 16px; line-height: 140%}
.font-16-160 {  font-size: 16px; line-height: 160%}
.font-18-140 {  font-size: 18px; line-height: 140%}
.font-18-160 {  font-size: 18px; line-height: 160%}

/* インデント */
.idt_10	{
	margin : 0px;
	padding : 0px 0px 0px 10px;
	}
.idt_14	{
	margin : 0px;
	padding : 0px 0px 0px 14px;
	}
.idt_20	{
	margin : 0px;
	padding : 0px 0px 0px 20px;
	}
.idt_26	{
	margin : 0px;
	padding : 0px 0px 0px 26px;
	}
.idt_30	{
	margin : 0px;
	padding : 0px 0px 0px 30px;
	}