/* CSS Document */
/******   layout   ******/
iframe
{  font-size: 10px;
   margin:0;
   border:0;
   vertical-align: top;
}

body 
{  margin:0;
   border:0;
   background-image: url(/images/background.gif);
}

div#outline 
{  text-align: center;
   padding: 0;
   vertical-align: top;
}

div#body 
{  margin: 0 auto;
   width: 990px;
   text-align: left;
   vertical-align: top;
   font-size: 13px;
   color: #707070;
   line-height: 23px;
}

div#option 
{  text-align: right;
}

div#option a 
{  color: #707070;
   text-decoration: none;
}

div#option a:hover 
{  color: #fff;
}

#main 
{  border: 4px solid #8b8b8b;
   padding: 1px;
   background-color: #fff;
   margin: 0 0 7px 0;
   position: relative;
}

#main_body 
{  text-align: left;
   font-size: 13px;
   color: #707070;
   line-height: 23px;
}

/***   top_menu   ***/
div#top_menu 
{  background-image: url(/images/top_menu_back.gif);
   background-repeat: repeat-x;
   font-size:13px;
   height: 31px;
   width: 980px;
   text-align: right;
   background-position: 0px 3px;
   word-spacing: 0px;
   font-weight:bold;
}

div#top_menu img 
{  vertical-align: top;
}

div#top_menu a 
{  color: #707070;
   text-decoration: none;
   vertical-align: sub;
}

div#top_menu a:hover 
{  color: #007470;
   background-image: url(/images/top_menu_back_over.gif);
   background-color: #999999;
}

div#huge_ad 
{  background-color:#00CC99;
   height: 186px;
   width: 980px;
}

div#huge_ad_source 
{  background-color:#00000;
   height: 140px;
   width: 465px;
}

div#huge_ad img 
{  margin: 0px;
   vertical-align: bottom;
}

div#gold_txt 
{  height: 25px;
   width: 980px;
}

div#gold_txt_source 
{  height: 25px;
   width: 808px;
}

div.gold_txt_field 
{  height: 25px;
   width: 246px;
   float: right;
}

div.gold_txt_field_source 
{  height: 25px;
   width: 246px;
   float: right;
}

/***   content_logo_search   ***/
div#content_logo_search 
{  background-image: url(/images/content_shadow.gif);
   background-repeat: repeat-x;
   width: 738px;
   height: auto;
   padding: 9px 3px 0px 239px;
}

div#logo_search 
{  background-image: url(/images/logo_search.gif);
   width: 738px;
   height: 176px;
/*   padding: 10px 6px 0 13px;*/
}

div#logo_field 
{  float: left;
   font-size: 0px;
   line-height: 0px;
   padding: 10px 0 0 26px;
}

div#logo_more 
{  width: 45px;
   height: 22px;
   float: left;
   font-size: 0px;
   line-height: 0px;
}

div#search_field 
{  float: left;
   background-image: url(/images/search_field_back.gif);
   margin: 10px 6px 0 2px;
}

div#search_option 
{  padding: 0 0 0 78px;
}

div#search_set 
{  padding: 0 0 0 20px;
}

.search_select 
{  color: #707070;
   margin: 2px 0;
   border: 1px solid #7b9ebd;
   background-color: #ffffff;
   font-size: 12px;
}

div#search_set img 
{  margin: 3px 26px;
}

/******   content   ******/
#between 
{
}

#content_body 
{  float: left;
   /*2008/6/10 del*/
   padding: 3px 0 10px 242px;
   background-image: url(/images/menu_shadow.gif);
   background-repeat: repeat-y;
   background-position: 6px 0px;
}

div#content 
{  float: left;
   text-align: center;
   /*2008/6/10 add*/
   /*width:510px;*/
   /*padding-left:242px;*/
}

/******   content_field01:normal   ******/
div#content_field01 
{  float: left;
   margin: 0px 4px 8px 2px;
}

div#content > div#content_field01 
{  margin: 0px 0px 8px 2px;
}

div#content_field01 img 
{  margin: 0 0 3px 0;
   vertical-align: top;
}

div#content_field01 .btw 
{  background-image: url(/images/content_main_btw.gif);
   font-size: 13px;
   color: #707070;
   line-height: 23px;
}

