@charset "utf-8";

/* CSS Document */

/*base*/
/* * html { 
height: 1px; }
body { 
font-family: "MS PGothic",dotum; 
color: #333333 ; 
font-size: 95%; 
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, 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;
}
span.button, 
img.button, 
a.button {
cursor: pointer; 
vertical-align: middle; 
}
span.keyword{ 
color: #ff6600; 
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 { width: 100%; position: relative; border: solid 1px #a6bed8; background: #d7eaff}
	/*search_area*/
	#search_box  { height: 39px; padding: 15px 0px 0px 15px; width: 885px;}
	#search_form { float: left; height: 24px; position: relative;}
	*#search_form input { border: 0px #FFFFFF solid; padding-left: 5px; padding-top: 3px; margin-left: 1px; height: 18px; font-size: 1.1em;  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: solid 2px #085180; width: 290px; height: 23px;}
	#search_btn 	 { float: left; padding-left: 8px; padding-right: 5px; padding-bottom:2px;}
	#search_btn input{ width: 50px;height: 27px; font-size: 1.2em; 
		border: solid 1px #334f77; background: url('../images/bt_search_bg.gif') no-repeat #96caff;  
		color: #FFFFFF; font-weight: bold; padding-top: 3px;
		font-family:MS PGothic;}
	#check_in { float: left;  padding-top: 3px; padding-left: 5px; }
	#help_btn { float: right; padding-top: 3px; padding-right: 15px; }
	/*result_option*/
	#result_option { width: 100%; padding: 6px 0px 5px 0px; overflow: auto; height: auto; 
		background: url('../images/result_option_top.gif') no-repeat center top #ecf6ff;}
	#result_option h2 { font-size: 1em; display: block; width: 85px; float: left; padding-left: 15px; padding-top: 4px; color: #134879;}
	
	#center_result_option { width: 100%; padding: 6px 0px 5px 0px; overflow: auto; height: auto; }
	.ro_center { display: block; float: left; width: 800px;}
	.ro_center dl { float: left; overflow: auto; width: 450%; color : #124799; margin-bottom: 0px; padding-left: 100px;}
	.ro_center dl.dl_100per { width: 100%;}
	.ro_center dt { padding: 4px 0px 0px 16px; float: left; color: #333; width:120px; 
		background: url('../images/icon_arrow04.gif') no-repeat 0 7px; }
	.ro_center dd { float: left; padding-top: 3px; padding-bottom: 2px; _padding-top: 5px; _padding-bottom: 4px; padding-right: 13px; font-weight: bold; color: #333;}
	/* .ro_center dd span{ padding-left: 5px; } */
	
	
	
	.ro_left { display: block; float: left; width: 430px;}
	.ro_right{ display: block; float: right; padding: 2px 10px 3px 0px;
		background: url('../images/option_dd_bar.gif') no-repeat 0 6px;}
	.ro_left dl { float: left; overflow: auto; width: 100%; color : #124799; margin-bottom: 0px;}
	.ro_left dl.dl_100per { width: 150%;}
	.ro_left dt { padding: 4px 0px 0px 16px; float: left; color: #333; width:120px; 
		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; } */
	.ro_right label { margin-left: 8px; font-weight: bold;}


/*result_key*/
#result_key { padding: 8px 10px;}
#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:#ff6600; font-weight: bold;}
.box_text td p span { color:#ff6600;}
.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;border:1px solid #aaa; }
.box_in td.bb { width:90px; color:#333; font-weight: bold;border:1px solid #aaa;}
.box_in td.cc { text-align:left; padding:5px 10px;border:1px solid #aaa;}




/*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: 22px; padding-right: 10px; font-size: 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:#ff6600;}
	.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:#ff6600;}
	.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; }    

#contentsbgr { 
	clear: both;
	margin: 5px 0 0 0;
	padding:0;
	position: auto;
/*	border: solid 1px #CCCCCC;*/
/*	background: #F9F9F9;*/
}

/*選択解除ボタン*/
.deselect_btn{
	font-size: 14px;
	height: 24px;
	background: -moz-linear-gradient(top,#3F53A2, #3F53A2 50%,#3A4C95 50%,#3A4C95);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(0.5,#666666), color-stop(0.5,#666666), to(#666666));
	border: 1px solid transparent;
	color: #FFF;
	width: 95px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-family: "メイリオ", Arial, sans-serif;
	background-color: #3A4C95;
}

/*調整*/
.box_text td{
border:none;
}
.box_text th {
    border: none;
}
td .box_in {
    margin: 0;
    padding: 4px;
    /* border: 1px solid #CDCCC7; */
    color: #333333;
    background-color: #FFFFFF;
}
span#popRollingitem1 {
	background-image: url(/scs/web/images/rank1.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

span#popRollingitem2 {
	background-image: url(/scs/web/images/rank2.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
span#popRollingitem3 {
	background-image: url(/scs/web/images/rank3.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
span#popRollingitem4 {
	background-image: url(/scs/web/images/rank4.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
span#popRollingitem5 {
	background-image: url(/scs/web/images/rank5.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
div.init_btn {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #333333;
    font-weight: bold;
    color: #D50000;
    background: #FFF4F4;
}

div.init_btn p {
    color: #D50000;
    font-weight: bold;
    margin: 10px;
}