@charset "utf-8";


.red{ color: #f00; }

.clear{ clear: both; }

hr{
	margin-bottom: 2em;
	height: 5px;
	border: none;
	border-bottom: 5px solid #483d8f;
	}




/*	Container
-----------------------------------------*/
div#container{
	margin: 0 auto;
	padding: 1em 0 4em;
	width: 900px;
	}


/*	headerSection
-----------------------------------------*/
div#headContent{
	}	
	div#headContent-top{
		height: 17px;
		background: url("ikemi_top/images/contents_top.gif") left bottom no-repeat;
		}
	div#headContent-middle{
		background: url("ikemi_top/images/contents_main.gif") repeat-y;
		width: 900px;
		}
		div#headContentRight{
			float: right;
			display: inline;
			padding-right: 10px;
			width: 666px;
			}
	div#headContent-bottom{
		margin-bottom: 0.8em;
		padding-top: 17px;
		background: url("ikemi_top/images/contents_bottom.gif") left top no-repeat;
		}


/*	�T�C�g��
-----------------------------------------*/
div#headSection{
	position: relative;
	border-top: 5px solid #483d8f;
	height: 97px;
	background: url("ikemi_top/images/header_bg.gif") right bottom no-repeat;
	}
	div#headSection h1 a{
		position: absolute;
		top: 15px;
		left: 0;
		z-index: 2;
		background: url("ikemi_top/images/ikemi_logo.gif") no-repeat;
		width: 244px;
		height: 46px;
		line-height: 1;
		}
	div#headSection h2{
		position: absolute;
		top: 75px;
		left: 0;
		z-index: 2;
		background:url("ikemi_top/images/catch_copy.gif") no-repeat;
		width: 430px;
		height: 16px;
		line-height: 1;
		}


/*	�{���̓������i
-----------------------------------------*/
#oilPrice{
	float: left;
	display: inline;
	margin-left: 15px;
	padding-bottom: 18px;
	width: 189px;
	background: url("ikemi_top/images/oil_price_bg_bottom.gif") left bottom no-repeat;
	line-height: 135%;
	}
	#oilPrice h3{
		padding-top: 5px;
		background: url("ikemi_top/images/oil_price_bg_top.gif") left top no-repeat;
		height: 22px;
		text-align: center;
		font-size: 131%;
		color: #fff;
		}
	#oilPrice dl{
		padding: 5px 10px 0;
		width:189px;
		background:url("ikemi_top/images/oil_price_bg_middle.gif") repeat-y;
		}
		#oilPrice dt,
		#oilPrice dd{
			padding: 0;
			width: 162px;
			}
			#oilPrice dt span{
				display: block;
				font-size: 85%;
				}
			#oilPrice dd strong{
				display: block;
				padding: 5px;
				background-color: #ffe600;
				line-height: 1;
				text-align: center;
				font-size: 14px;
				color: #f00;
				}
			#oilPrice dd span{
				width: 24px;
				vertical-align: bottom;
				line-height: 1.2;
				}
			#otoku{
				clear: both;
				display: block;
				padding: 0.5em 0 1em;
				}
			.telPrice{
				padding-bottom: 0 !important;
				}
				.telPrice iframe{
					padding-bottom: 0 !important;
					}
			#oilPrice table{
				width: 162px;
				}
				#oilPrice th{
					padding-right: 0.2em;
					line-height: 1;
					vertical-align: bottom;
					font-size: 85%;
					font-weight: normal;
					}
				#oilPrice td{
					padding: 0.5em 0 0;
					}
					#oilPrice iframe{
						float: right;
						}			


/*	�����E�K�X�g
-----------------------------------------*/
div#oil,
div#gas,
div#sns01,
div#mypage{
	position: relative;
	margin-bottom: 0.5em;
	padding-top: 12px;
	background: url("ikemi_top/images/oil_gas_bg_top.gif") no-repeat;
	width: 332px;
	}
	.oil-gas,
	.ikemiweb{
		padding-bottom: 16px;
		width: 332px;
		background: url("ikemi_top/images/oil_gas_bg_bottom.gif") left bottom no-repeat;
		}
		.oil-gas table,
		.ikemiweb table{
			background: url("ikemi_top/images/oil_gas_bg_middle.gif") repeat-y;
			width: 100%;
			}
			.oil-gas th,
			.oil-gas td{
				position: relative;
				z-index: 2;
				padding: 4px 13px;
				}
			.ikemiweb th,
			.ikemiweb td{
				position: relative;
				padding: 1px;
				}
			.oil-gas th{
				display: block;
				height: 40px;
				line-height: 1.6;
				vertical-align: middle;
				text-align: left;
				}
			.ikemiweb  th{
				display: block;
				height: 40px;
				line-height: 1.6;
				vertical-align: middle;
				text-align: left;
				}
			#oilTitle,
			#gasTitle{
				display: block;
				height: 69px;
				vertical-align: bottom;
				}
		.check{
			position: absolute;
			top: 105px;
			right: -5px;
			z-index: 3;
			}
		.fire{
			position: absolute;
			top: 40px;
			right: 30px;
			z-index: 1;
			}


