@charset "utf-8";
/* CSS Document */

/*   [header]
---------------------------------------*/
.header {
	height: 417px;
	background: url(../images/top/bg_header_02.png) repeat-x 0 0;
}
.header .inner {
	position: relative;
	background: none;
	width: 952px;
	margin: 0 auto;
	text-align: left;
}
.title{
	background: none;
	height: 256px;
}


/*   [container]
---------------------------------------*/

.container {
	text-align: left;
	margin: -328px auto 0 auto;
	width: 960px;
	background: url(../images/top/bg_container.png) no-repeat 0 274px;
}


/* keyvisual */

.title {
	padding: 0 0 0 0;
	position: relative;
	top: 20px;
}


#multiHeroContents {
	margin-left: 45px;
	position: absolute;
	left:0;
	top:0;
	
}

#multiHeroContents li {
	display: none;
}


#multiHeroControls li {
	display: none;
}
#multiHeroControls .next {
	display: block;
	position: absolute;
	top:0;
	right: 0;
}

#multiHeroControls .back {
	position: absolute;
	display: block;
	top:0;
	left: 0;
}

/*   [top-content]
---------------------------------------*/
.top-content{
	width: 930px;
	margin: 35px 0 0 15px;
}

/*   [product-box]
---------------------------------------*/
.top-content .product-box{
	border: 1px solid #CCCCCC;
	background: url(../images/top/bg_product_001.png) no-repeat 0 100%;
	padding-bottom: 10px;
}
.top-content .product-box ul{
	width: 930px;
	margin-left: 10px;
	margin-top: 14px;
}
.top-content .product-box ul li{
	border: 1px solid #CCCCCC;
	background: url(../images/top/bg_product_002.png) no-repeat 0 100%;
	width: 213px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;
	height: 115px;
}

.top-content .product-box ul li.long{
	background: url(../images/top/bg_product_003.png) no-repeat 0 100%;
	height: 125px;
}

.top-content .product-box ul li.pickup{
	border: 1px solid #00895B;
	background: #E1FFF5 /*url(../images/top/bg_product_002.png) no-repeat 0 100%*/;
	width: 213px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;
	height: 125px;	
}

.top-content .product-box ul li h3{
	margin: 10px 0 0 10px;
}

.top-content .product-box ul li.pickup h3{
	margin: 0px 0 0 0px;
}

.top-content .product-box ul li.pickup h4{
	margin: 8px 0 0 10px;
}

.top-content .product-box ul li p.image{
	margin: 9px 0 0 10px;
}
.top-content .product-box ul li dl{
	margin: -60px 0 0 80px;
	font-size: 10px;
	height:70px;
	overflow:visible;
}

.top-content .product-box ul li.pickup dl{
	margin: -50px 0 0 80px;
	font-size: 10px;
	height:55px;
	overflow:visible;
}

.top-content .product-box ul li dl dd{
	margin-bottom: 3px;
}
.top-content .product-box ul li dl dd.margin{
	margin-top: 15px;
	margin-bottom: 3px;
}
.top-content .product-box dd a{
	display: block;
	background: url(../images/icon_arrow_004.gif) no-repeat 0 0.5em;
	padding-left: 8px;
	color: #000000;
}
.top-content .product-box ul li.contact{
	border: 0;
	background: #EAEAEA;
}
.top-content .product-box ul li.contact p{
	text-align: center;
	margin-top: 28px;
}
.top-content .product-box ul li.contact p.botten{
	margin-top: 11px;
}


/*   [news-box]
---------------------------------------*/
.content .news-box{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F9F9F9;
	padding-bottom: 10px;
}
.content .news-box ul.item-list{
	width: 680px;
	margin: 20px 0 0 20px;
}
.content .news-box ul.item-list li{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
}
.content .news-box ul.item-list li dl{
	margin: -70px 0 0 90px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
.content .news-box ul.item-list li dd{
	line-height: 1.4;
}

.content .news-box ul.option{
	width: 680px;
	margin: -10px 0 0 20px;
}
.content .news-box ul.option li{
	float: left;
	width: auto;
	margin-right: 20px;
}


/*----- clearfix scheme -----*/
/* For modern browsers */
.top-content .product-box ul:before,
.top-content .product-box ul:after {
    content:"";
    display:table;
}
 
.top-content .product-box ul:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.top-content .product-box ul {
    zoom:1;
}

/*   [content]
---------------------------------------*/

.content{
	margin-top: 30px;
}

.content h2{
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/*   [sidebar]
---------------------------------------*/
.sidebar{
	margin-top: 30px;
}