@charset "UTF-8";

@import "base.css";
@import "text.css";

/* ****************************************************************************************************
NEW GLOBAL-HEADER 840px
**************************************************************************************************** */
/* LAYOUT */
#globalheader { position: relative; margin: 0 auto; text-align: left; width: 840px; border: 0; }
#globalheader img.header { width: 840px; height: 55px; margin: 0 0 5px 0; border: 0; }
#globalnavi { position: relative; margin: 0 0 5px 0; padding: 0; border: 0; width: 840px; height: 48px; }
#globalnavi ul { margin: 0; padding: 0; }
#globalnavi li { display: inline; list-style-type: none; }
#globalnavi li a { background-image: url(../images/global/globalnavi_20111019.png); _background-image: url(../images/global/globalnavi_20111019.gif); background-repeat: no-repeat; width: 140px; height: 48px; float: left; text-indent: -9999px; text-decoration: none; /*\*/overflow: hidden;/**/}
/* GLOBAL NAVIGATION OFF */
#globalnavi li.gnavi_home a { background-position: 0 0; }
#globalnavi li.gnavi_naomi a { background-position: -140px 0; }
#globalnavi li.gnavi_prod a { background-position: -280px 0; }
#globalnavi li.gnavi_sayaka a { background-position: -420px 0; }
#globalnavi li.gnavi_support a { background-position: -560px 0; }
#globalnavi li.gnavi_comp a { background-position: -700px 0; }
/* GLOBAL NAVIGATION ON */
#globalnavi li.gnavi_home_on a { background-position: 0 -96px; }
#globalnavi li.gnavi_naomi_on a { background-position: -140px -96px; }
#globalnavi li.gnavi_prod_on a { background-position: -280px -96px; }
#globalnavi li.gnavi_sayaka_on a { background-position: -420px -96px; }
#globalnavi li.gnavi_support_on a { background-position: -560px -96px; }
#globalnavi li.gnavi_comp_on a { background-position: -700px -96px; }
/* GLOBAL NAVIGATION HOVER */
#globalnavi li.gnavi_home a:hover { background-position: 0 -48px; }
#globalnavi li.gnavi_naomi a:hover { background-position: -140px -48px; }
#globalnavi li.gnavi_prod a:hover { background-position: -280px -48px; }
#globalnavi li.gnavi_sayaka a:hover { background-position: -420px -48px; }
#globalnavi li.gnavi_support a:hover { background-position: -560px -48px; }
#globalnavi li.gnavi_comp a:hover { background-position: -700px -48px; }

/* ****************************************************************************************************
 END GLOBAL-HEADER
**************************************************************************************************** */

/* ****************************************************************************************************
NEW GLOBAL-FOOTER
**************************************************************************************************** */
#globalfooter { font-weight:normal; font-size: 10px; text-align: left; color:#999; width: auto; margin: 0; padding: 0; border: 0; zoom: 1; }
#globalfooter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalfooter a { color: #07b; text-decoration: none; }
#globalfooter a:hover { text-decoration: underline; }
#globalfooter p { font-size: 10px; line-height: 15px; color: #666; margin-bottom: 0; padding-left: 5px; }
#globalfooter #information { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #999;  }
#globalfooter #links { float: left; }
#globalfooter #links a { margin-left: 5px; padding-right: 7px; border-right: 1px solid #999; }
#globalfooter p.copyright { float: right; text-align: right; margin-right: 5px; }
/* ****************************************************************************************************
END GLOBAL-FOOTER
**************************************************************************************************** */

/* SIDE-MENU
---------------------------------------- */
/* NEW */
#sidemenubox { margin:0 0 50px 0; padding:0; }
#sidemenubox li { height:30px; font-size:10px; font-weight: normal; color:#777; text-indent:10px; padding:0 0 0 4px; }

#sidemenubox li.title { height:24px; font-size:12px; line-height:18px; font-weight: normal; color:#444; background:url(../images/common/sidemenu_box/top.gif) no-repeat; padding:7px 0 0 0; text-indent:-5px; text-align:center; }

#sidemenubox li.middletop { padding-top:15px; background:url(../images/common/sidemenu_box/middle.gif) repeat-y; }
#sidemenubox li.middletop.h22 { height:22px; }
#sidemenubox li.middle_indent { text-indent:8px; height:22px; background:url(../images/common/sidemenu_box/middle.gif) repeat-y; }
#sidemenubox li.middle_indent.bottom { padding-bottom:11px; }
#sidemenubox li.middle_indent a { color:#777; padding-left: 10px; background: url(../images/common/sidemenu_box/triarrow_999.gif) no-repeat 0% 50%; text-decoration: none; }
#sidemenubox li.middle_indent a:hover { color:#07b; text-decoration: underline; }


#sidemenubox li.middle { background:url(../images/common/sidemenu_box/middle.gif) repeat-y; }
#sidemenubox li.middle.h22 { height:22px; }

#sidemenubox li.last { background:url(../images/common/sidemenu_box/bottom.gif) no-repeat;  }

#sidemenubox li a:link, #sidemenubox a:visited { color:#777; text-decoration:none; }
#sidemenubox li a:hover { color:#07b; text-decoration: underline; }
#sidemenubox li a:link.titlelink, #sidemenubox a:visited.titlelink { color:#444; text-decoration:none; }
#sidemenubox li a:hover.titlelink { color:#07b; text-decoration: none; }








