/* products basic css ------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","sans-serif","Osaka";
	}

h2,h3,h4,h5,h6,p,th,tr,td,hr {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

ul,dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

img	{
	margin: 0;
	padding: 0;
	border: none;
	}

sup { vertical-align:0.3em;}

a:link {
	color:#003399;
	text-decoration:none;
	}

a:visited, a:active {
	color:#666666;
	text-decoration:none;
	}

a:hover {
	color:#003399;
	text-decoration:underline;
	}


.skip {
	position: absolute;
	top: -5000px;
	left: -5000px;
	margin: 0;
	padding: 0;
	border-width: 0;
	}

.top {
	clear: both;
	margin: 0;
	padding: 30px 3px 10px 0;
	text-align: right;
	}

.s-text {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 80%;
	line-height: 120%;
	}

br.clb {
	content: url("images/spacer.gif");
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

/* products area ------------------------------------------------- */

#prod-main {
	width: 750px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	background: url("images/bg_main.gif") left repeat-y;
	}

#prod-submenu {
	width: 160px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #efefed;
	float: left;
	}

#prod-contents {
	margin: 12px 0 0 0;
	padding: 0 10px 0 176px;
	text-align: left;
	}

#footer {
	clear:both;
	}

/* products grobal-menu --------------------------------------- */

#g-menu {
	clear:both;
	width: 740px;
	height: 29px;
	margin: 0;
	padding: 0 0 7px 0;
 }

#g-menu ul {
	margin: 0;
	padding: 1px 0 0 0;
	list-style-type: none;
	}
#g-menu li {
	display: inline;
	}
#g-menu a {
	display: block;
	float: left;
	width: 92px;
	height: 29px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	}
#g-menu li.tool {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_tool2.gif") no-repeat;
 	}
#g-menu li.tool a {
	background: url("images/g-menu/btn_tool1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.tool a:hover {
	background:none;
	}
#g-menu li.kos {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_kos2.gif") no-repeat;
 	}
#g-menu li.kos a {
	background: url("images/g-menu/btn_kos1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.kos a:hover {
	background:none;
	}
#g-menu li.rob {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_rob2.gif") no-repeat;
 	}
#g-menu li.rob a {
	background: url("images/g-menu/btn_rob1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.rob a:hover {
	background:none;
	}
#g-menu li.jik {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_jik2.gif") no-repeat;
 	}
#g-menu li.jik a {
	background: url("images/g-menu/btn_jik1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.jik a:hover {
	background:none;
	}
#g-menu li.yua {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_yua2.gif") no-repeat;
 	}
#g-menu li.yua a {
	background: url("images/g-menu/btn_yua1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.yua a:hover {
	background:none;
	}

#g-menu li.kou {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_kou2.gif") no-repeat;
 	}
#g-menu li.kou a {
	background: url("images/g-menu/btn_kou1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.kou a:hover {
	background:none;
	}
#g-menu li.sgs {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_sgs2.gif") no-repeat;
 	}
#g-menu li.sgs a {
	background: url("images/g-menu/btn_sgs1.gif") no-repeat;
	text-indent: -3000px;
	}
#g-menu li.sgs a:hover {
	background:none;
	}
#g-menu li.coa {
	float: left;
	width: 96px;
	background: url("images/g-menu/btn_coa2.gif") no-repeat;
 	}
#g-menu li.coa a {
	background: url("images/g-menu/btn_coa1.gif") no-repeat;
	text-indent: -3000px;
	width:96px;
	}
#g-menu li.coa a:hover {
	background:none;
	width:96px;
	}

#g-menu li.auto {
	float: left;
	width: 92px;
	background: url("images/g-menu/btn_auto2.gif") no-repeat;
 	}
#g-menu li.auto a {
	background: url("images/g-menu/btn_auto1.gif") no-repeat;
	text-indent: -3000px;
	width:92px;
	}
