/* 
エンタメコリア取り放題 | 朝鮮日報      
CSS for Common Styles         
Creat Date : 2008-12-29       
Update : 2008-12-29           
by HFKring                
エンタメコリア取り放題의 공통CSS 스타일시트입니다. 전체 페이지에 공통적으로 들어가는 요소들을 포함합니다.
*/


/* Site Common Element */
* { margin: 0px; padding: 0px; }
.cleardiv { clear: both;font-size: 0%; }
.dispnone { display: none;}
body,td,th { /* font: 1em "MS PGothic", Tahoma, "MS Gothic", "Meiryo" ; */ }
body { text-align: center; background: #f7f7f7 url(img/main_bg.gif) repeat-x top; }
a:link { color: #3a5ca6; text-decoration: none ;}
a:visited { color: #6F6F6F; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
.le { float: left; }
.ri { float: right; }
.inri {	text-align: right; }
.ince { text-align: center;}
.tbold { font-weight: bold; }
.hrgrey { height: 0px; border-bottom: 1px solid #c8c8c8; width: 100%; display: block; font-size: 0%; margin-bottom: 10px; }
a.fulltext { color: #FFFFFF; background: #7dc5ea; font-family: "MS PGothic" ; font-weight: bold; padding: 1px; }
a.efulltext { color: #FFFFFF; background: #F094A4; font-family: "MS PGothic" ; font-weight: bold; padding: 1px; }
.tsize75 { font-size: 75%; color: #999999; }
.nonbrd { background: none; padding: 0px; border: none; }
a.top { font: 12px "ＭＳ Ｐゴシック"; }

/* Form Objects */
.frmwid60 {	width: 60px; }
.frmwid80 {	width: 80px; }
.frmwid140 { width: 140px; }
.frmtxt120 { font-size: 120%; }
.frmbrdgreen { background: #b8fa02; padding: 1px; }

/* All Layout */
#all { width: 940px; text-align: left; font-family: "Meiryo", "ＭＳ Ｐゴシック" ,"MS PGothic", Tahoma,"Ms Gothic"; margin: 30px auto 10px; }

/* GNB Bar */
#toplogo { width: 230px; height: 45px; margin-bottom: 12px; float: right; }
#toplogo a#logo { display: block; background: url(img/main_logo.gif); width: 230px; height: 0px; padding-top: 45px; overflow: hidden; }

#topmenu { width: 600px; height: 45px; margin-bottom: 12px; float: left; }
#topmenu #menu {}
#topmenu #menu li { display: inline; list-style: none; }
#topmenu #menu li a { float:left; background: url(img/gnb_menu.gif) no-repeat; height: 0px; padding-top: 33px; overflow: hidden; }

#topmenu #menu li.m10 a { width: 110px; background-position: 0px 0px; }
#topmenu #menu li.m20 a { width: 136px; background-position: -110px 0px; }
#topmenu #menu li.m30 a { width: 139px; background-position: -246px 0px; }
#topmenu #menu li.m40 a { width: 77px; background-position: -385px 0px; }

#topmenu #menu li.m10 a:hover { width: 110px; background-position: 0px -34px; }
#topmenu #menu li.m20 a:hover { width: 136px; background-position: -110px -34px; }
#topmenu #menu li.m30 a:hover { width: 139px; background-position: -246px -34px; }
#topmenu #menu li.m40 a:hover { width: 77px; background-position: -385px -34px; }

/* Content */
#content { width: 940px; }

#content .left { width: 200px; float:left; margin-bottom: 20px; }
#content .left .lefttop { background: #FF0000 url(img/content_left_bgtop.gif) no-repeat; height: 5px; width: 200px; font-size: 0px; }
#content .left .leftcon { background: #FFFFFF url(img/content_bg_gra.gif) repeat-x bottom; width: 158px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 15px 20px 20px; }
#content .left .leftbot { background: url(img/content_left_bgbot.gif) no-repeat; height: 5px; width: 200px; font-size: 0px; margin-bottom: 10px; }
#content .left ul { list-style: none; font: 14px "ＭＳ Ｐゴシック"; margin-bottom: 30px; }
#content .left li { display: block; height: 20px; background: url(img/left_mbg.gif) no-repeat left; padding-top: 4px; padding-left: 10px; }
#content .left dl#leftad {}
#content .left dl#leftad dd { margin-bottom: 3px; }


#content .right { width: 730px; float: right; line-height: 160%; margin-bottom: 20px; }
#content .right .righttop { background: url(img/content_right_bgtop.gif) no-repeat; height: 5px; width: 730px; font-size: 0px; }
#content .right .rightcon { background: #FFFFFF url(img/content_bg_gra.gif) repeat-x bottom; width: 688px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 15px 20px 20px; }
#content .right .rightbot { background: url(img/content_right_bgbot.gif) no-repeat; height: 5px; width: 730px; font-size: 0px; }

#content .right h2 { width: 688px; border-bottom: solid 1px #DDDDDD; margin-bottom: 15px; font-size: 20px; margin-top: 15px; display: block; }
#content .right h2 span.desc { color:#999999; font: normal 13px "ＭＳ Ｐゴシック"; }
#content .right ol, 
#content .right ul { list-style: inside; }
#content .right ol { list-style: decimal inside; }
#content .right li,
#content .right dt { font-weight: bold;  }
#content .right dd { margin-bottom: 20px;}
#content .right ul.content { font: 14px "ＭＳ Ｐゴシック"; }
#content .right ul.content li { font-weight: normal; background: url(img/pic_ico_txt1.gif) no-repeat left center; padding-left: 15px; list-style: url(none) none inside; line-height: 200%; }
#content .right ul.content li.new { background-color: #FFFFCC; }

#content .right p { font: normal 14px/180% "ＭＳ Ｐゴシック"; color: #555555; padding-left: 20px; margin-bottom: 10px; }
#content .right div.pic { float: right; text-align: center; border: solid 1px #CCCCCC; font-size: 12px; color:#CC0000; margin: 10px; padding: 5px; line-height: 130%; }

#content table.tblist { font: normal 12px/140% "ＭＳ Ｐゴシック"; color:#666666; }
#content table.tblist td { padding: 5px; border-bottom: solid 1px #CCCCCC; }
#content table.tblist td.title { font-size: 14px; font-weight: bold; color: #333333; border-bottom: solid 2px #CCCCCC; }

#content table.tbcontent { font: normal 14px/140% "ＭＳ Ｐゴシック"; color:#666666; }
#content table.tbcontent td { padding: 5px; background: #F5F5F5; }

/* Photo album List*/
.pl { display: block; font: normal 12px "MS PGothic", Meiryo; }
.pl .box { width: 130px; margin: 0px 3px;}
.pl dt { width: 130px;  margin: 0px 0px 3px 0px; }
.pl dd { padding: 3px; }

/* Footer Bar */
#bottom { text-align: right; margin-bottom: 20px; }

