/* Super Healing Foam Page Width Up
------------------------------------ */
.contents{text-align: left;}


/* Super Healing Foam spec style
------------------------------------ */
.spec,.specTxt{margin-left: 80px;}
.spec th{text-align: left; vertical-align: top;}
.spec th img,.spec td img{vertical-align: middle;}
.spec td{padding-top: 10px;}
.spec td a img{border: 0;}
.spec td a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.spec h3{color: #2a6f83; margin-bottom: 2px; line-height: 170%;}
.spec p{color: #87888b; font-weight: normal; text-transform: uppercase; font-family: "Times New Roman";font-size: 120%;margin-top: 0;}
td.shfPrice{text-align: right; vertical-align: top;}
.spec .specTxt{line-height: 170%;font-size: 100%; color: #333333;}
ul.sheetInfo{list-style-type: none; margin-left: 400px;}
ul.sheetInfo li{background: url(shf_img/kome.gif) no-repeat top left; padding-left: 23px; margin-bottom: 5px;}




.top{text-transform: uppercase; background:url("./shf_img/h2-back.jpg") repeat-y left top; padding-left: 30px; padding-top: 20px;padding-bottom: 10px;}
h2 span{text-transform: none; display: inline;}



/* Story
------------------------------------ */
.story{border-style: solid none; border-width: 1px 0; border-color: #333; clear: both; font-size: 85%; margin: 0; padding: 0;}
.photoRight{float: right;border-left: 1px solid #333;margin-left: 10px; padding-top: 30px;}
.story2{border-bottom: solid 1px #333; clear: both; font-size: 85%;  margin: 0; padding: 0;}
.photoLeft{float: left;border-right: 1px solid #333; margin-right: 10px;}
.story p,.story2 p{line-height: 200%; margin: 0; padding: 10px;}
.story h3,.story2 h3{padding-top: 20px; color: #6c6c6c;}


/* Shousai
------------------------------------ */
.shousai h3{padding: 10px 0 5px 10px;}
.shousai h4{padding: 5px 0 20px 10px;}

.shousai .listFloat li{margin:2px;}

/* specmap
------------------------------------ */

.column1 h4,.column2 h4{font-weight: bold; padding-top: 10px;padding-bottom: 10px;}

.column1,.column2{width: 462px; padding: 0; padding-left: 8px; padding-bottom: 15px;}
.column1{background: url("./shf_img/column-back1.png") no-repeat left top; height: 316px;}
.column2{background: url("./shf_img/column-back2.png") no-repeat left top; height: 206px;margin-top: 10px; margin-bottom: 10px;}
* html .column1{height: 331px; width: 470px;}
* html .column2{height: 221px; width: 470px;}

.listFloat{margin: 0; padding: 0; margin-left: 8px;}
.kitin,.germa,.bincho,.platina{width:220px; height: 139px; position: relative; text-align: left; margin: 0; padding: 0;}

.kitin{background: url("./shf_img/kitin-kitosan_220.png") no-repeat left top;}
.kitin h4{position: absolute;top: 103px; color: #be7b61; font-size: 116%;}
.kitin p{margin: 10px; font-size: 78%; line-height: 120%;}

.germa{background: url("./shf_img/germanium_220.png") no-repeat left top;}
.germa h4{position: absolute;top: 103px; color: #696467; font-size: 116%;}
.germa p{margin: 10px; font-size: 78%; line-height: 160%;}

.bincho{background: url("./shf_img/bincho_220.png") no-repeat left top;}
.bincho h4{position: absolute;top: 103px; color: #556a92; font-size: 116%; text-align: center; width: 100%; margin: 0; padding: 0;}
.bincho h4 span{font-size: 70%;}
.bincho p{margin: 10px; font-size: 78%; line-height: 160%;}


.platina{background: url("./shf_img/platina_220.png") no-repeat left top;}
.platina h4{position: absolute;top: 103px; color: #696467; font-size: 116%;}
.platina p{margin: 10px; font-size: 78%; line-height: 160%; text-align: right;}


.specList{width: 360px; float: left;}
.specList li{display: block; background-color: #edecec; margin-left: 5px; width: 175px;}
.specList p{margin: 10px 13px; padding: 0;}

.column2 p{font-size: 93%; line-height: 140%;}
.column2 .left{margin: 5px;}