@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 div.index h2{
	width:518px;
	margin:20px 0 5px;
	}
#CONTENTS div.index ul{
	width:518px;
	}
#CONTENTS div.index ul li{
	margin:0 0 5px 1.5em;
	list-style-type: disc;
	color:#fd7d30;
	}
/*
#CONTENTS div.index ul a:link{
	color:#525252;
	text-decoration:none;
	}
#CONTENTS div.index ul a:visited{
	color:#525252;
	text-decoration:none;
	}
#CONTENTS div.index ul a:hover{
	color:#525252;
	text-decoration:underline;
	}
#CONTENTS div.index ul a:active{
	color:#525252;
	text-decoration:underline;
	}
*/
/**  **/

#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.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;
	}
#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 .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 .first{
	padding-left: 0;
	background-image:none;
	}
#CONTENTS div.relateProducts .product h3{
	padding: 0 0 4px;
	}
#CONTENTS div.relateProducts .product .textBox{
	width: 97px;
	float: right;
	}
#CONTENTS div.relateProducts .product .photoBox{
	width: 64px;
	float: left;
	padding: 4px 0 0;
	}
#CONTENTS div.relateProducts .product .detail{
	clear: both;
	padding: 8px 0 0;
	}

/**  **/