@charset "UTF-8";
/* CSS Document */

/* clearfix */
.clr:after {
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
.clr {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/

* html .clr {
	height:1%;
}

.clr {
	display:block;
}
/* End hide from IE-mac */

	

#slide{
	position:relative;
	/*visibility:hidden;*/
	width:754px;
	height:450px;
	overflow:hidden;
}

#loading{
	position:absolute;
	width:100%;
	text-align:center;
	height:50px;
	left:0px;
	top:200px;
	z-index:1000;	
}

#slide li{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;	
	visibility:hidden;
}



#slide-link{
	position:absolute;
	z-index:1000;
	bottom:10px;
	right:0px;	
}

#slide-link a{
	display:block;
}

#slide-link img{
	opacity:0;
	display:block;
	filter: alpha(opacity=0);
	background:#FFF;
	-webkit-transition-duration:1s;
	-webkit-transition-property:opacity;
}


#slide-link a:hover img{
	
	opacity:0.5;
	-webkit-transition-duration:0.5s;
	-webkit-transition-property:opacity;
}

#content{
	position:relative;
	width:1136px;
}

#area-banner{
	/*position:absolute;
	z-index:1;
	right:-10px;
	top:0px;*/
	width:176px;
	padding:10px;
	background:#DADADA;
	
}

#top-news{
	margin-bottom:40px;	
}

/*
#top-main{
	float:none;	
}

#top-news{
	float:none;
}

#top-news-r{
	width:100%;
	padding:0;	
	float:none;
}

#top-news-back{
	width:100%;
	background:none;	
}
	
#top-news-r-l{
	width:689px;	
}

#top-news-r-r{
	background:#FFF;
	border:1px solid #B3B3B3;
	border-top:none;
	width:220px;	
}

#weather-title{
	padding:0;	
}


*/

.info-row {
	margin:20px 0 20px;	
}

.info-row .section{
	width:335px;
	background:url(../img/top/bg-section.png) center bottom no-repeat;
}

.info-row .section dl{
	width:305px;
	margin:0 auto;
	padding:10px 0px;
	border-bottom:1px dashed #999;	
}

#sec-news dl{
	width:536px;
	margin:0 auto;
	padding:10px 0px;
	border-bottom:1px dashed #999;	
}

.info-row .section dl.last{
	border-bottom:none;	
}

.info-row .section dt{
	font-size:11px;
}


#sec-news dt{
	float:left;
	margin:0 25px 0 0;
}

#sec-news{
	position:relative;
	float:left;
	width:576px;
	background:url(../img/top/bg-sec-info.png) center bottom no-repeat;
	/*height:400px;*/
}

#btn-rss{
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 126px;
}

#btn-bn{
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 13px;
}

#sec-news .area-scroll{
	/*height:267px;*/
	height:370px;
	overflow:auto;
}

#sec-news .jspVerticalBar{
	margin:-1px 1px 0px 0;	
}

#sec-news img,
#sec-store img{
	vertical-align:top;	
}

#sec-closeup{
	width:335px;
	height:142px;
	float:right;
	background:url(../img/top/bg-closeup.png) center bottom no-repeat;	
}

#sec-closeup .box{
	width:315px;
	padding:12px 0px;
	margin:0 auto;
	border-bottom:1px dashed #999;
}

#sec-closeup .box-last{
	border-bottom:none;
}	

#sec-closeup .box img{
	float:left;	
	margin:0 10px 0 0;
	border:1px solid #CCC;
	border-radius:2px;
}

#sec-closeup dt{
	font-size:11px;
}	

#sec-store{
	/*height:142px;*/
	height:245px;
	margin:15px 0 0;
	float:right;	
}

#sec-store .area-scroll{
	height:213px;
	overflow:auto;
}

/* イベント情報 */

#sec-event{
	margin:20px 0 0;
	background:url(../img/top/bg-sec-event3.png) center bottom no-repeat;
	padding:0 10px 20px;
}

