@charset "UTF-8";

/*html*/

html {
	overflow: scroll;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	background-color: #EFEFEF;
}

h1 {
	font-size: 1.2em;
	margin: 0px;
}

h2 {
	font-size: 1em;
	margin: 0px;
}

h3 {
	font-size: 1em;
	margin: 0px;
}

h4 {
	font-size: 0.9em;
	margin: 0px;
}

p {
	margin: 0px 0px 10px;
}

a:hover {
	color: #FF0000;
}

/*layout*/

#wrap {
	width: 1000px;
	margin: 0px auto;
	background-color: #FFFFFF;
}

#header {
	width: 1000px;
	height: 230px;
	position: relative;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-y;
}

#g_menu {
	width: 1000px;
	margin: 0px auto 20px;
	padding: 0px;
	background-image: url(../images/header_bg.jpg);
}

#containeer {
	width: 980px;
	margin: 0px 0px 10px;
	padding: 0px 10px;
}

#l_menu {
	width: 230px;
	float: left;
}

#feature {
	width: 740px;
	float: right;
}

#info {
	width: 980px;
	clear: both;
}

#footer {
	width: 980px;
	margin: 0px auto;
	border-top: 1px solid #FA8C10;
	padding-top: 10px;
	font-size: 0.85em;
	text-align: center;
}

/*components*/

/*header*/

#header #title {
	width: 1000px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 30px;
	background-color: #FFFFFF;
}

#header h1 {
	line-height: 30px;
}

#header #logo {
	width: 240px;
	height: 65px;
	position: absolute;
	top: 50px;
	left: 0px;
}

#logo img {
	display: block;
	border: none;
}

#header #user {
	width: 174px;
	height: 90px;
	position: absolute;
	top: 128px;
	left: 40px;
}

#user #status {
	width: 172px;
	height: 69px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#user #login {
	width: 86px;
	height: 18px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-image: url(../images/login_bg.gif);
	float: left;
}

#login a {
	color: #000000;
	text-decoration: none;
	background-image: url(../images/login_btn1.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	line-height: 18px;
	display: block;
	text-indent: 1em;
	width: 80px;
	margin-left: 6px;
}

#login a:visited {
	color: #000000;
}

#login a:hover {
	background-image: url(../images/login_btn2.gif);
	background-repeat: no-repeat;
	color: #B80000;
	font-weight: bold;
}

#user #logout {
	width: 86px;
	height: 18px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-image: url(../images/login_bg.gif);
	float: right;
}

#logout a {
	color: #000000;
	text-decoration: none;
	background-image: url(../images/login_btn1.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	line-height: 18px;
	display: block;
	text-indent: 1em;
	width: 80px;
	margin-left: 6px;
}

#logout a:visited {
	color: #000000;
}

#logout a:hover {
	background-image: url(../images/login_btn2.gif);
	background-repeat: no-repeat;
	color: #B80000;
	font-weight: bold;
}

#search_info {
	width: 735px;
	height: 100px;
	position: absolute;
	left: 255px;
	top: 30px;
}

#search_info img {
	clear: both;
	border: none;
	display: block;
}

#search_info #body {
	width: 580px;
	height: 70px;
	float: left;
	background-color: #FFE900;
	border-left: 5px solid #F08200;
	padding-left: 5px;
	line-height: 120%;
	font-size: 1.1em;
}

#search_info #button {
	width: 135px;
	height: 70px;
	float: right;
	background-color: #FFE900;
	border-right: 5px solid #F08200;
	padding-right: 5px;
}

#slideshow {
	width: 740px;
	height: 112px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

/*g_menu*/

#global_menu {
	width: 745px;
	height: 36px;
	float: right;
}

#global_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#global_menu li {
	width: 100px;
	height: 36px;
	margin-right: 5px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

#global_menu a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #B80000;
	display: block;
}

#global_menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #B80000;
	display: block;
}

#global_menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	display: block;
}

#global_menu .deact {
	background-color: #FF0000;
	line-height: 36px;
	color: #FFFFFF;
}

#global_menu .row1 {
	line-height: 36px;
}

#global_menu .row2 {
	line-height: 18px;
}

