@charset "utf-8";

/* CSS Document */

/*base*/
* html { 
height: 1px; }
/*body { 
font-family: "MS PGothic",dotum; 
color: #333333 ; 
font-size: 75%; 
line-height: 1.5em; 
padding: 0; 
margin: 0;
}
a { 
text-decoration: none 
}
*/
/*div, ul, ol, li, dl, dt, dd, p, em, 
input, textarea, select, 
h1, h2, h3, h4,  
address, fieldset, form, iframe, object { 
margin: 0; padding: 0; 
}
ul, li { 
list-style: none; 
}
p, div, th, td, select, input { 
color: #333;
}
a:link, 
a:visited { 
color: #1b4bdb; 
}
a:active, 
a:hover { 
color: #143bae; 
}
img, 
input.type-image { 
border: 0 none; 
}
input.type-text, 
textarea { 
border: 1px solid #ddd; 
background: #fff; padding: 1px; 
}*/

input,
select, 
textarea { 
/*vertical-align: middle; */
font-size: 1em;
color: #333;
background-color:transparent;
}
span.button, 
img.button, 
a.button {
cursor: pointer; 
vertical-align: middle; 
}
span.keyword{ 
color: #DE1909; 
font-weight: bold;
}
input.radio_bt { 
width: 14px; 
height: 14px; 
vertical-align: middle;
}

#fixwrapper { width: 900px; margin: 15px 15px; padding: 0;}
/*search_top*/
#search_top { 
	margin-top:10px;
	position: relative;
	border: solid 1px #CCC;
	background: #EFF6FA;
}
	/*search_area*/
	#search_box  { height: 39px; padding: 15px 0px 0px 15px;}
	#search_topbox  {
		clear:both;
		padding: 20px 10px 20px 20px;
		background-color:#FFF;
	}
	#search_form { float: left; height: 22px; position: relative; z-index:200;}
#search_form input { border: 0px #FFFFFF solid; padding-left: 5px; padding-top: 1px; margin-left: 1px; height: 15px; font-size: 90%;  width: 260px; }
	#key_input_bx_down  { background: #FFFFFF; width: 220px; height: 25px; position: relative; top: 1px;}
	#key_input_bx_up	{ background: #FFFFFF; top: 0; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; width: 290px; height: 20px;}
	#search_btn 	 { float: left; padding:0px;}
	#search_btn input{ width: 43px;height: 22px;
		border: solid 1px #9BB6C7; background-image:url('/images/bg_search_btn.gif'); background-repeat:repeat-x; background-color:#005DB0;  
		color: #FFFFFF; font-weight: bold; font-size:14px; padding-top: 0px;}
	#check_in { float: left;  padding-top: 3px; padding-left: 5px; font-size: 90%;}
#help_btn {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
}
	
	/*繝医ャ繝励・繝ｼ繧ｸ逕ｨsearch_area*/
	div#c0wrap2 { padding: 5px;	}
	/*result_option*/
#result_option {
	clear:both;
		padding: 6px 0px 10px 0px;
		height: auto; 
		background-color:#EFF6FA;
		background-image:none;
}
	#result_option h3 { font-size: 1em; display: block; width: 85px; float: left; padding-left: 15px; padding-top: 4px; color: #134879;}