div#content_field01 .top 
{  background-image: url(/images/content_main_top.gif);
   width: 494px;
   background-repeat: no-repeat;
   text-align: left;
   float: left;
}

div#content_field01 .btm 
{  background-image: url(/images/content_main_btm.gif);
   background-repeat: no-repeat;
   width: 494px;
   height: 14px;
   float: left;
   line-height: 0px;
   font-size: 0px;
}

div#content_field01 .banner 
{  float: left;
   padding: 3px;
}

div#content_field01 .txt 
{  float: left;
   padding: 0 3px;
}

div#content_field01 .other 
{  width: 494px;
   float: left;
}


/******   content_field02:blank   ******/
div#content_field01 a 
{  color: #707070;
   text-decoration: none;
}

div#content_field01 a:hover 
{  text-decoration: none;
   color: #089679;
}

div#content_field01 .title 
{  font-weight: bold;
   color: #656565;
}

div#content_field02 
{  float: left;
   margin: 0px 0px 7px 2px;
}

div#content > div#content_field02 
{  margin: 0px 0px 7px 0px;
}

div#content_field02 .other 
{  width: 494px;
   float: left;
}

div#content_field02 img 
{  margin: 0px;
   vertical-align: top;
}

div#content_field02 .btw 
{  font-size: 13px;
   color: #707070;
   line-height: 23px;
}

div#content_field02 .banner
{  float: left;
   padding: 0px 9px;
}

div#content_field02 .txt 
{  float: left;
   width: 145px;
}


/******   menu01:multi option   ******/
div.menu01 
{  padding: 8px 13px 0px 13px;
}

div.menu01 .on .left 
{  width: 7px;
   height: 23px;
   float: left;
}

div.menu01 .on .mid 
{  width: auto;
   height: 23px;
   float: left;
   padding: 0 0 0 4px;
   cursor:hand;
}

div.menu01 .on .right 
{  width: 12px;
   height: 23px;
   float: left;
}

div.menu01 .over .left 
{  background-image: url(/images/content_selection_left.gif);
   width: 7px;
   height: 23px;
   float: left;
}

div.menu01 .over .mid 
{  background-image: url(/images/content_selection_mid.gif);
   width: auto;
   height: 23px;
   float: left;
   padding: 0 0 0 4px;
   color: #089679;
   cursor:hand;
}

div.menu01 .over .right 
{  background-image: url(/images/content_selection_right.gif);
   width: 12px;
   height: 23px;
   float: left;
}

/******   menu02:single option   ******/
div.menu02 
{  float: none;
   padding: 8px 13px 0px 13px;
}

div.menu02 .on .left 
{  background-image: url(/images/content_option_on.gif);
   width: 23px;
   height: 23px;
   float: left;
}

div.menu02 .over .left 
{  background-image: url(/images/content_option_over.gif);
   width: 23px;
   height: 23px;
   float: left;
}

div.menu02 .mid 
{  width: 193px;
   height: 23px;
   float: left;
   padding: 0 0 0 4px;
   color: #089679;
}

div.menu02 .right 
{  width: 10px;
   height: 23px;
   float: left;
}

/******   content_field txt_field   ******/
div.txt_field01 
{  padding: 7px 10px 0px 15px;
}

div.txt_field01 .txt 
{  width: 240px;
}

div.txt_field02, div.txt_field03 
{  float: none;
   padding: 7px 7px 0px 15px;
}

div.txt_field02 .txt 
{  float: none;
   width: 142px;
   height: 100%;
   line-height: 23px;
   font-size: 13px;
}

div.txt_field02 a 
{  font-size: 13px;
}

div.txt_field03 .txt 
{  float: none;
   width: 284px;
   height: 100%;
   line-height: 23px;
   font-size: 13px;
}

div#content_field02 > div.txt_field02 
{  float: none;
   padding: 7px 0px 0px 15px;
}

#height_set 
{  height:150px;
   padding: 7px 7px 0px 15px;
}

div#content_field01 .separate 
{  background-image: url(/images/ing_separate.gif);
   background-repeat: repeat-y;
   background-position: center 0px;
   float: left;
   height: 101px;
   width: 7px;
   margin:7px 3px;
}

div#content_field01 #act_margin
{  margin:7px 2px;
}

