@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ css ] [ uni_index.css ]
	-----------------------------------------------------------------------------------------------
	author: Lampros co.,ltd. Atsushi Umehara
	url:http://www.lampros.co.jp/
	making day: 2009-12-02
	---------------------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(common.css);

/* ================================================

	news

=================================================*/

/* news -------------*/
#news {}
#news ul {
	clear: both;
}
#news li {
	clear: both;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
#news li span {
	display: block;
	float: left;
}
#news li span.date {
	width: 80px;
	padding-left: 20px;
	background-image: url(../_img/index/li_icon.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #835289;
}
#news li span.title {
	display: block;
	width: 530px;
	margin-bottom: 5px;
}
#news li span.title a {
	font-weight: bold;
}
#news li span.title a:hover {}
#news li span.text {
	width: 530px;
	padding-left: 100px;
	color: #666666;

}

/* ================================================

	pickup

=================================================*/

/* pickup -------------*/
#pickup {}
#pickup ul {
	margin-top: 20px;
}
#pickup li {
	width: 308px;
	float: left;
	border: 1px solid #CCCCCC;
}
#pickup li.p1 {
	background-image: url(../_img/index/h4_img_1.jpg);
	background-repeat: no-repeat;
	background-position: 5px 40px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#pickup li.p2 {
	background-image: url(../_img/index/h4_img_2.jpg);
	background-repeat: no-repeat;
	background-position: 5px 40px;
	margin-bottom: 20px;
}
#pickup li.p3 {
	background-image: url(../_img/index/h4_img_3.jpg);
	background-repeat: no-repeat;
	background-position: 5px 40px;
	margin-right: 20px;
}
#pickup li.p4 {
	background-image: url(../_img/index/h4_img_4.jpg);
	background-repeat: no-repeat;
	background-position: 5px 40px;
}
#pickup li span {}
#pickup li span.title {}
#pickup li span.text {
	width: 216px;
	display: block;
	padding-left: 84px;
	color: #666666;
	margin-top: 5px;
}
#pickup li a {
	display: block;
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
}






/* clearfix
---------------------------------------------------------------------------------------------*/
#news li:after,
#pickup ul:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#news li,
#pickup ul
	{ display: inline-table; min-height: 1%; }
/* Hides from IE-mac */
* html #news li,
* html #pickup ul
	{ height: 1%; }
#news li,
#pickup ul
	{ display: block; }
/* End hide from IE-mac */