div.ro_left {
	clear:both;
	display: block;
	margin:0 0 0 10px;
	float: left;
	width: 600px;
}
div.ro_left h2{
	float:left;
	margin:0;
	padding:0 0 0 5px;
	background-color:transparent;
	background-image:none;
	border:none;
	border-left:5px solid #0474B7;
	color:#0474B7;
}
div.ro_left ul{
	float:left;
	margin:0;
	padding:0 0 0 5px;
	background-color:transparent;
	background-image:none;
	border:none;
	list-style:none;
}
div.ro_left ul li{
	background-image:none;
	font-weight:normal;
	margin:0 0 5px 0;
}
div.ro_left ul li span{
	display:inline;
	font-weight:bold;
	width:6em;
}
div.ro_left input{
}
div.ro_right{
	display: block;
	float: right;
	padding: 2px 10px 3px 0px;
	width:200px;
}
	.ro_left dl { float: left; overflow: auto; width: 50%; color : #124799; margin-bottom: 0px;}
	.ro_left dl.dl_100per { width: 100%;}
	.ro_left dt { padding: 4px 0px 0px 16px; float: left; color: #333; width:75px; 
		background: url('../images/icon_arrow04.gif') no-repeat 0 7px; }
	.ro_left dd { float: left; padding-top: 3px; padding-bottom: 2px; _padding-top: 5px; _padding-bottom: 4px; padding-right: 13px; font-weight: bold; color: #333;}
	.ro_left dd span{ padding-left: 5px; }
div.ro_right label {
	clear:both;
	float:right;
	display:block;
	vertical-align:middle;
	margin: 0 0 5px 8px;
	padding:0px 0 0px 5px;
	font-weight: bold;
	border-left:5px solid #0474B7;
	color:#0474B7;
	white-space:nowrap;
}

div.ro_right label {
	
}
div.ro_right select{
	font-size:85%;	
}

div#search_cate{
	clear:both;
	margin:10px 10px 0 10px;
	padding:10px;
	border:1px solid #CCC;
	background-color:#FFF;
	background-image:none;
	_height:1%;
}

div#search_cate h2{
	clear:both;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:none;
	border:none;
}
div#search_cate ul{
	clear:both;
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
	border-left:1px solid #CCC;
}
div#search_cate ul li{
	float:left;
	background-image:none;
	margin:0;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	font-size:110%;
	font-weight:bold;
	line-height:1em;
	height:2.2em;
	white-space:nowrap;
}
div#search_cate ul li a{
	display:block;
	text-decoration:none;
	color:#0474B7;
	padding:10px;
}
div#search_cate ul li.cateon{
	background-image:url(/images/c_bg_catebtn_on.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#0171B5;
	border:1px solid #0049AB;
}

div#search_cate ul li.cateon a:link{
	color:#FFF;
}

div#search_cate ul li.cateon a:visited{
	color: #FFF;
}

div#search_cate ul li.cateon a:hover{
	color: #FFF;
}

div#search_cate ul li.cateon a:active{
	color: #FFF;
}

div#search_cate ul li.cateoff{
	background-image:url(/images/c_bg_catebtn_off.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#F0F0F0;
	border:1px solid #CCC;
	border-left:none;
}

div#ranking{
	margin:10px 0 0 0;
	padding:10px;
	background-color:#EFF6FA;
	background-image:none;
	border:1px solid #CCC;
}

div#ranking h2{
	float:left;
	margin:0;
	padding:0px;
	background-color:transparent;
	background-image:none;
	border:none;
	color:#333;
	font-size:88%;
	font-weight:bold;
	line-height:1em;
	width:13em;
}
div#ranking ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div#ranking ul li{
	float:left;
	margin:0 1em 0 0;
	padding:0;
	line-height:1.2em;
	background-image:none;
	font-weight:bold;
	white-space:nowrap;
}

div#search_osusume{
	margin:10px 0 0 0;
	padding:10px;
	background-color:#F9F1EE;
	background-image:none;
	border:1px solid #CCC;
}

div#search_osusume h2{
	margin:0;
	padding:0px;
	background-color:transparent;
	background-image:none;
	border:none;
	color:#333;
	font-size:88%;
	font-weight:bold;
}

div#search_osusume_con{
	margin:10px 0 0 0;
	padding:10px 10px 0 10px;
	border:1px solid #CCC;
	background-color:#FFF;
}

div#search_osusume_con dl{
	margin:0 0 10px 0;
	padding:0;
}
div#search_osusume_con dl a{
	font-weight:bold;
}
div#search_osusume_con dt{
	margin:0;
	padding:0;
}
div#search_osusume_con dd{
	margin:0 0 0 10px;
	padding:0;
}

/*result_key*/
#result_key {
	padding: 10px 0px 0 0;
}
#result_key strong { color: #333; font-weight: bold;}