#g-menu li.auto a:hover {
	background:none;
	width:92px;
	}

#g-menu li.thermo {
	float: left;
	width: 96px;
	background: url("images/g-menu/btn_thermo2.gif") no-repeat;
 	}
#g-menu li.thermo a {
	background: url("images/g-menu/btn_thermo1.gif") no-repeat;
	text-indent: -3000px;
	width:96px;
	}
#g-menu li.thermo a:hover {
	background:none;
	width:96px;
	}


/* products sub-menu ------------------------------------------------- */

#prod-submenu .back {
	margin: 12px 10px 12px 8px;
	padding: 2px 1px 2px 2px;
	border: solid 1px #acbcd9;
	background-color: #e2e6ea;
	color: #003399;
	font-weight: bold;
	text-align: center;
	}

#prod-submenu .back a{
	color: #003399;
	}

#prod-submenu ul.menu {
	margin: 8px 10px 5px 8px;
	padding: 0 1px 2px 2px;
	text-align: left;
	line-height: 180%;
	list-style-type: none;
	background: #ffffff;
	}

#prod-submenu ul.menu li {
	margin: 5px 5px 0 5px;
	padding: 2px 0 0 20px;
	background: url("images/cap_menu.gif") 0 5px no-repeat #ffffff;
	line-height: 160%;
	text-align: left;
	vertical-align: middle;
	color: #333333;
	font-weight: bold;
	font-size:12px;
	}

	#prod-submenu ul.menu li.home {
		background: url("images/cap_home.gif") 0 5px no-repeat #ffffff;
	}

#prod-submenu ul.menu a {
	color: #333333;
	}

#prod-submenu p.bland a {
	display: block;
	width: 150px;
	height: 67px;
	margin: 10px 0;
	padding: 8px 5px 8px 5px;
	background: url("images/btn_bland.jpg") 5px no-repeat #ffffff;
	text-indent: -1000px;
	}

#prod-submenu p.bland a:hover {
	background: url("images/btn_bland.jpg") 5px no-repeat #ffffff;
	}

/* left menu link banner ------------------------------------------------- */

/* left menu center white back banner area */
#prod-submenu .white_back_banner {
	background-color:#ffffff;
	padding:1px 0px 1px 5px;
	margin:10px 0px;
}

/* kyotu settei */

#prod-submenu .white_back_banner .a_banner {
	display: block;
	overflow:hidden;
	width: 150px;
	height: 67px;
	margin: 8px 0px;
	padding: 0px;
	background-color:#ffffff;
	background-position:0px 0px;
	text-indent: -1000px;
	}

#prod-submenu .white_back_banner .a_banner:hover {
	background-position:0px 67px;
}

/* rob =========================== */
#prod-submenu .white_back_banner .rob_mobile-movie {
	background: url("../../rob/images/banner/mobile-movie.gif");
}

/* tool ========================== */

#prod-submenu p.bland_tool a {
	display: block;
	width: 150px;
	height: 67px;
	margin: 8px 0px;
	padding: 0px;
	background: url("images/btn_bland.jpg");
	text-indent: -1000px;
	}

#prod-submenu p.bland_tool a:hover {
	background: url("images/btn_bland.jpg");
	}

/* symbio site */
#prod-submenu p.symbio_site a {
	display: block;
	overflow:hidden;
	width: 150px;
	height: 67px;
	margin: 8px 0px;
	padding: 0px;
	background: url("../../tool/images/bn_symbio.gif");
	background-color:#ffffff;
	background-position:0px 0px;
	text-indent: -1000px;
	}

#prod-submenu p.symbio_site a:hover {
	background: url("../../tool/images/bn_symbio.gif");
	background-position:0px 67px;
	}

/* mail magazine(tool) */
#prod-submenu p.mailmagazine_tool a {
	display: block;
	overflow:hidden;
	width: 150px;
	height: 67px;
	margin: 8px 0px;
	padding: 0px;
	background: url("../../tool/images/bn_mailmagazine.gif");
	background-color:#ffffff;
	background-position:0px 0px;
	text-indent: -1000px;
	}

