/*-------------------------------------------------------------------------

contents.css

--------------------------------------------------------------------------*/

/*
===== :: contents =============================================================*/

* html #contents { width: 960px;}
#contents { _width: 960px;}

/*
===== :: Top_flash =============================================================*/
#contents #top_flash{ float: left; width: 950px; height: 128px; background-color:#cccccc;}


/*
===== :: Left_frame =============================================================*/
#contents #left_frame{ float:left; display: block; width: 642px; background: #ffffff; 
background-repeat: repeat-x;}
#contents #left_frame #pr_flash
{ float: left; width: 640px; height: 199px; margin-top: 10px;}

#contents #left_frame #pr_box
{ float: left; width: 640px; height: 26px; margin-bottom: 10px; background: url(/image/top/pr.jpg) no-repeat top left;}
#contents #left_frame #pr_box .pr_01
{ float: left; width: 300px; height: 26px; padding-top: 3px; padding-left: 48px; font-size: 12px;}
#contents #left_frame #pr_box .pr_02
{ float: left; width: auto; height: 26px; padding-top: 3px; font-size: 12px;}

#contents #left_frame #category2
{float: left; width: 640px; height: 198px; background: url(/image/top/category_bg2.gif) no-repeat top left;}
#contents #left_frame #category2 #ct2_box1
{float: left; width: 640px; height: 48px;}
#contents #left_frame #category2 #ct2_box1 .ct_text1
{float: left; width: 640px; height: 48px; padding-top: 20px; padding-left: 300px; font-size: 12px;}
*html #contents #left_frame #category2 #ct2_box1 .ct_text1{ width: 320px; height: 25px;}
#contents #left_frame #category2 #linkbox_cate
{ float: left; display: block; clear: both; width: 640px; height: 20px; padding: 34px 0 0 250px; color: #000000; font-size: 12px;}
#contents #left_frame #category2 #linkbox_cate_li_1
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_1.jpg);}
#contents #left_frame #category2 #linkbox_cate_li_2
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_2.jpg);}
#contents #left_frame #category2 #linkbox_cate_li_3
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_3.jpg);}
#contents #left_frame #category2 #linkbox_cate_li_4
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_4.jpg);}
#contents #left_frame #category2 #linkbox_cate_li_5
{ float: left; display: block; width: 640px; height: 40px; margin-bottom: 10px; background: url(/image/top/linkbox_cate_bg_li_5.jpg);}
#contents #left_frame #category2 .cate_li_01
{ float: left; padding-top: 2px; padding-left: 15px; width: 215px; font-size: 12px;}
#contents #left_frame #category2 .cate_li_02
{ float: left; padding-top: 2px; padding-left: 4px; width: auto; font-size: 12px; font-weight: bold;}
 
#contents #left_frame #pr_box2
{ float: left; display: block; width: 640px; height: 148px; margin-bottom: 10px;}
#contents #left_frame #pr_box2 #box1
{ float: left; display: block; width: 320px; height: 138px; padding-left: 6px;}
#contents #left_frame #pr_box2 #box1 #img_1
{ float: left; display: block; width: 138px; height: 138px; }
#contents #left_frame #pr_box2 #box1 #word_1
{ float: left; display: block; width: 182px; height: 138px; }
#contents #left_frame #pr_box2 #box2
{ float: left; display: block; width: 314px; height: 138px; }
#contents #left_frame #pr_box2 #box2 #img_2
{ float: left; display: block; width: 138px; height: 138px; }
#contents #left_frame #pr_box2 #box2 #word_2
{ float: left; display: block; width: 176px; height: 138px; }
#contents #left_frame #pr_box2 .pr2_font_1
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #00b8f1; font-weight: bold;}
#contents #left_frame #pr_box2 .pr2_font_1 a{ color: #02b6eb; }
#contents #left_frame #pr_box2 .pr2_font_1 a:hover{ color: #0000ff; }
#contents #left_frame #pr_box2 .pr2_font_2
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #000000; line-height: 18px;}