/******   content epaper   ******/
div.txt .more 
{  background-image: url(/images/epaper_more.gif);
   width: 145px;
   height: 20px;
   text-align: right;
   background-repeat: no-repeat;
   font-family: Arial, Helvetica, sans-serif;
}

div.txt .more a 
{  text-decoration: none;
   color: #707070;
}

div.txt .more a:hover 
{  text-decoration: none;
   color: #0000FF;
}

/******   content keywords   ******/
div.keywords 
{  /*width: 494px;
   height: 28px;
   padding: 8px 5px 7px 88px;
   background-image: url(/images/keywords.jpg);
   background-repeat: no-repeat;
   font-size: 13px;
   color: #707070;*/
   width: 401px;
   height: 28px;
   padding: 1px 5px 7px 70px;
   background-image: url(/images/keywords.jpg);
   background-repeat: no-repeat;
   font-size: 13px;
   color: #707070;
}

div.keywords .list 
{  overflow:hidden;
   width: 401px;
/*   height: 13px;*/
   height: 28px;
}

div.keywords .list a 
{  color: #707070;
   text-decoration: none;
}

div.keywords .list a:hover 
{  color: #F00;
}

div.keywords .list .promote 
{  color: #ff8a00;
   text-decoration: none;
}

/******   content right   ******/
div#right 
{  width: 224px;
   /*float: left;*/
   position:absolute;
   left:750px;
   font-size: 13px;
   color: #707070;
}

div#right img 
{  margin: 0px;
   vertical-align: top;
}

div#right01,div#right02,div#right03,div#right04,
{  width: 224px;
   height:auto;
}

div#right .title_left 
{  float: left;
   background-image: url(/images/right_title_left.gif);
   background-repeat: no-repeat;
   width: 126px;
   height: 24px;
}

div#right .title_right 
{  float: left;
   background-image: url(/images/right_title_right.gif);
   background-repeat: no-repeat;
   width: 98px;
   height: 24px;
}

div#right .title_left .title_head 
{  font-size: 15px;
   font-weight: bold;
   float: left;
   margin: 4px 0 5px 0;
}

div#right .title_left .title_end 
{  color: #b7b7b7;
   font-size: 11px;
   font-family: Arial;
   float: left;
   margin: 7px 0 5px 15px;
}

div#right .body_left 
{  float: left;
   width: 126px;
   height: 82px;
}
div#right .body_left .link 
{  margin: 10px 4px;
}
div#right .body_left .link a 
{  color: #707070;
   text-decoration: none;
}
div#right .body_left .link a:hover 
{
}
div#right .body_left .theme 
{  margin: 0px 4px;
   line-height: 21px;
}

div#right .body_left1 
{  float: left;
   height: 82px;
}
div#right .body_left1 .link 
{  margin: 10px 4px;
}
div#right .body_left1 .link a 
{  color: #707070;
   text-decoration: none;
}
div#right .body_left1 .link a:hover 
{
}
div#right .body_left1 .theme 
{  margin: 0px 4px;
   line-height: 21px;
}

div#right .body_right 
{  float: left;
   width: 98px;
   height: 82px;
}

div#right .body_right input 
{  margin: 5px 2px 5px 4px;
   border:1px solid #898989;
}

div#right .body_right img 
{  margin: 5px 2px 5px 4px;
   border:1px solid #898989;
}

div#right .txt_tield 
{  float: left;
   width: 224px;
   line-height: 21px;
}

div#right .txt_tield .txt 
{  margin: 3px 5px;
}

div#right .txt_tield .more 
{  margin: 3px 7px;
   text-align: right;
}

/******   content right 01 hero   ******/
div#right01 .title_left 
{  background-color: #ff9000;
}

div#right01 .title_right 
{  background-color: #ffd8a5;
}

div#right01 .body_left .link a:hover 
{  color: #ff9000;
}

div#right01 .body_left .theme 
{  color: #ff9000;
}

/******   content right 02 share   ******/
div#right02 .title_left 
{  background-color: #7fe100;
}

div#right02 .title_right 
{  background-color: #daffaa;
}

div#right02 .body_left .link a:hover 
{  color: #69ba00;
}

div#right02 .body_left .theme 
{  color: #69ba00;
}

/******   content right 03 topic   ******/
div#right03 .title_left 
{  background-color: #4772ff;
}

div#right03 .title_right 
{  background-color: #a3b9ff;
}

