@charset "utf-8";

/* Descending order--------------------
1.Generated content, Automatic numbering, and Lists
2.User Interface
3.Visual Formatting model
4.Visual effects
5.Box model
6.Tables
7.Colors
8.Fonts
9.Text
10.Backgrounds
11.Aural style sheets
---------------------------------- */

/* ----------------------------------
 header
---------------------------------- */

div#header {
	width: 800px;
	padding-top: 20px;

}

div#header h1#logo {
	float: left;
	width: 237px;
	padding-left: 32px;
}

div#header div#lead {
	float: right;
	width: 310px;
	padding-right: 32px;
}

div#header div#lead div#lead-inner {
	width: 261px;
	height: 78px;
	margin-left: 20px;
	padding: 5px;
	background-image: url(../img/bg_frame_small.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#header div#lead div#lead-inner p {
	line-height: 1.2;
	padding: 3px;
	color: #FFFFFF;
	font-size: 10px;
}

div#header div#lead div#lead-inner p a {
	color: #FFFFFF;

}

div#header div#lead div#lead-inner p a:hover {
	color: #0000FF;
}

/* ----------------------------------
 main
---------------------------------- */

div#wrapper {
	clear: both;
	position: relative;
	width: 734px;
	height: 462px;
	margin-right: 32px;
	margin-left: 32px;
	background-image: url(../img/bg_cloud.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper div#global-navi {
	z-index: auto;
	width: auto;
}

div#wrapper div#global-navi li#introduce {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#wrapper div#global-navi li#introduce a {
	/* \*/ overflow: hidden; /* */
	display: block;
	width: 257px;
	height: 155px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../img/btn_introduce.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper div#global-navi li#introduce a:hover {
	background-position: left bottom;
}

div#wrapper div#global-navi li#korean {
	position: absolute;
	top: 0px;
	right: -1px;
}

div#wrapper div#global-navi li#korean a {
	/* \*/ overflow: hidden; /* */
	display: block;
	height: 155px;
	width: 257px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../img/btn_korean.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper div#global-navi li#korean a:hover {
	background-position: left bottom;
}

div#wrapper div#global-navi li#blog {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#wrapper div#global-navi li#blog a {
	/* \*/ overflow: hidden; /* */
	display: block;
	height: 155px;
	width: 257px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../img/btn_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper div#global-navi li#blog a:hover {
	background-position: left bottom;
}

div#wrapper div#global-navi li#message {
	position: absolute;
	right: -1px;
	bottom: 0px;
}

div#wrapper div#global-navi li#message a {
	/* \*/ overflow: hidden; /* */
	display: block;
	width: 257px;
	height: 155px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../img/btn_message.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper div#global-navi li#message a:hover {
	background-position: left bottom;
}

div#wrapper div#content {
	z-index: auto;
	position: absolute;
	top: 140px;
	left: 142px;
	width: 450px;
	height: 150px;
	line-height: 150%;
	font-size: 0.9em;

}

/* ----------------------------------
 information
---------------------------------- */

div#information {
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../img/bg_frame02.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

div#information div#info-inner-first {
	background-image: url(../img/bg_frame01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#information div#info-inner-first div#info-inner-second {
	background-image: url(../img/bg_frame03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


div#information div#on-air-list {
	float: left;
	width: 320px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	line-height: 1.4;
}

div#information div#on-air-list dl{
	margin-top: 10px;

}
div#information div#on-air-list dl dt{
	color: #FFFF00;
	font-size: 0.8em;
	margin-top: 5px;
}

div#information div#on-air-list dl dd{
	padding-left: 1em;
	font-size: 0.8em;
}

div#information div#on-air-list li {
	color: #FFFFFF;

}
div#information div#highlight {
	float: right;
	width: 320px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div#information div#highlight h4 {
	margin-top: 10px;
	color: #FFFF00;
	font-size: 0.8em;
}

div#information div#highlight div#highlight-article {
	padding-top: 15px;
	width: 320px;
}

div#information div#highlight div#highlight-article p {
	line-height: 1.4;
	color: #FFFFFF;
	font-size: 0.75em;

}

div#information div#highlight div#highlight-article p#highlight-img {
	float: left;
	line-height: 1.0;
	margin-right: 15px;
	margin-bottom: 5px;
}

a:link#a { color: #FFFF00; }
a:visited#a { color: #FFFF00; }
a:active#a { color: #FFFF00; }
a:hover#a { color: #FFFF00; }