@charset "utf-8";
/* CSS Document */



div#searchwrapp {
	width:437px;
	height:330px;
	float:left;
	}


div#searchpanel {
	width:435px;
	height:303px;
	margin:0;
	background:#cecece;
	}

img {border:0;}

a {
color:#404040;
outline:none;
}

a:hover{color:#3333FF;}

/* --------------------------------------------------
searchButton on the top
----------------------------------------------------- */

div#searchwrapp div#searchTop a img.floatRight {
	float:right;
	border:0;
	}
	
/* --------------------------------------------------
category on the side
----------------------------------------------------- */
	
div#searchpanel div#sidecategory {
	width:88px;
	height:244px;
	padding-top:6px;
	float:left;
	}

div#searchpanel div#sidecategory div a { 
	display:block;
	}

div#searchpanel div#sidecategory div a:hover img {
	visibility:hidden;
	}

div#searchpanel div#sidecategory div.cate1 {
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_01_on.gif) no-repeat;
	}

div#searchpanel div#sidecategory div.cate2 {
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_02_on.gif) no-repeat;
	}
	
div#searchpanel div#sidecategory div.cate3 {
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_03.gif) no-repeat;
	}
	
div#searchpanel div#sidecategory div.cate4 {
	height:44px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_06.gif) no-repeat;
	}
	
div#searchpanel div#sidecategory div.cate5 {
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_04_on.gif) no-repeat;
	}
	
div#searchpanel div#sidecategory div.cate6 {
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/searchpanel/side_05_on.gif) no-repeat;
	}

/* --------------------------------------------------
display area
----------------------------------------------------- */

div#searchpanel div#display {
	width:331px;
	height:226px;
	margin:6px 0 0 0;
	padding:9px 8px 9px 0;
	float:left;
	background:url(../../images/searchpanel/searchpanel_3.gif) no-repeat;
	}



div#searchpanel div#display div.catename {
	background:#404040;
	color:#ffffff;
	font:12px bold;
	padding:3px;
}

div#searchpanel div#display div.catename div.floatRight{
	float:right;
	font-size:10px;
	padding-right:12px;
	}

div#searchpanel div#display div.inlinebox {
	height:205px;
	width:329px;
	border:1px solid #CCCCCC;
}


/* --------------------------------------------------
keyword search
----------------------------------------------------- */

div#searchpanel div#keywordSearch {
	width:427px;
	height:40px;
	float:left;
	}

div#searchpanel div#keywordSearch form#search{
	height:35px;
	margin:6px 0 0 6px;
	padding: 4px 0 4px 0;
	background:url(../../images/searchpanel/searchpanel_04.gif) no-repeat;
	}
	
div#searchpanel div#keywordSearch form#search img.rightMargin {
	margin:0 5px 0 15px;
	}
	
div#searchpanel div#keywordSearch form#search input#submit {
	background:url(../../images/searchpanel/searchpanel_5.gif) #3c3c3c no-repeat;
	padding-top:2px;
	color:#ffffff;
	font:bold;
	}

div#searchpanel div#keywordSearch form#search input#searchtext {
width: 240px;
	}	
	
	
/* --------------------------------------------------
area
----------------------------------------------------- */

div#wrapper {
	width:331px;
	height:207px;
	position:absolute;
	left:0;
	top:0;
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-base-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #535355; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #535355; 
	scrollbar-arrow-color: #DB0000; 
	}

div#wrapper div.choicename {
	height:14px;
	background:#cccccc;
	color:#000000;
	font:12px bold;
	padding:3px;
	}
	
div.map#wrapper {
	background:url(../../images/searchpanel/searchpanelmap.gif) no-repeat;
	overflow-y:hidden;
	overflow-x:hidden;
}

div.map#wrapper div {
	height:16px;
	width:auto;
	}

div.map#wrapper div a:hover img {
	visibility:hidden;
	}

div.map#wrapper div.city01 {
	position:absolute;
	left: 6px;
	top: 185px;
	background:url(../../images/searchpanel/city_01x.gif) no-repeat;
}

div.map#wrapper div.city02 {
	position:absolute;
	left: 162px;
	top: 92px;
	background:url(../../images/searchpanel/city_02x.gif) no-repeat;
}

div.map#wrapper div.city03 {
	position:absolute;
	left: 198px;
	top: 27px;
	background:url(../../images/searchpanel/city_03x.gif) no-repeat;
}

div.map#wrapper div.city04 {
	position:absolute;
	left: 176px;
	top: 76px;
	width:110px;
	background:url(../../images/searchpanel/city_04x.gif) no-repeat;
}

div.map#wrapper div.city05{
	position:absolute;
	left: 235px;
	top: 127px;
	background:url(../../images/searchpanel/city_05x.gif) no-repeat;
}

div.map#wrapper div.city06 {
	position:absolute;
	left: 204px;
	top: 156px;
	background:url(../../images/searchpanel/city_06x.gif) no-repeat;
}

div.map#wrapper div.city07 {
	position:absolute;
	left: 221px;
	top: 185px;
	background:url(../../images/searchpanel/city_07x.gif) no-repeat;
}