#prod-submenu p.mailmagazine_tool a:hover {
	background: url("../../tool/images/bn_mailmagazine.gif");
	background-position:0px 67px;
	}

/* common banner(mainly tool) */
#prod-submenu p.common_banner a {
	display: block;
	overflow:hidden;
	width: 150px;
	height: 67px;
	margin: 8px 0px;
	padding: 0px;
	background-color:#ffffff;
	background-position:0px 0px;
	text-indent: -1000px;
	}

	/* drill-endmill search */
	#prod-submenu p.common_banner a.tool_search {
		background: url("../../tool/images/bn_search3.gif");
	}
	
	#prod-submenu p.common_banner a.tool_search:hover {
		background: url("../../tool/images/bn_search3.gif");
		background-position:0px 67px;
		}

	/* tool app for iOS / Android banner */
	#prod-submenu p.common_banner a.tool_app {
		background: url("../../tool/images/bn_tool-app.gif");
	}
	
	#prod-submenu p.common_banner a.tool_app:hover {
		background: url("../../tool/images/bn_tool-app.gif");
		background-position:0px 67px;
		}

/* ----------------------------------------------------------------------- */

#prod-submenu p.toi {
	height: 40px;
	margin: 0;
	padding: 3px 0 0 10px ;
	background: url("images/bg_toi.gif") left top no-repeat #efefed;
	color: #ffffff;
	text-align: left;
	font-size: 96%;
	}

#prod-submenu p.toi2 {
	margin: 0;
	padding: 10px 0 6px 14px;
	top: 0;
	background: url("images/cap_toi.gif") left top no-repeat #e1eaf5;
	color: #666666;
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	}

#prod-submenu p.toi2_plus {
	background-color:#e1eaf5;
	padding:8px 16px 15px 14px;
	color:#666666;
	font-size: 90%;
	line-height: 130%;
	}

#prod-submenu p.toi2_plus a {
	text-decoration: underline;
	color:#003399;
	}

#prod-submenu p.toi3 {
	display: block;
	width: 152px;
	height: 35px;
	background: #e1eaf5;
	margin: 0;
	padding-left: 8px;
	text-align: left;
	}

#prod-submenu p.toi3 a {
	display: block;
	width: 145px;
	height: 27px;
	background: url("images/img_toi3.gif") left top no-repeat;
	text-indent: -1000px;
	}

#prod-submenu p.toi3 a:hover {
	background: url("images/img_toi3.gif") left top no-repeat;
	}

#prod-submenu ul.bn {
	margin: 10px;
	padding: 1px;
	line-height: 180%;
	background: #c1c1c1;
	list-style-type: none;
	}

#prod-submenu ul.bn li {
	margin: 0;
	padding: 0;
	background: #ffffff;
	padding: 0 0 0 6px;
	border-left: 7px solid #5b5b82;
	line-height: 180%;
	text-align: left;
	}

/* products tab-menu ------------------------------------------------- */

#menutab {
	margin: 0pt 0pt 15px 0pt;
	padding: 0pt;
	background: transparent url(images/tab_line.gif) repeat-x scroll center bottom;
	height: 26px ! important;
	width: 560px;
	}

* html>body #menutab {
	height: 26px;
	}

#menutab li {
	margin: 0pt;
	padding: 0pt;
	display: inline;
	list-style-type: none;
	}

#menutab a:link, #menutab a:visited, #menutab a.active:visited, #menutab a:hover {
	border: 1px solid #c1c1c1;
	margin: 0pt 5px 0pt 0pt;
	padding: 3px 10px;
	float: left;
	font-size: 12px;
	color: #003399;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	height: 18px ! important;
	background: url(images/tab_menu.jpg) repeat-x;
	}