#contents #left_frame #c_special
{ float: left; display: block; width: 640px; height: 347px; padding-left: 5px; margin-bottom: 10px; background: url(/image/top/sp_box.jpg) no-repeat top left;}
#contents #left_frame #c_special img { _margin: 3px 0 6px; vertical-align:middle; }/* IE6 */
#contents #left_frame #c_special .sp_font_1
{ float: left; padding-left: 5px; width: auto; font-size: 12px; color: #000000; font-weight: bold;}
#contents #left_frame #c_special .sp_font_2
{ float: left; padding-left: 5px; width: auto; font-size: 12px; color: #000000; }
#contents #left_frame #c_special #sp_title
{ float: left; display: block; width: 640px; height: 35px; padding-top: 22px; padding-left: 60px;}
*html #contents #left_frame #c_special #sp_title{ width: 500px;}
#contents #left_frame #c_special #sp_main
{ float: left; display: block; width: 376px; height: 194px; padding-left: 5px;}
#contents #left_frame #c_special #sp_main #sp_main_ttl
{ float: left; display: block; width: 352px; height: 19px; padding-left: 2px; margin-right: 5px; background-color: #dadada;}
#contents #left_frame #c_special #sp_main #sp_main_word
{ float: left; display: block; width: 376px; height: 175px; padding-top: 5px; margin-right: 5px;}
*html #contents #left_frame #c_special #sp_main #sp_main_word{ width: 354px;}
#contents #left_frame #c_special #sp_main_img
{ float: left;  width: 249px; height: 183px;}
#contents #left_frame #c_special #sp_info1
{ float: left; display: block; width: 300px; height: 68px; padding-left: 12px; padding-top: 3px; margin-right: 3px; 
line-height: 21px; background: url(/image/top/sp_info.gif) no-repeat top left;}
#contents #left_frame #c_special #sp_info2
{ float: left; display: block; width: 300px; height: 68px; padding-left: 12px; padding-top: 3px; line-height: 21px;
background: url(/image/top/sp_info.gif) no-repeat top left;}
#contents #left_frame #c_special #sp_showall
{ float: right; display: block; width: 123px; height: 21px; padding-left: 20px; line-height: normal; margin-top: 2px; background:url(/image/top/showall_icon.gif) no-repeat top left;}

*:first-child+html #contents #left_frame #c_special #sp_showall
{line-height: 20px;}

#contents #left_frame #c_pickup
{ float: left; display: block; width: 640px; height: 354px; margin-bottom: 10px; 
background: url(/image/top/pick_bar.jpg) no-repeat top left;}
#contents #left_frame #c_pickup #pick_bar
{ float: left; display: block; width: 640px; height: 51px; font-weight: bold;}

#contents #left_frame #c_pickup #pick_bar .title1
{ float: left; display: block; width: 140px; height: 51px; font-weight: bold; text-align:right; padding-top:25px}
#contents #left_frame #c_pickup #pick_bar .title2
{ float: left; display: block; width: 440px; height: 51px; font-weight: normal; text-align:left; padding:25px 0px 0px 10px;}

#contents #left_frame #c_pickup #pick_box
{float: left; display: block; width: 640px; height: 303px; padding-left: 4px;}
#contents #left_frame #c_pickup #pick_box #pick_1
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
margin-bottom: 2px; background: url(/image/top/pick_box.gif) no-repeat top left;}
#contents #left_frame #c_pickup #pick_box #pick_1 #pick_img1
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#contents #left_frame #c_pickup #pick_box #pick_1 #pick_word1
{ float: left; display: block; width: 160px; height: 138px;}
#contents #left_frame #c_pickup #pick_box #pick_2
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
margin-bottom: 2px; background: url(/image/top/pick_box.gif) no-repeat top left;}
#contents #left_frame #c_pickup #pick_box #pick_2 #pick_img2
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#contents #left_frame #c_pickup #pick_box #pick_2 #pick_word2
{ float: left; display: block; width: 160px; height: 138px;}
#contents #left_frame #c_pickup #pick_box #pick_3
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
background: url(/image/top/pick_box.gif) no-repeat top left;}
#contents #left_frame #c_pickup #pick_box #pick_3 #pick_img3
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#contents #left_frame #c_pickup #pick_box #pick_3 #pick_word3
{ float: left; display: block; width: 160px; height: 138px;}
#contents #left_frame #c_pickup #pick_box #pick_4
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
background: url(/image/top/pick_box.gif) no-repeat top left;}
#contents #left_frame #c_pickup #pick_box #pick_4 #pick_img4
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#contents #left_frame #c_pickup #pick_box #pick_4 #pick_word4
{ float: left; display: block; width: 160px; height: 138px;}
#contents #left_frame #c_pickup .pick_fs_1
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #00b8f1; font-weight: bold;}
#contents #left_frame #c_pickup .pick_fs_1 a{ color: #02b6eb; }
#contents #left_frame #c_pickup .pick_fs_1 a:hover{ color: #0000ff; }
#contents #left_frame #c_pickup .pick_fs_2
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #000000; line-height: 18px;}