div.map#wrapper div.city08 {
	position:absolute;
	left: 108px;
	top: 138px;
	background:url(../../images/searchpanel/city_08x.gif) no-repeat;
}

div.map#wrapper div.city09 {
	position:absolute;
	left: 17px;
	top: 144px;
	background:url(../../images/searchpanel/city_09x.gif) no-repeat;
}

div.map#wrapper div.city10 {
	position:absolute;
	left: 246px;
	top: 111px;
	background:url(../../images/searchpanel/city_10x.gif) no-repeat;
}

div.map#wrapper div.city11 {
	position:absolute;
	left: 119px;
	top: 17px;
	background:url(../../images/searchpanel/city_11x.gif) no-repeat;
}

/* --------------------------------------------------
category
----------------------------------------------------- */
div.cate#wrapper{overflow:hidden;}

div.cate#wrapper ul.catelist {
	width:331px;
	margin:11px 0 0 0;
	_margin:6px 0 0 0;
	padding:0;
	}
	
div.cate#wrapper ul.catelist li {
	float:left;
	width:145px;
	list-style:none;
	margin:0 0 4px 12px;
	_margin:0 0 1px 6px;
	height:17px;
	}

/* --------------------------------------------------
course
----------------------------------------------------- */

div#wrapper ul.Clist {
	width:331px;
	margin:8px 0 0 4px;
	padding:0 0 0 8px;
	}
	
div#wrapper ul.Clist li {
	width:310px;
	padding:0 0 0 10px;
	text-align:left;
	font-size:12px;
	line-height:2;
	list-style:none;
	background:url(../../images/common/arrow03.gif) left 9px no-repeat;
	}
	
	div#wrapper ul.Clist li.btn {
	padding: 5px 0 0 0;
	background:none;
	}
	
div#wrapper ul.Clist li a img{
	border:0;
	}
	

/* --------------------------------------------------
 manual
----------------------------------------------------- */
iv.cate#wrapper{overflow:hidden;}

div.cate#wrapper ul.manulist {
	width:331px;
	margin:11px 0 0 0;
	_margin:6px 0 0 0;
	padding:0;
	}
	
div.cate#wrapper ul.manulist li {
	float:left;
	width:145px;
	text-indent:-999px;
	list-style:none;
	margin:0 0 4px 12px;
	_margin:0 0 4px 6px;
	height:17px;
	}
	
	div.cate#wrapper ul.manulist li a {
	display:block;
	width:145px;
	}

	div.cate#wrapper ul.manulist li.c01 a {
	background:url(../../images/searchpanel/cate_01.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c02 a {
	background:url(../../images/searchpanel/cate_02.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c03 a {
	background:url(../../images/searchpanel/cate_03.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c04 a {
	background:url(../../images/searchpanel/cate_04.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c05 a {
	background:url(../../images/searchpanel/cate_05.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c06 a {
	background:url(../../images/searchpanel/cate_06.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c07 a {
	background:url(../../images/searchpanel/cate_07.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c08 a {
	background:url(../../images/searchpanel/cate_08.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c09 a {
	background:url(../../images/searchpanel/cate_09.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c10 a {
	background:url(../../images/searchpanel/cate_10.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c11 a {
	background:url(../../images/searchpanel/cate_11.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c12 a {
	background:url(../../images/searchpanel/cate_12.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c13 a {
	background:url(../../images/searchpanel/cate_13.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c14 a {
	background:url(../../images/searchpanel/cate_14.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c15 a {
	background:url(../../images/searchpanel/cate_15.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c16 a {
	background:url(../../images/searchpanel/cate_16.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c17 a {
	background:url(../../images/searchpanel/cate_17.gif) no-repeat top left;
	}
	
	
	div.cate#wrapper ul.manulist li.c01 a:hover {
	background:url(../../images/searchpanel/cate_01x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c02 a:hover {
	background:url(../../images/searchpanel/cate_02x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c03 a:hover {
	background:url(../../images/searchpanel/cate_03x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c04 a:hover {
	background:url(../../images/searchpanel/cate_04x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c05 a:hover {
	background:url(../../images/searchpanel/cate_05x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c06 a:hover {
	background:url(../../images/searchpanel/cate_06x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c07 a:hover {
	background:url(../../images/searchpanel/cate_07x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c08 a:hover {
	background:url(../../images/searchpanel/cate_08x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c09 a:hover {
	background:url(../../images/searchpanel/cate_09x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c10 a:hover {
	background:url(../../images/searchpanel/cate_10x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c11 a:hover {
	background:url(../../images/searchpanel/cate_11x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c12 a:hover {
	background:url(../../images/searchpanel/cate_12x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c13 a:hover {
	background:url(../../images/searchpanel/cate_13x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c14 a:hover {
	background:url(../../images/searchpanel/cate_14x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c15 a:hover {
	background:url(../../images/searchpanel/cate_15x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c16 a:hover {
	background:url(../../images/searchpanel/cate_16x.gif) no-repeat top left;
	}
	
	div.cate#wrapper ul.manulist li.c17 a:hover {
	background:url(../../images/searchpanel/cate_17x.gif) no-repeat top left;
	}