@charset "utf-8";

/*****************************************
				HTML
*****************************************/
html {}
/*****************************************
				Container
*****************************************/
#container {
	min-height: 100%;
	_height: 100%;
}
/*****************************************
				Header
*****************************************/
#header {
	width: 100%;
	position: relative;
}
#headerInner {
	width: 100%;
	height: 67px;
	border-bottom: 2px solid #683E99;
}
#headerContents {
	width: 1000px;
	height: 67px;
	margin: 0 auto;
	position: relative;
}
#logoTitle {
	width: 164px;
	height: 55px;
	margin: 6px 0 0 0;
	float: left;
}
#logoTitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/header/logo_title.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#logoTitle a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#headerContentsInner {
	float: right;
	overflow: hidden;
}
/*****************************************
				Tools
*****************************************/
#tools {
	padding: 15px 0 0 0;
	width: 612px;
	overflow: hidden;
}
/*****************************************
			Size Changer
*****************************************/
#sizeChanger {
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
	font-size: 86%;
}
#sizeChanger dt {
	width: 75px;
	line-height: 36px;
	float: left;
}
#sizeChanger dd {
	width: 58px;
	height: 36px;
	overflow: hidden;
	float: left;
}
#sizeChanger dd#df { margin: 0 2px 0 0; }
#sizeChanger dd a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/tool/tools_textsize.png) 0 0 no-repeat;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
}
#sizeChanger dd#df a { background-position: 0 0; }
#sizeChanger dd#zf a { background-position: -58px 0; }
#sizeChanger dd#df a:hover { background-position: 0 -36px; }
#sizeChanger dd#zf a:hover { background-position: -58px -36px; }
/*****************************************
			Color Changer
*****************************************/
#colorChanger {
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
	font-size: 86%;
}
#colorChanger dt {
	width: 48px;
	line-height: 36px;
	float: left;
}
#colorChanger dd {
	margin: 0 2px 0 0;
	width: 36px;
	height: 36px;
	float: left;
}
#colorChanger dd#bg_black { margin: 0; }
#colorChanger dd a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/tool/tools_colorchanger.png) 0 0 no-repeat;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
}
#colorChanger dd#bg_default a { background-position: 0 0; }
#colorChanger dd#bg_blue a { background-position: -36px 0; }
#colorChanger dd#bg_yellow a { background-position: -72px 0; }
#colorChanger dd#bg_black a { background-position: -108px 0; }
#colorChanger dd#bg_default a:hover { background-position: 0 -36px; }
#colorChanger dd#bg_blue a:hover { background-position: -36px -36px; }
#colorChanger dd#bg_yellow a:hover { background-position: -72px -36px; }
#colorChanger dd#bg_black a:hover { background-position: -108px -36px; }
/*****************************************
			Foreigners
*****************************************/
#foreigners {
	width: 90px;
	float: left;
	position: relative;
}
#btn_foreigners {
	background: url(../img/tool/tool_foreigners.png) 0 0 no-repeat;
	width: 90px;
	height: 36px;
	margin: 0 10px 0 0;
	float: left;
	display: block;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
#btn_foreigners:hover { background-position: 0 -36px; }
/*****************************************
			Browser Support
*****************************************/
#browserSupport {
	background: url(../img/tool/tool_read.png) 0 0 no-repeat;
	width: 100px;
	height: 36px;
	float: left;
	display: block;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
