@charset "UTF-8";

/* -----------------------------------------------
FileName:top.css
----------------------------------------------- */

/* ===== contents ===== */
#contents{
	padding: 18px 20px 0 20px;
}

	#contents #main_contents{
		padding: 0 0 20px 0;
	}

	#contents #side_contents{
		padding: 0 0 20px 0;
	}

/* ===== main_atten ===== */

.main_atten{
	width: 640px;
	background:url("../../../images/bg_main_atten2.gif") left bottom no-repeat;
	background-color: #FFE7E7;
	padding-bottom: 5px;
}

.main_atteninner{
	padding: 10px 0 0 0;
	width: 640px;
	background:url("../../../images/bg_main_atten.gif") left top no-repeat;
}

.main_atteninner p, .main_atteninner ul li{
 margin:0 20px;
}

.main_atteninner p img{
	vertical-align:middle;
}

.atten_link{
	float:right;
	padding: 0 10px;
}

.atten_link p {
	padding-bottom: 5px;
}

/* ===== main_info ===== */

.main_info{
	padding: 0 20px;
	width: 600px;
	height: 320px;
	background:url("../../../images/bg_main_info.gif") no-repeat;
}

	.main_info .message{
		padding: 20px 0 0 0;
	}

	.main_info .link_area{
		width: 600px;
	}

	.main_info .link_area .btn{
		float: left;
		width: 160px;
		margin:0;
		padding:0;
	}

	.main_info .link_area .logo{
		float: right;
		width: 135px;
		margin-top:10px;
	}

.main_info .link_area:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== top_menu ===== */

.top_menu{
	margin: 10px 0 22px 0;
	width: 640px;
}

.top_menu_01{
	margin-bottom: 5px;
	width: 640px;
	height: 261px;
	background:url("../../../images/bg_top_menu_01.jpg") no-repeat left bottom;
}

.top_menu_02{
	width: 640px;
	height: 289px;
	background:url("../../../images/bg_top_menu_02.jpg") no-repeat left bottom;
}

	.top_menu dl{
		float: left;
		width: 210px;
	}

		.top_menu dl dt{
			font-size: 0;
		}

		.top_menu dl dd{
			padding: 2px 0 0 4px;
		}

			.top_menu dl dd li{
				font-size: 0;
				line-height: 0;
				display:inline;
			}

	.top_menu .home,
	.top_menu .business{
		margin-right: 5px;
	}

	.top_menu .support{
		float: right;
		width: 424px;
	}

		.top_menu .support dd{
			padding: 7px 0 0 9px;
		}

		.top_menu .support dd ul{
			width: 415px;
		}

		.top_menu .support dd li{
			padding: 0 0 4px 0;
			width: 206px;
			float: left;
		}

.top_menu .support dd:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

.top_menu_01:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

.top_menu_02:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

ul.kitaminavi{
margin:17px 0 -6px
}

.kitaminavi li{
display:inline;
}

