@charset "shift_jis";
/* システム部分の設定
---------------------------------------------------------------------------------------------------- */

/* パンくず */
div#breadCrumb p,p#breadCrumb { margin:0.2em 0 10px 0; padding:0; font-size:smaller; clear:both;}

/* ベリサイン表示 */
div#waku { border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; padding:10px; margin:1em 30px 2em 50px !important;}
/* サーバーエラー */
div#waku3 { padding:0 10px;}
/* 会員登録完了 */
div#pageContents {}

/* エラーメッセージアイコン */
.errmsg { color:#FF0000; font-weight:bold; list-style-image:url(../img/atten_icon01.gif); margin: 10px 0 10px 30px; padding-left: 5px;}

/* 構成ブロック */
div.centerColumnBlockContent { margin-bottom:2em;}
div.form { padding:0.2em 10px; margin-bottom:2em;}
div.block { padding:10px;}
div.waku { border-top:#CCCCCC 1px solid; padding:2em 10px 10px 10px;}
div.waku div { padding:0 !important;}
div.waku2 { padding:10px;}

h5.line2 { border-bottom: #FFA41A 2px solid; font-weight: normal; padding:0.2em 0; margin:0.5em;}

div.centerColumnBlockContent p { padding-left:5px;}
/*div.centerColumnBlockContent table { position:relative !important; left:10px !important;}*/
div.waku2 form { margin-top:1em;}

p.bottomMenu { margin:2em; text-align:center;}



/* フォーム用table */
table.tbl_news { border-collapse:collapse; margin-bottom: 5px;}
table.tbl_news th,table.tbl_news td { vertical-align:middle; padding: 10px 0;}
table.tbl_news th { border-bottom:#CCCCCC 1px solid; text-align:left; font-weight:normal;}
table.tbl_news ul { list-style-type: none; margin-left: 5px; }

table.inquiry { border-collapse:collapse; width:100%; border:#999999 1px solid; margin-top: 5px;}
table.inquiry th,table.inquiry td { padding:10px 5px; vertical-align:top; border:#999999 1px solid;}
table.inquiry th { width:140px; background:#FFEAC2;}
table.inquiry td { width:430px;}
span.requiredStar { font-weight:normal; color:#FF0000;}

table#mailFormTable { margin-bottom:1.5em;}
table#mailFormTable td,table#mailFormTable th { vertical-align:middle; padding:5px 2px;}
th.item { font-weight:normal; width:35%;}
th.item img { margin-right:2px; vertical-align:middle;}

table.tbl_orderDetail { border-collapse:collapse; margin-top:1em;}
table.tbl_orderDetail td,table.tbl_orderDetail th { padding:2px; border-bottom:#CCCCCC 1px solid; vertical-align:middle;}
table.tbl_orderDetail tr.head th,table.tbl_orderDetail tr.head td { border:#CCCCCC 1px solid;}


/* ################### お客様アンケート #################### */
div#block-review { padding:0 0 0 15px; width:635px;}
div#block-review p { padding:1em 0 !important;}
h3.line3 { padding:0.2em 0 !important; border-bottom:#CCCCCC 2px solid;}
form#form-reviewEntry {}
label.revItem { padding:0.3em; border-left:#999999 3px solid;}
table#tbl-reviewEntry { width:96%; border-collapse:collapse; font-size:12px;}
table#tbl-reviewEntry th,table#tbl-reviewEntry td { padding:1em 0; vertical-align:top; border-bottom:#999999 1px dotted;}
th#reviewCell1 { width:33%;}
td#reviewCell2 { width:67%;}
table#tbl-reviewEntry input,table#tbl-reviewEntry img { vertical-align:middle; margin:0 5px 0.3em 0;}
label.pointItem { padding:0.5em 5px; background:#dae7f0; display:block;}
label#pointItem-item { padding:1.5em 5px;}
table#tbl-reviewPoint { border-collapse:collapse; width:99%; font-size:12px;}
table#tbl-reviewPoint th,table#tbl-reviewPoint td { padding:5px 0 !important; vertical-align:middle; font-weight:normal; border-bottom-style:solid;}
table#tbl-reviewPoint th { text-align:left;}
table#tbl-reviewPoint td { text-align:center;}
th#reviewCell3 { width:40% !important;}
tr.border-none td, th.border-none { border:none !important;}
div.cell-border { border-left:#999999 1px solid; padding-left:10px;}


/* ETC */
.tBlue { color:#0000FF !important;}
.tRed { color:#FF0000 !important;}
.tCenter { text-align:center !important;}
.tRight { text-align:right !important; margin-right: 10px;}
.tStrong { color:#FF3300 !important; font-weight:bold !important;}


/* 販売店地図 */

.maptitle{
	border-left: #367FB6 4px solid;
	padding: 0.2em 5px;
	margin: 2em 10px 0.3em 10px;
	font-size: 100%;
}

#map{
	margin: 10px auto;
}


#centerColumn form{
	margin-right: 10px !important;
}

.waku2 h3{
	font-size: 100%;
}

.formPara{
	margin: 10px 0 20px 0;
}

.rss_title{
	float: right;
	margin: -17px 15px 0 0;
}



/* 全体の設定
---------------------------------------------------------------------------------------------------- */

body{
	margin: 0;
	padding: 0;
	text-align:center;
	background: url("../img/back.gif");
	color: #333333;
	font-size: 80%;
}

#frame{
	padding: 0;
	width: 850px;
	margin: 0 auto;
}

#main{
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: left;
	background: #ffffff;
}

h1,h2,h3,h4,h5,p,ul,dl,ol,table,form{
	margin: 0;
	padding: 0;
}

h3,h4{
	font-size: 120%;}

/*
a,a:visited{
	color: #00046C;
	text-decoration: underline;
}

a:hover{
	color: #FF5800;
}
*/

img{
	border: none;
	vertical-align: center;
}

.hidden{
	display: none;
}


/* ヘッダーの設定
---------------------------------------------------------------------------------------------------- */

#header{
	margin: 0;
	padding: 0;
	width: 850px;
	background: url("../img/header_bg.gif") repeat-x top;
	height:120px;
}

#header-contents{
	margin: 0;
	padding: 0 0 0 0;
	width: 850px;
	height: 75px;
}

#header-contents h1{
	width: 310px;
	height: 65px;
	float:left;
}

#header-contents h1 a{
	display: block;
	width: 310px;
	height: 65px;
	text-indent: -9999px;
	background: url("../img/logo.gif") no-repeat top;
}


#header-contents ul#top_sub{
list-style-type: none;
font-size: 12px;
text-align: right;
width:850px;
height:40px;
padding-top:5px;
}

#header-contents ul#top_sub li{
	line-height: 130%;
	float: right;
	margin-right: 10px;
	color: #aaaaaa;
	background-image:url(../img/menu/bg_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

#header-contents ul#top_sub li a{
text-decoration:underline 1px;
color:#999999;}

#header-contents ul#top_sub li a:hover{
color:#FF6600;}




/* グローバルナビの設定
------------------------------------------------------------- */

#GN ul{
    width:540px;
	height:65px;
	list-style-type: none;
	font-size: 12px;
	margin-top:0;
	float:right;
}

#GN ul li{
	display: block;
	float: left;
}
#GN ul li a{
	display: block;
	text-indent: -9999px;
}

#GN ul li#store a{
	background: url("../img/menu/store1.gif") no-repeat;
	width: 140px;
	height: 65px;
}
#GN ul li#store a:hover{
	background: url("../img/menu/store2.gif") no-repeat;
	width: 140px;
	height: 65px;
}

#GN ul li#catalogue a{
	background: url("../img/menu/catalogue1.gif") no-repeat;
	width: 140px;
	height: 65px;
}
#GN ul li#catalogue a:hover{
	background: url("../img/menu/catalogue2.gif") no-repeat;
	width: 140px;
	height: 65px;
}

#GN ul li#company a{
	background: url("../img/menu/company1.gif") no-repeat;
	width: 120px;
	height: 65px;
}
#GN ul li#company a:hover{
	background: url("../img/menu/company2.gif") no-repeat;
	width: 120px;
	height: 65px;
}