/* �����ɂ‚��� */
#oil,
#sns01{
	float: left;
	}
	#oilTitle span{
		background: url("ikemi_top/images/oil_title.gif") no-repeat;
		width: 267px;
		height: 69px;
		}
	#oilTel strong{
		background: url("ikemi_top/images/oil_tel.gif") no-repeat;
		width: 299px;
		height: 27px;
		}

/* �K�X�ɂ‚��� */
#gas,
#mypage{
	float: right;
	}
	#gasTitle span{
		background: url("ikemi_top/images/gas_title.gif") no-repeat;
		width: 259px;
		height: 62px;
		}
	#gasTel strong{
		background: url("ikemi_top/images/gas_tel.gif") no-repeat;
		width: 299px;
		height: 27px;
		}

/*	���S�T�|�[�g
-----------------------------------------*/
div#support,
div#support02,
div#support03{
	clear: both;
	padding-top: 11px;
	background: url("ikemi_top/images/support_bg_top.gif") left top no-repeat;
	width: 666px;
	}
	div#supportContent,
	div#supportContent02,
	div#supportContent03{
		padding-bottom: 17px;
		background: url("ikemi_top/images/support_bg_bottom.gif") left bottom no-repeat;
		width: 666px;
		}
		div#supportContent p,
		div#supportContent02 p,
		div#supportContent03 p{
			padding-left: 10px;
			padding-right: 15px;
			background: url("ikemi_top/images/support_bg_middle.gif") left top repeat-y;
			}
			div#supportContent p img,
			div#supportContent02 p img,
			div#supportContent03 p img,
			div#supportContent p span,
			div#supportContent02 p span,
			div#supportContent03 p span{
				vertical-align: middle;
				}
			div#supportContent p span,
			div#supportContent02 p span,
			div#supportContent03 p span{
				display: inline-block;
				padding: 0 0.5em;
				width: 210px;
				font-size: 93%;
				font-weight: bold;
				}


/*	�L�����y�[��
-----------------------------------------*/
#campain{
	margin-bottom:1em;
	}
	#campain img{
		}

/*	�R���e���c�C���t�H���[�V����
-----------------------------------------*/
#info-link{
	margin-bottom: 1em;
	}
	#infomation{
		float: left;
/*		margin-right: 20px;*/
		width: 360px;
		}
		#infoFrame{
			margin: 0;
			padding: 0;
			background: url("ikemi_top/images/info_center.gif") repeat-x;
			}
			#infoFrame p{
				margin-bottom: 0.5em;
				padding-bottom: 0.3em;
				border-bottom: 1px solid #bbb;
				}
				#infoFrame p em{
					float: left;
					width: 134px;
					height: 14px;
					background: url("ikemi_top/images/info_title.gif") no-repeat;
					}
				#infoFrame p span{
					display: block;
					text-align: right;
					}
		
	/* �����N */
	#link{
		float: right;
		position: relative;
		width: 520px;
		}
		p.company{
			position: absolute;
			top: 0;
			left: 0;
			padding-left: 17px;
			height: 17px;
			background: url("ikemi_top/images/site_menu_icon.gif") no-repeat;
			background-position: 0 0;
			line-height: 1.2;
			font-size: 93%;
			}
		#link table{
			margin: 0.3em 0;
			}
		#link td{
			padding-top: 1em;
			padding-right: 1.5em;
			text-align: left;
			vertical-align: top;
			}
	/* �u���O */
	#blog{
		margin-top:30px;
		margin-bottom:5px;
		text-align:left;
		}
		
	#link td a:hover img,
	#blog a:hover img{
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
		background: #fff;
		}
	#blog2,
	#blog3{
		margin-top:15px;
		margin-bottom:5px;
		text-align:left;
		}
		