/*preview*/
.preview { background-color: #ecf6ff; border: 1px solid #9ebac4; margin-bottom: 15px; margin-top: 0; padding: 0;   width:99%}
.preview .p_icon { margin: 0; height: 19px; padding-left: 5px; padding-top: 4px; padding-bottom: 2px; }
.preview span {  text-align:right; display:block; padding-right:3px;}
.preview img  { border: none;}
.p_in {width: 100%; background-color: white;  scrollbar-3dlight-color: #595959; scrollbar-shadow-color: #595959; scrollbar-arrow-color: #595959; 
 scrollbar-darkshadow-color: white; scrollbar-highlight-color: white;  scrollbar-base-color: #efefef;  scrollbar-face-color: #efefef; }
.d_none { display: none;}



/*500servererror*/	
#servererror { width: 410px; margin: 50px 180px; padding-left: 150px; 
	background: url('../images/icon_notfound.gif') no-repeat 55px 10px;}
	#servererror h1 { font-family: Helvetica; font-size: 2.9em; color: #e9e9e9; font-weight: normal; line-height: 200%; text-decoration: underline;}
	#servererror p { color: #505050; padding-bottom: 3px;}
	#servererror p.text_red { color: #df3b1f; font-weight: bold;}
	#servererror p a    	{ color: #0307c3; font-weight: bold; text-decoration: underline;}
	#servererror p a:hover  { color: #0307c3; font-weight: bold; text-decoration: underline;}
/*404notfound*/	
#notfound { width: 350px; margin: 50px 180px; padding-left: 150px; 
	background: url('../images/icon_notfound.gif') no-repeat 55px 10px;}
	#notfound h1 { font-family: Helvetica; font-size: 2.9em; color: #e9e9e9; font-weight: normal; 
		line-height: 200%; letter-spacing: 1px; text-decoration: underline; margin-bottom: 5px;}
	#notfound p { color: #505050; padding-bottom: 3px;}
	#notfound p.text_red { color: #df3b1f;}
	#notfound p a   	{ color : #0307c3; font-weight: bold; text-decoration: underline;}
	#notfound p a:hover { color : #0307c3; font-weight: bold; text-decoration: underline;}
/*NoResult*/
#error_wrap { width: 735px; margin: 20px auto 40px auto;}
#error_wrap h1 { font-size: 1.3em; color: #397bbd; padding-left: 15px; line-height: 200%;}
#error_box    { width: 100%; height: 310px; border: 1px solid #fff; background: url("../images/error_bg.gif") no-repeat 0 top;}
#error_box_in h2 { width: 550px; height: 23px; padding-top: 5px; font-size: 1.1em; color: #fff; text-align: center;
	background: url("../images/error_title.gif") no-repeat 0 0 }
