@charset "utf-8";

@import "style.css";

/* body
--------------------------------------------------*/
body {
	background: transparent url(../img/index/bg.jpg) no-repeat center top;
}

/* Header
--------------------------------------------------*/
#header {
	height: 338px;
}

#header p a.logo {
	top: 18px;
	left: 23px;
	width: 229px;
	height: 37px;
}

/* title
--------------------------------------------------*/
h2 {
	clear: both;
	display: block;
	width: 660px;
	text-indent: -9999px;
}

#contents .leftArea h2.plant_index {
	height: 43px;
	background: transparent url(../img/index/h3_plant_index.jpg) no-repeat left top;
}

#contents .leftArea h2.link_index {
	height: 32px;
	background: transparent url(../img/index/h3_link_index.jpg) no-repeat left top;
}

/* contents
--------------------------------------------------*/
#contents {
	padding: 0 0 0 0;
}

/* leftArea
--------------------------------------------------*/
#contents .leftArea {}

#contents .leftArea p {
	clear: both;
}

#contents .leftArea p a.hibino {
	display: block;
	width: 660px;
	height: 65px;
	text-indent: -9999px;
	margin-bottom: 10px;
	background: transparent url(../img/index/bannar_index_hibino.jpg) no-repeat left top;
}

/* rightArea
--------------------------------------------------*/
#contents .rightArea {
	margin-top: 13px;
}

/* information
--------------------------------------------------*/
#contents .leftArea .information {
	width: 660px;
	clear: both;
	margin-bottom: 10px;
	padding-top: 5px;
}

#contents .leftArea .information dl {
	width: 290px;
	font-size: 100%;
	margin-bottom: 10px;
	padding: 50px 15px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#contents .leftArea .information dl.news {
	float: left;
	background: transparent url(../img/index/information_dl_news_header.gif) no-repeat left top;
}

#contents .leftArea .information dl.event {
	float: right;
	background: transparent url(../img/index/information_dl_event_header.gif) no-repeat left top;
}

#contents .leftArea .information dl dt {
	font-weight: bold;
	padding: 0 0 0 30px;
}

#contents .leftArea .information dl.news dt {
	background: transparent url(../img/index/information_dl_news_icon.gif) no-repeat left center;
}

#contents .leftArea .information dl.event dt {
	background: transparent url(../img/index/information_dl_event_icon.gif) no-repeat left center;
}

#contents .leftArea .information dl.news dt.none,
#contents .leftArea .information dl.event dt.none {
	font-weight: normal;
	background-image: none;
	padding-left: 0px;}

#contents .leftArea .information dl dd {
	margin: -2px 0 5px 0;
	padding: 0 0 2px 30px;
	border-bottom: 1px dotted #CCCCCC;
}

#contents .leftArea .information dl dd.all_e a {
	text-decoration: none;
	padding-left: 25px;
	background: transparent url(../img/index/information_dl_event_icon.gif) no-repeat left center;

}
#contents .leftArea .information dl dd.all_w a {
	text-decoration: none;
	padding-left: 25px;
	background: transparent url(../img/index/information_dl_news_icon.gif) no-repeat left center;
}

#contents .leftArea .information dl dd.all_e a:hover,
#contents .leftArea .information dl dd.all_w a:hover{
	text-decoration: underline;
}

#contents .leftArea .information dl dd.all_e,
#contents .leftArea .information dl dd.all_w {
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: right;
	border-bottom-style: none;
}

#contents .leftArea .plant {
	width: 660px;
	float: left;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(../img/index/block_bg.gif) repeat-y left center;
}

#contents .leftArea .link {
	width: 660px;
	float: left;
	margin-bottom: 35px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(../img/index/block_bg.gif) repeat-y left center;
}

/* tablelink
--------------------------------------------------*/
table.tblink {
	width: 630px;
	font-size: 100%;
	margin: 10px auto 0;
	border-bottom: 1px dotted #606060;
}

.tblink td {
	vertical-align: top;
	padding: 5px;
}

.tblink td img {
	margin: 0 0 5px 0;
}

.tblink th {
}

table.tblink_b {
	width: 630px;
	font-size: 100%;
	margin: 10px auto 10px;
}