#menutab li.current a:link, #menutab .current a:visited, #menutab .current a.active:visited, #menutab .current a:hover {
	border-bottom: 1px solid #ffffff;
	background: #f3f2d8 none repeat;
	}

#menutab li.currentl a:link, #menutab .currentl a:visited, #menutab .currentl a.active:visited, #menutab .currentl a:hover {
	margin: 0pt 5px 0pt 18px;
	border-bottom: 1px solid #ffffff;
	background: #f3f2d8 none repeat;
	}

#menutab li.l a:link, #menutab .l a:visited, #menutab .l a.active:visited, #menutab .l a:hover {
	margin: 0pt 5px 0pt 18px;
	}

#menutab a:hover {
	text-decoration: underline;
	}

#menutab li.logo {
	border: none;
	left: 493px;
	}

#menutab li.logo-p {
	border: none;
	margin: 0 0 0 244px;
	}

#menutab li.logo-q {
	border: none;
	margin: 0 0 0 235px;
	}

#menutab li.logo-f {
	border: none;
	margin: 0 0 0 258px;
	}

#menutab li.logo-a {
	border: none;
	margin: 0 0 0 256px;
	}

#menutab li.logo-l {
	border: none;
	margin: 0 0 0 205px;
	}

#menutab li.logo-s {
	border: none;
	margin: 0 0 0 224px;
	}

#menutab li.logo-s3 {
	border: none;
	margin: 0 0 0 288px;
	}

#menutab li.logo-s2 {
	border: none;
	margin: 0 0 0 338px;
	}

#menutab li.logo-s4 {
	border: none;
	margin: 0 0 0 334px;
	}

#menutab li.logo-l1 {
	border: none;
	margin: 0 0 0 432px;
	}


#menutab li.logo-l2 {
	border: none;
	margin: 0 0 0 380px;
	}

#menutab li.logo-l3 {
	border: none;
	margin: 0 0 0 328px;
	}

#menutab li.logo-l4 {
	border: none;
	margin: 0 0 0 276px;
	}

#menutab li.logo-l5 {
	border: none;
	margin: 0 0 0 194px;
	}

#menutab li.logo-l52 {
	border: none;
	margin: 0 0 0 214px;
	}

#menutab li.logo-l6 {
	border: none;
	margin: 0 0 0 140px;
	}

#menutab li.logo-float {
	border:none;
	float:right;
	padding-right:5px;
}

/* products top-page ------------------------------------------- */

#prod-contents p.top-text{
	margin: 25px 10px 33px 0;
	padding: 0 10px 30px 0;
	text-align:left;
	color: #999999;
	line-height: 180%;
	border-bottom: 1px solid #efefed;
	}

/* early release page ------------------------------------------ */

.fprod_main_banner_box {
	padding:0px;
	margin:0px 0px 15px 0px;
}

.fprod_spc_box {
	margin:0px;
	padding:10px;
}

.fprod_spc_box2 {
	margin:0px;
	padding:20px;
}

.fprod_img_box {
	margin:10px 0px;
}

/* small font like CO'2' */
.fprod_small {
	font-size:7pt;
}

/* left menu open ---------------------------------------------- */
#prod-submenu ul.open {
	margin-bottom:0px;
	padding-bottom:5px;
}

.child_menu a {
	display:block;
	background-image:url(images/menu/headder.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:15px;
	margin:3px 0px;
}

.menu_search {
	width:142px;
	margin-left:8px;
	background-image:url(images/menu/menu_search_back.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	padding:3px 0px;
}

.menu_search a {
	display:block;
	background-image:url(images/menu/menu_search_head_on3.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding-left:26px;
}

	.menu_search a:link , .menu_search a:visited {
		background-position:0px -1px;
		color:#ffffff;
	}

	.menu_search a:hover , .menu_search a:active {
		background-position:0px -22px;
		color:#ffffff;
	}