div#right03 .body_left .link a:hover 
{  color: #4772ff;
}

div#right03 .body_left .theme 
{  color: #4772ff;
}


div#right03 .body_left1 .link a:hover 
{  color: #4772ff;
}

div#right03 .body_left1 .theme 
{  color: #4772ff;
}

/******   content right 04 topic   ******/
div#right04 
{  height:140px;
   background-repeat:no-repeat;
}

/******   copyright   ******/
div#copyright 
{
}

div#copyright #link_image 
{  float: left;
   background-image: url(/images/bottom_image.jpg);
   height: 119px;
   width: 242px;
}

div#copyright #link_field 
{  float: left;
   background-image: url(/images/bottom_link_back.jpg);
   height: 119px;
   width: 736px;
   background-repeat: no-repeat;
   background-position: 0px bottom;
}

div#copyright #link_field #link 
{  line-height:23px;
   color: #707070;
   margin: 39px 0 34px 0;
}

div#copyright #link_field #link a 
{
   color: #707070;
   text-decoration: none;
}

div#copyright #link_field #link a:hover 
{  color: #4aa6a5;
   text-decoration: underline;
}

div#copyright #bottom 
{  float: left;
   background-image: url(/images/bottom_shadow.gif);
   height: 104px;
   width: 978px;
   background-repeat: repeat-x;
}

div#copyright #logo 
{  float: left;
   padding: 20px 20px 10px 55px;
}

div#copyright #copyright 
{  float: left;
   height: 50px;
   width: 717px;
   font-size: 11px;
   line-height: 19px;
   color: #4aa6a5;
}

div#copyright #copyright_field 
{  float: left;
   padding: 36px 0px 14px 35px;
   background-image: url(/images/bottom_copyright_back.jpg);
   background-repeat: no-repeat;
   background-position: 23px 27px;
}

/******   menu layout   ******/
div.left_menu 
{  width: 237px;
   float: left;
   position: absolute;
   top: -27px;
   left: 6px;
}

.menu_left_shadow 
{   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/menu_shadow_left.png');
}

.left_menu > .menu_left_shadow
{  background-image:url(/images/menu_shadow_left.png);
   background-position: 1px 0px;
}

.menu_left_shadow 
{  float: left;
   height: 465px;
   width: 5px;
   background-repeat: repeat-y;
}

.menu_right_shadow 
{   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/menu_shadow_right.png');
}

.left_menu > .menu_right_shadow 
{  background-image:url(/images/menu_shadow_right.png);
   background-position: 1px 0px;
}

.menu_right_shadow 
{  float: left;
   height: 465px;
   width: 7px;
   background-repeat: repeat-y;
}

.menu_bottom_shadow 
{   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/menu_bottom_shadow.png');
}

.menu_bottom_shadow 
{  height: 53px;
   width: 237px;
   background-repeat: no-repeat;
}

.index_menu 
{  float: left;
   width: 225px;
   background-color: #FFFFFF;
}

div.index_menu #head 
{  width: 225px;
   height: 159px;
   background-image: url(/images/menu_headline.gif);
   background-position: 0px 89px;
}

div.index_menu #head #headline 
{  width: 190px;
   height: 25px;
   margin: 2px 0px 0px 16px;
   text-align: center;
}

div.index_menu #head #headline a 
{  color: #707070;
   text-decoration: none;
}

div.index_menu #head #headline a:hover 
{  color: #00CCCC;
}

div.index_menu .color 
{  margin: 0px 1px 0px 2px;
   width: 222px;
   height: 36px;
   text-align: right;
   color: #FFFFFF;
}

div.index_menu .title 
{  padding: 12px 10px 0px 9px;
}

div.index_menu .content
{  margin: 0px 1px 2px 2px;
   background-color: #FFFFFF;
   background-image: url(/images/menu_radience.gif);
   background-position: 2px bottom;
   background-repeat: no-repeat;
}

div.index_menu .field 
{  border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #FFFFFF #d3d3d3 #b5b5b5 #ededed;
   padding: 15px 20px 15px 18px;
}

div.index_menu .field  a 
{  color: #707070;
   text-decoration: none;
}

div.index_menu .field  a:hover 
{  color: #F00;
}

div.index_menu .field  .promote 
{  color: #ff8a00;
   text-decoration: none;
}

