@charset "UTF-8";
@import url("base.css");
/*header*/
#header {width:720px; height:116px; margin-bottom:9px; position:relative;}
#headerArea{ display:inline;float:left;width:720px; height:70px; margin-bottom:9px; background:url(../image/index0902/header2.jpg) no-repeat;}
#header a.logo { display:inline;float:left; width:100px; height:70px;text-indent:-3000px; text-decoration:none;}
/* headline */
#headline { display:inline; float:left; width:410px; height:20px;font-size:10px; font-style:normal; color:#666666; position:absolute; top:10px; right:85px; }
#headline ol {list-style:none; padding:0 10px;}
#headline li { display:block; float:left; width:auto; background:url(../image/product/index/link.gif) no-repeat; background-position:0 50% ;padding: 0 6px 0 9px;}

/* *************** ここから *************** */
/*navi*/
#navi { display: inline; float: left; margin-bottom:0px; width: 720px; height:37px; background:url(../image/index0902/navi.png) no-repeat 0 0;_background-image:url(../image/index0902/navi.gif)}
#navi ul { list-style-type: none; margin: 0; padding: 0; border: 0; }
#navi li { float: left; }
#navi li a { display: block; text-indent: -9999px; background:url(../image/index0902/navi.png) no-repeat 0 0;_background-image:url(../image/index0902/navi.gif); text-decoration: none;  height: 37px; 
/*\*/
overflow: hidden; 
/**/
}
#navi li.product a { background-position:0px 0px; width:145px; }
#navi li.company a { background-position:-145px 0px; width:142px; }
#navi li.shop a { background-position:-287px 0px; width:144px; }
#navi li.support a { background-position:-431px 0px; width:143px; }
#navi li.recruit a { background-position:-574px 0px; width:146px; }
/*productover*/
#navi li.product a:hover { background-position:0px -37px; width:145px; }
#navi li.company a:hover { background-position:-145px -37px; width:142px; }
#navi li.shop a:hover { background-position:-287px -37px; width:144px; }
#navi li.support a:hover { background-position:-431px -37px; width:143px; }
#navi li.recruit a:hover { background-position:-574px -37px; width:146px; }
/*producton*/
#navi li.product_on a { background-position:0px -74px; width:145px; }
#navi li.company_on a { background-position:-145px -74px; width:142px; }
#navi li.shop_on a { background-position:-287px -74px; width:144px; }
#navi li.support_on a { background-position:-431px -74px; width:143px; }
#navi li.recruit_on a { background-position:-574px -74px; width:146px; }
/* *************** ここまで *************** */

/*foodermenu*/
#foodermenu{width:720px; height:auto; text-align:center;font-size:10px;line-height:20px;margin:9px 0 9px 0; color:#666;}

/* gototop */
.linktop{ width:80px; display:block; float:right;text-align:right !important; font-size:10px; background:url(../image/index0902/gototop.gif) no-repeat; background-position:97% 50%; padding-right:15px; }

/* sidemenu */
.sidemenu{ width:120px; height:auto; margin:0; padding:0; text-align:left; background:url(../image/side_menu/top.jpg) no-repeat; color:#666;}
.sidemenu a:link, .sidemenu a:visited { color: #666; text-decoration: none; }
.sidemenu a:hover { color: #36c; text-decoration: underline; }
.sidemenu ul{ list-style:none;}
.sidemenu li { display:block;width:100px; padding:0px 10px 3px 10px; font-size:10px; height:20px; vertical-align:middle; font-weight:bold;}
.sidemenu li.chink{ letter-spacing:-1px;}
.sidemenu li.line{border-bottom:solid 1px #CCCCCC; margin-bottom:10px;}
.sidemenu li.top{ font-size:12px; color:#FFFFFF; font-weight:bold; padding:6px 10px; height:25px;}
.sidemenubt{ width:120px; height:7px; background:url(../image/side_menu/menu_bt.gif) no-repeat;margin:0 0 10px; padding:0;}

/* layout */
#container{ width:720px; height:auto; margin:0 auto;}