#contents #left_frame #c_blog {
    width: 640px; padding-left: 2px; 
    background: url(/image/top/blog_bg_head.jpg) no-repeat top left;
}
#contents #left_frame #c_blog .head
{ width: 640px; height: 72px; background: url(/image/top/blog_bg_foot.jpg) no-repeat left bottom; }

*html #contents #left_frame #c_blog{ width: 600px;}
#contents #left_frame #c_blog #blog_bar
{ float: left; display: block; width: 640px; height: 32px; text-align: center; padding-top: 20px;}
*html #contents #left_frame #c_blog #blog_bar{ width: 640px;}
#contents #left_frame #c_blog #blog_info
{ float: left; display: block; width: 640px; height: 20px; padding-left: 10px; font-size: 12px;}
*html #contents #left_frame #c_blog #blog_info{ width: 600px;}
#contents #left_frame #c_blog #blog_box
{ width: 640px;}

#contents #left_frame #c_blog #blog_box .body {
    background: url(/image/top/blog_bg_foot.jpg) no-repeat top;
}
#contents #left_frame #c_blog #blog_box .row {
    background: url(/image/top/blog_bg_body.jpg) no-repeat;
    min-height:22px;
    height: auto !important;
    height: 22px;
}
#contents #left_frame #c_blog #blog_box .row a {
    display:block;
    float: left;
    padding:0px 0px 0px 22px;
    line-height: 22px;
    width:295px;
    min-height:22px;
    height: auto !important;
    height: 22px;
    overflow: hidden;
}

#contents #left_frame #c_blog #blog_box #blog_more { 
    width: 123px;
    height: 21px; 
    margin-left: 500px; 
    margin-top: 5px; 
    line-height: normal; 
    padding-left: 20px; background:url(/image/top/showall_icon2.gif) no-repeat top left;
}
/*
*html #contents #left_frame #c_blog #blog_box #blog_more{ margin: 0px;}
*:first-child+html #contents #left_frame #c_blog #blog_box #blog_more{ line-height: 20px; float:left;}
*/

/*
===== :: Right_frame =============================================================*/
#contents #right_frame{ float: right; display: block; width: 300px; background: #ffffff; 
background-repeat: repeat-x;}

#contents #right_frame #login
{float: left; display: block; width: 300px; height: 120px; margin-top: 10px; margin-bottom: 10px;
 background: url(/image/top/login_box.jpg) no-repeat top left; }
#contents #right_frame #login .login_font
{float: left; display: block; width: 300px; height: 20px; color: #333333; padding-top: 12px;
 font-size: 12px; font-weight: bold; }
