@charset "utf-8";

/*************************************************************************************

 add tabira 2009/05/21

*************************************************************************************/


/*************************************************************************************
	Drag & Drop クローゼットフッタ
*************************************************************************************/
.dd_footer{
	width		: 100%;
	height		: 137px;
	background	: #DCD8CF;
/*
	background	: url(/images/footer/closet/title_closet_body_back.gif);
*/
	position	: fixed !important;
	position	: absolute;
	bottom		: 0px;
	left		: 0px;
}

/*-----------------
	 クローゼットフッタが閉じている場合
------------------*/
.dd_footer_closed{
    position: fixed !important;    
    position: absolute;
    bottom	: 0px;
    left	: 5px;
    width	: 252px;
/*
	height : 100%;
*/
}

.dd_closet_open {
	margin  : 0px 0px 0px 0px;
}
.dd_closet_close_button {
	margin	: 15px 0px 0px 23px;
}
.dd_closet_close_button IMG {
/*
	width		: 73px;
	height		: 26px;
	top			: 20px;
	left		: 120px;
	position	: absolute;
*/
}


/* ------------------------------
	画像検索 メインコンテナ(ベースとなりユーザには見えない)
------------------------------ */
.dd_image_drop_main {
	width   			: 120px		;
	float   			: left		;
	font-weight     	: normal	;
	background-color 	: #FFFFCC	;
}
/* --------------------------------------------------
	画像検索  Drop ボックス(実際に画像をドロップさせるdivタグ)
----------------------------------------------------- */
.dd_image_drop_box {
/*
	border  			: 1px solid	;
	border-color  		: #F5F5F5	;
	border-color  	  	: black  	;
	width   			: 100px   	; 
	height  			: 100px   	;
	margin  			: 10px		;
	background-color  	: #F5F5F5;
	text-align		  	: center;
	position          	: relative;		 内部　クローズボタン、img用 
*/
}
/* --------------------------------------------------
	画像検索  Drop ボックス(画像がドロップされた後のdivタグ)
----------------------------------------------------- */
.dd_image_drop_box_after_dropped {
/*
	border  		  : 1px solid	;
	border-color  	  : #F5F5F5     ;
	border-color  	  : black  		;
*/
	width   		  : 100px    	; 
	height  		  : 100px    	;
/*
	margin  		  : 10px		;
	background-color  : white		;
*/
	text-align		  : center		;
	position          : relative	;		/* 内部　クローズボタン、img用 */
/*
	color             : white		;
*/
}

/*--------------------------------------------------
	画像アップロードsubmit用ボタン
---------------------------------------------------- */
.dd_image_similarity_upload__button {
	border  		: 1px solid	;
	border-color  	: black	;
	width   		: 100px   	; 
	height   		: 15px   	; 
	text-align		: center	;
	font-weight     : normal		;
	background-color: #00FFFF	;
	display	: inline	; /* for fix IE6's Double Margin Bug */
	margin          : 3px 10px 3px 10px;
}

/* ------------------------------
	画像検索  Dropped　ボックス
------------------------------ */
.dd_image_dropped_box {
/*	border  : 1px solid; */
	width   : 90px   	; 
	height  : 90px   	;
	margin  : 15px	  	;
	float   : left  	;
	display	: inline	; /* for fix IE6's Double Margin Bug */
 	background-color  : #FFCCFF;
}

/*---------------------------------
	閉じるボタン
---------------------------------*/
.dd_btn_search_image_close {
	border  			: 1px solid	;
	border-color  		: black	;
	width   			: 15px   	; 
	height   			: 15px   	; 
	background-color  	: #CCCCCC	;
	position			: absolute;
	right               : 3px;
	top               	: 3px;
}

/* ----------------------------------------
　　 類似画像検索のパラメータ
------------------------------------------*/
.dd_image_similarity_search_parameters_box {
	width      : 100px; 
	text-align : center;
	background : #FFF;
	margin     : 7px 0px 5px 0px;
}

#sim_search_selectcat {
	border		: 1px solid	#000;
	background	: #FFF8FC;
}

/* #search_keyword_body .ky_select_div { */

.dd_upselect {
	font-size : 11px;
	display   : inline;
}
.dd_upselect OPTION {
	width	: 110px;
	margin	: 0px 3px 3px 5px;
}

/*--------------------------------------------------
	画像検索ボタン
---------------------------------------------------- */
.dd_image_similarity_search_button {
	padding		: 2px 0px 4px 0px;
}

