@charset "UTF-8";
@import url("../clear.css");
@import url("../text.css");

body { margin:0; padding:0; background-color: #EBEBEB;}
hr { border-width: 1px 0px 0px 0px;border-style: solid;border-color: #CCCCCC; height:1px; margin:0 0 20px 0;}
table.spec { margin:5px auto 30px auto;}
table.spec2 { float:right;margin:30px 0 0 0;}
.clear{clear: both;}
.font10 {font-size:10px;color: #666666;line-height:18px;}
.font10m { display: block;font-size:10px;color: #666666;line-height:12px; padding-left:10px;}

.bold{font-weight:bold}

/* contents */
#cotents {width:720px; margin:0 auto; padding:0; background-color:#FFFFFF;}
#header{display:inline; float:left; width:720px;}

/* maincontent */
#maincontent{display:inline; float:left; width:720px; height:auto;margin-bottom:10px;}
/* menu */
#menu{display:inline; float:left; width:110px; height: auto;margin:0 20px; color:#666666; padding:0; text-align:left;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu li{ width:110px; padding:5px 0 0px 0; font-size:10px; text-indent:10px; line-height:20px; margin:0;}
#menu li.top{width:110px; height:20px; background:url(../../image/product/index/sidemenu/menu_01.jpg) no-repeat; font-weight:bold;}
#menu li.cen{width:110px;background:url(../../image/product/index/sidemenu/menu_02.jpg) repeat-y; line-height:18px; padding:4px 0 2px 0;}
#menu li.cenm{width:110px;background:url(../../image/product/index/sidemenu/menu_m02.jpg) repeat-y;font-weight:bold; padding:4px 0 2px 0;}
#menu li.cenm a { color:#666666;}
#menu li.btm{width:110px; height:2px; background:url(../../image/product/index/sidemenu/menu_04.jpg) no-repeat; margin-bottom:5px; font-size:0px; line-height:0;}
.mainimgm5{ margin-bottom:10px}

/* main */
#main{display:inline; float:left; width:550px; margin:0 20px 0 0; padding:0px; background-color:#FFFFFF;}

/* mainmenu */
#mainnavi { display: inline; float: left; margin:0 0 5px 0; width: 550px; height:34px;}
#mainnavi ul { list-style-type: none; margin: 0; padding: 0; border: 0; }
#mainnavi li { float: left;}
#mainnavi li a {display: block;text-indent: -9999px;background:url(../../image/product/ein_stella/menu.png) no-repeat 0 0; _background-image:url(../../image/product/ein_stella/menu.gif);height: 34px;
/*\*/
overflow: hidden;
/**/
}

#mainnavi li.feature a { background-position:0px 0px; width:110px;}
#mainnavi li.use a { background-position:-110px 0px; width:109px; }
#mainnavi li.function a { background-position:-219px 0px; width:109px; }
#mainnavi li.spec a { background-position:-328px 0px; width:109px; }
#mainnavi li.sample a { background-position:-437px 0px; width:113px; }
/* productover */
#mainnavi li.feature a:hover { background-position:0px -34px; width:110px; }
#mainnavi li.use a:hover { background-position:-110px -34px; width:109px; }
#mainnavi li.function  a:hover { background-position:-219px -34px; width:109px; }
#mainnavi li.spec a:hover { background-position:-328px -34px; width:109px; }
#mainnavi li.sample a:hover { background-position:-437px -34px; width:113px; }
/* on */
#mainnavi li.featureon a { background-position:0px -68px; width:110px; }
#mainnavi li.useon a { background-position:-110px -68px; width:109px; }
#mainnavi li.functionon a { background-position:-219px -68px; width:109px; }
#mainnavi li.specon a { background-position:-328px -68px; width:109px; }
#mainnavi li.sampleon a { background-position:-437px -68px; width:113px; }
/* �����܂� */

/* subnavi */
#subnavi{display:inline; float:right; width:550px; height:20px;font-size:10px; font-weight:bold;color:#666666; margin:0 0 20px 0;}
#subnavi ol{list-style:none;padding:0 20px;}
#subnavi li{ display:block; float:right; width:auto;text-align:right; line-height:10px;background:url(../../image/product/index/link.gif) no-repeat; background-position:0 50% ;padding: 0 10px 0 8px;}

/*feautre*/
.mainname{ border-bottom:1px #999999 solid; border-top:1px #999999 solid; padding:10px 0px;}
#main h2{margin:0 0 20px 0;}
#main h2.m5{margin:0 0 5px 0;}
#main p{ line-height:20px; margin:0 0 10px 0;}
#main p.m40{ line-height:20px; margin:0 0 40px 0;}
#main p.pm5{ line-height:20px; margin:0 0 5px 0;}
#mainpic{margin:10px 0 5px 0;}
.gototop{ height:10px; font-size:10px;text-align:right; background: url(../../image/product/index/gototop.gif) no-repeat; background-position: 100% 70%; padding:0 10px 0 0; margin:0 0 20px 0}
.elementleft{ float:left; margin:0 10px 10px 0;}
.elementcenter{ float:left; margin:0 0 30px 0;}
.elementright{ float:right;margin:0 0 10px 10px;}
.pagelink{display:block; float:left;font-size:10px; text-indent:6px; background:url(../../image/product/index/link.gif) no-repeat; background-position:0 50%;padding:0 10px 0 0;}

/* use */
.tunerbox{ float:left; display:inline;width:183px;}
#usebox{float:left; display:inherit; width:550px; height:460px; margin:0 0 10px 0;}
.useboxleft{ display:block; float:left; width:160px; height:460px; margin:0 20px 0 0;}
.useboxlight{ display:block; float:left; width:370px; height:140px;}

/*function*/
#functionbox{ float:left; display:inline;height:auto;margin:0 0 10px 0;}
.functiontop{ float:left; display:block;width:550px;height:12px;background:url(../../image/product/ein_stella/function_top.gif) no-repeat;margin: 0px; font-size:0px; line-height:0;}
.functioncen{ float:left; display:block;width:550px; height:100%;background: url(../../image/product/ein_stella/function_center.png) repeat-y; margin:0;}
.functioncen_in{ width:510px; margin:20px 20px 0px 20px;}
.functionbottom{ float:left; display:block;width:550px;height:15px; background: url(../../image/product/ein_stella/function_bo.png) no-repeat; margin:0;}

#main h3{margin:0 0 10px 0; line-height:16px}
.new{ font-weight:bold; color:#FF0000; margin-left:5px;}
/* cooperative.html */
.coobox{ float:right; width:180px;border:solid 1px #999999; font-size:12px; line-height:18px;margin:0 0 10px 10px;color:#999999;}
.coobox_in{padding:15px;}
.elementleftm20{ float:left; margin:0 10px 20px 0;}
.elementleftm40{ float:left; margin:0 10px 40px 0;}
/*samplebox*/
.samplebox{ display:inline; float:left;width:550px; text-align:center;}
/*support*/
.h2support{ color:#0066CC}
/*5color*/
.colorpic{text-align:center;}
.colorname{ display:block;text-align:center; font-size:10px; position:relative; top:-20px; color:#666666;}

/* footer */
#footer{clear:both;width:720px;}