#warning {
	width: 220px;
	float: left;
	font-size: 0.9em;
	line-height: 22px;
	padding-left: 10px;
}

#warning a {
	color: #FFFFFF;
}

#warning a:visited {
	color: #FFFFFF;
}

#warning a:hover {
	color: #B80000;
}

#g_menu img {
	display: block;
	clear: both;
} 

/*feature*/

#desc {
	width: 735px;
	height: 95px;
	position: absolute;
	left: 255px;
	top: 135px;
}

#desc ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#desc li {
	font-size: 0.9em;
	line-height: 110%;
}

#notice {
	width: 730px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#notice img {
	display: block;
}

#notice .body {
	width: 714px;
	padding: 0px 5px;
	border-right: 3px solid #FA8C10;
	border-left: 3px solid #FA8C10;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 25px;
}

#renew {
	width: 720px;
	margin-left: 5px;
	margin-bottom: 20px;
}

#renew img {
	display: block;
	float: left;
	margin-right: 10px;
	border: none;
}

.category1 {
	width: 735px;
	margin-bottom: 20px;
	padding: 5px 0px 5px 5px;
	background-color: #E7E1AA;
}

.category1 a {
	color: #B80000;
}

.category1 a:visited {
	color: #B80000;
}

.category1 a:hover {
	color: #FF0000;
}

.category1 img {
	display: block;
	border: none;
}

.search1 {
	width: 718px;
	border: 1px solid #000000;
	padding: 5px;
	clear: both;
	margin-bottom: 10px;
	background-color: #FFE900;
}

.search1 .left {
	width: 580px;
	float: left;
	line-height: 180%;
}

.search1 .right {
	width: 130px;
	float: right;
}

.category2 {
	width: 735px;
	margin-bottom: 20px;
	padding: 5px 0px 5px 5px;
	background-color: #F8EF83;
}

.category2 a {
	color: #B80000;
}

.category2 a:visited {
	color: #B80000;
}

.category2 a:hover {
	color: #FF0000;
}

.category2 img {
	display: block;
	border: none;
}

.category3 {
	width: 735px;
	margin-bottom: 20px;
	padding: 5px 0px 5px 5px;
	background-color: #D7E7AF;
}

.category3 a {
	color: #B80000;
}

.category3 a:visited {
	color: #B80000;
}

.category3 a:hover {
	color: #FF0000;
}

.category3 img {
	display: block;
	border: none;
}

.category4 {
	width: 735px;
	margin-bottom: 20px;
	padding: 5px 0px 5px 5px;
	background-color: #A2D7D4;
}

.category4 a {
	color: #B80000;
}

.category4 a:visited {
	color: #B80000;
}

.category4 a:hover {
	color: #FF0000;
}

.category4 img {
	display: block;
	border: none;
}

.category5 {
	width: 735px;
	margin-bottom: 20px;
	padding: 5px 0px 5px 5px;
	background-color: #FADBDA;
}

.category5 a {
	color: #B80000;
}

.category5 a:visited {
	color: #B80000;
}

.category5 a:hover {
	color: #FF0000;
}

.category5 img {
	display: block;
	border: none;
}

.ctg_title {
	width: 550px;
	float: left;
	margin-bottom: 10px;
}

.ctg_title h2 {
	width: 140px;
	margin-right: 3px;
	float: left;
}

.ctg_title h2 a {
	background-color: #B80000;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	display: block;
}

.ctg_title h2 a:visited {
	background-color: #B80000;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	display: block;
}

.ctg_title h2 a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	display: block;
}

.ctg_title p {
	width: 400px;
	float: right;
	color: #000000;
	line-height: 24px;
	margin: 0px;
	font-size: 0.9em;
	text-align: justify;
}

