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

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

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

	body container

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

/* body -------------*/
body {
	background-image: url(../_img/index/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/* container -------------*/
#container {
	background-image: url(../_img/common/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 930px;
}

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

	flashArea

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

/* flashArea -------------*/
#flashArea {
	height: 346px;
	position: absolute;
	width: 100%;
	left: 0px;
	text-align: center;
	top: 180px;
}

* html #flashArea {
	width: 1100px;
	top: 0px;
	left: -85px;
}
* html #contentsArea {
	position: relative;
}

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

	picupContents

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

/* picupContents -------------*/
#picupContents {
	margin-top: 346px;
}
#picupContents span { display:block; }
#picupContents ul {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
}
#picupContents li {
	width: 233px;
	float: left;
}
#picupContents li.n4 {
	width: 231px;
}
#picupContents p {
	color: #999999;
	padding: 10px;
}

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

	columnBox

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

/* columnBox -------------*/
#columnBox {
	width: 930px;
}
#columnBox .column {
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}

/* column1 -------------*/
#column1 {
	width: 390px;
	float: left;
	overflow: hidden;
}
#wnArea {}
#wnArea ul {
	margin-top: 4px;
}
#wnArea li {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 7px;
	padding-bottom: 7px;
}
#wnArea li.even {
	background-color: #F7F7F7;
}
#wnArea li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wnArea li span {
	display: block;
	float: left;
}
#wnArea li span.date {
	width: 83px;
	color: #999999;
	background-image: url(../_img/index/wn_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 17px;
}
#wnArea li span.title {
	width: 283px;
}
#wnArea li span.title a {
	text-decoration: none;
}
#wnArea li span.title a:hover {}
#sbArea {}
#sbArea ul {}
#sbArea li {
	display: block;
	width: 173px;
	height: 53px;
	float: left;
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	overflow:hidden;
}
#sbArea li.odd {
	border-right-style: none;
}
#sbArea li.even {}
#sbArea li span {
	display: block;
}
#sbArea span.icon {
	border: 1px solid #DDDDDD;
	padding: 1px;
	float: left;
	margin-right: 5px;
	margin-right: -3px;
}
#sbArea span.title {
	font-weight: bold;
	display: block;
	width: 110px;
	float: right;
	line-height: 120%;
}
#sbArea span.date {
	float: right;
	width: 110px;
}
#sbArea span.author {
	float: right;
	width: 110px;
	overflow: hidden;
	height: 1.4em;
	color: #999999;
	font-size: 83%;
}
#virtualViewer {
	margin-bottom: 20px;
}
		
/* column2 -------------*/
#column2 {
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
}
#wkArea {
	width: 298px;
	overflow: hidden;
}
#wkArea ul {
	list-style-image: none;
	list-style-type: none;
}
#wkArea ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	padding: 10px;
}
#wkArea ul li.even {
	background-color: #F7F7F7;
}
#wkArea ul li span {
	display: block;
}
#wkArea ul li span.photo {
	float: left;
	margin-right: 10px;
}
#wkArea ul li span.cat {
	color: #999;
}
#wkArea ul li span.title {
	font-weight: bold;
}
#wkArea ul li span.text {
	color: #999;
	overflow: hidden;
}

/* column3(sideMenu) -------------*/
#column3 {
	width: 220px;
	margin-right: 0px;
	float: right;
	overflow: hidden;
}

/* infonArea-------------*/
#infonArea {
	float: left;
	width: 700px;
	overflow: hidden;
	position: relative;
	height: 169px;
}
#infonArea ul li.i1 {
	position: absolute;
}
#infonArea ul li.i5 {
	width: 358px;
	position: absolute;
	left: 340px;
}




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