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

/* top only
-------------------------- */
	#container #contents{
		width:980px;
		margin:10px auto 0px auto;
		position:relative;
		z-index:10;
	}

/* Main Slide
------------------------------------------------- */
#mainSlide{
	width:980px;
	height:340px;
	margin:0px auto;
	position:relative;
	z-index:0;
}

/* 共通
------------------------------------------------- */
section{
	padding:0px 0px 25px 0px;
}


/* Banner Slide
------------------------------------------------- */
section#bannerSlideArea{
	width:730px;
	height:auto;
	margin:0px 0px 0px 0px;
	}
	section#bannerSlideArea h2{
		padding-bottom:15px;
	}
	section#bannerSlideArea #bannerSlide{
		background:url(../images/bg_banner_slide_area.jpg);
		position:relative;
		border-radius:4px;
		-webkit-border-radius:4px;/* Safari,Google Chrome用 */
		-moz-border-radius:4px;/* Firefox用 */
	}
	section#bannerSlideArea #bannerSlide ul{
		display:block;
		width:687px;
		margin:0px auto;
		padding:8px 0px;
		overflow:hidden;
	}
		section#bannerSlideArea #bannerSlide ul li{
			display:block;
			width:219px;
			height:123px;
			margin:0px 5px;
			float:left;
		}
	section#bannerSlideArea #bannerSlide #btnPrevBanner{
		width:31px;
		height:32px;
		position:absolute;
		top:53px;
		left:-10px;
	}
	section#bannerSlideArea #bannerSlide #btnNextBanner{
		width:31px;
		height:32px;
		position:absolute;
		top:53px;
		left:710px;
	}



/* News
------------------------------------------------- */
section#news{
	
}
	section#news h2{
		display:block;
		with:40%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px;
		float:left;
	}
	section#news p.linkNewsList{
		display:block;
		with:40%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px;
		float:right;
		text-align:right;
	}
	section#news #newsList{
		clear:both;
		width:730px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		section#news #newsList .newsSet{
			padding:10px 5px 10px 5px;
			background:#fff;
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			float:left;
			margin-bottom:20px;
		}
			.newsSet p.photo{
				text-align:center;
			}
			.newsSet h3{
				font-weight:bold;
				font-size:120%;
				padding:7px 7px;
				color:#5689ba;
			}
				.newsSet h3 a{
					color:#5689ba;
				}
			.newsSet p.date{
				display:block;
				background:url(../images/icon_update.jpg) 7px center no-repeat;
				padding:0px 0px 0px 57px;
				color:#008cba;
				font-size:110%;
				font-weight:bold;
			}
			.newsSet p.copy{
				padding:5px 7px;
			}
.col2 {
	width:216px;
}

	#headNews {
		font-size: 90%;
		background: #d85e76;
		color: #fff;
		padding: 6px;
		margin: 8px 0;
		border-radius: 8px;
		border: 1px solid #d82d4d;
		line-height: 1.4em;
	}
	
	#headNews ul li {
		list-style-type: disc;
		margin-left: 17px;
	}


/* Movie
------------------------------------------------- */
section#movie{
}
	section#movie h2{
		display:block;
		with:40%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px;
		float:left;
	}
	section#movie #movieList{
		clear:both;
		width:730px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		section#movie #movieList .movieSet{
			padding:10px 5px 10px 5px;
			background:#fff;
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			float:left;
			margin-bottom:20px;
			position:relative;
		}
			.movieSet p.iconYoutube{
				display:block;
				position:absolute;
				top:-14px;
				left:-14px;
				z-index:6521;
			}
			.movieSet p.photo{
				text-align:center;
			}
			.movieSet h3{
				font-weight:bold;
				font-size:120%;
				padding:7px 7px;
				color:#5689ba;
			}
				.movieSet h3 a{
					color:#5689ba;
				}
			.movieSet p.date{
				display:block;
				background:url(../images/icon_update.jpg) 7px center no-repeat;
				padding:0px 0px 0px 57px;
				color:#008cba;
				font-size:110%;
				font-weight:bold;
			}
			.movieSet p.copy{
				padding:5px 7px;
			}
.col2 {
	width:216px;
}

#youtube_area {
	width: 730px;
	height: 330px;
	margin-bottom: 20px;
}