#browserSupport:hover { background-position: 0 -36px; }
#rsPlayer {
	display: none;
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 10000;
}
/*****************************************
			Tool Button
*****************************************/
#btn_twitter {
	background: url(../img/header/icon_twitter.png) 0 0 no-repeat;
	width: 31px;
	height: 27px;
	margin: 18px 10px 0 0;
	float: left;
	display: block;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_facebook {
	background: url(../img/header/icon_facebook.png) 0 0 no-repeat;
	width: 27px;
	height: 27px;
	margin: 18px 10px 0 0;
	float: left;
	display: block;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_youtube {
	background: url(../img/header/icon_youtube.png) 0 0 no-repeat;
	width: 63px;
	height: 27px;
	margin: 18px 10px 0 0;
	float: left;
	display: block;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_twitter:hover,
#btn_facebook:hover,
#btn_youtube:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav {
	background: url(../img/parts/dot_black64.png) 0 0 repeat;
	width: 100%;
	height: 53px;
	clear: both;
}
#gNav ul {
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	position: relative;
}
#gNav ul li {
	width: 240px;
	height: 53px;
	margin: 0 13px 0 0;
	float: left;
	position: relative;
}
#gNav ul li.nav04 { margin: 0; }
#gNav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/gnav/gnav.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
}
#gNav ul li.nav01 a { background-position: 0 0; }
#gNav ul li.nav02 a { background-position: -240px 0; }
#gNav ul li.nav03 a { background-position: -480px 0; }
#gNav ul li.nav04 a { background-position: -720px 0; }
#gNav ul li.nav01 a.on,
#gNav ul li.nav01 a:hover { background-position: 0 -53px; }
#gNav ul li.nav02 a.on,
#gNav ul li.nav02 a:hover { background-position: -240px -53px; }
#gNav ul li.nav03 a.on,
#gNav ul li.nav03 a:hover { background-position: -480px -53px; }
#gNav ul li.nav04 a.on,
#gNav ul li.nav04 a:hover { background-position: -720px -53px; }
/* Drop Down */
#gNav ul li ul {
	display: none;
	width: 1004px;
	height: auto;
	position: absolute;
	top: 53px;
	z-index: 9999;
	overflow: hidden;
}
#gNav ul li.nav01 ul { left: 0; }
#gNav ul li.nav02 ul { left: -253px; }
#gNav ul li.nav03 ul { left: -506px; }
#gNav ul li.nav04 ul { left: -759px; }
#gNav ul li ul li {
	background: #000;
	width: 248px;
	height: 60px;
	margin: 3px 3px 0 0;
	position: relative;
}
#gNav ul li ul li a {
	background: none;
	width: 232px;
	height: 60px !important;
	line-height: 60px;
	padding: 0 8px;
	display: block;
	text-indent: 0;
	text-decoration: none;
	white-space: normal;
	color: #FFF;
	overflow: hidden;
	font-size: 90%;
	font-weight: bold;
}
#gNav ul li ul li.line2 a {
	height: 52px !important;
	padding: 4px 8px;
	line-height: 26px;
}
#gNav ul li ul li.on { background: #5B2763; }
#gNav ul li ul li:hover { background: #5B2763 !important; }
/*
#gNav ul li ul li {
	width: 240px;
	height: auto;
	margin: 2px 0 0 0;
	position: relative;
}
#gNav ul li ul li a {
	background: #000;
	width: 224px;
	height: auto !important;
	padding: 8px;
	display: block;
	text-indent: 0;
	text-decoration: none;
	white-space: normal;
	color: #FFF;
	overflow: hidden;
	font-size: 90%;
	font-weight: bold;
}
*/
/*****************************************
				Search
*****************************************/
#searchBox {
	background: #F5F5F5;
	width: 100%;
	clear: both;
}
#search {
	width: 640px;
	margin: 0 auto;
	padding: 14px 0;
	overflow: hidden;
}
#field_search {
	background: #FFF;
	width: 516px;
	height: 36px;
	line-height: 36px;
	border: solid 2px #6A369D;
	padding: 0 5px;
	font-size: 100%;
	float: left;
}
#btn_search {
	width: 110px;
	height: 40px;
	background: url(../img/parts/btn_search.png) 50% 50% no-repeat;
	background-color: #6A369D;
	border: none;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	float: right;
	color: #FFF;
}
#btn_search:hover { background-color: #A767D8; }
/*****************************************
				Wrapper
*****************************************/
#wrapper {
	padding: 0 0 434px 0;
	clear: both;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #E7E7E7;
}
#topicpath ol {
	background: url(../img/parts/current.png) 0 3px no-repeat;
	width: 970px;
	margin: 0 auto;
	padding: 0 0 0 32px;
	list-style: none;
	letter-spacing: -0.4em;
}
#topicpath ol li {
	margin: 0 8px 0 0;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	line-height: 30px;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 93%;
}
#topicpath ol li a {
	margin: 0 8px 0 0;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	width: 1000px;
	margin: 15px auto;
	overflow: hidden;
}
#categoryTitle .innerTitle {
	display: block;
	overflow: hidden;
	font-size: 225%;
	font-weight: bold;
	color: #000;
}
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	width: 1000px;
	margin: 0 auto 25px auto;
}
#lNav ul {
	width: 976px;
	border: 2px solid #DDD;
	padding: 8px 10px 0 10px;
	letter-spacing: -0.4em;
	text-align: left;
	font-size: 93%;
	list-style: none;
}
#lNav ul li {
	background: url(../img/parts/list_point02.png) 0 10px no-repeat;
	margin: 0 14px 8px 0;
	padding: 2px 0 2px 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}
/*****************************************
				Main
*****************************************/
#main { overflow: hidden; }
/*****************************************
			Main Contents
*****************************************/
#mainContents {
	width: 1000px;
	margin: 0 auto 20px auto;
	padding: 10px 0 0 0;
}
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	background: url(../img/title/page_title_bg.png) 0 0 repeat #000;
	width: 998px;
	margin: 0 auto 15px auto;
	border-radius: 4px;
	padding: 1px;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	background: url(../img/title/page_title.png) 10px 10px no-repeat;
	padding: 4px 10px 4px 60px;
	display: block;
	border: 1px solid #AD90C9;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	border-radius: 4px;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2,
