@charset "UTF-8";

/* keyvisual.css 
--------------------------------------------------------------------------*/

#top-image{
	margin: 13px 5px 0;
	position: relative;
}
#top-image .visual{
	float: left;
	width: 762px;
	height: 295px;
	background: url(../images/home/bg_keyv_visual.gif) no-repeat 0 0;
	position: relative;
	zoom: 1;
}
#top-image .visual .visual-item{
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px;
	display: none;
	z-index: 0; /* IE8 fix */
}
#top-image .visual .visual-item .visual-item-button{
	position: absolute;
	top: 231px;
	left: 577px;
	zoom: 1;
}
#top-image .visual .default{
	display: block;
}
#top-image .thumbnail{
	float: right;
	width: 188px;
	height: 240px;
	padding: 13px 0;
	overflow: hidden;
	background: url(../images/home/bg_keyv_thumbnail.gif) no-repeat 0 0;
	margin-top: 9px;
}
#top-image .thumbnail li{
	float: left\9; /* IE8 fix */
	*float: none; /* IE7 and below fix */
	margin-left: 6px;
	padding: 6px;
	line-height: 1;
}
#top-image .thumbnail li.first{
	margin-top: 80px;
}
#top-image .thumbnail li.second{
	margin-top: 0px;
}
#top-image .thumbnail li.third{
	margin-top: -240px;
}
#top-image .control li.prev{
	position: absolute;
	top: 9px;
	right: 0;
	padding: 0;
	line-height: 1;
	font-size: 50%;
}
#top-image .control li.next{
	position: absolute;
	top: 262px;
	right: 0;
	padding: 0;
	line-height: 1;
}
#top-image .control li.prev img,
#top-image .control li.next img{
	vertical-align: top;
}
#top-image .visual #visual-item-1 p{
	margin-bottom: 0;
}
#top-image .visual #visual-item-1 ul li{
	float: left;
}