#GN ul li#jigyo a{
	background: url("../img/menu/jigyo1.gif") no-repeat;
	width: 140px;
	height: 65px;
}
#GN ul li#jigyo a:hover{
	background: url("../img/menu/jigyo2.gif") no-repeat;
	width: 140px;
	height: 65px;
}



#mainimage{
	margin: 0 0 0 0;
	padding: 0;
	width: 850px;
	height: 215px;
	background: #cccccc;
}
#mainimage_sub{
	margin: 0 0 10px 0;
	padding: 0;
	width: 670px;
	height:169px;
	background: #cccccc;
	background-image:url(../img/main670.jpg);
	text-indent:-9999px;
}



/* コンテンツの設定
---------------------------------------------------------------------------------------------------- */
#contents{
	width: 850px;
	margin: 0 0 10px 0;
	padding: 0;
}

/* 左コンテンツの設定
------------------------------------------------------------- */


#leftColumn{
	width: 170px;
	float: left;
}

.lBlock01{
	width: 150px;
	margin: 10px 10px 0 10px;
	padding: 0;
}
.lBlock02,.lBlock03{
	width: 150px;
	margin: 5px 10px;
}


.lBlock01 h3{
	/*height: 30px;*/
	/*font-weight: bold;*/
	/*background: url("../img/lefttitle_back.gif") no-repeat;*/
	/*font-size: 14px;*/
	color: #ffffff;	
	text-align: center;
	padding-top: 10px;
}