div.ecogascomplete{
	width: 632px;
	margin-top: 17px;
	background-image: url(/common/images/ecogascomplete_back.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
}
div.ecogascomplete li{
	display:inline;
	padding-left: 5px;
}


@media print{
	.top_menu{
		width: 641px;
	}
	.top_menu_01{
		width: 641px;
	}
}


/* ===== ttl_area ===== */

.top_contents .ttl_area{
	margin: 0 0 8px 0;
	padding: 0 13px 0 4px;
	height: 32px;
	background:url("../../../images/bg_title_01.gif") no-repeat;
}

.top_contents .ttl_area h2{
	padding: 6px 0 0 0;
	float: left;
	width: 430px;
}

.top_contents .ttl_area .rss{
	padding: 7px 0 0 0;
	float: right;
	width: 60px;
}

.top_contents .ttl_area .list{
	padding: 7px 0 0 0;
	float: right;
}

	.top_contents .ttl_area .list a{
		padding: 0 0 0 9px;
		background:url("../../images/blt_inlink_01.gif") no-repeat 0 0.3em;
	}

.top_contents .ttl_area:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== table ===== */

.top_contents table{
	margin: 0 13px 15px 13px;
	width: 614px;
	border-collapse: collapse;
}

	.top_contents table caption{
		display: none;
	}

	.top_contents table thead{
		display: none;
	}

	.top_contents table th{
		padding: 5px 12px 5px 0;
		color: #4d4d4d;
		font-weight: normal;
		white-space: nowrap;
		vertical-align: top;
	}

	.top_contents table td{
		padding: 5px 0 5px 19px;
		text-indent: -19px;
		line-height: 1.3;
		vertical-align: top;
	}

	.top_contents table td.icon{
		padding: 5px 10px 5px 0;
		text-indent: 0;
	}

		.top_contents table td a{
			padding: 0 0 0 19px;
			background:url("../../images/blt_inlink_01.gif") no-repeat 3px 0.3em;
		}

		.top_contents table td.pdf a{
			padding: 0 0 0 19px;
			background:url("../../images/blt_pdf.gif") no-repeat 0 0;
		}

		.top_contents table td.pdf a.noline{
            text-decoration: none;
		}

/* ===== top_info ===== */

.top_info{
	width: 640px;
}

/* ===== top_news ===== */

.top_news{
	margin: 0 0 20px 0;
	width: 640px;
}

	.top_news .news_cont{
		padding: 10px 0;
		width: 640px;
		background:url("../../../images/bg_top_news_01.gif") no-repeat left bottom;
	}

	.top_news .news_cont #category01,
	.top_news .news_cont #category02,
	.top_news .news_cont #category03,
	.top_news .news_cont #category04 {
		display:none;
	}

	.top_news .news_cont #category01.stay,
	.top_news .news_cont #category02.stay,
	.top_news .news_cont #category03.stay,
	.top_news .news_cont #category04.stay {
		display:block;
	}

	.top_news .tab{
		position: relative;
		width: 640px;
		height: 31px;
		background:url("../../../images/bg_tab.gif") no-repeat left bottom;
	}
	.top_news .tab li {
		display:inline;
	}

	.top_news .tab li a {
		position: absolute;
		width: 130px;
		height: 30px;
		top: 0;
		display:block;
		text-indent: -9999px;
		text-decoration: none;
		font-size:0;
	}

	.top_news .tab li a#tab01 {
		left: 0;
		background: url("../../../images/btn_tab_01.gif") no-repeat 0 0;
	}

	.top_news .tab li a#tab02 {
		left: 134px;
		background: url("../../../images/btn_tab_02.gif") no-repeat 0 0;
	}

	.top_news .tab li a#tab03 {
		left: 268px;
		background: url("../../../images/btn_tab_03.gif") no-repeat 0 0;
	}

	.top_news .tab li a#tab04 {
		left: 402px;
		background: url("../../../images/btn_tab_04.gif") no-repeat 0 0;
	}

	.top_news .tab li a#tab01:hover {
		background-position: 0 -30px;
	}

	.top_news .tab li a#tab02:hover {
		background-position: 0 -30px;
	}

	.top_news .tab li a#tab03:hover {
		background-position: 0 -30px;
	}

	.top_news .tab li a#tab04:hover {
		background-position: 0 -30px;
	}

	.top_news .tab li a#tab01.stay {
		background-position: 0 -60px;
		height: 30px;
		cursor: default
	}

	.top_news .tab li a#tab01.stay:hover {
		background-position: 0 -60px;
	}

	.top_news .tab li a#tab02.stay {
		background-position: 0 -60px;
		height: 30px;
		cursor: default;
	}

	.top_news .tab li a#tab02.stay:hover {
		background-position: 0 -60px;
	}

	.top_news .tab li a#tab03.stay {
		background-position: 0 -60px;
		height: 30px;
		cursor: default;
	}

	.top_news .tab li a#tab03.stay:hover {
		background-position: 0 -60px;
	}

	.top_news .tab li a#tab04.stay {
		background-position: 0 -60px;
		height: 30px;
		cursor: default;
	}

	.top_news .tab li a#tab04.stay:hover {
		background-position: 0 -60px;
	}

	.top_contents .top_news table{
		clear:both;
		margin: 0 13px 0 20px;
		width: 605px;
	}


/* ===== top_gasnews ===== */

.top_gasnews{
	margin: 0 0 10px 0;
	width: 640px;
}

	.top_gasnews h3{
		margin: 0 0 10px 5px;
	}

	.top_gasnews .message{
		margin: 0 0 20px 20px;
	}

	.top_contents .top_gasnews table{
		margin: 0 0 15px 20px;
		width: 615px;
	}


/* ===== top_eco ===== */

.top_eco{
	clear: both;
	width: 640px;
	height: 267px;
	background:url("../../../images/bg_eco.gif") no-repeat left bottom;
}

	.top_eco dt{
		font-size: 0;
	}

	.top_eco dd{
		padding: 6px 0 0 15px;
	}

	.top_eco li{
		float: left;
	}

	.top_eco li.gas{
		width: 315px;
	}

	.top_eco li.co2{
		width: 246px;
	}

	.top_eco li.eco{
		width: 315px;
		margin-top:7px;
	}

	.top_eco li.ecobook{
		width: 246px;
		margin-top:7px;
	}

.top_eco:after{
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}