/* ****************************** GLOBAL-NAVIGATION ****************************** */
/* GLOBAL-NAVIGATION POSITION
---------------------------------------- */
#global_header { margin: 0 auto; text-align: left; width: 720px; border: 0; }
#header_home { float: left; color: #333; margin: 0 0 5px 0; padding: 0; border: 0; width: 150px; height: 55px; }
#header_img { float: left; color: #333; margin: 0 0 5px 0; padding: 0; border: 0; width: 570px; height: 55px; }
#global_navi { clear: left; color: #333; margin: 0 0 5px 0; padding: 0; border: 0; width: 720px; height: 30px; }
#g_navi { width: 720px; height: 30px; margin: 0; }
#g_navi ul { margin: 0; padding: 0; }
#g_navi li { display: inline; list-style-type: none; }
#g_navi li a { background-image: url(../images/menus/global_navi.png); _background-image: url(../images/menus/global_navi.gif); background-repeat: no-repeat; width: 144px; height: 30px; float: left; text-indent: -9999px; text-decoration: none; 
/*\*/
overflow: hidden;
/**/
}
/* global_navi.png Image Size 720x90px */
/* off
---------------------------------------- */
#g_navi li.g_navi_prod a { background-position: 0 0; }
#g_navi li.g_navi_naomi a { background-position: -144px 0; }
#g_navi li.g_navi_part a { background-position: -288px 0; }
#g_navi li.g_navi_support a {background-position: -432px 0; }
#g_navi li.g_navi_about a { background-position: -576px 0; }
/* hover
---------------------------------------- */
#g_navi li.g_navi_prod a:hover { background-position: 0 -30px; }
#g_navi li.g_navi_naomi a:hover { background-position: -144px -30px; }
#g_navi li.g_navi_part a:hover { background-position: -288px -30px; }
#g_navi li.g_navi_support a:hover { background-position: -432px -30px; }
#g_navi li.g_navi_about a:hover { background-position: -576px -30px; }
/* on
---------------------------------------- */
#g_navi li.g_navi_prod_on a { background-position: 0 -60px; }
#g_navi li.g_navi_naomi_on a { background-position: -144px -60px; }
#g_navi li.g_navi_part_on a { background-position: -288px -60px; }
#g_navi li.g_navi_support_on a { background-position: -432px -60px; }
#g_navi li.g_navi_about_on a { background-position: -576px -60px; }
/* ****************************** GLOBAL-NAVIGATION END ****************************** */

/* SIDE-MENU
---------------------------------------- */

/* OLD */
#sidemenu { display: inline; float: left; margin: 0; padding: 0 0 15px 0; width: 150px; }
#sidemenu img { width: 150px; margin-bottom: 5px; }
#sidemenu ul { list-style-type: none; margin-bottom: 10px; }
#sidemenu ul.partners, 
#sidemenu ul.support, 
#sidemenu ul.aboutus { list-style-type: none; margin-bottom: 10px; }
#sidemenu li { margin: 0; padding: 0; border: 0; text-align: left; text-indent: 12px; vertical-align: top; background-repeat: no-repeat; }
#sidemenu li.top { width: 150px; height: 35px; background-image: url(../images/menus/gmenu_top.png); _background-image: url(../images/menus/gmenu_top.gif); font-weight: bold; font-size: 12px; line-height: 32px; color: #333; }
#sidemenu li.list { width: 150px; height: 25px; background-image: url(../images/menus/gmenu_list.png); _background-image: url(../images/menus/gmenu_list.gif); font-weight: normal; font-size: 10px; line-height: 24px; color: #666; }
#sidemenu li.bdr { width: 150px; height: 20px; background-image: url(../images/menus/gmenu_bdr.png); _background-image: url(../images/menus/gmenu_bdr.gif); text-indent: -9999px; line-height: 0; }
#sidemenu li.btm { width: 150px; height: 10px; background-image: url(../images/menus/gmenu_btm.png); _background-image: url(../images/menus/gmenu_btm.gif); text-indent: -9999px; line-height: 0; }

/* FOOTER
---------------------------------------- */
#global_footer { font-weight:normal; font-size: 10px; text-align: center; color:#999; margin: 0; padding: 0; border: 0; }
#sitelinks { margin: 0 0 5px 0; padding: 5px; border-bottom: 1px solid #999; }
#sitelinks a { margin-left: 5px; padding-right: 7px; border-right: 1px solid #999; color: #999; }
#sitelinks a.last { margin-left: 5px; padding: 0; border: 0; }
#sitelinks a:link, #sitelinks a:visited { text-decoration: none; color: #999; }
#sitelinks a:hover { text-decoration: underline; color: #36c; }
#copyright { margin-bottom: 5px; }

/* BREADCRUMBS
---------------------------------------- */
#breadcrumbs { margin-bottom: 25px; font-size: 10px; line-height: 15px; color: #999; text-decoration: none; text-indent: 5px; }
#breadcrumbs.home { width:840px; margin:0 30px; }
#breadcrumbs a { color: #999; margin-right: 5px; padding-right: 12px; background: url(../images/common/arrow_999.png) no-repeat 100% 50%; _background-image: url(../images/common/arrow_999.gif) }
#breadcrumbs a:hover { color: #07b; text-decoration: underline; }



/* RIBBON
---------------------------------------- */
#ribon_r { position: absolute; top: 0; right: 0; z-index: 1; }
#ribon_l { position: absolute; top: 0; left: 0; z-index: 1; }