p.text01 { text-align: center; color: #df3b1f; padding-top: 10px; padding-bottom: 5px; font-weight: bold;}
#error_box_in ul { padding: 0 5px;}
#error_box_in li { background: url('images/icon_arrow02.gif') no-repeat 0 6px; padding: 0 8px; line-height:150%;}
#error_box_in li span { padding: 0 10px;}
#error_box_in li p { background-color: #f4f4f4; line-height: 140%; padding: 6px 10px; color: #000;}
#error_box_in li p span { color: #2865a5; padding-left: 0px;}

/*Search Help*/
#help_wrapper { padding: 0px; margin: 0px; width:100%; background-color:#fff;}
#help_wrapper h1 { font-size:1.3em; background: url('../images/icon_cir.gif') no-repeat 14px 10px; padding-left:30px; padding-top:5px;}
.box_text {  padding:0px; width:100%; margin:0;}
.box_text table {border-collapse:collapse; width:100%; font-size:1em;}
.box_text th { text-align:left; line-height:200%; padding:9px 10px 2px 30px; color:#fff; background:url('../images/w_help_tab.gif') no-repeat 0px 8px; height:25px;}
.box_text td { text-align:left; padding:7px 15px 15px 15px; color:#666; text-align:justify;}
.box_text td p { padding:3px 0px; margin:0; }
.box_text td p em { font-style:normal; color:#DE1909; font-weight: bold;}
.box_text td p span { color:#DE1909;}
.box_in table { border-collapse:collapse; width:100%; font-size:1em;  border:1px solid #aaa; }
.box_in th { background:none; background-color:#eee; padding:2px 5px 1px 5px; text-align:center; color:#666;}
.box_in th.rr { border-right:1px solid #aaa;}
.box_in td { background-color:#fff; padding:3px 5px 2px 5px;border:1px solid #aaa; text-align:center;}
.box_in td.aa { width:100px; color:#333; }
.box_in td.bb { width:90px; color:#333; font-weight: bold;}
.box_in td.cc { text-align:left; padding:5px 10px;}




/*navi:20091103 Modified*/
#result_navi { float:left; margin: 10px 10px 0 0 ; width: 145px; text-align: left; border:1px solid #334f77;  }
#result_navi ul { margin: 0; padding-left: 0; text-transform: uppercase;}
#result_navi ul li {display:block; /*height:22px;*/ padding:5px 0 3px 5px;
	background: url('../images/navi_bar.gif') no-repeat 0 100%;/* overflow:hidden*/ }
#result_navi ul .on { display:block;/* height:22px;*/font-weight:bold; color:#134879;font-size:1em; 
	background: url('../images/navi_on.gif') no-repeat 0 100%;}
	#result_navi ul .on span{ display:inline-block; width:120px;  vertical-align:text-top }
#result_navi ul li a{ display:block;/* height:22px;*/color: #134879; font-weight: bold; padding:0; text-decoration: none; cursor: hand}
#result_navi ul li a:hover { display:block; /*height:22px;*/ color:#0075e0;}
#result_navi ul li img{ vertical-align:middle; display:inline-block; padding-top:2px;}
#result_navi ul li a span{ display:inline-block;width:120px; vertical-align:text-top;}

/*pup_key:20091103 Modified*/
#pup_key {padding: 15px 0 5px 16px; height: 20px; clear: both; border-bottom:1px dotted #c9d3e1;}
#pup_key h2 { font-size: 1em; float: left; width: 155px;}
	.pk_keyword { height: 20px; width: 700px; overflow: hidden; z-index: 50;}
	.pk_keyword span{ padding-left: 13px; padding-right: 10px; font-size: 1em; letter-spacing: -0.1em; }
	.pk_keyword a   	{ text-decoration: underline;}
	.pk_keyword a:hover { text-decoration: underline;}
	
	
/*copy:20091103 Modified*/
#copy { color: #999 ; height: 22px; margin-top: 10px;  padding-top: 5px; background: #eee; 
	text-align: center; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; clear:both;}
	
#wrap{ width:100%;}
/*#contents { 
	overflow: hidden;
	height: 1%;
}*/

/*relt*/
.relt_cat{margin-bottom: 15px; }
	/*title*/
	.relt_title {  /*height: 35px; margin-bottom: 8px; */background: url('../images/relt_title_bg.gif') no-repeat;
	/* border:1px solid #000; overflow-x:hidden; width:100%;*/}
	.relt_title  h1	{ font-size: 1.1em; color: #134879; margin: 0px; padding-left: 25px; padding-top: 8px; height:35px; }
	.relt_title  h1 em{ font-style: normal; font-weight: normal; padding-left: 10px; color: #646464;}
	.relt_title  h1 strong { color: #333;}
	.relt_more {  position: relative; text-align: right; padding: 8px 15px 0 0 ; font-size: 1em; 
		background: url('../images/relt_title_end.gif') no-repeat right 0; display:block; float:right; height:35px;}
	.relt_more img{ margin:0 5px 0 0 ;}
	/**/
	.relt_cont{ _width:100%; clear:both; background: url('../images/typeA_a1_ho_dotline.gif') repeat-x bottom; padding-bottom:10px; /* min-height: 100px;*/ overflow:hidden;}
	.relt_cont .relt_thum{ float: left;/* _height: 90px;*/ margin: 0; padding: 10px 0px 0px 10px;/* _padding-top: 5px;*/}
	.relt_cont dl	{ overflow: hidden; line-height: 19px; padding: 8px 10px 3px 10px; margin: 0;_display:inline-block}
	.relt_cont dt .relt_cont_title	{ margin-right: 0px; position: relative;}
	.relt_cont_title span{ margin-right:0px;}
	    span.srchtitle a    	{font-weight: bold; color:#1b4bdb; text-decoration: underline;}
	    span.srchtitle a:hover  {font-weight: bold; color:#1b4bdb; text-decoration: underline;}
	.relt_cont dt span { margin-right:3px;}
		span.newbtn {margin: 0px 2px; font-size:1em; }
		span.newbtn  a    	{ color: #1b4bdb; font-weight: normal; text-decoration: underline; font-size: 1em;}
		span.newbtn  a:hover  { color: #1b4bdb; font-weight: normal; text-decoration: underline; font-size: 1em;}
	.relt_cont dd { margin: 1px 0 1px 0; color: #333; line-height: 120%; padding-top: 4px; text-align: justify;}
	.relt_cont dd strong { color:#DE1909;}
	.relt_cont img { vertical-align: middle;}
	.relt_cont a    	{ font-weight: bold; color:#1b4bdb; text-decoration: none; }
	.relt_cont a:hover  { font-weight: bold; color:#1b4bdb; text-decoration: underline;}
	.relt_cont .prev{color: #005500; margin-right: 10px; padding-left: 12px; background: url('../images/icon_arrow01.gif') no-repeat 0 2px;}
	.relt_cont .url {font-size: 1em; color: green;}
	.relt_cont .date{font-size: 1em; color: #666; padding-left: 12px; background: url('../images/icon_arrow05.gif') no-repeat 4px 3px;}

/*direct_cont*/
	/*title*/
	.direct_title {  /*height: 35px; margin-bottom: 8px; */background: url('../images/relt_title_bg.gif') no-repeat;
	/* border:1px solid #000; overflow-x:hidden; width:100%;*/}
	.direct_title  h1	{ font-size: 1.1em; color: #134879; margin: 0px; padding-left: 25px; padding-top: 8px; height:35px; }
	.direct_title  h1 em{ font-style: normal; font-weight: normal; padding-left: 10px; color: #646464;}
	.direct_title  h1 strong { color: #333;}
	.direct_title_more {  position: relative; text-align: right; padding: 8px 15px 0 0 ; font-size: 1em; 
		background: url('../images/relt_title_end.gif') no-repeat right 0; display:block; float:right; height:35px;}
	.direct_cont{ padding: 0px; padding-bottom:3px;}  
	.direct_cont dl	{ overflow: hidden; line-height: 19px; padding: 8px 10px 3px 10px; margin: 0;}
	.direct_cont dt .direct_cont_title	{ margin-right: 0px; position: relative;}
	.direct_cont dt span { margin-right:3px;}
		span.newbtn {margin: 0px 2px; font-size:1em; }
		span.newbtn  a    	{ color: #1b4bdb; font-weight: normal; text-decoration: underline; font-size: 1em;}
		span.newbtn  a:hover  { color: #1b4bdb; font-weight: normal; text-decoration: underline; font-size: 1em;}
	.direct_cont dd { margin: 1px 0 1px 0; color: #333; line-height: 120%; padding-top: 4px; text-align: justify;}
	.direct_cont dd strong { color:#DE1909;}
	.direct_cont img { vertical-align: middle;}
	.direct_cont a    	{ font-weight: bold; color:#1b4bdb; text-decoration: none; }
	.direct_cont a:hover  { font-weight: bold; color:#1b4bdb; text-decoration: underline;}
	.direct_cont .prev{color: #005500; margin-right: 10px; padding-left: 12px; background: url('../images/icon_arrow01.gif') no-repeat 0 2px;}
	.direct_cont .url {font-size: 1em; color: green;}
	.direct_total{border:1px solid #d2d2d2; background-color:#f2f2f2;}
	
/*20091104:error_box modified*/
#error_box_in { width: 550px; margin-left: 165px; margin-top: 20px;}

/*寬們擽・・/
#paging { width: 80%; margin-left: 160px; padding-bottom: 15px; padding-top: 15px; }    

/*admin*/
#edit_box { width: 100%; position: relative; border: solid 1px #F1BECC; background: #F8E7ED; margin-top: 10px;}