/*	�n�}
-----------------------------------------*/
#map{
	float: left;
	margin-bottom: 2em;
	width: 440px;
	}
	#map h2{
		margin-bottom: 0.5em;
		padding: 0.2em 1em;
		background-color: #66ec3e;
		font-size: 138.5%;
		color: #000;
		}
	#map h3{
		margin-bottom: 0.5em;
		font-size: 116%;
		}
	#map img{
		margin-bottom: 0.5em;
		padding: 5px;
		width: 428px;
		border: 1px solid #333;
		}
	#map th,
	#map td{
		padding: 0.1em;
		padding-left: 0;
		text-align: left;
		}
	#map th{
		color: #06f;
		}


/*	�����̒����ɂ‚���
-----------------------------------------*/
#aboutOil{
	float: right;
	margin-bottom: 2em;
	width: 440px;
	}
	#aboutOil h2{
		margin-bottom: 0.5em;
		padding: 0.2em 1em;
		background-color: #66ec3e;
		font-size: 138.5%;
		color: #000;
		}
	#aboutOil h3 span{
		float: left;
		margin-right: 20px;
		width: 170px;
		height: 112px;
		background: url("ikemi_top/images/order_time1.gif") no-repeat;
		}
	#aboutOil h3 strong{
		float: right;
		width: 249px;
		height: 112px;
		background: url("ikemi_top/images/order_time2.gif") no-repeat;
		}
#aboutOil h4{
		font-size: 120%;
		font-weight: bold;
		color: #f00;
		}

	#aboutOil em{
		}
	#aboutOil dl{
		margin: 1em 0;
		line-height: 1.6;
		}
		#aboutOil dt{
			font-weight: bold;
			color: blue;
			}
		#aboutOil dd{
			line-height: 1.6;
			font-size: 93%;
			}
	#aboutOil ol{
		margin: 1em 0 1em 2em;
		}
	#aboutOil li{
			line-height: 1.6;
			}
	#oilSafety{
		padding: 0.5em;
		border:solid 1px #999;
		font-size: 85%;
		}
		#oilSafety img{
			float: left;
			margin-right: 1em;
			margin-bottom: 1em;
			}
	#secondFloor{
		margin: 1em 0;
		padding: 0.5em;
		border: 1px solid #f00;

		}
		#secondFloor h4{
		text-align: center;
		font-weight: bold;
		color: #f00;
		
		}
		#secondFloor p{
			display: block;
			text-align: center;
			margin-top: 0.3em;
			font-weight: normal;
			font-size: 90%;
			color: #333;
			}
	#air{
		margin: 1em 0;
		padding: 0.5em;
		border: 2px solid #f00;
		font-size: 90%;
		font-weight: bold;
		color: #f00;
		}


/*	�������Ƃ��x����
-----------------------------------------*/
#order{
	margin-bottom: 2em;
	padding: 10px 0;
	border-top: 5px solid #66ec3e;
/*	border-left: 1px solid #66ec3e;*/
/*	border-right: 1px solid #66ec3e;*/
/*	border-bottom: 5px solid #66ec3e;*/
	}
	#orderLeft{
		float: left;
		width: 150px;
		text-align: center;
		}
		#orderLeft h2{
			margin: 0 auto 2em;
			background: url("ikemi_top/images/order_title.gif") no-repeat;
			width: 139px;
			height: 139px;
			}
		#orderLeft h3{
			font-size: 93%;
			font-weight: normal;
			padding-bottom: 1em;
			}
		#orderLeft h4{
			font-weight: bold;
			color: #f00;
			}
		#orderLeft em{
			display: block;
			line-height: 1.3;
			font-size: 180%;
			font-weight: bold;
			}
		#orderLeft p{
			margin-top: 0.5em;
			font-size: 85%;
			color: #f00;
			
			}
	dl#orderRight{
		float: right;
		width: 720px;
		}
		dl#orderRight dt.orderTitle{
			margin-bottom: 0.5em;
			padding: 0.1em;
			background-color: #ffe600;
			text-align: center;
			font-weight: bold;
			}
		dd.orderContent{
			margin-bottom: 1em;
			text-align: center;
			}
			dd.orderContent b,
			dd.orderContent strong,
			dd.orderContent em{
				display: inline-block;
				vertical-align: middle;
				color: #f00;
				}
			dd.orderContent b{
				font-size: 131%;
				}
			dd.orderContent strong{
				padding: 0 0.3em;
				line-height: 1;
				font-size: 40px;
				font-family: Arial, Helvetica, sans-serif;
				}
			dd.orderContent div{
				margin-top: 0.5em;
				text-align: left;
				}
				dd.orderContent div span{
					float: left;
					display: block;
					margin-right: 1em;
					padding: 0.5em;
					width: 85px;
					background-color: #f00;
					text-align: center;
					font-weight: bold;
					color: #fff;
					}
		dd.payContnt{
			}
			dd.payContent ul{
				margin-bottom: 0.5em;
				border-bottom: 1px dotted #999;
				}
				dd.payContent li{
					padding: 0.5em 0 0 0.5em;
										}
				dd.payContent div{
					float: left;
					width: 20%;
					font-weight: bold;
					}
				dt.payContent strong,
				dd.payContent li strong{
					font-weight: bold;
					font-size: 130%;
					color: #f00;
					}
				dd.payContent .contact{
					font-weight: bold;
					font-size: 95%;
					}
				dd.payContent li img{
					display: block;
					}
	p.orderNotice{
		clear: both;
		font-size: 85%;
		text-align: right;
		}


