@charset "UTF-8";

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

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

/**  **/

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

/**  **/

#CONTENTS div.indexTitle {
	position: relative;
	}
#CONTENTS div.indexTitle ul {
	position: absolute;
	width: 306px;
	top: 123px;
	left: 176px;
	}

#CONTENTS div.mainText {
	clear:both;
	width:742px;
	float:left;
	font-size: 110%;
	line-height: 1.2;
	}
#CONTENTS div.relateInfo {
	width: 167px;
	float: right;
	color: #A9A365;
	padding:43px 0 0;
	}
.fullsize #CONTENTS div.relateInfo {
	padding-top: 0;
	}
#CONTENTS div.mainText div.lineUnit {
	margin-top: 20px;
	padding-top: 10px;
	background:transparent url(../../cmn/img/line_br_h02.gif) left top no-repeat;
	}
#CONTENTS div.mainText div.nopadding {
	margin-top: 10px;
	}
#CONTENTS div.mainText div.textBox {
	width: 350px;
	float: right;
	padding-top: 5px;
	}
#CONTENTS div.mainText .photoBox {
	width: 378px;
	float: left;
	padding-top: 6px;
	}
#CONTENTS div.mainText .photoL {
	width: 378px;
	float: left;
	padding-bottom: 20px;
	}
#CONTENTS div.mainText .photoR {
	width: 350px;
	float: right;
	padding-bottom: 20px;
	}
#CONTENTS div.mainText h2,
.fullsize #CONTENTS div.relateInfo h2{
	padding:33px 0 15px;
	}

#CONTENTS div.mainText h3 {
	padding-bottom: 14px;
	color:#7B7637;
	font-size: 110%;
	font-weight: bold;
	}
#CONTENTS div.mainText div.textBox h3 {
	font-size: 100%;
	}
#CONTENTS div.mainText h4 {
	margin-top: 20px;
	font-weight: bold;
	}
#CONTENTS div.mainText p {
	padding-bottom: 7px;
	}
#CONTENTS div.mainText ol.compact li {
	padding: 10px 0 43px;
	text-align: center;
	}
#CONTENTS div.mainText ol.absorb li {
	padding: 0 0 18px 14px;
	text-indent: -14px;
	}
#CONTENTS div.mainText ol.absorb li img {
	vertical-align: middle;
	}
/**  **/
#CONTENTS div.step {
	clear:both;
	width:518px;
	float:left;
	padding:43px 0 0;
	}
#CONTENTS div.step h2,
#CONTENTS div.relateInfo h2{
	padding:0 0 15px;
	}
#CONTENTS div.step table{
	width:518px;
	}
#CONTENTS div.step th,
#CONTENTS div.step td{
	padding:10px 0 8px;
	vertical-align:top;
	background:#FFFFFF url(../../cmn/img/line_br_h01.gif) 0 0 repeat-x;
	}
#CONTENTS div.step tr.first th,
#CONTENTS div.step tr.first td{
	padding-top:0;
	background-image:none;
	}
#CONTENTS div.step th{
	width:42px;
	color:#7b7637;
	}
#CONTENTS div.step th img{
	margin:2px 0 ;
	}
#CONTENTS div.step td dl.connect dt{
	width:120px;
	float:left;
	}
#CONTENTS div.step td ol li{
	padding: 5px 0 0 15px;
	text-indent: -15px;
	}
#CONTENTS div.step td ol li img.icon{
	margin-right: 3px;
	}
#CONTENTS div.step td.photoData{
	width:116px;
	padding-left:15px;
	}
#CONTENTS div.step td.photoData img{
	margin:2px 0 ;
	}
#CONTENTS div.step .note{
	font-size:80%;
	color:#777777;
	}
#CONTENTS div.step .note h3{
	padding-top:15px;
	color:#A9A365;
	font-weight:bold;
	}