/* ----------------------------------------
　　 類似画像検索のパラメータ
------------------------------------------*/
.dd_fileToImage {
	cursor		: pointer;
	text-align	: center;
    background	: url(/images/search/dd/similar/btn_upload.gif) no-repeat;
}

.dd_image_similarity_search_button, .dd_fileToImage {
	width		: 93px;
	height		: 20px;
	margin		: 0px 0px 0px 4px;
	position	: relative;
	cursor		: pointer;
    overflow	: hidden;
}

.dd_fileToImage_onMouseOver {
	width   	: 93px; 
	height  	: 20px;
	margin		: 0px 0px 0px 4px;
	position	: relative;
    background	: url(/images/search/dd/similar/btn_upload.gif) no-repeat;
	cursor		: pointer;
    overflow	: hidden;
}

.dd_search_files{
	position			: absolute;
	filter          	: alpha(opacity=0); /* for IE */
	-moz-opacity		: 0;				/* for FireFox Netscape */
	alpha				: 0;				/* for Opera-Safari 	*/
	opacity				: 0;	
	font-size			: 200px;
	font-size-adjust	: none;
	font-size-stretch	: normal;
	font-variant		: normal;
	right				: 0px;
	text-align			: right;
	top					: 0px;
	font-size			: 100px;
	border				: 1px solid #376180;
	cursor				: pointer;
	display				: inline	; /* for fix IE6's Double Margin Bug */
}

.dd_dummy_text {
	border  		: 1px solid;
	border-color  	  : black  	;
	width   		: 100px   	; 
	height  		: 15px   	;
	margin  		: 10px 0px;
	background-color  : white;
	text-align		  : center;
	position          : relative;		/* 内部　クローズボタン、img用 */
}

/* ------------------------------------------------------------- */


/* ------------------------------
	商品リストメインコンテナ
------------------------------ */
.item_list_main {
	border  : 1px solid;
	width   : 650px   ; 
	height  : 300px   ;
	float   : right   ;
	padding : 5px	  ;
	background-color  : #CCFFFF;
}

/* ------------------------------
	商品コンテナ (Drag可能)
------------------------------ */
.drag_img {
	border  : 1px solid;
	width   : 80px   ; 
	height  : 80px   ;
	float   : left   ;
	margin  : 5px    ;
	background-color  : #FFFF00;
}
.img_class {
	width   : 80px   ; 
	height  : 80px   ;
	border  : none   ;
}
.img_class_hover {
	border  : 1px solid #b22222;
}

/*--------------------------------
　　Drop後の画像
---------------------------------*/
.dd_dropped_search_image {
    position: absolute;
/*
    width   : 90px   ;
    height  : 90px   ;
*/
    border  : none   ;
/*
    left    : 5px;
    top     : 5px;
*/
}


/* ------------------------------
	Drag & Drop時のスタイルシート
------------------------------ */
.droppable-active {
    background-color: yellow;
}
.dropped-hover {
    background-color: orange;
}


/* ------------------------------
	クローゼットメインコンテナ
------------------------------ */
.closet_list_main {
	border  : 1px solid	;
	height  : 180px   	;
 	padding : 5px    	;
	background-color  : #FFCCCC;
}

.closet_list_main_closed {
	border  : 1px solid	;
	width   : 115px   	; 
	height  : 25px   	;
 	padding : 5px    	; 	
	background-color  : #FFCCCC;
}


/* ------------------------------
	クローゼットへの画像DropBox
------------------------------ */
#dd_closet_drop_box {
	width			: 120px; 
	height			: 134px;
	margin-right	: 5px;
	float			: left;
	background		: url(/images/footer/closet/dd_area_02.gif) no-repeat;
}

#dd_closet_arrow {
	width	: 17px;
	height	: 134px;
	float	: left;
}

#dd_closet_image_dropped_listbox {
	width		: 608px;
	height		: 134px;
	margin-left	: 150px;
	background	: url(/images/footer/closet/base_display.gif) no-repeat;
}

.dd_closet_image_dropped_box {
	border  : 1px solid;
	width   : 100px   ; 
	height  : 130px   ; 
	margin  : 5px	  ;
	float   : left    ;
	display : none	  ;
 	background-color  : #FFCC99;
}

#dd_footer_header_bar {
	width		: 100%;
	height		: 3px;
	background	: url(/images/footer/closet/title_closet_header_back.gif) repeat-x;
}

#dd_footer_main{
	width	: 915px;
}

