@charset "UTF-8";
/* index */
#spmain{
	display:none;}
#main{
	height:320px;
	padding:0 0 20px;}
#image-navigation{
	width:1050px;
	margin:0 auto;}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation img {
  border:0;
  vertical-align:bottom;
}

#image-navigation ul li a {
  display:block;
  width:250px;
  height:80px;
}
#image-navigation .navi {
  float:right;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation-text ul li a {
  display:block;
  width:250px;
  height:80px;
  color:#333;
  text-align:center;
}

#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }



#news{
	border:#CCC 1px solid;
	margin:10px 0;
	padding:10px 15px;}
#news dt{
		color:#0075a9;
		padding:0 0;
}
#news dd{
	margin:5px 0;
	padding:0 0 5px 12px;
	border-bottom:#CCC 1px dotted;
}
#news dd.lastchild{
	border-bottom:none;
	text-align:right;
	margin:0;
	padding:5px 0 0;}
#news dd.lastchild a{
	background:url(../img/common/arrow1.gif) no-repeat 0px 4px;
	padding:0 0 0 6px;}
.text_box {
	border:#CCC 1px solid;
	margin:10px 0;
	padding:10px 15px 5px;
}



#mainimage{
		padding:0;
		position:relative;}
#catchcopy{
	position:absolute;
	top:40px;
	right:20px;}
		
	.ytPlayer{
	margin: auto;
	text-align: center;
}
.ytlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

/* float fix */
.ytlist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.ytlist li{
	display: inline;
	float: left;
	margin: 5px; /* some space */
}

.ytlist td{
	padding: 5px; /* some space */
}

.ytlist h3{
	margin: 0;
	line-height: 1.55em;
}


.ytlist a {
	padding:0px;
}
/* hd */
.clip span {
	position: relative;
	display: block;
	height: 156px;	
	width: 288px;
	overflow: hidden;
}
.clip img{
	width: 288px;
	top: -30px;
	position: absolute;
	display: block;

}

/* thumbs */
.small .clip span {
	position: relative;
	display: block;
	height: 55px;	
	width: 106px;
	overflow: hidden;
}
.small .clip img{
	width: 100px;
	top: -12px;
	position: absolute;
	display: block;

}

/* for paging UL */
#ytPage{
	list-style: none inside;
	margin: 0;
	padding: 0;
	height: 20px;
}

#ytPage .ytNext{
	float: right; /* aligns to the right of ul */
}

#ytPage .ytPrev{
	display: inline-block; /* blocks keeps our ul height */
}

/* generator css */
input,select,textarea{
	padding: 3px;
	font-size: 1.1em;	
}

.index_bn{
	text-align:center;
	padding:0 0 10px;
	}
.index_bn li{
	display:inline;
	padding:0;
	}
.index_bn li img{
	padding:0 1px 5px;}
	
	.attention{
		color:#FF0004;
	}
	

#carouselWrap{
	margin:0 auto 20px;
	width:1050px;
	padding:0;
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:180px;
	left:0;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	top:180px;
	right:0;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner ul.column{
	width:1050px;
	padding:0;
	list-style-type:none;
	float:left;
}
#carouselInner ul.column li{
	float:left;
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}
.largebanner iframe{
	width:610px;
	height:343px;
}