@charset "UTF-8";

/********************************* index *********************************/

div#index_menu{
background-image:url(./img/index_menu_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
width:780px;
height:350px;
clear:both;
margin:0 auto;
}

#index_menu ul.tab_menu{
background-image:url(./img/menu_tabbg.png);
background-position:right top;
background-repeat:no-repeat;
text-align:right;
float:right;
width:464px;
padding:0px 14px;
}

#index_menu ul.tab_menu li{
display:inline;
padding:0;
}

#index_menu ul.tab_menu a{
background-image:url(./img/menu_tabbg_active.gif);
background-position:0 0;
background-repeat:repeat-x;
}

#index_menu ul.tab_menu a:hover{
background-position:0 -50px;
}

#index_menu ul.tab_menu img{
vertical-align:text-top;
}

#index_menu ul.imenu{
float:left;
width:250px;
padding:0;
}

#index_menu ul.imenu li{ padding:0 0 2px 0; }

ul.imenu li a{
display:block;
background-position:0 0;
background-repeat:no-repeat;
height:79px;
padding:7px 0 0 70px;
}

ul.imenu li a:hover{ background-position:0 -88px; }
ul.imenu li#imenu_hr a{ background-image:url(./img/index_menu_hr.png); }
ul.imenu li#imenu_ev a{ background-image:url(./img/index_menu_ev.png); }
ul.imenu li#imenu_web a{ background-image:url(./img/index_menu_web.png); }
ul.imenu li#imenu_mh a{ background-image:url(./img/index_menu_mh.png); }

#index_menu ul.imenu strong{
display:none;
}

#index_menu p{
text-align:center;
margin-left:250px;
padding:150px 0;
}


p.index_tools_banner{
text-align:center;
padding:0 0 5px 0;
}

div#index_content{
width:540px;
float:left;
padding-top:5px;
}

#index_content div.new_release{
margin-bottom:10px;
padding:5px 0;
}

.new_release h2{
position:relative;
background-image:url(./img/line_dotted.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:0 5px 10px 5px;
}

.new_release h2 a.more{
position:absolute;
right:10px;
bottom:10px;
}

.new_release dl{
background-color:#f1faf6;
font-size:90%;
height:12em;
overflow:auto;
margin:5px 5px 5px 3px;
}

.new_release dt{
margin:5px 5px 0 5px;
}

.new_release dt.event{ color:#e39; }
.new_release dt.column{ color:#093; }
.new_release dt.release{ color:#03c; }

.new_release dt img{ vertical-align:text-bottom; padding-right:5px; }


.new_release dd{
margin:0 5px 8px 5px;
padding:5px;
border-style:solid;
border-color:#bcb;
border-width:0 0 1px 0;
}

.new_release dd a{ font-weight:bold; }



#index_content div.column_list{
background-color:#f2f2f2;
margin:5px 0;
padding:8px;
}

.column_list ul{ margin:5px 0; padding-left:7px; }

.column_list li{
width:230px;
float:left;
padding:7px 13px;
}

.column_list li a{
display:block;
background-image:url(./img/index_columlist_button.png);
background-position:0 0;
background-repeat:no-repeat;
height:77px;
}

.column_list li a:hover{ background-position:0 -79px; }

.column_list p{
visibility:hidden;
font-size:80%;
clear:left;
}


div.index_sidebanner{
color:#444;
padding:0;margin-left:560px;
}

.index_sidebanner h2{ display:none; }

.index_sidebanner ul{ padding:0; }

.index_sidebanner ul.brand{
text-align:center;
}

.index_sidebanner ul.brand li{
margin:10px 0;

}

.index_sidebanner ul.brand a{
display:block;
padding:5px;
border-style:solid;
border-width:1px;
border-color:#ccc;
}

.index_sidebanner h3{
font-weight:bold;
padding:0 3px;
border-style:solid;
border-width:0 0 1px 0;
border-color:#666;
}

.index_sidebanner li{
text-align:center;
margin:10px 5px;
}


.index_sidebanner h4{
font-size:90%;
font-weight:bold;
text-align:left;
padding:3px 3px 0 3px;
}
