@charset "utf-8";


/*メインイメージ*/
#mainImage {
	width: 984px;
	margin: 5px auto 10px auto;
}
#mainImage2 {
	width: 984px;
	height: 418px;
	margin: 5px auto 10px auto;
	background-image: url(../images/top/frame_main.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#mainImage2 .slide{
	padding: 14px 22px;
	height: 390px;
	width: 940px;
}

/*バナー*/
#bnrLeft {
	width: 220px;
	float: left;
	display: inline;
}
#bnrLeft img { display: block; }

#bnrRight {
	width: 220px;
	float: right;
	display: inline;
}
#bnrRight {}

/*お知らせ*/
#tabs {
	width: 461px;
	height: 280px;
	position: relative;
	display: inline;	
	float: left;
	margin: -4px auto auto 20px;
}

#tabmenu {
	position: absolute;
	top: 4px;
	left: 19px;
	z-index: 100;
}
#tabmenu li {
	width: 133px;
	height: 30px;
	float: left;
}
#tabmenu a{
	width: 133px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
/* jQuery UI Tabs 1.8.17 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li { position: relative; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#info {
	background: url(../images/top/bg_info2.png) no-repeat 0px 0px;
	width: 461px;
	height: 450px;
	position: absolute;
}

#event {
	background: url(../images/top/bg_info2.png) no-repeat 0px -450px;
	width: 461px;
	height: 450px;
	position: absolute;
}

#topics {
	background: url(../images/top/bg_info2.png) no-repeat 0px -900px;
	width: 461px;
	height: 450px;
	position: absolute;
}

#info h3,#event h3,#topics h3 {
	text-indent: -9999px;
}

#info dl,#event dl,#topics dl {
	width: 423px;
	height: 335px;
	overflow: auto;
	text-align: left;
	position: absolute;
	top: 97px;
	left: 19px;
}

#info dl dt,#event dl dt,#topics dl dt {
	line-height: 100%;
	margin-bottom: 5px;
	vertical-align: middle;
	padding-right: 10px;
}

#info dl dt img,#event dl dt img,#topics dl dt img{
	vertical-align: middle;
}

#info dl dd,#event dl dd,#topics dl dd {
	font-size: 93%;
	line-height: 153.9%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: dotted 1px #CCC;
	padding-left: 1em;
}


#tab-box{
	width: 461px;
	height: 280px;
	position: relative;
	display: inline;	
	float: left;
	margin: -4px auto auto 20px;
}

#tab-box .list-wrap,
#tab-box .nav li a {
	border-color: #e0e0e0
}
#tab-box .nav li a {
	background-color: #e0e0e0
}

#tab-box ul li.nav-one a.current, #tab-box ul.list01 li a:hover,
#tab-box ul li.nav-two a.current, #tab-box ul.list02 li a:hover,
#tab-box ul li.nav-three a.current, #tab-box ul.list03 li a:hover,
#tab-box ul li.nav-four a.current, #tab-box ul.list04 li a:hover {
	background-color: #f6f6f6;
}

#tab-box ul li.nav-one a.current, #tab-box ul li.nav-two a.current,
#tab-box ul li.nav-three a.current, #tab-box ul li.nav-four a.current {
	font-weight: bolder;
}

/* Specific to TAB BOX */
#tab-box {margin-top: 10px; margin-bottom: 10px;}
#tab-box .list-wrap{
	padding: 10px; margin: 0 ; line-height: 1.5em;
	border-style: solid; 
	border-width: 1px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
}

#tab-box .list-wrap ul { list-style: none; margin: 0;}
#tab-box .list-wrap ul li { 
	border-bottom: 1px dotted #CCF; 
	line-height: 1.8em;
	padding-left: 22px; 
	background-position: left 0.4em; 
	background-repeat: no-repeat;
	background-image: url(images/list-01.png);	
}
#tab-box .list-wrap ul li a { padding: 4px; }
#tab-box .list-wrap ul li a:hover { }
#tab-box .list-wrap ul li:last-child a { border: none; }

#tab-box ul li.nav-one a.current, #tab-box ul.list01 li a:hover,
#tab-box ul li.nav-two a.current, #tab-box ul.list02 li a:hover,
#tab-box ul li.nav-three a.current, #tab-box ul.list03 li a:hover,
#tab-box ul li.nav-four a.current, #tab-box ul.list04 li a:hover {
	color: brown; 
}

#tab-box .nav { overflow: hidden; margin: 0; }
#tab-box .nav li {
	font-size: 0.9em;
	width: 122px; 
	float: left; 
	margin: 0 1px 0 0;
}
#tab-box .nav li.last { margin-right: 0; }
#tab-box .nav li a { 
	display: block; 
	padding: 5px;
	color: #000;
	text-align: center;
	border-style: solid; 
	border-width: 1px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#tab-box .nav li a:hover { background-color: #69C; color: #fff; }

#homeC{
	width: 460px;
	float: left;
	margin-left: 20px;
}

#homeC dl {
	margin-bottom: 30px;
}
#homeC dl dt{
	padding-top: 5px;
}
#homeC dl dd{
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#n_news, #n_topics{
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 35px;
}
#n_news{
	background-image: url(../images/cap_news.png);
	margin-top: 0;
}
#n_topics{
	background-image: url(../images/cap_topics.png);
}
#homeC dl dt span.date{
	font-size: 0.8em;
	font-weight: bolder;
}
/* end お知らせ */

#hide_area .ai1ec-popup-summary-wrap{display: none;}
ol.ai1ec-date-events{margin-left: 1em;}


.home_lu img,
.home_ru img{
	margin-bottom: 0.5em;
}
.home_cd{margin-top: 1em;}

.boxShaddow{
margin: 3px;
padding: 5px 10px; 
background-color: #FFF;
box-shadow:rgba(168, 168, 168, 0.5) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(168, 168, 168, 0.5) 0px 0px 3px 2px;
-moz-box-shadow:rgba(168, 168, 168, 0.5) 0px 0px 3px 2px;
}


/* 下部バナーエリア */
.home_banner0{
	width: 1000px;
	margin: 30px auto;
	text-align: center;
}
.home_banner0 img{
	margin: 0 5px;
}

/* end 下部バナーエリア */


/* 右サイド電気予報 */
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 table {
	font-size: 11px;
	margin-bottom: 10px;
	width: 100%;
}
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 th,
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 td {
	height: auto !important;
	padding: 4px 0;
	line-height: 1em !important;
	border-bottom: 1px #cccccc dotted;
}
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 th {
	border-right: 1px #bdb76b solid;
}
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 td {
	position: relative;
	text-align: center;
}
#ppwj_43dffdd5-c373-4f00-bb8b-680c2b2c1422 td div {
	margin: 0 auto;
}
