@charset "shift_jis";
/*===================================================*/
/*商品のカラバリ選択用の部分*/
/*===================================================*/
/*===================================================*/
/*格納ボックス*/
/*===================================================*/
.color_nav {
	float:left;
	width:750px;
	padding:0px;
	margin:0px;
	_margin:0px;/*ie6*/
}
/*===================================================*/
/*見出し*/
/*===================================================*/
.cnav_title {
	font-size:18px;
	font-weight:bold;
	padding:5px;
}

.tckw {
	background:#FBC800;
}

.nchb {
	background:#168638;
}

.toso {
	background:#039292;
}

.ykta {
	background:#E8390E;
}

.cnav_title span {
	color:#fff;
}
/*===================================================*/
/*コンテンツ*/
/*===================================================*/
.cnav_text {/*(自動計算あり用)自動計算以外のすべてを格納するボックス*/
	color:#666;
	width:490px;
	_width:480px;/*ie6*/
	padding:5px;
	margin:0px 0px 15px 0px;
	float:left;
}

.cnav_text2 {/*(自動計算なし用)自動計算以外のすべてを格納するボックス*/
	color:#666;
	width:740px;
	padding:5px;
	margin:0px 0px 15px 0px;
	float:left;
}

.bold {/*冗長ok_span用*/
	font-weight:bold;
}

.cnav_item {
	margin:0px 5px 0px 0px;
}

.color_nav ul {/*シリーズ選択部分(外枠)*/
	list-style:none;
	border:1px solid #ccc;
	margin:0px 8px 3px 0px;
	padding:2px;
}

.color_nav ul li {/*シリーズ選択部分(項目)*/
	font-size:12px;
	display:inline-block;
}

/* IE-win only - The Holly Hack \*/
* html .color_nav ul li { height: 1%; }
.color_nav ul li {/*擬似的なinline-block要素(winIE5.5-7のみに適応)*/
display:inline;
zoom:1;/*hasLayout を true にする*/
}
/* End Holly Hack */

.color_nav ul li.groupName{
	display: block;
	font-size: 16px;
    font-weight: bold;
    /* margin-left: 5px; */
	margin-top: 5px;
}

.color_nav ul li a , 
.color_nav ul li a:visited {/*シリーズ選択部分(リンク)*/
	color:#369;
	display:inline-block;
	padding:1px 5px;
}

.color_nav ul li a:hover {/*シリーズ選択部分(リンク)*/
	text-decoration:none;
	background:#bcf;
}

#tab li.present a {/*シリーズ選択部分(リンク:選択時のカラー)*/
	color: #000;
	background:#bcf;
}

.cnav_item img {/*お選びくださいの画像の位置指定等*/
border:none;
margin:5px 0 -2px 0;
padding:0;
z-index:0;
}

.cnav_item {/*対応スラットカラーは....の部分*/
	margin:0px;
}

.item_name {/*選択しているシリーズ名部分(大)*/
	font-size:14px;
	font-weight:bold;
	margin:3px 0px 2px 0px;
}

.item_name2 {/*選択しているシリーズ名部分(※部分)*/
	font-size:10px;
	margin:3px 0px 2px 0px;
}

.item_y {/*選択しているシリーズ名部分(大)*/
	font-size:12px;
	font-weight:normal;
	margin:3px 0px 2px 0px;
}

/*===================================================*/
/*色見本格納部分*/
/*===================================================*/
.item {/*色見本格納部分(外枠)*/
	width:480px;
	float:left;
}

.item2 {/*[幅広]色見本格納部分(外枠)*/
	width:740px;
	float:left;
}

div.color_listbox {
	overflow:auto;
	height:420px;
	width:100%;
	border:1px solid #d2b5b1;
	text-decoration: none;
}

div.color_listbox2 {/*[幅広]*/
	overflow:auto;
	height:420px;
	width:740px;
	border:1px solid #d2b5b1;
	text-decoration: none;
}

.item table tr td , 
.item2 table tr td {
padding:5px 0px;
vertical-align: top;
}
.item table tr td {
	width: 25%;
}

.slat_img {/*色見本画像部分*/
	border:1px solid #fff;
	width:100px;
	height:65px;
}

.slat_img2 {/*色見本画像(規定外)部分*/
	border:1px solid #fff;
}

.icon_tuya {/*ツヤ消し画像部分*/
	width:30px;
	height:12px;
	position:relative;
	top:1px;
}

.caution {/*色合いの注意事項*/
	margin:3px 0px 0px 0px;
	float:left;
}

/*===================================================*/
/*価格チェック部分(自動計算)*/
/*===================================================*/
.price_chk {/*幅等はhtml内に記載あり*/
	width:250px;
	margin:10px 0px;
	float:left;
}
/*===================================================*/
/*フロートクリア用*/
/*===================================================*/
.clear {
	clear:both;
}
/*===================================================*/
/*お選びください画像のzインデックス*/
/*===================================================*/
zindex2 {
z-index:2;
}