@charset "UTF-8";
/* CSS Document */
/* 日本語 */

#search {
	margin: 15px 0px 0px 19px;			
}

#search_word {
	width: 125px;
	height: 20px;
	font-size: 12px;		
}

#parts_btn {
	margin: 10px 0px 3px 19px;			
}

#grayline {
	margin: 12px;
	border-top: 1px solid #595756;
}


/* ツリーメニューセッティング */

#NodeMenu {
	margin: 0px 5px 15px 12px;	
} 

ul {
	margin:0px;
	padding:0px;
	list-style:none;	
} 

li {
	margin:0px;
	padding:0px;
	list-style: none;
	margin-top: 6px;
	background-image: url(/products/images/line.gif);
	background-repeat: repeat-y;
}

#NodeMenu img {
	vertical-align: top;
} 

#NodeMenu .noline {
	background-image: url(/products/images/blank.gif);
	background-repeat: repeat-y;	
} 


#NodeMenu a {
	text-decoration:none;
	color:#FFFFFF;
	vertical-align: bottom;
	font-size: 12px;
} 

#NodeMenu a:hover {
	color:#99FFFF;
	text-decoration:none;
	vertical-align: bottom;
} 

#NodeMenu .indent { 
	margin-left: 14px;
}

#NodeMenu .indent_line { 
	margin-left: 14px;
	background-image: url(/products/images/line.gif);
	background-repeat: repeat-y;
}

/* カタログTOP */

.top_lineup {
	margin: 0px 0px 15px 15px;	
}

.top_frame {
	margin-right: 10px;
	width: 180px;
	border: 1px solid #cccccc;
	float: left;	
}

/* カテゴリーページ */

.frame_index_lineup {
	margin: 0px 0px 10px 15px;	
}

.frame_index_series {
	margin-right: 7px;
	width: 185px;
	float: left;	
}

.frame_index_detail {
	margin-right: 7px;
	width: 183px;
	border: 1px solid #cccccc;
	float: left;
	text-align: center;
}

.frame_index_name {
	background-color: #D3E4E9;
	text-align: left;
	padding: 3px 3px 3px 10px;
}


.frame_index_detail a {
	text-decoration:none;
	color:#212831;
	font-size: small;
	font-weight: bold;	
} 

.frame_index_detail a:hover {
	text-decoration:underline;
	color: #3399FF;
} 


/* 詳細ページ */

#detail_area {
	margin: 0px 0px 10px 15px;
	width: 570px;
}

#img_area {
	margin: 0px 0px 10px 0px;
	width: 267px;
	border: 1px solid #cccccc;
	float: left;
}

#info_area {
	margin: 0px 0px 0px 30px;
	width: 270px;
	float: left;
}

#product_name {
	padding: 0px 10px 10px 0px;
	width: 260px;
	border-bottom: 2px solid #212831;
	text-align: right;
}

#front_img {
	padding: 10px 10px 5px 10px;
	width: 250px;
	text-align: center;
}

#viewer_btn {
	padding-left: 10px;
	width: 260px;
}

#color_area {
	padding: 15px 0px 10px 10px;
	width: 260px;
}

.color_lineup {
	padding: 10px 0px 0px 10px;
	width: 240px;
	margin-top: 3px;
}

.color_sample {
	padding: 0px 2px 5px 0px;
	width: 56px;
	float: left;
}

#spec_area {
	margin: 5px 10px 10px 0px;
	padding-top: 10px;
	width: 250px;
	font-size: small;
	border-top: dotted 1px #cccccc;	
}


/* サブウィンドウセッティング */

#sub_header {
	height: 36px;
	background-image: url(/products/images/bg_header.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}

#sub_header #logo {
	width: 153px;
	float: left;	
}

#sub_footer {
	height: 15px;
	background-color: #CCCCCC;
	padding: 5px;	
}

/* サブウィンドウ(IMAGE VIEWER) */

#photo_area {
	width: 640px;
	height: 438px;
	border-bottom: 1px solid #cccccc;
}

#photo_area_left {
	width: 140px;
	height: 408px;	
	border-right: 1px solid #cccccc;
	text-align: center;
	padding: 15px;
	float: left;
}

#photo_area_left #name {
	border-bottom: 2px solid #212831;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#photo_area_left .btn {
	margin-bottom: 4px;
}

#photo_area_right {
	width: 460px;
	height: 438px;
	float: right;
}

#viewer_color_name {
	padding: 10px;
	height: 25px;
}

#viewer_color_name img {
	vertical-align: top;	
}

#viewer_color_lineup {
	padding: 10px;
	height: 30px;
	text-align: center;
	border-top: dotted 1px #cccccc;	
}

/* 200912viewer変更に伴う修正 */

#thumg_img {
	margin: 0px 0px 10px 0px;
}

#thumg_img #thumg_f {
	background-image: url(../rgb_test/images/front.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#thumg_img #thumg_s {
	background-image: url(../rgb_test/images/side.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#thumg_img #thumg_t {
	background-image: url(../rgb_test/images/top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#color_btn {
	padding-left: 0px;
	margin-top: 8px;
	width: 250px;
}