@charset "UTF-8";

#top #contents{
	background: #FFF url(common/img/contents/cont_bg_index.gif) repeat-y;
}

#top #header {
	background: url(/common/img/header/head_bg_index.png) no-repeat;
}

#contents #main1,#contents #main2 { margin-top: 20px; }
#main1 #lineup { margin-bottom: 30px; }
#main2 #portfolio { margin-bottom: 40px; }

#main1 h2, #main2 h2 { margin-bottom: 20px; 	
}

#lineup {
	position:relative;
}

/* slider */
#slider {
	margin-left: 5px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	width:280px;
	height:150px;
	}
#slider ul {
}
#slider li{
	overflow:hidden;
	text-indent:-8000px;
	}
#slider li a {
	display:block;
	width:280px;
	height:150px;
}

#slider li a:hover {
	background: none;
}

#prevBtn, #nextBtn{
	display:block;
	width:29px;
	height:29px;
	position:absolute;
	top:95px;
	text-indent:-8000px;
	}
#prevBtn{
	left:-8px;
}
#nextBtn{ 
	left:270px;
}														
#prevBtn a, #nextBtn a{
	display:block;
	width:29px;
	height:29px;
	}
#prevBtn a {
	background:url(img/contents/slidernav.png) no-repeat 0 0;
}
#nextBtn a{
	background:url(img/contents/slidernav.png) no-repeat -29px 0;
}

li.s1 {
	background: url(img/contents/slider.jpg) no-repeat 0 0;
}
li.s2 {
	background: url(img/contents/slider.jpg) no-repeat 0 -150px;
}
li.s3 {
	background: url(img/contents/slider.jpg) no-repeat 0 -300px;
}
li.s4 {
	background: url(img/contents/slider.jpg) no-repeat 0 -450px;
}
li.s5 {
	background: url(img/contents/slider.jpg) no-repeat 0 -600px;
}
li.s6 {
	background: url(img/contents/slider.jpg) no-repeat 0 -750px;
}
li.s7 {
	background: url(img/contents/slider.jpg) no-repeat 0 -900px;
}
li.s8 {
	background: url(img/contents/slider.jpg) no-repeat 0 -1050px;
}

#info dl {
	text-align: left;
	position: relative;
}

#info dt {
	width: 44px;
	clear: left;
	float: left;
}
#info dd {
	margin-bottom: 6px;
	text-align: left;
	background: url(common/img/contents/border1.gif) repeat-x left bottom;
	padding-bottom: 10px;
	padding-left: 50px;
}

#info dd p {
	margin-bottom: 20px;
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#info ul.more  {
	margin-top: -10px;
}

#info ul.more li {
	background: url(common/img/contents/link_arrow2.gif) no-repeat left center;
	padding-left: 16px;
}

#portfolio ul {
	position: relative;
}

#portfolio li {
	width: 66px;
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
}

#portfolio a {
	border: 3px solid #EEE;
	display: block;
}

#portfolio a:hover {
	background: none;
		border: 3px solid #CCC;
}

#products a:hover {
	background: none;
}

#products li {
	margin-bottom: 30px;
	width: 275px;
	margin-left: 10px;
}

#products ul .over { margin-top: -20px; }