@charset "UTF-8";

/* サイドナビスタイル
------------------------------------------------------------- */
* { 
    margin: 0;
	padding: 0; 
}

html { 
    height: 100%; 
}

body {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#left_content {
	width: 192px;
	height: 620px;
	background: #F3F3F3;
}



/* clearfix */

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}



/* 価格情報スタイル */
div#price {
	background:url(images/snavi_back.gif) 0 bottom no-repeat;
	margin: 0 0 15px 0;
	width: 192px;
	padding: 0 0 6px 0;
}

div#price h3 {
	background:url(images/price_title.gif) 0 0 no-repeat;
	width: 192px;
	height: 28px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#price ul {
	list-style-type: none;
}

div#price ul li {
	width: 190px;
	margin: 0 0 0 1px;
}



/* レギュラー現金会員スタイル */
div#price ul li#regular_price {
}

div#price ul li#regular_price dl#regular_genkin {
	background:url(images/regular_back.gif) 0 0 no-repeat;
	height: 32px;
	width: 188px;
	padding: 7px 0 0 0;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
	margin: 0 1px;
}

div#price ul li#regular_price dl#regular_genkin dt {
	display: none;
	float: left;
}

div#price ul li#regular_price dl#regular_genkin dd {
	margin: 0 0 0 98px;
}

div#price ul li#regular_price dl#regular_genkin dd img {
	margin: 0;
}



/* レギュラー特売日スタイル */
div#price ul li#regular_price div {
	background:url(images/regular_store_bg.gif) 0 0 no-repeat;
	width: 190px;
	visibility : hidden;
	height: 0px;
	display:none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
}

* html body div#price ul li#regular_price div {
	height: 61px;
}

div#price ul li#regular_price div dl#regular_uwa {
	padding: 0 0 0 0;
	height: 0px;
  visibility: hidden;
  display:none;
}

div#price ul li#regular_price div dl#regular_simo {
	padding: 0 0 0 0;
	height: 0px;
  visibility: hidden;
  display:none;
}

div#price ul li#regular_price div dl dt {
	display: none;
	float: left;
}

div#price ul li#regular_price div dl dd {
	margin: 0 0 0 116px;
}

div#price ul li#regular_price div dl img {
	margin: 0;
}




/* ハイオク現金会員スタイル */
div#price ul li#high_price {
}

div#price ul li#high_price dl#high_genkin {
	background:url(images/highoctane_back.gif) 0 0 no-repeat;
	height: 32px;
	width: 188px;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
	margin: 0 1px;
}

* html body div#price ul li#high_price dl#high_genkin {
	height: 39px;
}

div#price ul li dl#high_genkin dt {
	display: none;
	float: left;
}

div#price ul li dl#high_genkin dd {
	margin: 0 0 0 98px;
}

div#price ul li dl#high_genkin dd img {
	margin: 0;
}



/* ハイオク特売日スタイル */
div#price ul li#high_price div {
	background:url(images/highoctane_store_bg.gif) 0 0 no-repeat;
	width: 190px;
	visibility : hidden;
	height: 0px;
	display:none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
}

div#price ul li#high_price div dl#high_uwa {
	padding: 0 0 0 0;
	height: 0px;
  visibility : hidden;
  display:none;
}

div#price ul li#high_price div dl#high_simo {
	padding: 0 0 0 0;
	height: 0px;
  visibility : hidden;
  display:none;
}

div#price ul li#high_price div dl dt {
	display: none;
	float: left;
}

div#price ul li#high_price div dl dd {
	margin: 0 0 0 116px;
}

div#price ul li#high_price div dl img {
	margin: 0;
}




/* 軽油現金会員スタイル */
div#price ul li#light_price {
}

div#price ul li#light_price dl#light_genkin {
	background:url(images/light_back.gif) 0 0 no-repeat;
	width: 188px;
	height: 32px;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
	margin: 0 1px;
}

* html body div#price ul li#light_price dl#light_genkin {
	height: 39px;
}

div#price ul li dl#light_genkin dt {
	display: none;
	float: left;
}

div#price ul li dl#light_genkin dd {
	margin: 0 0 0 98px;
}

div#price ul li dl#light_genkin dd img {
	margin: 0;
}



/* 軽油特売日スタイル */
div#price ul li#light_price div {
	background:url(images/light_store_bg.gif) 0 0 no-repeat;
	width: 190px;
  visibility : hidden;
  height: 0px;
  display:none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-top: none;
	border-right: none;
}

div#price ul li#light_price div dl#light_uwa {
	padding: 0 0 0 0;
	height: 0px;
  visibility: hidden;
  display:none;
}

div#price ul li#light_price div dl#light_simo {
	padding: 0 0 0 0;
	height: 0px;
  visibility: hidden;
  display:none;
}

div#price ul li#light_price div dl dt {
	display: none;
	float: left;
}

div#price ul li#light_price div dl dd {
	margin: 0 0 0 116px;
}

div#price ul li#light_price div dl img {
	margin: 0;
}




/* 灯油現金会員スタイル */
div#price ul li#kerosene {
	background:url(images/kerosene_back.gif) 0 0 no-repeat;
	height: 39px;
}


div#price ul li#kerosene dl dt {
	display: none;
	float: left;
}

div#price ul li#kerosene dl dd {
	margin: 7px 0 0 98px;
}

div#price ul li#kerosene dl dd img {
	margin: 0;
}




div#price p {
	text-align: right;
	padding: 6px 6px 0 0;
	font-size: 10px;
	color: #333;
}

div#price p#text_bottom {
	padding: 10px 6px 0 0;
}







/* 宅配灯油価格スタイル */
div#kerosene_price {
	background:url(images/snavi_back.gif) 0 bottom no-repeat;
	width: 192px;
	padding: 0 0 6px 0;
}

div#kerosene_price h3 {
	background:url(images/kerosene_title.gif) 0 0 no-repeat;
	width: 192px;
	height: 28px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#kerosene_price ul {
	list-style-type: none;
}

div#kerosene_price ul li {
	width: 190px;
	margin: 0 0 0 1px;
}


div#kerosene_price ul li#home_tank {
	background:url(images/hometank_back.gif) 0 0 no-repeat;
	height: 39px;
}

div#kerosene_price ul li#poly_tank {
	background:url(images/polytank_back.gif) 0 0 no-repeat;
	height: 40px;
}



div#kerosene_price ul li dl dt {
	display: none;
	float: left;
}

div#kerosene_price ul li dl dd {
	margin: 7px 0 0 072px;
}

div#kerosene_price ul li dl dd img {
	margin: 0 0px 0 0;
}

div#kerosene_price p {
	text-align: right;
	padding: 6px 6px 0 0;
	font-size: 10px;
	color: #333;
}

div#kerosene_price p#text_bottom {
	padding: 10px 6px 0 0;
}




