@charset "UTF-8";
/* [toyo-keizai.co.jp]
 * Summary: style for "top page"
 * Modified: 2009-03-30
 */

/* font/line-height styles
----------------------------------------*/

#content h3 { font-size: 117%; font-weight: bold; }
#alpha { font-size: 88%; line-height: 1.35; }
#beta  { font-size: 76%; line-height: 1.35; }

/* news */
#news h3 { font-size: 114%; font-weight: bold; }
#news span.cat { font-size: 88%; }

/* weather */
#weather { font-size: 86%; }

/* photonews */
#photonews { line-height: 1.2; }
#photonews ul { font-size: 12px; }

/* column */
#column p { font-weight: bold; }

/* newsplus */
#newsplus ul { font-weight: bold; }

/* vote */
#vote p { font-size: 12px; }


/* content (common)
----------------------------------------*/
#content {
	margin-bottom: 20px;
	background: url(/images/line_v_7F7F7F.gif) repeat-y 674px 0;
}

#content h3 a,
#content h3 a:visited {
	text-decoration: none;
}
#content h3 a:hover,
#content h3 a:focus,
#content h3 a:active {
	text-decoration: underline;
}

/* content (alpha)
----------------------------------------*/
#alpha { margin-bottom: 25px; }

/* news
------------------------------*/
#news {}
#news h2 {
	margin-bottom: 15px;
}
#news h3 {
	margin-bottom: 9px;
}

/* main news ---------- */

#news div.main {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	background: url(../images/line_v_7F7F7F.gif) repeat-y 506px 0;
}

/* general */

#general {
	float: left;
	width: 505px;
	overflow: hidden;
}
#general p.pct {
	float: left;
	padding-top: 3px;
	margin-right: 9px;
}
#general h3 {
	margin: 0 10px 0 0;
}
#general div.entry-body {margin-right: 10px;}

/* side contianer ---------- */

#news div.side {
	float: right;
	width: 132px;
}

/* date */

#date {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
#date span img {
	float: left;
}
#date span.year {
	display: block;
	height: 16px;
	margin-bottom: 3px;
	overflow: hidden;
}
#date span.month,
#date span.day,
#date span.weekday {float: left;}

/* weather */

#weather {
	clear: both;
	padding-top: 8px;
	border-top: 1px solid #7F7F7F;
}
#weather table {
	width: 123px;
	margin: 0 auto 2px 8px;
}
#weather td.weather {
	width: 38px;
	padding-bottom: 2px;
}
#weather td.area {
	width: 48px;
	vertical-align: middle;
}
#weather td.temperature {
	vertical-align: middle;
}
#weather p.more {
	margin-right: 3px;
	text-align: right;
}

/* economy */

#economy {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 9px 0 0;
	border-top: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
}
#economy p.pct {
	float: left;
	margin: 0 6px 10px 0;
}
#economy div.entry-body {
	margin: 0 6px 10px 0;
}

/* wrapper ---------- */
#news div.wrapper {
	clear: both;
	overflow: hidden;
	background: url(../images/top/line_news_wrapper.gif) no-repeat 0 100%;
}
#news div.wrapper h3 {
	margin-bottom: 9px;
}
#news div.wrapper p.pct {
	float: left;
	margin: 0 6px 10px 0;
}
#news div.wrapper div.entry-body {
	margin: 0 0 8px 0;
}

/* social */

#social {
	clear: both;
	float: left;
	width: 320px;
}

/* culture */

#culture {
	float: right;
	width: 314px;
}

/* korea watch */

#koreawatch {
	float: left;
	width: 320px;
	padding-top: 9px;
}

/* topics */

#topics {
	float: right;
	width: 314px;
	padding-top: 9px;
}

/* photonews
------------------------------*/
#photonews {
	clear: both;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 0 15px;
	border-bottom: 1px solid #7F7F7F;
}
#photonews h2 {
	margin-bottom: 10px;
}
#photonews div.inner {
	position: relative;
	width: 649px; height: 133px;
	overflow: hidden;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background-color: #F3F3F3;
}
#photonews ul {
	position: absolute;
	top: 0; left: 25px;
	/*width: 1060px;*/ height: 133px;
	padding: 0 0 0 2px;
}
#photonews ul li a,
#photonews ul li a:visited {
	display: block;
	padding: 0 0 0 5px;
	color: #333;
	text-decoration: none;
}
#photonews ul li a:hover,
#photonews ul li a:focus,
#photonews ul li a:active {
	text-decoration: underline;
}

