@charset "UTF-8";

/* ****************************************************
Title: product.css
Created date: 2009/08/24
Last Modified: 2009/08/24
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 stay here
#02 primary

----------------------------------------*/


/* #01 stay here
---------------------------------------------------------------------------- */

div#secondary dl.lNavi ul li.stayHere a {
	color: #B3B3C2;
	padding: 6px 0 5px 20px;
	text-decoration: none;
}


/* #02 primary
---------------------------------------------------------------------------- */


div#primary {
	float: none;
	padding: 1px 0 0 0;
	width: 720px;
}

div#primary h3.titleP1{
	border-left: 5px solid #6481B3;
	margin:20px 0 0;
	padding:0 0 0 5px;
}

div#primary h3.titleP2{
	border:1px solid #C9C6C5;
	background: url(../common/images/ico_arrow03.gif) no-repeat 3px 0.6em #D9D9E0;
	margin: 17px 0 0;
	padding:3px 3px 3px 18px;
}

div#primary h4.titleP3{
	margin:1.8em 0;
}

div#primary h4.titleP3 span{
	background: url(../common/images/ico_square.gif) no-repeat 0 2px;
	font-weight: normal;
	font-size: inherit;
	padding: 0 0 0 12px;
}

div#primary div.figBlock{
	border: 1px solid #C9C6C5;
	border-top: none;
	padding:20px;
}

div#primary div.figBlock p.figImage{
	float: left;
	border: 1px solid #C9C6C5;
	margin-right: 20px;
	padding: 10px;
}

div#primary div.figBlock p.figImageJpg{
	float: left;
	margin-right: 20px;
}

div#primary ul.imgList {
	padding: 13px 0 0 0;
}

div#primary ul.imgList li {
	border: 1px solid #C0C0C0;
	float: left;
	margin: 0 20px 0 0;
	padding: 4px 4px 5px 4px;
	width: 200px;
}

div#primary ul.imgList li.lastImgList {
	margin: 0;
}

div#primary table.layout{
	margin:13px 0 0 ;
	border-collapse:collapse;
	width:100%;
}

div#primary table.layout td{
	vertical-align:top;
}

div#primary table.layout h3{
	margin:0 0 7px;
	padding:0 0 0 20px;
	background:url(../images/product/ico_arrow01.gif) no-repeat 5px 0.3em;
	border-bottom:1px solid #C9C6C5;
	line-height:1.4em;
}

div#primary table.layout p.textLead{
	margin-bottom:1em;
}

div#primary table.feature{
	border-collapse: collapse;
	border-top: 1px solid #677079;
	border-right: 1px solid #C0C0C0;
	margin:13px 0 0 ;
}

div#primary table.feature th,
div#primary table.feature td{
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #C0C0C0;
}

div#primary table.feature thead th{
	background:#7E909F;
}

div#primary table.feature tbody th{
	border-left: 1px solid #C0C0C0;
}

div#primary dl.sale {
	margin: 39px 0 0 0;
}

div#primary dl.sale dt.titleB{
	background: url(../common/images/bg_h2b.gif) no-repeat 0 bottom;
	clear: both;
	font-size: 90%;
	font-weight: bold;
	margin: 18px 0 7px 0;
	padding: 0 0 4px 10px;
}

div#primary dl.sale dt.titleP2{
	background: url(../common/images/ico_arrow03.gif) no-repeat 3px 0.4em #D9D9E0;
	padding:3px 3px 3px 18px;
	line-height:1em;
}

div#primary dl.sale dd ul {
	padding: 5px 0 0 0;
}

div#primary dl.sale dd ul li {
	border: 1px solid #C9C6C5;
	float: left;
	width: 335px;
	_height:130px;
	min-height:130px;
}

div#primary dl.sale dd ul li.lastSale {
	float: right;
	width: 354px;
}

div#primary dl.sale dd ul li dl dt {
	border-bottom: 1px solid #D0CCCF;
	padding: 3px 0 6px 19px;
}

div#primary dl.sale dd ul li dl dd {
	padding: 27px 0 27px 14px;
}

div#primary dl.sale dd ul li dl dd p {
	float: right;
}

div#primary dl.sale dd ul li dl dd p.saleTxt {
	float: left;
	font-size: 80%;
	width: 160px;
}

div#primary dl.sale dd ul li dl dd p img {
	padding: 0 8px 0 0;
}