/* common styles */

/* common */
body{
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h1{
	margin: 0px;
	padding: 0px;
	}

h2, h3{
	margin: 0;
	padding: 0;
	}

p{
	padding: 5;
	margin: 0;
	}

img{
	border-width: 0;
	}

a{color: #333399;}
a:link{text-decoration: underline; color: #A40000;}
a:visited{ text-decoration: underline; color: #003399;}
a:active, a:hover{text-decoration: none; color:#A40000;}

/* UIT2007.01.31 add */
a.ruby{color: #333399;}
a.ruby:link{text-decoration: none; color: #A40000;}
a.ruby:visited{ text-decoration: none; color: #003399;}
a.ruby:active, a.ruby:hover{text-decoration: underline; color:#A40000;}

.float-l{
	float: left;
	}

.float-r{
	float: right;
	}

.clear{
	clear: both;
	}

/* other */
.head{
	width:800px;
	}

.kekka{
	margin: 0px;
	padding: 16px 20px 5px 5px;
	color:#C86666;
	}

.main-menu{
	width:100%;
	}

.footer-menu{
	margin: 0px 0px 0px 15px;
	padding: 0;
	}

.search-left{
	margin: 4px 0px 0px 18px;
	padding: 0;
	}

.space{
	padding: 3px;
	}


div#sub{
	margin: 10px 0px 30px 10px;
	}

div#NewResponseList{
	margin: 10px 0px 30px 10px;
	position: relative; 
	left: 0px; 
	top: 0px; 
	width: 550px;
	}

.normal-main{
	width:550px;
	margin: 10px 10px 10px 10px;
	}

#sub-contents{
	background: url(../img/bg_sub.gif);
	background-repeat:repeat-y;
	}

#top-contents{
	background: url(../img/bg_sub.gif);
	background-repeat:repeat;
	}

div#out{
	width: 800;
	margin: 0;
	padding: 0;
	}

div#newout{
	width: 1000;
	margin: 0;
	padding: 0;
	}

div#top-width{
	width:680px;
	margin: 0;
	padding: 0;
	}

div#footer{
	background-color:#000000;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.textdeco{
	vertical-align: middle;
	}

.text-r{
	text-align: right;
	}

.text-l{
	text-align: left;
	}
.text-c{
	text-align: center;
	}

.bg-white{
background-color:#ffffff;
	}

.bg-gray{
background-color:#D2D2D2;
	}

.blue {color:#336699;}
.green {color:#3F4223;}
.gray {color:#898989;}
.white {color:#ffffff;}
.brown { color:#956953; }
.red { color:#B8383F; }

div#gotop{
	text-align: right;
	}
	

.breadcrumbs {
	font-size:11px;line-height:120%;
	margin: 10px;
	padding:0px;
	width: 560px;
	}

.box{
	width: 550px;
	padding:0px;
	margin: 7px;
	border: solid 1px #B5B5B5;
	background-color: #ffffff;
	}

.subhead-box1{
width: 560px;
height: 45px;
background: url(../img/subtitle_result.gif);
background-repeat:repeat-y;
padding: 0px;
margin: 0px 0px 0px 7px;

}

.subhead-box2{
width: 560px;
height: 45px;
background: url(../img/subtitle_result2.gif);
background-repeat:repeat-y;
padding: 0px;
margin: 0px 0px 0px 7px;

}

.subhead-box3{
width: 560px;
height: 45px;
background: url(../img/subtitle_result3.gif);
background-repeat:repeat-y;
padding: 0px;
margin: 0px 0px 0px 7px;

}

.subhead-box4{
width: 560px;
height: 45px;
background: url(../img/subtitle_detail.gif);
background-repeat:repeat-y;
padding: 0px;
margin: 0px 0px 0px 7px;

}

.cell-a{
	background-color: #F1EFCE;
}

.cell-b{
	background-color: #E7E7E7;
}

.cell-c{
background-color:#C82F2F;
	}

.table-class{
	width:530px;
	border-style: solid;
	border-width: 0px 0px 0px 8px;
	border-color: #B7AA00;
	background-color:#F1EECC;
	margin: 5px 0px 5px 5px;
	padding: 2px;
	}



/* from old codes */
.areatd{
border-top:1px dotted #666666;
}
.searchmain {
	border: 1px solid #000000;
}

#scroll{
	margin: 10px 0px 0px 0px;
	height:100%;
	width:550px;
	overflow: scroll;
}