/***********************************************************************************
 色から検索(http://miteca.jp/color/)
***********************************************************************************/
#color_search {
	
}

#color_search_main {
	height			: 195px;
	padding-bottom	: 10px;
	padding-left	: 30px;
	border-bottom	: 2px solid #CCC;
}

#picker {
	width	: 200px;
	float	: left;
	display	: inline;
}

#color_search_area {
	padding		: 10px 0px 0px 25px;
	display		: none;
	overflow	: hidden;
}

#select_main {
	margin	: 25px 0px;
	overflow: hidden;
}

#color_disp {
	padding-right	: 30px;
	float			: left;
}
#color_disp INPUT {
	width		: 150px;
	padding		: 3px;
	border		: 1px solid #AAA;
	font-size	: 12px;
}

#current_clolor {
	width		: 158px;
	height		: 18px;
	margin-left	: 58px;
	border		: 1px solid #AAA;
}

#color {
	
}

#cat_sele_color_area {
	padding-top	: 2px;
}

#cat_sele_color {
	width	: 162px;
	border	: 1px solid #AAA;
}

#color_search_btn {
	width		: 93px;
	height		: 22px;
	padding-left: 200px;
}

#color_submit {
	cursor	: pointer;
}

.color_search_title {
	margin-right: 10px;
	color		: #555;
	font-size	: 14px;
	font-weight	: bold;
	text-align	: right;
	float		: left;
	display		: inline;
}

#color_search_disp {
	width	: 720px;
	margin	: 20px 0px 10px 10px;
	float	: left;
	display	: inline;
}

.color_loading_image {
	margin-top: 100px;
	text-align: center;
}

.color_prod {
	float	: left;
	width	: 110px;
	height	: 110px;
	margin	: 0px 10px 10px 0px;
	overflow: hidden;
	display	: inline;
}

.color_prod_img {
	text-align	: center;
}
.color_prod_img IMG {
	
}

#color_pre {
	width	: 30px;
	height	: 500px;
	float	: left;
}

#color_next {
	margin-left	: 780px;
}

#color_pre_btn, #color_next_btn {
	width		: 25px;
	height		: 365px;
	margin-top	: 75px;
	overflow	: hidden;
	cursor		: pointer;
}

#color_pre_btn {
	margin-left	: auto;
	margin-right: auto;
	display		: none;
}

#color_next_btn {
	
}

.res_error {
	padding-top	: 30px;
	color		: #555;
	font-size	: 14px;
	text-align	: center;
}

.pre_next_btn {
	
}

#recom_color_area {
	width		: 410px;
	margin-left	: 35px;
	padding		: 10px 0px 0px 15px;
	border		: 2px solid #CCC;
	overflow	: hidden;
}

.title_recom_color {
	margin	: 0px 0px -5px 47px;
	position: relative;
}

.recom_color {
	width	: 50px;
	height	: 20px;
	margin	: 0px 15px 10px 0px;
	border	: 1px solid #DDD;
	float	: left;
	cursor	: pointer;
}

/***********************************************************************************
 色から検索/ファッション小物(http://miteca.jp/color/fashionparts/)
***********************************************************************************/
#color_article_top_banner {
	padding-left: 70px;
}
#color_article_top_banner IMG {
	
}

#cat_color_area {
	padding	: 20px 0px 0px 40px;
	overflow: hidden;
}

.cat_color_block {
	width		: 100px;
	margin-right: 40px;
	float		: left;
}

.cat_icon {
	
}

.color_select {
	height		: 30px;
	margin-top	: 5px;
	overflow	: hidden;
}

.click_color {
	cursor	: pointer;
	float	: left;
}
.color_select_part {
	width	: 20px;
	height	: 20px;
}

#disp_color_text {
	padding		: 2px 4px;
	background	: #FFF;
	border		: 1px solid #AAA;
	display		: none;
	font-size	: 12px;
	font-weight	: bold;
	position	: absolute;
}

.curr_pointer {
	margin-top: 20px;
	border-top: 2px solid #E72B8B;
	text-align: center;
}

#fashionparts_expl {
	padding		: 10px 0px 0px 40px;
	color		: #555;
	font-size	: 12px;
}