.contentsCalendar h2 {
	background: url(../img/title/h2_title.png) 12px 14px no-repeat;
	margin: 15px -10px 8px -10px;
	padding: 2px 5px 2px 30px;
	border-bottom: 3px solid #6B319F;
	font-size: 136%;
	font-weight: bold;
	color: #501987;
}
#contents h3,
.contentsCalendar h3 {
	background: #EEE;
	margin: 15px -10px 8px -10px;
	padding: 4px 5px 4px 12px;
	border-radius: 4px;
	font-size: 122%;
	font-weight: bold;
	color: #1C1A89;
	border: 2px solid #6B319F;
	border-left: 6px solid #6B319F;
	border-radius: 4px;
}
#contents h4,
.contentsCalendar h4 {
	margin: 15px -10px 8px -10px;
	padding: 4px 5px 2px 10px;
	border: 1px solid #6B319F;
	border-bottom: 3px solid #6B319F;
	font-size: 115%;
	font-weight: bold;
}
#contents h5,
.contentsCalendar h5 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 1px 10px;
	border: 1px solid #999;
	border-left: 4px solid #999;
	font-size: 115%;
	font-weight: bold;
}
#contents h6,
.contentsCalendar h6 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 1px 10px;
	border: 1px solid #999;
	font-size: 115%;
	font-weight: bold;
}
/*****************************************
			List Index
*****************************************/
.list_index { clear: both; }
.list_index ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.list_index ul li {
	background-position: 8px 12px !important;
	margin: 0 !important;
	padding: 6px 3px 6px 30px !important;
	border-bottom: 1px dotted #CCC;
}
/*****************************************
			Directory News
*****************************************/
#dirNews {
	width: 1000px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	position: relative;
}
#dirNews h3 {
	background: #6A369D;
	padding: 5px 12px;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
}
#dirNewsList {
	height: 190px;
	margin: 0 auto;
	border-top: none;
	overflow: auto;
	position: relative;
	border: 2px solid #6A369D;
	border-top: none;
}
#dirNews dl {
	margin: -1px 0 0 0;
	padding: 8px;
	border-top: dotted 1px #999;
	overflow: hidden;
}
#dirNews dl dt {
	width: 10.5em;
	padding: 4px 0;
	float: left;
	_display: inline;
	color: #000;
}
#dirNews dl dd {
	padding: 4px 0;
	margin: 0 0 0 11em;
}
/*****************************************
			Directory Index
*****************************************/
#dir,
#dirRel {
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	letter-spacing: -0.4em;
}
#dirRel {
	margin: 15px auto 0 auto;
}
.dirIndex,
#dirRelInfo {
	width: 314px;
	margin: 0 20px 20px 0;
	padding: 1px;
	border: 2px solid #6A369D;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	overflow: hidden;
}
.dirIndex h3,
#dirRelInfo h3 {
	background: #6A369D;
	padding: 8px;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.41;
	overflow: hidden;
	color: #FFF;
}
#dirRelInfo { border: 2px solid #00468C; }
#dirRelInfo h3 { background: #00468C; }
#dirRel .dirIndex { border: 2px solid #333; }
#dirRel .dirIndex h3 { background: #333; }
.dirIndex h3 a,
#dirRelInfo h3 a { color: #FFF; }
.dirIndex h3 a:hover,
#dirRelInfo h3 a:hover { color: #FF0; }
.dirIndex p,
#dirRelInfo p {
	margin: 5px 0 0 0;
	padding: 0 16px;
	line-height: 1.41;
}
.dirIndex ul,
#dirRelInfo ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
.dirIndex ul li,
#dirRelInfo ul li {
	padding: 4px 8px 4px 16px;
	background: url(../img/parts/list_point02.png) 7px 12px no-repeat;
}
.dirIndex ul li p,
#dirRelInfo ul li p {
	display: block;
	margin: 2px 0 0 0 !important;
	padding: 0 0 0 8px;
	border-left: solid 3px #AAA;
	_zoom: 1;
}
.dirIndex ul li.bg,
#dirRelInfo ul li.bg { background-color: #E4ECF7; }
/*****************************************
		Directory Index Q&A
*****************************************/
#dirIndexQA {
	background: #FFF;
	width: 994px;
	margin: 10px 0 0 0;
	padding: 1px;
	border: 2px solid #6A369D;
	overflow: hidden;
	letter-spacing: normal;
}
#dirIndexQA h3 {
	background: #6A369D;
	padding: 8px;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.41;
	color: #FFF;
}
#dirIndexQA h3 a { color: #FFF; }
#dirIndexQA h3 a:hover { color: #FF0; }
#dirIndexQABox {
	padding: 1px 0 2px 0;
	border-top: none;
}
#searchQA {
	padding: 8px;
	background: #F2F2F2;
	overflow: hidden;
	_zoom: 1;
}
#field_search_QA {
	padding: 0 5px;
	width: 894px;
	height: 34px;
	line-height: 34px;
	border: none;
	float: left;
	_display: inline;
}
#btn_search_QA {
	margin: 0 0 0 10px;
	width: 60px;
	height: 34px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	background: url(../img/parts/btn_search_dir.png) 50% 50% no-repeat;
	background-color: #6A369D;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: #FFF;
}
#dirIndexQA ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#dirIndexQA ul li {
	margin: 0;
	padding: 4px 8px 4px 18px;
	background: url(../img/parts/list_point02.png) 8px 12px no-repeat;
}
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 8px 0;
}
#pageInfoInner {
	overflow: hidden;
	font-size: 88%;
	color: #000;
}
#pageInfo ul {
	background: url(../img/parts/pageinfo.png) 0 0 repeat-y;
	width: 429px;
	margin: 6px 0 0 0;
	float: left;
	_display: inline;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#pageInfo ul li {
	background: url(../img/parts/pageinfo.png) 100% 0 repeat-y;
	float: left;
	_display: inline;
	line-height: 30px;
}
#pageInfo ul li span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#counter span {
	background: url(../img/parts/icon_count.png) 10px 5px no-repeat;
	padding: 0 10px 0 54px;
}
#update span {
	background: url(../img/parts/icon_update.png) 10px 8px no-repeat;
	padding: 0 10px 0 63px;
}
#print a {
	background: url(../img/parts/icon_print.png) 10px 2px no-repeat;
	padding: 0 10px 0 44px;
	display: block;
	color: #000;
}
#print a:hover { color: #C03; }
/*****************************************
			Page Top
*****************************************/
#pageTop {
	background: url(../img/parts/pagetop.png) 0 0 no-repeat;
	width: 178px;
	height: 42px;
	float: right;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
}
#pageTop:hover { background-position: 0 -42px; }
/*****************************************
				Footer
*****************************************/
#footer {
	margin-top: -434px;
	height: 434px;
	position: relative;
}
#footerInner {
	background: #E1F2FC;
	width: 100%;
	overflow: hidden;
}
#footerContents {
	background: url(../img/footer/footer_bg.png) 100% 0 no-repeat;
	width: 1000px;
	height: 217px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	overflow: hidden;
	position: relative;
}
#footerContents h2 {
	width: 186px;
	height: 54px;
	margin: 0 20px 0 0;
	float: left;
}
#footerContents h2 a {
	background: url(../img/footer/footer_logo.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#contactus {
	width: 460px;
	margin: 2px 0 0 0;
	float: left;
	font-weight: bold;
}
#contactus dt {}
#contactus dd { font-size: 115%; }
#footerNav {
	clear: both;
	width: 600px;
	padding: 18px 0 0 0;
	list-style: none;
	overflow: hidden;
}
#footerNav li {
	background: #683E99;
	width: 10em;
	height: 38px;
	line-height: 38px;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}