*html #contents #right_frame #login .login_font
{ padding-left: 0px;}
#contents #right_frame #login #ID
{float: left; display: block; width: 200px; padding-left: 120px; height: 20px; padding-top: 10px; }
*html #contents #right_frame #login #ID{ width: 180px;}
#contents #right_frame #login #PASSWORD
{float: left; display: block; width: 200px; padding-left: 120px; height: 20px; padding-top: 6px;}
*html #contents #right_frame #login #PASSWORD{ width: 180px;}
#contents #right_frame #login #LOGIN_in
{float: left; display: block; width: 132px; height: 35px; margin-left: 12px; padding-top: 14px;}
#contents #right_frame #login #JOIN
{float: left; display: block; width: 132px; height: 35px; margin-left: 12px; padding-top: 14px;}
*html #contents #right_frame #login #LOGIN_in{ margin-left: 6px;}
*html #contents #right_frame #login #JOIN{ margin-left: 6px;}
#contents #right_frame #login #login_btm
{float: left; display: block; width: 300px; height: 19px; padding-top: 5px; text-align: center; font-size: 10px;}

#contents #right_frame #banner_1
{float: left; display: block; width: 300px; height: 106px; margin-bottom: 10px;}
#contents #right_frame #banner_2
{float: left; display: block; width: 300px; height: 62px; margin-bottom: 10px;}
#contents #right_frame #banner_3
{float: left; display: block; width: 300px; height: 62px; margin-bottom: 10px;}
#contents #right_frame #right_info
{float: left; display: block; width: 300px; height: 216px; margin-bottom: 10px;}
#contents #right_frame #right_info #img_area
{float: left; display: block; width: 300px; height: 190px;}
#contents #right_frame #right_info #text_area
{float: left; display: block; width: 300px; height: 26px; text-align: center; font-size: 10px; padding-top: 3px;
background: url(/image/warning_box.gif) no-repeat top left;}

#contents #right_frame #topic
{ float: left; display: block; width: 300px; height: 339px; margin-bottom: 10px; 
background: url(/image/top/topic_box.jpg) no-repeat top left; }
#contents #right_frame #topic #tp_title
{ float: left; display: block; width: 220px; height: 44px; margin-left: 70px; padding-top: 20px;}
*html #contents #right_frame #topic #tp_title
{ margin-left: 35px;}
#contents #right_frame #topic #tp_contents
{ float: left; display: block; width: 276px; height: 236px; margin-left: 20px; padding-left: 10px; line-height: 23.5px; _line-height:24px; _margin-top:-2px;}
*html #contents #right_frame #topic #tp_contents
{ margin-left: 10px; width: 266px;}
#contents #right_frame #topic #tp_more
{ float: left; display: block; width: 72px; height: 20px; margin-left: 200px; margin-top: 12px; padding-left: 22px;
background: url(/image/top/showall_icon3.gif) no-repeat top left; display: none;}
*html #contents #right_frame #topic #tp_more
{ margin-left: 100px;}
#contents #right_frame #topic .tp_fonb_B
{ float: left; display: block; width: 70px; height: 24px; color: #FFFFFF; 
font-weight: bold; font-size: 12px;}
#contents #right_frame #topic .tp_fonb
{ float: left; display: block; width: 150px; height: 24px; font-size: 12px; color: #FFFFFF;}

#contents #right_frame #banner_4
{float: left; display: block; width: 300px; height: 171px; margin-bottom: 10px;}

#contents #right_frame #ranking{ float: right; width: 300px; height: 565px; margin-bottom: 10px; background-color: #eeeeee;}
#contents #right_frame #ranking #ranking_head{ width: 300px; height: 47px; background-image: url(/image/top/ranking_head.jpg); background-repeat: no-repeat; }
#contents #right_frame #ranking #if_box{ width: 285px; padding-left: 7px; padding-right: 8px;}
#contents #right_frame #ranking #if_box iframe{ width: 285px; height: 440px;}
#contents #right_frame #ranking #rk_more { 
    float: left; 
    display: block; 
    width: 72px; 
    height: 20px; 
    margin-left: 200px; 
    margin-top: 4px; 
    padding-left: 22px;
    background: url(/image/top/showall_icon4.gif) no-repeat top left;
    font-size:120%;
    font-weight:bold;
}
*html #contents #right_frame #ranking #rk_more
{ margin-left: 95px;}

#contents #right_frame #info_mobile
{ width: 300px;}