@charset "utf-8";

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

/* =================================
   ■ #index
================================== */


/* --------------------------------
   □ accent
-------------------------------- */
#index #accent{
	position:relative;
	background:url(../../images/top/accent/background.gif) 0 0 no-repeat;
	height:310px;
}
#index #accent .slideshow{
	position:relative;
	width:944px;
	height:282px;
	padding:3px 0;
	margin:0 3px;
	overflow:hidden;
}

#index #accent #slide{
	padding:3px 0;
	margin:0 3px;
}

#index #accent .slideshow ul{
}

#index #accent .slideshow ul li{
	width:944px;
	height:285px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px; 
}

#index #accent .recentButton{
	position:relative;
}

#index #accent .recentButton li{
	position:absolute;
	top:-194px;
}

#index #accent .recentButton li.next{
	right:-52px;
}
#index #accent .recentButton li.prev{
	left:-52px;
}

/* --------------------------------
   □ work
-------------------------------- */
#index ul.work {
	overflow:hidden;
	margin:25px -1px 10px -17px;
}

#index ul.work li{
	display:inline;
	float:left;
	height:224px;
	width:228px;
	margin-left:14px;
}

#index ul.work li dl{

	margin:20px 0 0 0px;
}

#index ul.work li dl dt{
	margin-bottom:8px;
	text-align:center;
}

#index ul.work li dl dd.explain p{
	text-align:center;
	margin:0;
}

#index ul.work li dl dd.explain p.text{
	margin-bottom:15px;
	text-align:center;
}


#index ul.work li li{
	display:block;
	float:none;
	background:none;
	height:auto;
	width:auto;
	margin-bottom:4px;
}

#index .contents p.cxf{
    padding-bottom: 20px;
}

/* --------------------------------
   □ newsInformation
-------------------------------- */

#newsInformation{
	clear:both;
	padding:20px;
	border:1px solid #D6D6D6;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	
	box-shadow: 0 0 10px 1px #ededed;
}

#newsInformation h2{
	padding:5px;
	margin-bottom:20px;
	border-bottom:1px solid #D6D6D6;
}

#newsInformation dl{
	padding:0 10px;
}

	#newsInformation dt,
	#newsInformation dd{
		padding-bottom:8px;
		margin-bottom:8px;
		background:url(../../images/common/border/gray-x1.gif) 0 100% repeat-x;

	}

	#newsInformation dt{
	    width:8em;
		float:left;
		clear:both;
	}

	#newsInformation dd{
	    padding-left:8em;	
	}
	
	*:first-child+html #newsInformation dd{
	    padding-left:0px;		
	}