@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */


/* =================================
   ■ 
================================== */

#accent{
	margin-top:140px;
	clear:both;
	background-color:#FFF;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}
#accent #accent-inner{
	position:relative;
	margin:0 auto;
	width:932px;
}

#accent .shadow{
	position:absolute;
	top:0;
	height:335px;
	width:932px;
	margin:0;
	z-index:2;
}
#accent #shadowR{
	right:-932px;
	background:url(../../img/index/sha.png) no-repeat;
}
#accent #shadowL{
	left:-932px;
	background:url(../../img/index/sha.png) no-repeat;
}

#accent .img-area{
	height:335px;
	position:relative;
	visibility:hidden;
}

#accent .img-area li{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#accent .nextprev{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
}
#accent .nextprev li{
	position:absolute;
	top:150px;
}
#accent .nextprev li.next{
	right:10px;
}
#accent .nextprev li.prev{
	left:10px;
}
#accent .nextprev li a img{
	position:relative;
	transition: left 0.2s ease-out, right 0.2s ease-out;
	left:0;
}
#accent .nextprev li.next a:hover img{
	left:7px;
}
#accent .nextprev li.prev a:hover img{
	left:-7px;
}



/* --------------------------------
   □ コンテンツ
-------------------------------- */ 

#index .contentsnav{
	padding-top:370px;
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}

#index .contentsnav dl.long{
	width:224px;
}

#index .contentsnav dl.middle{
	width:219px;
}

#index .contentsnav dl.end{
	margin-right:0;
}

#index .contentsnav dl{
	float:left;
	margin-right:15px;
}

#index .contentsnav dl dt{
	margin-bottom:5px;
}

#index .contentsnav dl dd{
	color:#999;
	font-size:10px;
}

#index .contentsnav dl dd a{
	color:#439af0;
}


#index .main h2{
	margin-bottom:30px;
}

#index .main .faceArea h2{
	margin-bottom:5px;
}


#index .main .newsArea{
	position:relative;
}

#index .main .newsArea p.listbtn{
	position:absolute;
	top:6px;
	right:48px;
}

#index .main .columnArea{
	position:relative;
}

#index .main .columnArea p.listbtn{
	position:absolute;
	top:6px;
	right:48px;
}