@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :yourName (admin)
 style info :トップページ
=================================================================== */
body {
	background: url(../images/top/top_bg.jpg) 0 0 repeat-x #fff;
}

#header {
	height: 195px;
}

#contents {
	padding: 0;
}

#main {
	float: none;
	width: 950px;
}

#main_flash {
	margin-bottom: 20px;
}

#quick_menu {
/*	height: 294px;*/
	height: 29.5em;
	margin-bottom: 1.5em;
	overflow: hidden;
	position: relative;
}

#quick_menu div {
	float: left;
}

#gas_area,
#chemical_area,
#equipment_area {
	width: 291px;
/*	height: 294px;*/
	height: 29.5em;
	background: url(../images/top/qmenu_bg.jpg) 0 bottom no-repeat;
}

#gas_area {
	position: absolute;
	left: 15px;
	top: 0;
}

#chemical_area {
	position: absolute;
	left: 330px;
	top: 0;
}

#equipment_area {
	position: absolute;
	right: 15px;
	top: 0;
}

#gas_area h2,
#chemical_area h2,
#equipment_area h2 {
	height: 40px;
	margin-bottom: 5px;
}

#gas_area h2 a,
#chemical_area h2 a,
#equipment_area h2 a {
	display: block;
	height: 40px;
	text-indent: -5000em;
	overflow: hidden;
}

#gas_area dl,
#chemical_area dl,
#equipment_area dl {
	margin-left: 12px;
}

#gas_area dl dd ul,
#chemical_area dl dd ul,
#equipment_area dl dd ul {
	margin: 0 0 4px 1em;
}

#gas_area dl dd ul li a,
#chemical_area dl dd ul li a,
#equipment_area dl dd ul li a {
	padding-left: 1em;
}

#gas_area h2 {
	background: url(../images/top/title_gas.jpg) 0 0 no-repeat;
}

#gas_area dl dt {
	padding-left: 1em;
	background: url(../images/icon/arrow1.gif) 0 center no-repeat;
}

#chemical_area h2 {
	background: url(../images/top/title_chemical.jpg) 0 0 no-repeat;
}

#chemical_area dl dt {
	padding-left: 1em;
	background: url(../images/icon/arrow2.gif) 0 center no-repeat;
}

#equipment_area h2 {
	background: url(../images/top/title_equipment.jpg) 0 0 no-repeat;
}

#equipment_area dl dt {
	padding-left: 1em;
	background: url(../images/icon/arrow3.gif) 0 center no-repeat;
}



#info_area {
	padding: 0 15px;
}

#news_area {
	float: left;
	position: relative;
}

#news_area h2 {
	margin-bottom: 0.5em;
	border-bottom: 1px solid #009a66;
	color: #009a66;
	font-size: 1.5em;
}

#news_area table {
	width: 602px;
	font-size: 1em;
	letter-spacing: 0;
}

#news_area table tr td {
	border-bottom: 1px dotted #999;
	line-height: 3;
}

#news_area table tr td.firstChild {
	width: 5em;
	padding: 0 2em 0 0.5em;
}

#news_area table tr td a {
	color: #009a66;}

#news_area ul {
	position: absolute;
	right: 0;
	top: 5px;
}

#news_area ul li {
	float: left;
	padding: 0 0.5em;
}

#news_area ul li#rss {
	border-right: 1px solid #666;
}

#news_area ul li#rss a {
	padding: 2px 0 2px 19px;
	background: url(../images/icon/icon_rss.jpg) 0 0 no-repeat;
}

#banner_area {
	float: right;
	margin-top: 24px;
}

#banner_area ul li {
	margin-bottom: 12px;
}