@charset "utf-8";

/* ------------------------------------------------------------
 palette
------------------------------------------------------------ */
#wrapper { margin:0 auto; }

#mainframe {
	float:none;
	margin:0;
}

#contents {
	margin:0 auto;
	padding:15px 0px;
	background-color:transparent;
}

#contents .lv01 {
	margin:0;
	padding:10px 25px 15px;
	border-bottom:none;
}

#contents .lv01 h1 {
	float:left;
	padding-right:25px;
	border-right:1px dotted #191919;
}

#contents #search_area {
	position:relative;
	float:left;
	width:525px;
	margin:0;
}

#contents #search_area ul {
	width:auto;
	padding-right:15px;
}

#contents #search_area p.title {
	margin:5px 0 10px 25px;
}

#contents #search_area .list_link, #contents #search_area .palette_cnt {
	float:left;
	margin-right:25px;
	padding-right:25px;
	border-right:1px dotted #191919;
}

#contents #search_area .palette_cnt span {
	display:inline;
	background:none;
	border:none;
	color:#000;
	font-weight:bold;
	cursor:auto;
	padding:0;
	/*css3*/
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	/*css3*/
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

#contents #search_area form button {
	border:none;
	background-color:#636363;
	color:#fff;
	cursor:pointer;
	padding:5px 15px 4px;
	/*css3*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*css3*/
	box-shadow:0 0 4px #999999;
	-webkit-box-shadow:0 0 4px #999999;
	-moz-box-shadow:0 0 4px #999999;
}

#contents #search_area form li.stay button {
	background-color:#191919;
}

#contents #search_area form button:hover {
	opacity:0.8;
filter : alpha(opacity=80);�@/* IE�n */
}

#contents #search_area button {
	display:block;
}


#palette {
	width:962px;
	min-height:323px;
	margin:10px auto;
	overflow:hidden;
	background:url(../img/palette_bg.png) no-repeat;
}

#palette .main_img { margin-right:-174px; }

#palette .main_img ul { min-height:323px; }

#palette .main_img .info_txt { padding:10px 0; background-color:#fff; }

#palette .main_img li {
	position:relative;
	overflow:hidden;
	float:left;
	width:157px;
	margin-right:4px;
}

#palette .main_img li .pic {
	overflow:hidden;
	height:250px;
}

#palette .main_img li .pic img {
	position:relative;
	left:-200px;
	top:-90px;
	width:600px;
	cursor:move;
}

#palette .main_img .btn {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

#palette .main_img .btn:hover {
	opacity:0.8;
filter : alpha(opacity=80);�@/* IE�n */
}

#palette .main_img .btn button {
	width:20px;
	height:20px;
	padding:0;
	border:0;
	background-color:#000;
	text-align:center;
}

#palette .main_img .btn img {
	position:relative;
	top:-1px;
	left:-3px;
}

#palette .main_img .color_name {
	width:90%;
	margin:0 auto;
	font-weight:bold;
	font-size:91%;
}

#palette .main_img li .color_name a { text-decoration:underline; }

#palette .main_img .color_info {
	width:90%;
	margin:0 auto;
	font-size:91%;
}

#palette .main_img .no_img img {
	width:auto;
	position:relative;
	left:0;
	top:0;
}

#contents .sub_img {
	width:95%;
	margin: 10px auto;
	padding:20px 0px;
	border-top:1px dotted #ccc;
	min-width:962px;
}

#contents .sub_img .color_name {
	width:90%;
	margin:0 auto;
	font-size:82%;
	text-align:left;
}

#contents .sub_img li .color_name a { text-decoration:underline; }

#contents .sub_img .color_info { display:none; }

#contents .sub_img ul { min-height:100px; }

#contents .sub_img li {
	position:relative;
	float:left;
	width:122px;
	margin:0 10px 20px 0;
	text-align:center;
}

#contents .sub_img li .pic img {
	position:relative;
	width:100px;
	height:100px;
	cursor:move;
}

#contents .sub_img .btn {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

#contents .sub_img .btn:hover {
	opacity:0.8;
filter : alpha(opacity=80);�@/* IE�n */
}

#contents .sub_img .btn button {
	width:20px;
	height:20px;
	padding:0;
	border:0;
}

#contents .sub_img .btn img {
	position:relative;
	top:-1px;
	left:-3px;
}


#palette .main_img .placeholder {
	width:157px;
	min-height:323px;
	border:none;
}

#contents .sub_img .placeholder {
	width:100px;
	height:100px;
	border:1px dashed #ccc;
}

/* clearfix
--------------------------------------------- */
#palette .main_img ul:after, #palette .palette_inner:after, #palette .palette_list:after, #palette .list_box .pic_list:after, #search_area:after, #contents .sub_img ul:after, .lv01:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#palette .main_img ul, #palette .palette_inner, #palette .palette_list, #palette .list_box .pic_list, #search_area, #contents .sub_img ul, .lv01 { zoom:1; }