.lBlockcontents01,.lBlockcontents03{
	margin:  0;
	padding: 0;
}


/*2007.12.04追加*/

#imgimg{
	padding: 0;
	margin: 0;
	clear: both;
}

.lBlockcontents02{
	padding: 0 0 2px 0;
	margin-left: 5px;
}

#sidewaku{
	background-image: url(../img/side_middleline.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

.lBlock01 ul{
	margin: 5px 0 0 10px;
}

.lBlock01 ul li{
	padding: 0 0 0 20px;
	background-image: url(../img/side_mark.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	line-height: 130%;
	list-style: none;
	font-size: 11px;
}

.lBlock02 img{
	text-align: center;
	padding: 2px 0;
}





/*#login{
	margin: 0;
	padding: 5px 0 5px 8px;
	color: #FF6F43;
}

#login dd{
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
}

.type-text{
	width: 130px;
	height: 1.2em;
	background-color: #f5f5f5;
	border: #ADACAC 1px solid;
}

.text-small{
	font-size: 11px;
}

#username{
	margin-left: 10px;
	margin-top: 5px;
}

#member01{
	margin: 5px 0 5px 10px;
	list-style-type: none;
	font-size: 12px;
}

#member01 li{
	background: url("../img/mark01.gif") no-repeat left center;
	padding: 0 0 2px 15px !important;
}

#member02{
	list-style-type: none;
	padding: 0;
}

#member02 li{
	padding: 1px 0;
}
*/

/*.lBlock02{
	border-bottom: dashed 3px #FFC600;
	border-top: dashed 3px #FFC600;
}*/

/*.lBlock02 ul{
	list-style-type: none;
	margin: 10px;
}

.lBlock02 ul li{
	margin: 5px 0 0 0;
}

.lBlock02 li a{
	display: block;
	width: 130px;
	height: 30px;
	text-indent: -9999px;
}*/

.text-center{
	text-align: center;
	line-height: 150%;
	padding: 0 0 5px 0;
	margin-top: 10px ;
}

#aboutus a{
	background: url("../img/menu/aboutus.gif") no-repeat;
}
#business a{
	background: url("../img/menu/business.gif") no-repeat;
}