#footerNav li:hover { background: #885EB9; }
#footerNav li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
/*****************************************
			Copy Right
*****************************************/
#copyright {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	font-size: 80%;
	line-height: 40px;
}
/*****************************************
				Ad Banner
*****************************************/
#adBanner {
	width: 100%;
	background: #FFF;
	overflow: hidden;
	position: relative;
	bottom: 0;
	left: 0;
}
#bnr_about {
	background: url(../img/banner/bnr_about.png) 0 0 no-repeat;
	width: 155px;
	height: 58px;
	margin: 28px auto;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#bnr_about:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#adBannerInner {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
}
#adBannerInner ul {
	width: 1008px;
	overflow: hidden;
	list-style: none;
}
#adBannerInner ul li {
	margin: 0 8px 8px 0;
	width: 160px;
	height: 60px;
	float: left;
	_display: inline;
}
#adBannerInner ul li a {
	width: 160px;
	height: 60px;
	display: block;
}
/*****************************************
			Banner Text
*****************************************/
#adBanner .bnrText {
	padding: 5px;
	width: 148px !important;
	height: 48px !important;
	border: solid 1px #CCC;
	float: left;
	display: block;
	line-height: 1.21;
	background: #FFF;
	text-align: left;
	overflow: hidden;
}
#adBanner .bnrText a { display: inline !important; }