/* header */
/* change by hsano */
/*
#header .hd_official {
	background-image: url(images/o_title.jpg);
	height: 150px;
	width: 940px;
	clear: both;
}
*/

#header .hd_official h1 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
	padding-top: 80px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.nsHeader{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
	padding-top: 80px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#header .hd_official h2 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	padding-left: 20px;
}
#header .hd_official a{
	color: #FFFFFF;
}

#left_side {
	float: left;
	width: 720px;
}

#topic_pach {
	width: 720px;
	margin-bottom: 10px;
}
#narrow {
	width: 210px;
	margin-bottom: 10px;
}
#narrow img {
	margin-bottom: 5px;
}
#narrow select {
	width: 210px;
}
#left .information {
	margin-bottom: 20px;
}
#left .information .info_box {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#left .information .photo_area {
	float: left;
	background-color: #E6E6E6;
	text-align: center;
	width: 60px;
	margin-right: 10px;
}
#left .information .photo_area img {
	margin-right: auto;
	margin-left: auto;
}

#left .information .info_title2 {
    font-weight: bold;
    margin-bottom: 3px;
}
#left .information .info_title2 a {
    text-decoration: none;
}


/* blue */
.ob_side_title {
	line-height: 25px;
	font-weight: bold;
	background-image: url(images/ti_bg_bl.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 10px;
}

#main #ob_message {
	background-image: url(images/board_top_bl.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 500px;
	margin-bottom: 20px;
	padding-top: 50px;
	text-align: center;
}
#main #ob_message table {
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}
#main #ob_message .title {
	font-size: 16px;
	font-weight: bold;
	color: #0076BA;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A4D1EB;
	margin-bottom: 15px;
	text-align: left;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
/* change by hsano */
#main #ob_message .photo img {
	float: left;
	padding-left: 10px;
}

#main #ob_message .text {
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
#main #ob_message .comment {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	width: 480px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 15px;
}

.nobullets li {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}
.nobullets a:link {
	color: #3886B1;
	text-decoration: none;
}
.nobullets a:visited {
	color: #3886B1;
	text-decoration: none;
}
.nobullets a:hover {
	color: #CC0000;
	text-decoration: none;
}



/* red */
.or_side_title {
	line-height: 25px;
	font-weight: bold;
	background-image: url(images/ti_bg_rd.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#main #or_message {
	background-image: url(images/official/board_top_rd.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 500px;
	margin-bottom: 20px;
	padding-top: 50px;
	text-align: center;
}
#main #or_message table {
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}
#main #or_message .title {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
	text-align: left;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
#main #or_message .photo img {
	padding-left: 10px;
}

#main #or_message .text {
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
#main #or_message .comment {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	width: 480px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 15px;
}

/* result */
#main .o_result {
	background-image: url(images/result_bg.gif);
	background-repeat: repeat-y;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#main .o_result_titlebox {
	width: 480px;
	padding-bottom: 4px;
	background-image: url(images/article_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 60px;
	padding-right: 10px;
	padding-left: 10px;
}
#main .o_result_titlebox .date {
	font-weight: bold;
	float: left;
	padding-right: 5px;
}
#main .o_result_titlebox .category {
	font-weight: bold;
	color: #0076BA;
}


#main .o_result_title {
	width: 480px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 5px;
}
#main .o_result_text {
	width: 480px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#main .o_result_text img {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#main .o_result_more {
	background-image: url(../img/common/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 480px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}
#main .o_result_more a {
	color: #FF0000;
	text-decoration: none;
}
#main .o_result_foot {
	line-height: 20px;
	padding-bottom: 20px;
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
}
#main .o_result_foot2 {
	line-height: 20px;
	padding-bottom: 30px;
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
}
#main .o_result_latter {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 480px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#main .o_result_box {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}
/* change by hsano */
#main .o_result_box .result_photo_area {
	width: 100px; 
	background-color: #E6E6E6; 
	text-align: center;
	float: left;
	margin-right: 10px;
}
#main .o_result_box .result_photo_area img {
	margin-right: auto;
	margin-left: auto;
}

#main .o_result_box .date {
	padding-right: 5px;
	font-weight: bold;
	float: left;
}
#main .o_result_box .category {
	font-weight: bold;
	color: #3886B1;
	float: left;
}
#main .o_result_box .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}






/* user info */
#o_userinfo{
	width:200px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}
#o_userinfo .username {
	font-weight: bold;
	text-align: center;
	width: 200px;
	margin-bottom: 10px;
}
#o_userinfo img {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#o_userinfo .userprofile {
	line-height: 25px;
	background-image: url(images/o_userprofile_bg.gif);
	background-repeat: no-repeat;
	width: 170px;
	margin-bottom: 10px;
	padding-left: 30px;
	font-weight: bold;
	text-align: left;
}
#o_userinfo .usercomment {
	line-height: 25px;
	font-weight: bold;
	background-image: url(images/o_usercomment_bg.gif);
	background-repeat: no-repeat;
	width: 170px;
	margin-bottom: 10px;
	padding-left: 30px;
	margin-top: 10px;
	text-align: left;
}
#o_userinfo .userinfobox {
	width: 190px;
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
}
/*
#o_userinfo .usercomment {
	width: 190px;
	margin-right: 5px;
	margin-left: 5px;
}
*/
/* ----- calendar ----- */
#o_calendar{
	width: 210px;
	margin-bottom: 10px;
}
#o_calendar table{
width:208px;
text-align:center;
}
#o_calendar caption{
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	padding: 0px;
	margin: 0px;
}
#o_calendar caption a{
	padding:0 5px;
	text-decoration: none;
	color: #333333;
}
#o_calendar .sun{
color:#FF0000;
}
#o_calendar .sat{
color:#3366FF;
}
#o_calendar td,
#o_calendar th{
	text-align:center;
	padding: 0;
}