#asutomosu a{
	background: url("../img/menu/asutomosu.gif") no-repeat;
}



#toiawase a{
	background: url("../img/menu/toiawase01.gif") no-repeat;
}


.lBlock03 h3{
	text-align: center;
	color: #FF6F43;
	margin: 10px 0 0 0;
	font-size: 100%;
}

.lBlock03 h4{
	color: #999999;
	margin: 15px 0 0 0;
	font-size: 13px;
	text-align: center;
}


#request{
	margin: 10px 0;
	list-style-type: none;
}

#request li{
	margin: 5px 0;
}

#button-request{
	text-align: center;
	list-style-type: none;
}

#hoken{
	list-style-type: none;
	line-height: 120%;
	text-align: center;
}



.tBig{
	font-size: 14px !important;
	font-weight: bold !important;
}

.red{
	color: #ff0000;
}

#banner{
	list-style-type: none;
	margin: 5px 0 0 0;
}

#banner li{
	padding: 2px 0;
}

#recommend {
	margin: 15px 0 0 0;
	clear: both;
}

#recommend li{
	float: left;
	margin-right: 10px;
}


/* 右コンテンツの設定
------------------------------------------------------------- */


#centerColumn{
	width: 680px;
	float: right;
	margin-top: 10px;
}




#centerColumn h2{
	height: 35px;
	font-size: 120%;
	background: url("../img/h2_back.gif") no-repeat;
	color: #FF6F43;
	padding: 8px 0 0 5px;
	clear:both;
}

.look01{
	text-align: right;
	margin: 0 15px 0 620px;
	background: url("../img/mark02.gif") no-repeat left center;
}


#newscontents{
	width: 670px;
	border-bottom: dashed 3px #cccccc;
}


#tbl-whatsnew{
	margin: 0 0 15px 10px;
	width: 660px;
}

td.title{
	width: 110px;
	height: 18px;
	padding-left: 20px !important;
	background: url(../img/mark01.gif) left center no-repeat;
}

#top01{
	margin: 20px 0;
	height: 51px;
	background: url("../img/top/gasgoods_bg.jpg") no-repeat;
}

#top01 h3{
	text-indent: -9999px;
}

.exp{
	margin: 18px 0 0 88px;
}

.look02 a{
	display: block;
	width: 137px;
	height: 29px;
	background: url("../img/top/look02.gif") no-repeat;
	text-indent: -9999px;
	margin: -30px 0 0 530px;
}


.top02contents{
	clear: both;
	margin: 10px 10px 10px 0;
}
.top02contents h4{
margin-bottom:5px;
}
.top02contents h4 a{
	display: block;
	width: 330px;
	height: 35px;
	text-indent: -9999px;
}


.top02left{
	float: left;
	width: 330px;
}

.top02right{
	float: right;
	width: 330px;
}

#title01{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_gass.gif") no-repeat;
	text-indent: -9999px;
}

#title02{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_oil.gif") no-repeat;
	text-indent: -9999px;
}

#title03{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_reform.gif") no-repeat;
	text-indent: -9999px;
}

#title04{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_hoken.gif") no-repeat;
	text-indent: -9999px;
}

#title05{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_kaden.gif") no-repeat;
	text-indent: -9999px;
}

#title06{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_mansion.gif") no-repeat;
	text-indent: -9999px;
}

#title07{
	width: 330px;
	height: 35px;
	background: url("../img/top/title_abura.gif") no-repeat;
	text-indent: -9999px;
}

.imgleft{
	float: left;
}

.textright{
	float: right;
	width: 200px;
	margin-top: 10px;
}

.orange{
	color: #FF6F43;
	font-weight: bold;
	margin-bottom: 5px;
}