/*	�X�}�C���T�|�[�g
-----------------------------------------*/
#oilSupport{
	}
	#oilSupport h3{
		margin-bottom: 1.5em;
		background: url("ikemi_top/images/support_oil_title.gif") no-repeat;
		height: 59px;
		}
	p#oilSupportLeft{
		float: left;
		width: 161px;
		height: 416px;
		background: url("ikemi_top/images/support_left_title.gif") no-repeat;
		}
	#supportStove{
		float: right;
		display: inline-blcok;
		margin-right: 25px;
		padding-right: 25px;
		border-right: 2px solid #bbb;
		width: 347px;
		}
		#supportStove h4{
			margin-bottom: 1em;
			background: url("ikemi_top/images/support_stove_title.gif") no-repeat;
			width: 347px;
			height: 41px;
			}
		#supportStove div{
			position: relative;
			margin-top: 0.5em;
			}
			#supportStove em{
				position: relative;
				z-index: 2;
				display: block;
				padding: 0.5em 0;
				width: 225px;
				font-size: 13px;
				font-weight: bold;
				font-style: normal;
				color: #06f;
				}
			#repair{
				position: absolute;
				top: -50px;
				right: -30px;
				z-index: 1;
				width: 147px;
				height: 147px;
				}
		#supportStove div span{
			position: absolute;
			bottom: 0;
			right: 0;
			background: url("ikemi_top/images/factory.gif") no-repeat;
			width: 146px;
			height: 56px;
			}
		dl.support-price{
			margin-top: 1em;
			}
			dl.support-price dt{
				padding: 0.2em 1em;
				background-color: #999;
/*				font-size: 93%;*/
				font-weight: bold;
				color: #fff;
				}
			dl.support-price dd{
				padding: 0.5em 0;
				border-bottom: 1px solid #bbb;
				}
				dl.support-price dd span.stove-menu{
					display: inline-block;
/*					float: left;*/
					width: 60%;
					}
				dl.support-price dd span.stove-menu-price{
					display: inline-block;
/*					float: right;*/
					width: 39%;
					vertical-align: middle;
					text-align: right;
					font-size: 17px;
					font-weight: bold;
					}
	#supportTank{
		float: right;
		width: 309px;
		}
		#supportTank h4{
			background: url("ikemi_top/images/support_tank_title.gif") no-repeat;
			width: 278px;
			height: 41px;
			}
		#supportTank img{
			margin: 0.7em 0;
			}
		#supportTank dl.tank-trouble{
			margin-top: 0.5em;
			}
			#supportTank dl.tank-trouble dt{
				padding-bottom: 5px;
				font-weight: bold;
				color: #06f;
				}
			#supportTank dl.tank-trouble dd{
				padding: 0.2em 0;
				}
		#central{
			margin-top: 1em;
			}
			#central p img{
				margin: 0 0 0.5em;
				}
			#central dl.support-price{
				margin: 0;
				}
	p#supportCopy{
		padding-top: 1em;
		}
		p#supportCopy strong{
			margin-bottom: 1.5em;
			background: url("ikemi_top/images/support_copy2.gif") no-repeat;
			width: 862px;
			height: 74px;
			}
		p#supportCopy em{
			background: url("ikemi_top/images/support_24.gif") no-repeat;
			width: 900px;
			height: 51px;
			}
		


/*	footer
-----------------------------------------*/
#footer{
	margin-top: 3em;
	padding-top: 0.5em;
	border-top: 5px solid #483d8f;
	}
	#footer p{
		font-size: 85%;
		}