@charset "UTF-8";

/* -------------------------------------------------------------------
IMPORT
 */

@import "../../cmn/css/import.css";

/**  **/

#HEADER{
	background:#FFFFFF url(../img/h_bg_products.jpg) 0 10px no-repeat;
	}
#CATEGORY{
	background:transparent url(../img/sm_bg.gif) left bottom no-repeat;
	}

/**  **/

#CONTENTS h1.next {
	clear: both;
	padding-top: 60px;
	}
#CONTENTS div.textBox  {
	width:456px;
	float:left;
	padding:0 0 0 2px;
	}
#CONTENTS div.textArea  {
	width:518px;
	padding:0 0 0 2px;
	}
#CONTENTS div.photoBox {
	width:246px;
	float:right;
	}
#CONTENTS div.textBox h2,
#CONTENTS div.textArea h2 {
	color:#A9A365;
	font-weight:bold;
	}
#CONTENTS div.textBox dt,
#CONTENTS div.textArea dt {
	color:#7b7637;
	}
#CONTENTS div.textBox dd,
#CONTENTS div.textArea dd {
	padding:0 0 10px ;
	}
#CONTENTS div.textBox01 {
	width:462px;
	float:right;
	padding:11px 0 0 2px
	}
#CONTENTS div.textBox01 p.catch {
	padding-bottom: 28px;
	}
#CONTENTS div.textBox01 p.summary {
	padding-bottom: 6px;
	}
#CONTENTS div.textBox01 h2 {
	padding-bottom: 6px;
	}
#CONTENTS div.textBox01 ul.feature li {
	padding-left: 16px;
	padding-bottom: 4px;
	text-indent: -16px;
	}
#CONTENTS div.textBox01 ul.feature li img {
	vertical-align: middle;
	}
#CONTENTS div.textBox01 ul.feature li a.pickupWord {
	color: #535353;
	}
#CONTENTS div.textBox01 ul.feature li a.pickupWord img {
	vertical-align: middle;
	}
#CONTENTS div.textBox01 ul#PICKUPWORD {
	padding: 25px 0 0;
	}
#CONTENTS div.textBox01 ul#PICKUPWORD li div.textPart {
	width:304px;
	float:right;
	}
#CONTENTS div.textBox01 ul#PICKUPWORD li div.textPart h4 {
	padding: 7px 0 0;
	color: #8790BC;
	font-weight: bold;
	}
#CONTENTS div.textBox01 ul#PICKUPWORD li div.textPart p {
	padding-top: 3px;
	line-height: 1.2;
	}
#CONTENTS div.textBox01 ul#PICKUPWORD li div.photoPart {
	width:144px;
	float:left;
	}
#CONTENTS div.photoBox01 {
	width:246px;
	float:left;
	}
#CONTENTS div.spec {
	clear:both;
	width:518px;
	float:left;
	padding:43px 0 0;
	}
#CONTENTS div.textBox01 div.spec {
	width:462px;
	}
#CONTENTS div.spec h2,
#CONTENTS div.relateInfo h2{
	padding:0 0 15px;
	}
#CONTENTS div.spec table{
	width:100%;
	}
#CONTENTS div.spec th,
#CONTENTS div.spec td{
	padding:6px 0 4px;
	vertical-align:top;
	background:#FFFFFF url(../../cmn/img/line_br_h01.gif) 0 0 repeat-x;
	}
#CONTENTS div.spec tr.first th,
#CONTENTS div.spec tr.first td{
	padding-top:0;
	background-image:none;
	}
#CONTENTS div.spec th{
	width:153px;
	padding-right:15px;
	color:#7b7637;
	}
#CONTENTS div.spec td ul.connect li{
	font-family: "ＭＳ ゴシック", "Osaka－等幅",mono;
	}
#CONTENTS div.spec td ul.keyword li{
	padding-bottom: 10px;
	}
#CONTENTS div.spec td ul.keyword div.textPart{
	width:230px;
	float:right;
	padding-top: 10px;
	}
#CONTENTS div.spec td ul.keyword h4{
	}
#CONTENTS div.spec td ul.keyword div.photoPart{
	width:110px;
	float:left;
	}
#CONTENTS div.spec td ul.spec{
	font-family: "ＭＳ ゴシック", "Osaka－等幅",mono;
	}
#CONTENTS div.spec .note{
	font-size:80%;
	color:#777777;
	}
#CONTENTS div.spec .note h3{
	padding-top:15px;
	color:#A9A365;
	font-weight:bold;
	}
#CONTENTS div.relateInfo {
	width:167px;
	float:right;
	padding:43px 0 0;
	color:#A9A365;
	}
#CONTENTS div.relateProducts {
	clear:both;
	width:714px;
	padding:43px 0 0;
	}
#CONTENTS div.relateProducts h2{
	padding: 0 0 24px;
	}


#CONTENTS div.relateProducts table.product td{
	width:168px;
	float:left;
	padding: 0 0 0 14px;
	background:transparent url(../../cmn/img/line_br_v01.gif) 6px 0 repeat-y;
	}
#CONTENTS div.relateProducts table.product td.first{
	padding-left: 0;
	background-image:none;
	}
#CONTENTS div.relateProducts table.product h3{
	padding: 0 0 4px;
	}
#CONTENTS div.relateProducts table.product .textBox{
	width: 97px;
	float: right;
	}
#CONTENTS div.relateProducts table.product .photoBox{
	width: 64px;
	float: left;
	padding: 4px 0 0;
	}
#CONTENTS div.relateProducts table.product .detail{
	clear: both;
	padding: 8px 0 0;
	}


#CONTENTS div.relateProducts div.product{
	width:168px;
	float:left;
	padding: 0 0 0 14px;
	background:transparent url(../../cmn/img/line_br_v01.gif) 6px 0 repeat-y;
	}
#CONTENTS div.relateProducts div.first{
	padding-left: 0;
	background-image:none;
	}
#CONTENTS div.relateProducts div.product h3{
	padding: 0 0 4px;
	}
#CONTENTS div.relateProducts div.product .textBox{
	width: 97px;
	float: right;
	}
#CONTENTS div.relateProducts div.product .photoBox{
	width: 64px;
	float: left;
	padding: 4px 0 0;
	}
#CONTENTS div.relateProducts div.product .detail{
	clear: both;
	padding: 8px 0 0;
	}

/**  **/

#CONTENTS div.indexList ul li{
	width:310px;
	float:left;
	padding-right:30px;
	padding-bottom:30px;
	}
#CONTENTS div.indexList ul li div.photoBox{
	width:110px;
	float:left;
	}
#CONTENTS div.indexList ul li div.textBox{
	width:200px;
	float:left;
	}
#CONTENTS div.indexList ul li div.textBox h2{
	padding: 8px 0 0;
	}
#CONTENTS div.indexList ul li div.textBox p{
	padding: 6px 0 0 2px;
	}

#CONTENTS div.indexList ul.noPhoto li{
/*
	width:518px;
	float:none;
	padding-right:0;
	padding-bottom:15px;
*/	}
#CONTENTS div.indexList ul.noPhoto li div.textBox{
	width:auto;
	float:none;
	}
#CONTENTS div.indexList ul.noPhoto li div.textBox h2{
	padding: 8px 0 0;
	}
#CONTENTS div.indexList ul.noPhoto li div.textBox p{
	padding-top:3px;
	}

#CONTENTS div.pdTop0{
	padding-top: 0;
	}
#CONTENTS .pdTop20{
	padding-top: 20px;
	}

#CONTENTS .sample{
	padding: 30px 0 20px;
	}
#CONTENTS .sample h2{
	padding: 0 0 20px;
	}