#sec-event h2{
	margin:0 0 0 -10px;
}

#sec-event .entry-row{
	padding:0 15px;
}

#sec-event .box{
	padding:12px 0px;
}

#sec-event .box img{
	float:left;	
	margin:0 10px 0 0;
	border:1px solid #CCC;
	border-radius:2px;
}

#sec-event .box-left{
	float:left;
	width:430px;
}

#sec-event .box-right{
	float:right;
	width:430px;
}

#sec-calendar{
	margin:10px 20px 0;
	overflow:hidden;
	position:relative;
}

#sec-calendar .inner{
	width:10000px;
	height:205px;
	margin-left:-666px;
	
}

#btn-prev{
	position:absolute;
	z-index:1;
	left:0px;
	top:82px;
}

#btn-next{
	position:absolute;
	z-index:1;
	right:0px;
	top:82px;
}


.calendar{
	/*width:172px;*/
	width:214px;
	height:190px;
	float:left;
	background:#FFF;
	border:#EEE 1px solid;
	border-radius:4px;
	box-shadow:1px 1px 3px rgba(102,102,102,0.3);
	margin:0 25px;
	padding:5px 12px;
}

.calendar table{
	font-size:11px;
	text-align:center;	
}

.calendar h3{
	text-align:center;
	font-size:12px;
	color:#336DAD;
	width:80%;
	margin:0 auto 8px;
	border-bottom:1px dashed #CCC;
}

.calendar th,
.calendar td{
	padding:2px 4px 0px;
	text-align:center;
	
}

.calendar td a{
	background:url(../img/top/bg-icn-event1.png) center bottom no-repeat;
	display:block;
	padding:0 2px 3px;
	color:inherit;
	text-align:center;
	transition-property:background-color,color;
	transition-duration:0.4s;
	text-decoration:none;
	
}

.calendar td a.second{
	background-image:url(../img/top/bg-icn-event2.png);
}

.calendar td span{
	text-align:center;
	display:block;
	padding:0 2px 3px;
}

.calendar td a:hover{
	text-decoration:none;
	background-color:#FF8000;
	color:#FFF;
	transition-property:background-color,color;
	transition-duration:0.4s;
}

.calendar td a.second:hover{
	background-color:#7ACF2F;
}

.calendar .sunday{
	color:#EE0000;
}
.calendar .saturday{
	color:#3366FF;
}


/* 運行情報 */
#sec-status{
	background:url(../img/top/bg-sec-status.png) center bottom no-repeat;
	margin:0 0 20px;
	zoom:1;
}

#sec-status .inner{
	padding:15px;	
}


/* 運行情報 */
#sec-alert{
	background:url(../img/top/bg-sec-status.png) center bottom no-repeat;
	margin:0 0 20px;
	zoom:1;
}

#sec-alert .inner{
	padding:15px;	
}


h2 {
	line-height:1;
	height:32px;	
}

h2 img{
	display:block;
	line-height:1;	
}

#side{
	width:196px;
	float:right;	
}

#sec-weather{
	background:url(../img/top/bg-sec-weather.png) center bottom no-repeat;	
}

#weather{
	padding:15px 10px;	
}

#weather-icon{
	width:176px;
	float:none;
	margin:0 auto;	
}

#weather-icon-l{
	padding:0;
	width:83px;	
}

#weather-icon-r{
	width:83px;
	float:right;	
}

#weather-unkou{
	width:176px;	
}

#top-main-l{
	position:relative;	
}

#bnr-camera{
	position:absolute;
	z-index:1;
	bottom:18px;
	left:0px;
	width:100%;
	text-align:center;
}

#bnr-camera a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);	
}

.bnr-space02,
.bnr-space01{
	padding-bottom:4px;	
}

#weather-unkou-img{
	width:auto;
	margin:0px;	
	height:115px;
	overflow:hidden;
}

#weather-unkou-img a{
	display:block;	
}