/* Basic Style */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: none 0; }

body { width:100%; height:100%; background-color:#fff; }
body, input, button, textarea { font-size:12px; font-family:Dodum, Arial, Helvetica, AppleGothic, Sans-serif; color:#000; }
h1, h2, h3, h4, h5, h6 { }
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 13px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }

a:link, a:visited { text-decoration:none; color: #636363; }
a:hover { cursor:pointer; }
div.clear {clear:both;}

*:first-child+html #colorsearch input.color_name {width:328px; margin-left:30px; margin-top:-8px;}
*:first-child+html #colorsearch a img { margin-top:-8px;}


#wrap {border-top:1px solid #ffffff; }
/*#wrap {border-top:2px solid #393939; }*/

#title {width:600px; }
#title h1 {margin:45px 0 0 0;}
#title p {margin:25px 0 0 0;}
#title p.comment {margin:10px 0 0 0;}


#colortable {width:630px; height:360px; margin:25px 0 0 0;position:relative; }
#colortable .left_table {width:150px; height:275px; border:4px solid #d2ced6; margin-top:32px; float:left;display:inline}
#colortable .left_table p {padding:5px; font-weight:bold;}
#colortable .left_table dl {margin:190px 0 0 28px;}
#colortable .left_table dl dt{margin-bottom:10px;}
#colortable .color_del{position:absolute; top:42px;  left:130px}
#colortable .color_del a{display:block}
#colortable .del_txt{position:absolute; top:72px; left:98px;z-index:10; width:440px;padding:2px;background:#000;color:#fff}
#colortable #del_layer {display:none; }
#colortable .right_table {width:470px; height:362px; float:right; background:url(../images/tab_ul_bg.gif) repeat-x;display:inline; }
#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;}	

/* tab_menu */
#colortable .right_table #way_tab {position:relative; width:460px; overflow:hidden; margin-left:0px; height:354px; background:url(../img/title_bg.gif) no-repeat;}
#colortable .right_table #way_tab li a img {margin-right:2px;}

#way_tab li { margin:0; padding:0; }
#way_tab li ul {width:570px; overflow:visible; border:none; margin:0; padding:0; }
#way_tab img {border:none; margin:0; padding:0; }

#way_tab .tab01 { width:430px; height:326px;}
#way_tab .tab02 { width:430px; height:326px; }
/* //tab_menu */

#colorsearch {width:600px; margin:0 0 0 0; }
#colorsearch h2 {width:124px; float:left;display:inline; }
#colorsearch input.color_name {width:320px; margin-left:30px;}
#colorsearch div.colorbar {background:url(../images/colorbar.jpg);margin-left:154px;width:326px;height:18px;}
#colorsearch div.colorbar div {width:13px;height:16px;float:left;display:inline;}
#colorsearch div.colorbar div:hover {cursor:pointer;}

#colorsearch .searchname {}

#colorsearch .matching {margin-top:40px;}
#colorsearch .matching h2 {width:118px; float:left;display:inline;}

#colorsearch .matching div.color_list {
	float:left;
	margin-left:35px;
	width:330px;
	height:90px;
	display:inline;
}

#colorsearch .matching div.color_list img {
	position:relative; top:5px; left:90%;
}

#colorsearch .matching div.color_list span {
	position:relative; top:-6px; left:4px; font-size:12px;display:block
}
/*
#colorsearch .matching ul.color_list li.color_01 {width:67px; height:51px; background:#FF0000; float:left;}
#colorsearch .matching ul.color_list li.color_02 {width:67px; height:51px; background:#ebebeb; float:left;}
#colorsearch .matching ul.color_list li.color_03 {width:67px; height:51px; background:#444; float:left;}
#colorsearch .matching ul.color_list li.color_04 {width:67px; height:51px; background:#3b3b3b; float:left;}
#colorsearch .matching ul.color_list li.color_05 {width:67px; height:51px; background:green; float:left;}

#colorsearch .matching ul.color_list li a img {position:relative; top:0px; left:55px;}
#colorsearch .matching ul.color_list li span {position:relative; top:35px; left:-2px; font-size:11px;}
#colorsearch .matching ul.color_list li.last {background:#fff; clear:both;} */
#colorsearch .matching a img {position:relative; top:30px; left:3px;}
div.clear {clear:both;}

#calulator {width:600px; margin:95px 0 0 0;}
#calulator .area {width:192px; float:left;display:inline; }
#calulator .area img {margin-top:30px;}

#calulator .area_box {width:408px; height:244px; background:url(../images/area_box.jpg) no-repeat; float:right; margin-top:30px; }
#calulator .area_box .wh {width:355px; height:59px; padding:25px 0 0 20px; background:url(../images/area_dotline.gif) no-repeat 10px 60px;}
#calulator .area_box .wh input.cm {width:60px; }
#calulator .area_box .wh img {padding:0 2px; }

#calulator .area_box .wh dl {float:left; width:150px;display:inline;} 
#calulator .area_box .wh dl dt input { padding-left:3px; color:#3c6bd7; font-weight:bold; border:none; width:60px; text-align:right; }

#calulator .area_box .wh p  {margin-top:25px; }