@charset "utf-8";

/**
 *
 *  トップページ
 *
 */


/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
#container{
	width:100%;
}
#main{
	float:inherit;
	width:100%;
	padding:0;
	z-index:9000;
}
#main h2{
	padding:0;
	border-bottom:none;	
}


/*--------------------------------------------------------------------------
   MV
---------------------------------------------------------------------------*/

/* slider
-----------------------------------------------------------------*/
#MV.slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height:125px;
	min-width: 978px;
	margin: 0 auto;
	padding-top: 419px;
	background:url(../images/top/mv_bg_rp.png);
	border-bottom:1px solid #E6E6E6;
	z-index:9100;
}
#MV.slider ul.list{
	position: absolute;
	top: 0;
	left: 0;
	border-bottom:1px solid #E6E6E6;
}
#MV.slider ul.list li{
	height: 418px;
	margin: 0;
	float: left;
}

/* thumbnail */
#MV.slider .thumbnail{
	padding:23px 0 10px 0;
	text-align:center;

}
#MV.slider .thumbnail li{
	margin:0;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#MV.slider .thumbnail a{
	display: block;
	float: left;
	margin: 0 3px;
	border: 3px solid transparent;
}
#MV.slider .thumbnail a.active,
#MV.slider .thumbnail a:hover{
	border: 3px solid #212123;
	background:#000;
}
#MV.slider .thumbnail a img{
	width:165px;
	height:70px;
}

 
/* prev, next */
#MV.slider .prev,
#MV.slider .next{
	position: absolute;
	top: 183px;
}
#MV.slider .prev{
	left: 50%;
	margin-left: -510px;
}
#MV.slider .next{
	right: 50%;
	margin-right: -510px;
}

/* free-html-area
-----------------------------------------------------------------*/
#MV .free-html-area{
	position:absolute;
	width:248px;
	top:38px;
	right:50%;
	margin-right:-445px;
}
#MV .free-html-area .area{
	padding:5px 0;
}


/*--------------------------------------------------------------------------
   Styling slider
---------------------------------------------------------------------------*/
#Styling{
	position:relative;
	z-index:9200;
}
#Styling h2{
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-131px;
	z-index:9998;
}
#Styling .slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 232px;
	margin: 139px auto 0 auto;
	padding-top: 464px;
	border-bottom:1px solid #EEEEEE;
}
#Styling .slider ul.list{
	position: absolute;
	top: 0;
	left: 0;
}
#Styling .slider ul.list li{
        width:232px;
	position:relative;
	height: 464px;
	margin: 0;
	float: left;
}
#Styling .slider ul.list li a{
        display: block;
}
#Styling .slider ul.list li span.hover01{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:232px;
	height:59px;
	background:#FFF;
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#Styling .slider ul.list li:hover span.hover01{
	display:none;
}
#Styling .slider ul.list li span.hover02{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:232px;
	height:405px;
	background:url(../images/top/styling_hover.png) no-repeat;
}
#Styling .slider ul.list li:hover span.hover02{
	display:block;
}
 
/* prev, next */
#Styling .slider .prev,
#Styling .slider .next{
	position: absolute;
	top: 183px;
}
#Styling .slider .prev{
	left: 50%;
	margin-left: -510px;
}
#Styling .slider .next{
	right: 50%;
	margin-right: -510px;
}


/*--------------------------------------------------------------------------
   news
---------------------------------------------------------------------------*/
#main .news{
	overflow: hidden;
	position:relative;
	width: 980px;
	margin:50px auto 0 auto;
	font-size:92%;
}
#main .news .btn-more{
	position:absolute;
	top: 2px;
	right: 0;
}
#main .news .list-wrap{
	overflow: hidden;
	width: 1020px;
	padding-top: 35px;
}
#main .news .list{
	overflow: hidden;
	float: left;
	width: 330px;
	margin: 0 10px 40px 0;
}
#main .news .list .img-wrap{
	display: table-cell;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	padding: 2px 3px 3px 2px;													
	background: url(../images/index/image_bg.png) no-repeat;

}
#main .news .list p.img{
display:block;
position:relative;
width:120px;
height:120px;
overflow:hidden;
}
#main .news .list p.img img{
position: absolute;
height: 100%;
/*left: -50%;*/
}
#main .news .list .txt{
	display: table-cell;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 155px;
	padding:0 0 0 20px;
}
#main .news .list .txt span.ico{
	display: block;
	padding:0 0 10px;
}
#main .news .list .txt dl{
}
#main .news .list .txt dl dt{
	font-weight: bold;
	padding:0 0 10px 0;
}
#main .news .list .txt dl dd{
	color: #666;
}
#main .news .list.hover .img img{
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#main .news .list.hover dd{
	text-decoration:underline;
}