table.tblink_b ul {
	margin: 0 0 0 15px;
}

table.tblink_b ul li {
	line-height: 1.5;
}

table.tblink_b ul li a {
	color: #0095FF;
	text-decoration: none;
}

table.tblink_b ul li a:hover {
	text-decoration: underline;
}

.tblink_b td {
	vertical-align: top;
	padding: 0 10px;
}

.tblink_b td p {
	line-height: 1.8;
}

.tblink_b td.br {
	border-right: 1px dotted #606060;
}

.tblink_b th {
}

p a.policy {
	padding-left: 25px;
	text-decoration: none;
	margin-bottom: 0px;
	background: transparent url(../img/index/information_dl_news_icon.gif) no-repeat left center;
}

#contents .leftArea p a.anc {
	position: absolute;
	left: 840px;
	bottom: 16px;
	display: block;
	width: 60px;
	height: 11px;
	text-indent: -9999px;
	margin-bottom: 0px;
	background: transparent url(../img/anc.gif) no-repeat left top;
}

* {
	margin: 	0;
	padding: 	0;
}

:focus {
	outline: none;
}

/* General styles ------------------------- */

.showcase {
	position: relative;
	}

.showcase a.controls {
	position: absolute;
	width: 10px;
	height: 106px;
/*
	background-color: #66CC00;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;	
	border: 1px solid #FFF;	
*/
	vertical-align: middle;
	}

.showcase a.next,
.showcase a.previous {
	text-indent: -9999px;
}

.showcase a.previous {
/*
	padding-bottom: 4px;
*/
	background: transparent url(../img/showcase_prev.gif) no-repeat left top;
}

.showcase ul li {
	width: 150px;
	height: 110px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;
}

#horizontal ul li img {
	border: 3px solid #CCC;
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 0px auto 0 auto;
	width: 625px;
	height: 140px;
}	
	
.showcase#horizontal a.controls {
	top: 50%;
	margin-top: -47px;
}

.showcase#horizontal a.next {
	right: 0;
/*
	padding-top: 4px;
*/
	background: transparent url(../img/showcase_next.gif) no-repeat left top;
}


.showcase#horizontal a.controls:hover {
	border-color: #FFF;
}

.showcase#horizontal ul {
	position: relative;	
	width: 550px;
	height: 140px;	
	margin: 0 auto;
}

.showcase#horizontal ul li {
	text-align: center;
	font-size: 85%;
	text-decoration: none;
	white-space: nowrap;
	color: #666;
}


td.br ul li{
	font-size: 85%;
}

td.fontsize ul li {
	font-size: 85%;
}




/* 2013.0401’Ç‹L */
.leftArea .sectionGroup {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.leftArea .sectionGroup .leftGroup {
	width: 440px;
	float: left;
}

.leftArea .sectionGroup .leftGroup h2.plant_index {
	background: transparent url(../img/indexNew/h3_plant_index.jpg) no-repeat left top;
}

.leftArea .sectionGroup .leftGroup .plant_index {
	width: 440px;
}

.leftArea .sectionGroup .leftGroup .plant {
	width: 440px!important;
	background: transparent url(../img/indexNew/block_bg.gif) repeat-y left center!important;
}

.leftArea .sectionGroup .leftGroup .showcase#horizontal {
	width: 420px;
}

.leftArea .sectionGroup .leftGroup .showcase#horizontal ul {
	width: 290px;
}

.leftArea .sectionGroup .weather {
	width: 200px;
	float: right;
	padding-top: 10px;
}

#contents .leftArea h2.link_index {
	width: 440px;
	background: transparent url(../img/indexNew/h3_link_index.jpg) repeat-y left center;
}

#contents .leftArea .link {
	width: 440px;
	background: transparent url(../img/indexNew/block_bg.gif) repeat-y left center;
}

table.tblink_b {
	width: 440px;
}

/* 2013.0417’Ç‹L */
body {
	background: transparent url(../img/new/bg.jpg) no-repeat center top!important;
}

body #header {
	height: 300px!important;
	margin-bottom: 30px!important;
}

#header p a.logo {
	top: 48px!important;
	left: 31px!important;
	width: 416px!important;
	height: 101px!important;
}