/* header *************************/
div#header{
	background:url(../images/top/top-header-back-blue.png) repeat-x top left !important;
	height:350px !important;
}

/* slider *************************/
div#slider{
	width:663px;
	height:230px;
	position: relative;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
}

#sliderContent {
   width: 663px;
   position: absolute;
   top: 0;
   margin:0 !important;
   padding:0;
}

#sliderContent li{
   border:none !important;
}


.sliderImage {
   float: left;
   position: relative;
   display: none;
	margin:0 !important;
}

.sliderImage span {
   display: none;
}

#ecohouse{
	margin-top:5px;
	margin-left:5px;
	width:275px;
	float:left;
}
/*
div#slider{
	clear:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:940px;
	margin:7px auto 0;
}	

div#slider ul, div#slider li{
	margin:0;
	padding:0;
	list-style:none;
}

div#slider li{ 
	width:940px;
	height:230px;
	overflow:hidden; 
}
*/


div#cont h2{
	clear:both;
}

div#cont-left{
	width:400px;
	float:left;
	padding:10px;
}

div#news{
	width:400px;
	margin:0 0 10px;
}

div#cont-left h2{
	width:400px;
	height:34px;
	text-indent:-9999px;
}

div#news h2{
	background:url(../images/top/top-h2-news.png) no-repeat top left;
}

div#news table th{
	font-weight:normal;
	white-space:nowrap;
	letter-spacing:0;
}

div#news table th,div#news table td{
	border-bottom:1px solid #ccc;
	padding:10px 4px;
	vertical-align:top;
}
div#news dl{
	margin: 0px;
	padding: 0px;
}

div#news dl dt{
	margin-bottom: 2px;
	padding: 1px;
}

div#news dl dd{
	margin-left: 20px;
	margin-bottom: 4px;
	padding: 1px;
}

div#seminar{
	width:400px;
	margin-bottom:10px;
}

div#seminar:after {
 content : "";
 display : block;
 height : 0;
 clear : both;
}

div#seminar h2{
	background:url(../images/top/top-h2-seminar.png) no-repeat top left;
}

div#msg{
	margin-bottom:10px;
}
div#msg h2{
	background:url(../images/top/top-h2-msg.png) no-repeat top left;
}

div#seminar p#otaka{
	float:left;
	width:71px;
	height:64px;
}

#cont ul{
	list-style-type:square;
	margin:5px;
	padding:0;
}

#cont ul li{
	margin:2px 0 2px 20px;
}

div#seminar ul{
	float:left;
	width:240px;
	height:64px;
	margin-top:0;
}

div#ojt{
	clear:both;
	margin-bottom:10px;
}

div#ojt h2{
	background:url(../images/top/top-h2-ojt.png) no-repeat top left;
}

#pmark{
	width:400px;
	border:1px solid #ccc;
}


div#products{
	float:left;
	width:480px;
	padding:10px;
	border-left:1px solid #ccc;
}

div#products h2{
	background:url(../images/top/top-h2-products.png) no-repeat top left;
	width:480px;
	height:34px;
	text-indent:-9999px;
}

div#products h3{
	text-indent:-9999px;
	height:30px;
}

div#products div.staple {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #999;
	border-right:1px solid #ccc;
	padding:10px 10px 3px 10px;
	margin-bottom:5px;
}

div#products div p{
	margin:5px 0 0;
}

div#products #mfp h3{
	/*
	background:url(../images/top/top-products-mfp.png) no-repeat top left;
	*/
}

div#products p{
	margin:5px 0 0;
}


div#products #sa h3{
	/*
	background:url(../images/top/top-products-sa.png) no-repeat top left;
	*/
}

div#products #lucole{
	padding-bottom:5px;
}

div#products #lucole h3{
	/*
	background:url(../images/top/top-products-lucole.png) no-repeat top left;
	*/
}


div#products #lucole #lucole-p{
	width:220px;
	border:1px solid #ccc;
	padding:0;
}

div#misc h2{
	background:url(../images/top/top-h2-misc.png) no-repeat top left;
	width:480px;
	height:34px;
	text-indent:-9999px;
}

p.etc{
	margin-top:5px;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/top/top-arrow.gif) no-repeat left center;
	float:right;
}

table#lucole-lp{
	border:1px solid #999;
}

table#lucole-lp caption{
	background:url(../images/top/top-products-lucole-lp.jpg) no-repeat top left;
	height:30px;
	text-indent:-9999px;
}

table#lucole-lp td{
	width:235px;
	vertical-align:top;
	text-align:center;
	padding:5px;
}

.stdind {
	margin-left: 20px;
}