@charset "UTF-8";
/* -----------------------------------------------
FileName: base.css
----------------------------------------------- */

/* Base */	


#top {
	background: url(../../images/bg-top.jpg) 0 0 repeat-x !important;
}
#keyR {
	height: 548px;
}
#wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(../../images/bg-wrapper.png) center top no-repeat;
}
.column2 {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
}
.mainColumn {
	width: 738px;
	float: left;
}
.sideColumn {
	width: 310px;
	float: right;
}
#concept {
	height: 312px;
	padding: 84px 0 0 32px;
	background: url(../../images/bg-concept.png) 0 0 no-repeat;
}
#concept p {
	font-weight: bold;
}
#news {
	padding: 68px 0 0 0;
}
#news dl {
	font-size: 12px;
	width: 280px;
}
#news dl dt {
	color: #505050;
	background: url(../../images/news-arrow.gif) 0 8px no-repeat;
	padding: 0 0 0 10px;
}
#news dl dd {
	padding: 0 0 5px 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
#newsBox {
	width: 280px;
	padding: 0 20px 0 10px;
	height: 240px;
}
#contentsArea {
	width: 100%;
	height: 500px;
	background: url(../../images/bg-contentsarea.gif) 0 0 repeat-x;
}
#contentsArea section {
	width: 1080px;
	padding: 34px 0 0 0;
	margin: 0 auto;
	height: 466px;
	text-align: left;
}
#contentsArea section h2 {
	margin: 0 0 18px 0;
}
#contentsArea section ul {
	width: 1080px;
	height: 428px;
	background: url(../../images/bg-products.png) 0 0 no-repeat;
	position: relative;
}
#contentsArea section ul li {
	color: #fff;
	width: 340px;
}
#contentsArea section ul li img {
	display: block;
	margin: 0 0 2px 0;
}
#contentsArea section ul #pictFrame {
	position: absolute;
	left: 0;
	top: 15px;
}
#contentsArea section ul #pictGlare {
	position: absolute;
	left: 370px;
	top: 15px;
}
#contentsArea section ul #pictTalex {
	position: absolute;
	left: 740px;
	top: 15px;
}
#contentsArea section ul #pictContact {
	position: absolute;
	left: 0;
	top: 235px;
}
#contentsArea section ul #pictLvision {
	position: absolute;
	left: 370px;
	top: 235px;
}
#contentsArea section ul #pictHa {
	position: absolute;
	left: 740px;
	top: 235px;
}
.shopInfo {
	width: 335px;
	float: left;
}
.shopInfo dl dt {
	width: 60px;
	float: left;
}
.shopInfo dl dd {
	padding: 0 0 0 10px;
	margin: 0 0 0 70px;
	border-left: 1px solid #e6e6e6;
}
.textList {
	margin-left: 10px;
}
.textList li {
	background: url(../../images/icon-list.gif) 0 10px no-repeat;
	padding: 0 0 0 10px;
	font-size: 12px;
}
#oldSite {
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../images/arrow-footer.png) 10px 16px no-repeat #333343;
	padding: 5px 10px 5px 12px;
}
#oldSite:hover {
	background: #4d4d5b;
}