#dd_footer_header {
	width		: 120px;
	height		: 137px;
	background	: url(/images/footer/closet/title_closet_body_back.gif);
	float	: left;
}

#dd_footer_header_title {
	margin	: 30px 0px 0px 12px;
}

.closet_image_dropped_box {
	width		: 82px;
	height		: 82px;
	margin		: 0px 10px 0px 0px;
	float		: left;
	background	: url(/images/footer/closet/base_image.gif) no-repeat;
}

#dd_closet_image_dropped_listbox_group {
	top			: 40px;
	left		: 30px;
	position	: relative;
}

.dd_closet_image_dropped_listbox_image {
	margin		: 17px 0px 0px 0px;
	text-align	: center;
	position	: relative;
}
.dd_closet_image_dropped_listbox_image IMG {
	width		: 60px;
	height		: 60px;
}
.dd_closet_image_dropped_listbox_image .clst_prod_del {
	width		: 15px;
	height		: 15px;
	top			: -8px;
	right		: 3px;
	position	: absolute;
}

.closet_disp_change {
	display	: none;
}

#closet_main_area {
	margin-left	: 150px;
	padding-top	: 1px;
}

#closet_main_area_group {
	width	: 900px;
	margin	: auto;
}

#show_about {
	width		: 230px;
	top			: -77px;
	left		: 380px;
	position	: relative;
}

#show_about_show {
	margin-right	: 20px;
	float			: left;
}

#show_about_about {
	
}

#closet_open_area {
	
}

#closet_open_area_group {
	width		: 252px;
	height		: 64px;
	background	: url(/images/footer/closet/base_close_02.gif) no-repeat;
}

#closet_open_area_footer {
	width		: 100%;
	height		: 10px;
	left		: 0px;
	bottom		: 0px;
	position	: fixed;
	background	: url(/images/footer/closet/dot_circle_13x13.gif) repeat;
}

#dd_closet_open_btn_area {
	float	: left;
}

#dd_closet_open {
	width		: 123px;
	height		: 26px;
	top			: 12px;
	left		: 12px;
	position	: relative;
}

#dd_closet_is {
	width		: 95px;
	height		: 12px;
	top			: 17px;
	left		: 45px;
	position	: relative;
}

#dd_closet_is A {
	text-decoration	: none;
	color			: #FFF;
	font-weight		: bold;
}

#dd_closet_open_title_area {
	margin-left	: 143px;
	position	: relative;
	top			: 14px;
}

#dd_closet_open_title_area_pipe {
	margin-right	: 4px;
}

/* ------------------------------
	Div ボタン
------------------------------ */
.div_btn {
	border  : 1px solid #0000cd;
	color   : blue	 ;
	width   : 60px   ; 
	height  : 20px   ;
	float   : left   ;
	margin  : 4px    ;
	background-color  : #c0c0c0;
}

.div_close {
	border  : 1px solid #0000cd;
	color   : blue	 ;
	width   : 20px   ; 
	height  : 20px   ;
	float   : right  ;
	margin  : 4px    ;
	background-color  : #c0c0c0;
}

#dd_simi {
	padding 	: 0px 0px 8px 5px;
	background	: #D6D6D6;
}

#dd_simi_header {
	
}

#dd_simi_body {
	background	: url(/images/search/dd/similar/body.gif) repeat-y;
}

#dd_simi_footer {
	
}

#dd_simi_body_group {
	margin	: 0px 0px 0px 5px;
}

#dd_simi_title {
	padding	: 5px 0px 3px 0px;
}

#dd_image_drop_box {
	width		: 96px;
	height 		: 100px;
	margin-left	: 1px;
	background	: url(/images/search/dd/similar/dd_area.gif) no-repeat;
}

#dd_simi_btn_search {
	
}

#dd_simi_dd_upload {
	
}

.dd_simi_bar_01 {
	margin	: 0px 0px 6px 0px;
}

#dd_select_header {
	
}

#dd_select_body {
	padding	: 0px 0px 0px 4px;
}

#dd_select_footer {
	
}

#dd_select_body_select {
	margin-bottom : 15px;
}

#dd_select_body_radio {
	
}

.arrow_title {
	margin		: 4px 0px 3px 0px;
	padding		: 0px 0px 0px 10px;
	background	: url(/images/common/arrow_down_8x7.gif) no-repeat;
}

.dd_sele_radios {
	
}

.dd_sele_radios SPAN {
	margin	: 0px 10px 0px 0px;
}
.dd_sele_radios .dd_sele_radios_type {
	width	: 47px;
	float	: left;
}