#photonews ul li {
	float: left;
	width: 130px;
	margin: 7px 0 0 0;
	text-align: center;
}
#photonews ul li span.img {
	display: block;
	width: 120px;
	overflow: hidden;
	margin: 0 auto;
}
#photonews ul li img {
	margin: 0 0 3px 0;
}
#photonews ul li span.title {
	display: block;
	margin: 0 2px 0 2px;
	text-align: left;
}

a#photonav-l {
	position: absolute;
	z-index: 2;
	top: 0; left: 0;
	width: 25px; height: 133px;
	background: url(../images/top/nav_photonews.gif) no-repeat 0 0;
	text-indent: -9999px;
}
a#photonav-r {
	position: absolute;
	z-index: 2;
	top: 0; right: -1px;
	width: 25px; height: 133px;
	background: url(../images/top/nav_photonews.gif) no-repeat 100% 0;
	text-indent: -9999px;
}
	html>body a#photonav-r {right: 0;}
a#photonav-l:hover,
a#photonav-l:focus,
a#photonav-l:active {
	background-position: 0 100%;
}
a#photonav-r:hover,
a#photonav-r:focus,
a#photonav-r:active {
	background-position: 100% 100%;
}
.endL a#photonav-l,
.endL a#photonav-l:visited {
	background-position: 0 -133px;
	cursor: default;
}
.endR a#photonav-r,
.endR a#photonav-r:visited {
	background-position: 100% -133px;
	cursor: default;
}

/* column
------------------------------*/

#column {
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #7F7F7F;
}
#column h2 {
	margin-bottom: 10px;
}
#column p {
	margin-bottom: 13px;
}
#column p a,
#column p a:visited {
	text-decoration: none;
}
#column p a:hover,
#column p a:focus,
#column p a:active {
	text-decoration: underline;
}

/* opinion
------------------------------*/

#opinion {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #7F7F7F;
}
#opinion h2 {
	margin-bottom: 10px;
}
#opinion p.pct {
	float: right;
	margin: 5px 0 15px 15px;
}
#opinion h3 {
	margin-bottom: 10px;
}
#opinion div.entry-body {}

/* news plus
------------------------------*/
#newsplus {
	padding-bottom: 15px;
	border-bottom: 1px solid #7F7F7F;
}
#newsplus h2  {
	margin-bottom: 10px;
}
#newsplus ul li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 22px;
}
#newsplus ul li span { display: block; }
#newsplus ul li a,
#newsplus ul li a:visited {
	text-decoration: none;
}
#newsplus ul li a:hover,
#newsplus ul li a:focus,
#newsplus ul li a:active {
	text-decoration: underline;
}

/* content (beta)
----------------------------------------*/
#beta {}
#beta h2 {
	margin-bottom: 10px;
}
#present,
#vote,
#event,
#exchange,
#external-content,
#banners {
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7F7F7F;
}

/* present
------------------------------*/
#present {}
#present p.btn {
	margin: 7px auto 0 104px;
}

/* vote
------------------------------*/
#vote {}
#vote p.submit {
	margin: 7px 0 0 60px;
}
#vote p.seeresult {
	position: relative;
	margin: -23px 0 0 113px;
}

/* event
------------------------------*/
#event {}
#event ul li { margin-bottom: 4px; }
#event ul li a,
#event ul li a:visited {
	color: #333;
}
#event p.more {
	text-align: right;
}

/* exchange / external content
------------------------------*/
#exchange {}
#external-content {}
#exchange table th {padding-right: 10px;}
#exchange table td.eq {padding-right: 10px;}
#exchange p.more {
	text-align: right;
}
#exchange p.author,
#external-content p.author {
	text-align: right;
}
#external-content .inner {
	width: 199px;
	height: 104px;
	overflow: hidden;
	margin-bottom: 4px;
}

/* banners
------------------------------*/
#banners {
	overflow: hidden;
	padding-top: 15px;
	border: none;
}
#banners ul li.contact {
	float: left;
}
#banners ul li.subscription {
	float: right;
}


/*----------------------------------------
 style for Mac OS Browsers
----------------------------------------*/
.mac  {

}

/*----------------------------------------
 hidden modules
----------------------------------------*/
#date h3,
#weather h3 {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
#news div.wrapper:after,
#photonews ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html #news div.wrapper,
*:first-child+html #photonews ul {
	display: inline-block;
}
/*\*/
* html #news div.wrapper,
* html #photonews ul {height: 1%;}
/**/
/*\*//*/
#news div.wrapper,
#photonews ul {display: inline-table;}
/**/