.ctg_link1 {
	width: 185px;
	float: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.ctg_link1 a {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg1_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link1 a:visited {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg1_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link1 a:hover {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg1_btn2_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link2 {
	width: 185px;
	float: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.ctg_link2 a {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg2_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link2 a:visited {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg2_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link2 a:hover {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg2_btn2_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link3 {
	width: 185px;
	float: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.ctg_link3 a {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg3_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link3 a:visited {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg3_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link3 a:hover {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg3_btn2_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link4 {
	width: 185px;
	float: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.ctg_link4 a {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg4_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link4 a:visited {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg4_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link4 a:hover {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg4_btn2_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link5 {
	width: 185px;
	float: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.ctg_link5 a {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg5_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link5 a:visited {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg5_btn1_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_link5 a:hover {
	width: 145px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/ctg5_btn2_top.gif);
	color: #FFFFFF;
	text-decoration: none;
}

.ctg_visual1 {
	width: 718px;
	padding: 5px;
	border: 1px solid #B80000;
	clear: both;
	background-color: #FFFFFF;
}

.ctg_visual2 {
	width: 718px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #B80000;
	clear: both;
	background-color: #FFFFFF;
}

.ctg_visual3 {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

.ctg_visual3 a {
	width: 98px;
	border: 1px solid #B80000;
	display: block;
}

.ctg_visual3 a:visited {
	width: 98px;
	border: 1px solid #B80000;
	display: block;
}

.ctg_visual3 a:hover {
	width: 98px;
	border: 1px solid #0033FF;
	display: block;
}

.ctg_visual4 {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

.ctg_visual4 a {
	width: 123px;
	border: 1px solid #B80000;
	display: block;
}

.ctg_visual4 a:visited {
	width: 123px;
	border: 1px solid #B80000;
	display: block;
}

.ctg_visual4 a:hover {
	width: 123px;
	border: 1px solid #0033FF;
	display: block;
}

.ctg_menu1 {
	width: 700px;
	border-bottom: 1px dashed #B80000;
	margin: 0px auto 5px;
	font-size: 0.85em;
}

.ctg_menu2 {
	width: 700px;
	margin: 0px auto;
	font-size: 0.85em;
}

.ctg_menu_st {
	width: 700px;
	text-align: center;
	margin-bottom: 5px;
	line-height: 20px;
	background-image: url(../images/click_mark_b.gif);
	background-repeat: no-repeat;
}

.ctg_menu_it {
	width: 700px;
	margin: 0px;
	line-height: 30px;
	text-align: justify;
}

.ctg_border {
	width: 700px;
	clear: both;
	background-image: url(../images/click_mark_top.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 30px;
	font-size: 0.85em;
	line-height: 30px;
	text-align: right;
}

/*l_menu*/

#l_menu img {
	display: block;
	border: none;
}

#l_menu h3 {
	text-align: center;
	color: #FF0000;
	margin-bottom: 5px;
}

#l_menu ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#l_menu li {
	text-align: justify;
	line-height: 150%;
	margin-bottom: 10px;
	font-size: 0.9em;
	color: #00A0C6;
}

#l_menu .banner1 {
	width: 230px;
	margin-bottom: 20px;
}

#l_menu .newp {
	width: 220px;
	margin-bottom: 20px;
	background-color: #FFFF00;
	padding: 5px;
	font-size: 0.9em;
	line-height: 165%;
}

.newp a {
	color: #B80000;
}

.newp a:hover {
	color: #FF0000;
}

.catch {
	width: 230px;
	margin-bottom: 10px;
}

#l_menu .lmb {
	width: 210px;
	margin: 0px auto 10px;
	font-size: 0.9em;
	line-height: 30px;
}

.lmb a {
	display: block;
	background-image: url(../images/lmenu_btn1.gif);
	color: #00A0C6;
	text-decoration: none;
	padding-left: 25px;
}

.lmb a:visited {
	display: block;
	background-image: url(../images/lmenu_btn1.gif);
	color: #00A0C6;
	text-decoration: none;
	padding-left: 25px;
}

.lmb a:hover {
	display: block;
	background-image: url(../images/lmenu_btn2.gif);
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
}

#l_menu .lmb2 {
	width: 210px;
	margin: 0px auto 10px;
	font-size: 0.9em;
	line-height: 30px;
}

.lmb2 a {
	display: block;
	background-image: url(../images/lmenu_btn3.gif);
	color: #FF0000;
	text-decoration: none;
	padding-left: 25px;
}

.lmb2 a:visited {
	display: block;
	background-image: url(../images/lmenu_btn3.gif);
	color: #FF0000;
	text-decoration: none;
	padding-left: 25px;
}

.lmb2 a:hover {
	display: block;
	background-image: url(../images/lmenu_btn4.gif);
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
}

#l_menu .lmb3 {
	width: 210px;
	margin: 0px auto 10px;
	font-size: 0.9em;
	line-height: 30px;
}

.lmb3 a {
	display: block;
	background-image: url(../images/lmenu_btn5.gif);
	color: #FD8030;
	text-decoration: none;
	padding-left: 25px;
}

.lmb3 a:visited {
	display: block;
	background-image: url(../images/lmenu_btn5.gif);
	color: #FD8030;
	text-decoration: none;
	padding-left: 25px;
}

.lmb3 a:hover {
	display: block;
	background-image: url(../images/lmenu_btn6.gif);
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
}

#l_menu .lmf {
	width: 220px;
	margin: 0px 0px 20px;
	padding: 5px 3px 0px;
	border: 2px solid #00A0C6;
}

#l_menu .lmfb {
	width: 210px;
	margin: 0px auto 10px;
	font-size: 0.9em;
	line-height: 30px;
}

.lmfb a {
	display: block;
	background-image: url(../images/lmenu_btn_bg.gif);
	color: #B80000;
	font-weight: bold;
	padding-left: 10px;
}

.lmfb a:visited {
	display: block;
	background-image: url(../images/lmenu_btn_bg.gif);
	color: #B80000;
	font-weight: bold;
	padding-left: 10px;
}

.lmfb a:hover {
	display: block;
	background-image: url(../images/lmenu_btn_bg.gif);
	color: #FF0000;
	font-weight: bold;
	padding-left: 10px;
}

#lmht {
	background-color: #FFFF8C;
	margin-bottom: 20px;
	padding: 5px 0px;
}

#lmgt {
	width: 230px;
	border-top: 2px solid #00A0C6;
	padding-top: 10px;
	margin-bottom: 20px;
}

#lmgt .box {
	width: 115px;
	height: 55px;
	float: left;
	margin-right: 5px;
}

#lmgt .message {
	width: 110px;
	height: 55px;
	float: right;
}

#lmgt .jp {
	clear: both;
	padding-top: 10px;
	font-size: 0.85em;
	text-align: center;
}

.jp img {
	margin: 0px auto 5px;
}

/*info*/

#info_menu {
	width: 980px;
	font-size: 0.85em;
	text-align: center;
	padding-bottom: 2px;
	border-bottom: 5px solid #FA8C10;
	margin-bottom: 5px;
}

#info_description {
	width: 980px;
}

#info_description h3 {
	color: #B80000;
	padding: 0px 0px 2px 50px;
	border-bottom: 1px solid #FA8C10;
	margin-bottom: 5px;
}

#info_description h4 {
	width: 880px;
	margin: 0px auto;
	color: #FF0000;
}

#info_description .description {
	width: 880px;
	margin: 0px auto 10px;
	font-size: 0.85em;
	line-height: 165%;
	text-align: justify;
}

/*footer*/

#copyright {
	border-top: 1px solid #FA8C10;
	padding: 5px 0px 20px;
}

/*fonts*/

.fstl_red1 {
	color: #FB0F0C;
}

.fstl_red2 {
	color: #B3090B;
}

/*search*/

.sample_fld {
	width: 730px;
	margin: 0px auto 20px;
}

.sample {
	width: 357px;
	float: left;
	margin: 0px 8px 15px 0px;
}

.sample img {
	display: block;
	margin: auto;
	vertical-align: middle;
	border: none;
}

.sample .visual {
	width: 355px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
}

.sample .word_link {
	font-size: 0.9em;
	text-align: right;
	padding-right: 10px;
	line-height: 20px;
}

.sample .name {
	width: 357px;
	background-color: #CCCCCC;
	font-size: 0.9em;
	text-align: center;
	line-height: 20px;
}

.sample .word {
	width: 347px;
	background-color: #CCCCCC;
	font-size: 0.9em;
	padding: 5px;
}

.paging {
	clear: both;
	text-align: right;
	width: 730px;
	margin-bottom: 15px;
}