/******   menu individual   ******/
div.index_menu .member .color 
{  background-image: url(/images/menu_color_member.gif);
}

div.index_menu .member .field 
{  padding: 15px 10px 32px 18px;
   line-height: 29px;
}

div.index_menu .member .content  
{  background-image: url(/images/menu_member_radience.gif);
}

div.index_menu .member .field input 
{  width: 100px;
}

div.index_menu .member .field img 
{  vertical-align: -27%;
   margin: 2px 1px 0px 1px;
}

div.index_menu .channel .color 
{  background-image: url(/images/menu_color_channel.gif);
}

div.index_menu .brand .color 
{  background-image: url(/images/menu_color_brand.gif);
}

div.index_menu .goods .color 
{  background-image: url(/images/menu_color_goods.gif);
}

div.index_menu .store .color 
{  background-image: url(/images/menu_color_store.gif);
}

div.index_menu .emovie .color 
{  background-image: url(/images/menu_color_emovie.gif);
}

div.index_menu .emovie .field 
{  padding: 10px;
}

div.index_menu .winner .color 
{  background-image: url(/images/menu_color_winner.gif);
}

div.index_menu .knowhow .color 
{  background-image: url(/images/menu_color_knowhow.gif);
}

div.index_menu .list .color 
{  background-image: url(/images/menu_color_list.gif);
}

div.index_menu .list .content 
{  height: 215px;
}

div.index_menu .list .field 
{  padding: 0px 10px;
   height: 225px;
   background-image: url(/images/crown.jpg);
   background-repeat: no-repeat;
   background-position: 125px 5px;
}

div#champion_logo 
{  float: left;
}

div#champion 
{  float: left;
   padding: 45px 0 0 0;
}

div#list_txt 
{  line-height:19px;
   padding:5px 0 0;
   height: 100px;
   width: 150px;
   float: left;
}

div#list_graphic 
{  float: left;
   background-image: url(/images/menu_list_graphic.gif);
   background-repeat:repeat-y;
   margin: 3px 0;
}

div.list_graphic_bar 
{  height: 19px;
   width: 45px;
   background-image: url(/images/menu_list_graphic_bar.gif);
   background-repeat: no-repeat;
   background-position: 0px center;
}

.pxp
{  background:#cdded5;
   padding:0; width:16px;
   font:11px;
   margin:2px;
   text-align:center;
}

/******   page layout   ******/
#page 
{  border: 4px solid #8b8b8b;
   padding: 1px;
   background-color: #fff;
   margin: 0 0 7px 0;
   position: relative;
}

div#page #between 
{
}

#page div#huge_ad 
{  background-color:#fff;
   height: 75px;
   width: 980px;
}

#page .left_menu 
{  width: 237px;
   float: left;
   position: absolute;
   top: -27px;
   left: 6px;
}
/*
#page .search1 
{  width: 412px;
   height: 71px;
   position: absolute;
   top: 61px;
   left: 568px;
}

#page .search1 .btn 
{  margin: 7px 0 0 126px;
}

#page .search1 .selection 
{  margin: 0 0 0 136px;
}

#page .search1 .selection img 
{  margin: 0px 0px 2px 0px;
   vertical-align: bottom;
}

#page .search1 .selection select 
{  margin: 0px 0px 2px 0px;
   vertical-align: bottom;
}

div.search1 > .selection 
{  padding: 6px 0 0 0;
}

#page .search1 
{   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/page_search.png');
}

div#page > .search1
{  background-image:url(/images/page_search.png);
   top: 57px;
   left: 570px;
}
*/
#page .menu_left_shadow 
{  height: 157px;
}

#page .menu_right_shadow 
{  height: 157px;
}

div#page #content_body 
{  background-image: url(/images/content_shadow.gif);
   background-repeat: repeat-x;
   padding: 0;
}

div#page #content 
{  width: 980px;
   padding:20px 0;
   text-align: center;
}

div#page #content_box 
{  margin: 10px auto;
   text-align: left;
}

div#page #copyright #link_image 
{  float: left;
   background-image: url(/images/page_bottom_image.jpg);
   height: 119px;
   width: 242px;
}

div.gold_img
{  padding:6px 0;
}

/*2008/6/17*/
.title 
{  font-size:11pt;
   font-weight:bold;
}
/**********/