.price{
	margin-top: 5px;
	background: url("../img/mark03.gif") no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
	color: #FF6F43;
}

.top02left ul{
	list-style-type: none;
	margin: 10px 0 0 5px;
}

.top02left ul li{
	background: url("../img/mark02.gif") no-repeat left center;
	padding-left: 10px;
	margin: 5px 0 0 0;
}

#top03{
	margin: 10px 10px 20px 0;
}

#top03 img{
	float: left;
}

#top03contents{
	float: right;
	width: 430px;
}

#top03contents h3{
	text-indent: -9999px;
	background: url("../img/top/oil_reform_title.gif") no-repeat;
	width: 229px;
	height: 36px;
}

.exp02{
	line-height: 120%;
	margin: 5px 0 0 3px;
}





/* clearfix */
div#centerColumn div {
    zoom:1;/*for IE 5.5-7*/
}
div#centerColumn div:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* 静的ページコンテンツ */
#centerColumncontents{
	margin: 0 10px 0 0;
	padding: 0;
}





/* フッターの設定
---------------------------------------------------------------------------------------------------- */
#footer{
	clear: both;
	width: 850px;
	height: 90px;
	background: url("../img/footer_bg.gif") repeat-x bottom;
	margin: 0 auto;
}

#footer p{
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	color: #999999;
	margin: 0 10px 0 0;
}

#footermenu{
	list-style-type: none;
	font-size: 12px;
	padding: 38px 0 0 10px;
}

#footermenu li{
	float: left;
	padding: 0 10px 0 10px;
	border-right: solid 1px #333333;
}

#footermenu li a{
	color: #999999;
}

#footermenu li a:hover{
	color: #666666;
}

.noborder{
	border-right: none !important;
}



address{
	margin: 0;
	padding: 5px 10px 0 0;
	clear: both;
	color: #ffffff;
	font-style: normal;
	text-align: right;
}

/* オンラインショッピング設定
---------------------------------------------------------------------------------------------------- */
#online_b { margin: 0 0 0 10px ; padding: 0 0 0 0 ; clear:both ; }

#online_b h5{ width: 210px ; padding: 1px 0 1px 0 ; margin: 0 0 0 0 ; background: #FFFFFF ;
              text-align:center ; }

#online_b ul{ width: 200px ; margin: 0 0 0 0 ; padding: 0 0 0 0 ;
              list-style: none ;  }

#online_b li.list-sankaku{ width: 210px ; margin: 0 0 0 0 ; line-height: 180% ;
              list-style: none ; text-indent: 30px ;
			  background:url(../img/shop/sankaku.gif) no-repeat left center ; background-color: #FFFFC6 ;
			  clear:both ; }


#online_b li.list-gazo{ margin: 0 0 5px 0 ; padding: 0 0 0 0 ; list-style: none ; }

#online_b li.list-gazo img{ float:left ; padding: 5px 3px 1px 5px ; width: 51px; }

#online_b li.list-gazo p{ float: left ; padding: 4px 0 0 0 ; margin: 0 ; font-size: 85% ; }

html>body #online_b li.list-gazo p{ width: 141px ;}



#online_b #on01 { float:left ; width:210px ; margin: 0 10px 10px 0 ; _margin: 0 10px 0 0 ; padding: 0 0 0 0 ;
                  border: #FF9900 solid 1px ; }
#online_b #on02 { float:left ; width:210px ; margin: 0 10px 10px 0 ; _margin: 0 10px 0 0 ; padding: 0 0 0 0 ;
                  border: #FF9900 solid 1px ; }
#online_b #on03 { float:left ; width:210px ; margin: 0 0 0 0 ; padding: 0 0 0 0 ;
                  border: #FF9900 solid 1px ; }
				  
#online_b h4{ clear:both ; margin: 10px 0 10px 0 ; padding: 0 ; border-bottom:#FF9900 solid 2px ; }