@charset "utf-8";

/*--------------------------------
mainMenu
--------------------------------*/
#mainmenu{
padding-left:14px;
z-index:5;
}



/*--------------------------------
fontsize
--------------------------------*/
ul.fontsize {
background: transparent url("../../images/icon_fontsize.jpg") no-repeat;
color:#fcfffc;
height:17px;
width: 66px;
position: relative;
margin:0 15px 0 0;
}

ul.fontsize li {
position: absolute;
top: 0px;
}

ul.fontsize li,ul.fontsize li a {
height: 17px; 
display: block;
text-indent: -999999px; 
text-decoration: none; 
font-size: 1px;
}

ul.fontsize li.mediumtext{
left: 0px; 
width: 34px;
}
ul.fontsize li.largetext{
left: 34px; 
width: 32px;
}

ul.fontsize li.mediumtext a:hover{background: transparent url("../../images/icon_fontsize.jpg") 0px -17px no-repeat;}
ul.fontsize li.largetext a:hover{background: transparent url("../../images/icon_fontsize.jpg") -34px -17px no-repeat;}

/*--------------------------------
toHomeAndMail
--------------------------------*/
ul.homeicon {
background: transparent url("../../images/icon_home_mail.jpg") no-repeat;
color:#fcfffc;
height:23px;
width: 68px;
position: relative;
margin:0 0 0 0;
}

ul.homeicon li {
position: absolute;
top: 0px;
}

ul.homeicon li,ul.homeicon li a {
height: 23px; 
display: block;
text-indent: -999999px; 
text-decoration: none; 
font-size: 1px;
}

ul.homeicon li.tohome_on, ul.homeicon li.tohome_off{
left: 0px; 
width: 34px;
}
ul.homeicon li.tomail_on, ul.homeicon li.tomail_off{
left: 34px; 
width: 34px;
}

ul.homeicon li.tohome_off a:hover, ul.homeicon li.tohome_on{
background: transparent url("../../images/icon_home_mail.jpg") 0px -23px no-repeat;
}

ul.homeicon li.tomail_off a:hover,ul.homeicon li.tomail_on{
background: transparent url("../../images/icon_home_mail.jpg") -34px -23px no-repeat;
}

/*--------------------------------
mainMenu
--------------------------------*/

ul.menu {
background: transparent url("../../images/menu_bar.jpg") no-repeat;
color:#fcfffc;
height:39px;
width: 879px;
position: relative;
padding:0 0 0 0;
z-index:5;
}

ul.menu li {
position: absolute;
top:0px;
z-index:5;
}

ul.menu li,ul.menu li a {
height:39px; 
display:block;
text-indent: -999999px; 
text-decoration: none; 
font-size:1px;
z-index:5;
}
ul.menu li.intro_on, ul.menu li.intro_off{
left:0px; 
width:212px;
z-index:5;
}
ul.menu li.sample_on, ul.menu li.sample_off{
left:212px; 
width:211px;
z-index:5;
}
ul.menu li.collaboration_on, ul.menu li.collaboration_off{
left:423px; 
width:211px;
z-index:5;
}
ul.menu li.link_on, ul.menu li.link_off{
left:634px; 
width:214px;
z-index:5;
}
ul.menu li.intro_off a:hover, ul.menu li.intro_on{
background: transparent url("../../images/menu_bar.jpg") 0px -39px no-repeat;
z-index:5;
}
ul.menu li.sample_off a:hover, ul.menu li.sample_on{
background: transparent url("../../images/menu_bar.jpg") -212px -39px no-repeat;
z-index:5;
}
ul.menu li.collaboration_off a:hover, ul.menu li.collaboration_on{
background: transparent url("../../images/menu_bar.jpg") -423px -39px no-repeat;
z-index:5;
}
ul.menu li.link_off a:hover, ul.menu li.link_on{
background: transparent url("../../images/menu_bar.jpg") -634px -39px no-repeat;
z-index:5;
}


/*--------------------------------
toFlashMenu
--------------------------------*/