@charset "UTF-8";
@import url("/tecs/common/jquery/mega_menu/css/dcverticalmegamenu.css");
@import url("/tecs/common/jquery/powertip/jquery.powertip.css");

/* ***************************************
          style_sample.css
**************************************** */

	body{
		behavior:url("/tecs/js/csshover.htc"); /* for IE6 */
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 100.01%;
	}
	#container{
		width: 100%;
		height: auto;
	}

/* --support-------------------------------------------------------------Start */
	#container_sprt{
		width: 100%;
		height: auto;
		padding-bottom:50px; /*フッターの高さと同じ*/
	}
/* --support-------------------------------------------------------------End   */

	#topic_path{
		position: absolute;
		top: 128px;
		left: 5px;
		width: 100%;
		height: auto;
		color: #fff;
	}
	#topic_path a {
		color: #fff;
	}
	#main{
		width: 100%;
		z-index: 0;
		line-height: 1.5em;
		margin: 150px 0 0 0;
	}
	/* for IE6 - [not use "fixed"] ------------------------------------------------- */
	*html div#main{
		margin: 0 0 0 0;
	}
	/* ----------------------------------------------------------------------------- */

/* font */
	.fnt_red{ color: #DC143C;}
	.fnt_green{ color: Green;}
	.fnt_bold{ font-weight: bold;}
	.fnt_size_s{ font-size: 11px;}

/* text-align */
	.al_L{ text-align:left;}
	.al_C{ text-align:center;}
	.al_R{ text-align:right;}

/* header */
	#header{
		position: fixed;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 100%;
		height: 150px;
		z-index: 99;
		background-color: #fff;
	}
	#header_contents{
		margin: 0 0;
		width: 1024px;
		height: 150px;
		background: url(/tecs/img/bg_body.gif) repeat-x left 9px;
		z-index: 99;
	}
	#header_s{
		position: fixed;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 100%;
		height: 90px;
		background: url(/tecs/img/bg_img_s.gif) repeat-x;
		z-index: 99;
	}
	#header_contents_s{
		margin: 0 0;
		height: 90px;
		z-index: 99;
	}
	#ttnet_logo{
		position: absolute;
		top: 18px;
	}
	#header li,
	#header_s li,
	#language p{
		float: left;
	}
	#language{
		position: absolute;
		top: 30px;
		margin: 5px 0 0 150px;
	}
	#login,
	#login_s{
		position: absolute;
		left: 455px;
		width: 500px;
		top: 34px;
	}
	#login_s{
		width: 435px !important;
		top: 34px !important;
	}
	#login .pos_r,
	#login_s .pos_r{
		float: right;
	}
	#login a,
	#login_s a{
		color: #09f;
		text-decoration: none;
		padding-left: 10px;
		margin-left: 10px;
		background: url(/tecs/img/a_link_right.gif) no-repeat left;
	}
	#login a:hover,
	#login_s a:hover{
		text-decoration: underline;
	}
	#login li,
	#login_s li{
		font-size: 11px;
		color: #777;
	}
	#login span,
	#login_s span{
		/* font-size: 14px; */
		color: #333;
	}
	#need_in{
		position: absolute;
		width: 955px;
		top: 127px;
		left: 750px;
		color: #fff;
	}
	.need_in_con span,
	.need_in,
	#need_in span{
		color: #c00;
	}
	.need_in_con p,
	#need_in p{
		font-size: 10px;
	}
	#tc_logo{
		position: absolute;
		left: 877px;
		text-align: right;
		top: 7px;
	}
	#search_box{
		position: absolute;
		left: 635px;
		top: 56px;
		width: 600px;
	}
	#search_form{
		background-color: #fff;
		/* position: relative; */
	}
	#search_form label{
		font-size: 11px;
	}
	#search_form fieldset{
		border: none;
	}
	#search_form .srh_txt{
		color: #555;
		float: left;
		font-size: 12px;
		width: 182px;
		margin-right: 0px;
		border: none;
		background: url('/tecs/img/search_box.png') no-repeat;
		outline: medium none;
		padding: 0 0 0 5px;
		text-shadow: 1px 1px 0 white;
		line-height: 21px;
		height: 21px;
	}
	#search_form .srh_btn_n,
	#search_form .srh_btn{
		float: left;
		width: 38px;
		border: none;
		background:url('/tecs/img/search_box_btn_en.png') no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		height: 19px;
		text-transform: uppercase;
		cursor: pointer;
	}
	#search_form .srh_btn:hover{
		background-position: left bottom;
	}
	#search_form .container{
		padding-right: 10px;
	}

/* left contents */
	#left_area{
		position: absolute;
		left: 0;
		top: 150px;
		z-index: 98;
	}
	#left_area_inner{
		position: relative;
		width: 152px;
		background: #fff;
		z-index: 90;
		margin-left: 3px;
	}
	#info_area{
		padding: 10px;
	}
	#info_area ul{
		padding: 0 5px;
	}
	table.menu_v_loading{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 1500px;
		width: 102%;
		background: #fff;
		display: block; /* default:block -> ready:none; */
		z-index: 1000;
	}
	table.menu_v_loading td{
		line-height: 2.0em;
		width: 100%;
		text-align: center;
		vertical-align: top;
		border-width: 0;
	}

/* tab title */
	ul.tabs{
		width: 100%;
		overflow: hidden;
		margin-bottom: 1em;
	}
	ul.tabs [class*]="_tab" a {
		background: #ccc;
	}
	ul.tabs li{
		float: left;
		display: inline-table;
		margin-bottom: 1em;
		width: 0;
		height: 45px;
	}
	ul.tabs li a{
		background: linear-gradient(to bottom, #ffffff 0%, #ececec73 50%, #e0e0e07a 52%, #f2f2f269 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		border: 1px solid #cecaca;
		color: #444;
		font-size: 90%;
		text-align: center;
		line-height: 1.25;
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		box-sizing: border-box;
	}
	ul.tabs li a:hover {
		text-decoration: none;
		border: 1px solid #95d5ff;
		color: #0099ff;
		background: linear-gradient(to bottom, #ffffff 0%, #d6eeff 50%, #ceecff 52%, #f0f9ff 100%);
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ceecff', GradientType=0);
	}
	ul.tabs [id*="_tab"] a {
		border: 1px solid #95d5ff!important;
		background: linear-gradient(to bottom, #ffffff 0%, #bbe1fb 50%, #95d4ff 50%, #d8edfb 100%)!important;
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important;
		/* IE6-9 */
	}

/* right contents */
	#content{
		margin-left: 170px;
		min-height: 670px;
	}
	#content_inner{
		padding-top: 1rem;
	}
	div.content_usually_width{
		width: 825px !important;
	}
	div.content_usually_width_l{
		width: 880px !important;
	}
	div.content_usually_width_ll{
		width: 1000px !important;
	}
	div.content_usually_width_l2{
		width: 1000px !important;
	}
	div.product_detail_css{
		margin-left: 10px !important;
		width: 95%;
		padding-top: 0 !important;
		min-height: auto !important;
	}

	/* --support-------------------------------------------------------------Start */
	div.product_detail_css_sprt{
		width: 95%;
		padding-top: 0 !important;
		min-height: auto !important;
	}
	/* --support---------------------------------------------------------------End */

/* top page title */
	p.top_title{
		background: url(/tecs/top/img/title_back_en.png) no-repeat;
		width: 810px;
		height: 0;
		padding-top: 40px;
		overflow: hidden;
	}

/* contents navi */
	#cnt_nav{
		position: absolute;
		height: 33px;
		width: 100%;
		min-width: 1024px;
		top: 84px;
		box-sizing: border-box;
	}
	.nav_list li {
		float: left;
		position: relative;
		display: table;
	}
	.nav_list [class*="btn_"]>a {
		background: #ffffff;
		border: 1px solid #f3f3f3;
		color: #151515;
		width: 100px;
		height: 33px;
		text-align: center;
		line-height: 1.25;
		display: table-cell;
		vertical-align: middle;
		font-size: 85%;
	}
	.nav_list [class*="btn_"]>a:hover {
		text-decoration: none !important;
		border-bottom: 4px solid #00A0F7;
	}
	.nav_list #home a,
	.nav_list #pdct a,
	.nav_list #aplc a,
	.nav_list #slct a,
	.nav_list #engd a,
	.nav_list #calc a,
	.nav_list #trep a,
	.nav_list #krep a,
	.nav_list #cmdd a#plt,
	.nav_list #inqr a#plt {
		border-bottom: 4px solid #00A0F7;
	}
	/* sub menu */
	ul.nav_list li ul {
		background: #ffffff;
		padding: 1em 0 0.5em 1.8em;
		border: 1px solid #CCC;
		display: none;
		position: absolute;
		top: 32px;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	ul.nav_list .list_sub a {
		font-size: 90%;
		margin-bottom: 0.8em;
		display: block;
	}
	ul.nav_list .list_sub a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: -1em;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #0099ff;
	}
	ul.nav_list li:hover ul {
		/* sub menu */
		display: block;
	}
	.nav_list li ul li {
		clear: left;
		/* for IE
				width: 100%;
				height: 100%;
				*/
	}
	/* menu vertical */
	#menu_vertical {
		border-bottom: 3px solid #c3e1f2;
	}
	#menu_vertical a {
		display: block;
	}
	#menu_vertical p.subtitle {
		background: #0c71b8;
		border-top: 3px solid #c3e1f2;
		border-left: 3px solid #c3e1f2;
		border-right: 3px solid #c3e1f2;
		color: #fff;
		text-align: center;
		padding: 0.5rem;
		overflow: hidden;
	}
	.cmn_btn1mnu li a {
		width: 152px;
		padding-top: 34px;
		height: 0;
		overflow: hidden;
	}
	.mega-menu [class*="btn_"] [class*="cur_"] {
		background: #E6F7FF;
	}
	#menu_vertical .mega-menu [id*="btn_"] {
		border-bottom: 1px solid #E6F7FF;
		border-right: 3px solid #c3e1f2;
		border-left: 3px solid #c3e1f2;
		padding: 0 1em;
		display: table-cell;
		vertical-align: middle;
		width: 166px;
		height: 32px;
		line-height: 1.2;
		text-decoration: none !important;
		color: #006095;
		word-break: break-word;
		/* 長い文字列の強制折り返し */
	}
	#menu_vertical .mega-menu [id*="btn_"]:hover {
		text-decoration: none;
		background: #E6F7FF;
	}
	.mega-menu li .sub li.mega-hdr>a {
		background: #0D82D3;
		border-left: 5px solid #0C71B8;
		color: #ffffff;
		padding: 0.5em 1em;
		margin-bottom: 0.3em;
		line-height: 1;
	}
	.mega-menu li .sub li.mega-hdr a:hover {
		text-decoration: none;
	}
	.mega-menu li .sub li.mega-hdr li a {
		position: relative;
		padding: 0.5em 0 0.2em 0.8em;
		margin-left: 0.5em;
		line-height: 1.2;
	}
	.mega-menu li .sub li.mega-hdr li a:before {
		content: "";
		position: absolute;
		top: 0.8em;
		left: 0;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #0099ff;
	}
	.mega-menu li .sub li.mega-hdr li {
		position: relative;
	}
	.mega-menu li .sub li.mega-hdr li:after {
		content: attr(data-modelNum);
		position: absolute;
		right: 0;
		top: 0.3em;
		display: block;
		color: #a9a9a9;
		font-size: 98%;
		z-index: 999999;
	}
	.mega-menu li .sub li.mega-hdr li.longWidth {
		margin-bottom: 1em;
	}
	.mega-menu li .sub li.mega-hdr li.longWidth:after {
		content: attr(data-modelNum);
		position: absolute;
		right: 0;
		top: 1.4em;
		display: block;
		color: #a9a9a9;
		font-size: 98%;
		z-index: 999999;
	}
	.mega-menu li .sub li.mega-hdr li p:before {
		content: "・";
	}
	.mega-menu li .sub li.mega-hdr li p {
		position: relative;
		color: #a9a9a9;
		padding-left: 1.5em;
	}
	.mega-menu li .sub li.mega-hdr li p:after {
		content: attr(data-modelNum);
		position: absolute;
		right: 0;
		top: 0.3em;
		display: block;
		color: #a9a9a9;
		font-size: 98%;
		z-index: 999999;
	}

/* contents title */
	#content h1,
	#content h2,
	#content h3{
		text-indent: 15px;
	}

	#content h1 {
		background: linear-gradient(to bottom, #ffffff 0%, #ececec 50%, #e0e0e0 52%, #f2f2f2 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		padding: 0.5em;
		border: solid 1px #CCC;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#content h1.ensmall15{
		font-size: 15px !important;
		line-height: 2.4em !important;
	}
	#content h1.ensmall13{
		font-size: 13px !important;
		line-height: 2.8em !important;
	}
	#content h2{
		border-left: 6px solid #0099ff;
		height: 25px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		margin: 10px 0;
	}
	#content h3{
		background: linear-gradient(to bottom, #ffffff 0%, #ececec 50%, #e0e0e0 52%, #f2f2f2 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		padding: 0.2em;
		border: solid 1px #999;
		font-size: 14px;
		font-weight: bold;
		text-indent: 10px;
		line-height: 1.5em;
		margin-bottom: 10px;
	}
	#content h3 a{
		font-weight: bold;
		font-size: 14px;
	}
	#content h3 a:hover{
		text-decoration: underline;
	}

	#content h3.en2lins_fs10
	{
		line-height: 1.1em !important;
		font-size: 10px !important;
		text-indent: 0px !important;
		padding-top: 0px !important;
		text-align: center;
	}

	#content h3.en_fs11,
	#content h6.en_fs11
	{
		line-height: 2.1em !important;
		font-size: 11px !important;
	}

	#content h4{
		font-size: 14px;
		font-weight: bold;
		color: #09f
	}
	#content h4 a{
		font-size: 14px;
		font-weight: bold;
		color: #09f
	}
	#content h4 a:hover{
		text-decoration: underline;
	}
	#content h5 {
		background: linear-gradient(to bottom, #ffffff 0%, #d0ebff 50%, #a0daff 50%, #c6e8ff 100%);
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a0daff', GradientType=0);
		/* IE6-9 */
		width: 100%;
		height: 21px;
		border: solid 1px #39c;
		font-size: 12px;
		font-weight: bold;
		text-indent: 13px;
		line-height: 1.7em;
		margin-bottom: 5px;
	}
	#content h5 a{
		font-weight: bold;
		color: #666;
	}
	#content h5 a:hover{
		text-decoration: underline;
		color: #09F;
	}
	#content h5.low{
		background: linear-gradient(to bottom, #ffffff 0%, #d0ebff 50%, #a0daff 50%, #c6e8ff 100%);
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a0daff', GradientType=0);
		/* IE6-9 */
		height: 16px !important;
		font-size: 12px !important;
		line-height: 14px !important;
		margin-bottom: 2px !important;
	}
	#content h5.en2lins,
	#content h3.en2lins
	{
		line-height: 1em !important;
		font-size: 11px !important;
		text-indent: 0px !important;
		padding-top: 0px !important;
		text-align: center;
	}
	h6.info{
		color: #c00;
		font-weight: bold;
		padding-left:10px;
		margin: 5px;
		background: url(/tecs/img/li_mark01.gif) no-repeat left;
	}
	.title_border{
		padding: 2px 2px 2px 10px;
		border: 1px solid #CCC;
		width: 200px;
		text-align: left;
		font-size: 14px;
	}

/* box with rounded corners */
	.cmn_desclist01{
		border: 2px solid #ccc;
		border-radius: 5px;
		width: 795px;
		padding: 1em;
		margin-bottom: 10px;
	}

/* box */
	.cmn_box01,
	.cmn_box01v{
		border-top: 1px #ccc solid;
		border-left: 1px #ccc solid;
		border-right: 2px #ccc solid;
		border-bottom: 2px #ccc solid;
		height: 100%;
		width: 100%;
		background: #fff;
	}
	.cmn_box01v:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.cmn_box01v {
		min-height: 1px;
	}

	* html .cmn_box01v {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	.err_box{
		border-top: 1px #f40606 solid;
		border-left: 1px #f40606 solid;
		border-right: 1px #f40606 solid;
		border-bottom: 1px #f40606 solid;
		width: 98%;
		color: #f40606;
		background: #f7f89e;
		margin-bottom: 5px;
		padding: 5px;
	}

/* button */
	.link_button01{
		background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 50%, #f3efef 52%, #f2f2f2 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		line-height: 1.8em;
		display: inline-block;
		/
		display: inline;
	}
	.link_button01 a,
	.link_button01 a:visited{
		color: #0099ff;
		min-height: 20px;
		font-size: 13px;
		border: solid 1px #999;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.7;
		text-indent: 1.7em;
		background: url(/tecs/img/a_link_right.gif) 0.8em 0.5em no-repeat;
		display: inline-block;
		padding-right: 1em;
	}
	.link_button01 a:hover{
		background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important;
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important;
		/* IE6-9 */
		color: #FFF;
		text-decoration: none;
	}
	.link_button01w{
		background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 50%, #f3efef 52%, #f2f2f2 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		line-height: 1.5em;
		display: inline-block;
		/display: inline;
		text-align: left;
	}
	.link_button01w a,
	.link_button01w a:visited{
		color: #0099ff;
		min-height: 35px;
		font-size: 13px;
		border: solid 1px #999;
		text-decoration: none;
		font-weight: bold;
		text-indent: 1.7em;
		background: url(/tecs/img/a_link_right.gif) 0.8em 1.1em no-repeat;
		display: inline-block;
		padding-right: 1em;
	}
	.link_button01w a:hover{
		background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important;
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important;
		/* IE6-9 */
		color: #FFF;
		text-decoration: none;
	}
	.link_button02{
		background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 50%, #f3efef 52%, #f2f2f2 100%);
		/* IE10以上グラデーション  */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9用グラデーション */
		width: 100%;
		line-height: 1.8em;
	}
	.link_button02 a{
		color: #0099ff;
		height: 24px;
		font-size: 13px;
		border: solid 1px #999;
		text-decoration: none;
		font-weight: bold;
		text-indent: 1.7em;
		background: url(/tecs/img/a_link_right.gif) 0.8em 0.7em no-repeat;
		display: block;
	}
	.link_button02 a:hover{
	/*background: url(/tecs/img/cntnt_btn_h.gif) repeat-x #ccc; */
		background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important;
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important;
		/* IE6-9 */
		color: #FFF;
		text-decoration: none;
	}
	#selected a{
		background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important;
		/* IE10+ and modern browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important;
		/* IE6-9 */
		color: #FFF;
		text-decoration: none;
	}

/* pr area */
	.pr_area{
		margin: 10px 0;
	}

/* item lineup */
	#lineup{
		width: 800px;
		margin-bottom: 10px;
		position: relative;
	}

/* item lineup click-slide */
	#click_slide_l{
		position: absolute;
		top: 100px;
		left: 5px;
	}
	#click_slide_r{
		position: absolute;
		top: 100px;
		right: 5px;
	}

/* whats new */
	.whats_new span{
		display: block;
		float: left;
	}
	span.topic_icon{
		background: url(/tecs/top/img/topic_icon_en.gif) no-repeat;
		width: 74px;
		height: 0;
		padding-top: 13px;
		margin: 3px 0px 0px 12px;
		overflow: hidden;
	}
	span.date{
		clear: left;
		width: 60px;
		margin-right: 5px;
	}
	span.post{
		margin-left: 5px;
		width: 600px;
		word-break: break-all;
	}

/* exhibition */
	#show_pr p img{
		margin: 0 10px 5px 0;
	}
	#show_pr a{
		color: #666;
	}

/* index_box */
	.index_box{
		float: left;
		margin: 0 10px 10px 0;
		width: 390px;
	}
	.index_box_l{
		float: left;
		margin: 0 10px 10px 0;
		width: 783px;
	}

/* product index */
	.pdct_index{
		float: left;
		margin: 0 10px 10px 0;
		width: 390px;
	}
	.pdct_index_box{
		width: 100%;
		/*height: 140px;*/
	}
	.pdct_index_box ul{
		margin-left: 180px;
		padding: 5px;
	}
	.pdct_index_box #cdc{ background: url(/tecs/img/pdct_index_cdc.jpg) no-repeat 10px 10px; }
	.pdct_index_box #spr{ background: url(/tecs/img/pdct_index_spr.jpg) no-repeat 10px 10px; }
	.pdct_index_box #csc{ background: url(/tecs/img/pdct_index_csc.jpg) no-repeat 10px 10px; }
	.pdct_index_box #ccv{ background: url(/tecs/img/pdct_index_ccv.jpg) no-repeat 10px 10px; }
	.pdct_index_box #clc{ background: url(/tecs/img/pdct_index_clc.jpg) no-repeat 10px 10px; }
	.pdct_index_box #tbl{ background: url(/tecs/img/pdct_index_tbl.jpg) no-repeat 10px 10px; }
	.pdct_index_box #ctc{ background: url(/tecs/img/pdct_index_ctc.jpg) no-repeat 10px 10px; }
	.pdct_index_box #tpl{ background: url(/tecs/img/pdct_index_tpl.jpg) no-repeat 10px 10px; }
	.pdct_index_box #gen{ background: url(/tecs/img/pdct_index_gen.jpg) no-repeat 10px 10px; }
	.pdct_index_box #kcp{ background: url(/tecs/img/pdct_index_kcp.jpg) no-repeat 10px 10px; }
	.pdct_index_box #sad{ background: url(/tecs/img/pdct_index_sad.jpg) no-repeat 10px 10px; }
	.pdct_index_box #kpl{ background: url(/tecs/img/pdct_index_kpl.jpg) no-repeat 10px 10px; }
	.pdct_index_box #kds{ background: url(/tecs/img/pdct_index_kds.jpg) no-repeat 10px 10px; }
	.pdct_index_box #kkf{ background: url(/tecs/img/pdct_index_kkf.jpg) no-repeat 10px 10px; }
	.pdct_index_box #clu{ background: url(/tecs/img/pdct_index_clu.jpg) no-repeat 10px 10px; }
	.pdct_index_box #lft{ background: url(/tecs/img/pdct_index_lft.jpg) no-repeat 10px 10px; }

/* product picture */
	.pdctpic{
		margin: 10px 0 10px 10px;
		float: left;
	}

/* product list */
	.pdct01{
		/*height: 110px;*/
		margin-bottom: 10px;
		margin-right: 10px;
		width: 420px;
		float: left;
	}
	.pdct01 div div{
		float: left;
		padding: 5px;
	}
	.pdct01 .capacity{
		width: 38%;
		margin-bottom: 5px;
	}
	.pdct01 .series{
		width: 30%;
	}
	.pdct01 .series h4{
		margin: 5px 0 0 5px;
	}
	.pdct01 .series p{
		margin: 10px 0 0 10px;
	}
	.pdct02{
		/*height: 110px;*/
		margin-bottom: 10px;
		width: 800px
	}
	.pdct02 div div{
		float: left;
		padding: 5px;
	}
	.txt_items,
	.pdct01 ul li,
	.pdct02 ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	.pdct01 .capacity p,
	.pdct02 .capacity p{
		text-align: center;
		margin-bottom: 5px;
	}
	.pdct02 .features p,
	.pdct02 .features2 p{
		font-weight: bold;
	}
	.series h4,
	.series p{
		margin: 15px;
	}
	.series{
		width:25%;
	}
	.capacity{
		width: 25%;
	}
	.capacity p{
		margin-bottom: 5px;
	}
	.features{
		width: 32%;
	}
	.smallcaps{
		font-size: 10px;
		font-weight: bold;
		margin-left: 0.5em;
	}
	.kerning{
		letter-spacing: 0;
		font-weight: bold;
	}

/* for pic */
	.cmn_fig{
		text-align: center;
		padding: 20px;
	}
	.cmn_fig2{
		text-align: center;
		padding: 5px;
	}

/* syogen */
	.pdct_pic{
		width: 942px;
	}
	.left_side{
		float: left;
		width: 60%;
		margin-bottom: 5px;
	}
	.right_side{
		float: left;
		margin-left: 20px;
		width: 30%;
	}
	.left_side2{
		float: left;
		width: 20%;
		margin-bottom: 5px;
		padding-top: 10px;
	}
	.right_side2{
		float: left;
		margin-left: 20px;
		width: 70%;
	}
	.left_side3{
		float: left;
		width: 48%;
		margin-bottom: 5px;
	}
	.right_side3{
		float: left;
		margin-left: 20px;
		width: 48%;
	}
	.right_side p{
		text-align: center;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.right_side p.ttc{
		text-align: left;
		font-size: auto;
		margin-bottom: 0;
	}
	.dl_box li a{
		margin: 3px;
	}
	.dl_box_wrap li a{
		float: left;
		margin: 3px;
	}
	.dl_box_wrap_l10 li a{
		padding-right: 15px;
		float: left;
		margin: 3px;
	}
	.dl_box_wrap_s li a{
		width: 230px;
		float: left;
		margin: 3px;
	}
	.info_link li{
		width: 300px;
		float: left;
		margin: 3px;
	}
	.info_link p{
		margin-left: 10px;
	}
	.info_link td{
		width: 160px;
		text-align: center;
	}
	.price{
		width: 48%;
		float: left;
	}
	.delivery{
		width: 48%;
		float: right;
	}
	.kata_data{
		width: 880px;
	}
	.kata_data table{
		width: 100%;
	}
	.kata_data table tr td{
		text-align: center;
	}
	.kata_data p{
		margin: 10px 5px;
	}
	.kata_data address{
		width: 50%;
	}
	.itemize{
		vertical-align: top !important;
	}
	.itemize ul{
		margin-left:1em;
	}
	.itemize ul li{
		text-indent:-1em;
		text-align: left;
	}

/* selection guide index */
	.slct_leftarea{
		width: 220px;
		margin: 20px;
		float: left;
	}
	.slct_leftarea p{
		margin: 10px 0;
	}
	.arrow01{
		width: 95px;
		height: 80px;
		float: left;
		margin: 150px 20px;
	}
	.slct_rightarea{
		width: 360px;
		margin: 20px;
		float: left;
	}
	.slct_rightarea h3{
		margin: 3px;
	}
	.slct_submenu_t{
		background: #F9F9F9;
		padding: 2px 0 2px 10px;
	}
	.slct_submenu_s{
		background: #F9F9F9;
		padding: 0 0 0 10px;
		white-space: nowrap;
	}

/* calc index */
	.calc_index_box{
		width: 100%;
		height: 70px;
	}
	.calc_index_box ul{
		padding: 5px;
	}
	.calc_index_box ul li a{
		float: left;
		width: 100%;
	}

/* Q&A index */
	.faq_index_box{
		width: 100%;
		/*height: 70px;*/
	}
	.faq_index_box ul{
		padding: 5px;
	}
	.faq_index_box ul li a{
		float: left;
		width: 90%;
	}

/* trouble shooting index */
	.trst_index_box{
		width: 100%;
		/*height: 60px;*/
	}
	.trst_index_box ul{
		padding: 5px;
	}
	.trst_index_box ul li a{
		float: left;
		width: 90%;
	}

/* coming soon */
	.none{
		color: #CCC;
	}

/* footer */
	#footer{
		clear: both;
		margin-top: 10px;
		height: 25px;
		background: #ffffff url(/tecs/img/footer_img.gif) repeat-x;
		width: 100%;
		min-width: 1024px;
		font-size: 12px;
		position: relative;
		z-index: 97;
	}
	/* for IE6 - [not use "min-width"] --------------------------------------------- */
/*
	*html div#footer{
		width: expression(document.body.clientWidth < 1024? "1024px" : "auto");
	}
*/
	/* ----------------------------------------------------------------------------- */

	#footer p.copy{
		position: absolute;
		left: 10px;
		top: 10px;
		margin-bottom: 5px;
	}
	#footer ul{
		position: absolute;
		width: 960px;
		top: 10px;
	}
	#footer ul li{
		float: right;
	}
	#show_pr a:hover{
		color: #09f;
	}

/* --support-------------------------------------------------------------Start */

	#header_sprt{
		position: fixed;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 100%;
		height: 90px;
		background: url(/tecs/img/bg_img_s.gif) repeat-x;
		z-index: 99;
		display: inline-block;
	}
	#header_sprt li{
		float: left;
	}

	#header_contents_sprt{
		margin: 0 0;
		width: 880px;
		height: 90px;
		z-index: 99;
	}

	#login_sprt{
		position: absolute;
		width: 880px;
		top: 34px;
	}
	#login_sprt .pos_r{
		float: right;
	}
	#login_sprt a{
		color: #09f;
		text-decoration: none;
		padding-left: 10px;
		margin-left: 10px;
		background: url(/tecs/img/a_link_right.gif) no-repeat left;
	}
	#login_sprt a:hover{
		text-decoration: underline;
	}
	#login_sprt li{
		font-size: 11px;
		color: #777;
	}
	#login_sprt span{
		/* font-size: 14px; */
		color: #333;
	}

	.info_link_sprt li{
		width: 880px;
		height: 80px;
		float: left;
		margin: 3px;
	}

/* footer_sprt */
	#footer_sprt{
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		clear: both;
		background: #ffffff url(/tecs/img/footer_img.gif) repeat-x;
		width: 100%;
		z-index: 99;
		display: inline-block;
	}
	/* for IE6 - [not use "min-width"] --------------------------------------------- */
/*
	*html div#footer_sprt{
		width: expression(document.body.clientWidth < 1024? "1024px" : "auto");
	}
*/
	/* ----------------------------------------------------------------------------- */

	#footer_sprt li{
		float: right;
	}



/* footer_contents_sprt */
	#footer_contents_sprt{
		margin: 0 0;
		height: 45px;
		width: 880px;
		font-size: 12px;
		bottom: 0;
		z-index: 99;
	}
	/* for IE6 - [not use "min-width"] --------------------------------------------- */
/*
	*html div#footer_contents_sprt{
		width: expression(document.body.clientWidth < 1024? "1024px" : "auto");
	}
*/
	/* ----------------------------------------------------------------------------- */

	#footer_contents_sprt p.copy{
		position: absolute;
		top: 23px;
		float: left;
		margin-bottom: 5px;
	}
	#footer_contents_sprt p.nokinote{
		position: absolute;
		left: 10px;
		top: 5px;
		margin-bottom: 5px;
	}
	#footer_contents_sprt ul{
		position: absolute;
		width: 960px;
		top: 23px;
	}
	#footer_contents_sprt ul li{
		float: right;
	}
/* --support---------------------------------------------------------------End   */


/* link */
	a{
		color: #09f;
		text-decoration: none;
	}
	a:hover{
		color: #f90;
		text-decoration: underline;
	}
	a:visited{
		color: #800080;
	}
	.link_text01{
		white-space: nowrap;
	}
	.link_text01 a{
		display: block;
		background: url(/tecs/img/a_link_right.gif) no-repeat left;
		padding-left: 10px;
		margin-left: 10px;
		color: #666;
	}
	.link_text01 a:hover{
		text-decoration: underline;
		color: #09f;
	}
	.link_text02{
		/* white-space: nowrap; */
	}
	.link_text02 a{
		color: #09f;
		text-decoration: none;
		padding-left: 10px;
		margin-left: 5px;
		background: url(/tecs/img/a_link_right.gif) no-repeat left;
	}
	.link_text02 a:hover{
		text-decoration: underline;
	}
	.index_box a,
	.pdct_index a,
	.link_text03 a{
		color: #09f;
		text-decoration: none;
	}
	.index_box a:hover,
	.pdct_index a:hover,
	.link_text03 a:hover{
		text-decoration: underline;
	}
	.li03,
	.link_text03 li{
		display: block;
		background: url(/tecs/img/a_link_right.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 10px;
		margin-left: 5px;
		color: #666;
	}

/* --support---------------------------------------------------------------Start */
/* 左矢印のリンク */
	.link_text04{
		/* white-space: nowrap; */
	}
	.link_text04 a{
		color: #09f;
		text-decoration: none;
		padding-left: 10px;
		margin-left: 5px;
		background: url(/tecs/img/a_link_left.gif) no-repeat left;
	}
	.link_text04 a:hover{
		text-decoration: underline;
	}
/* --support---------------------------------------------------------------End   */

/* list mark */
	.list_item_sin,
	.list_item li{
		padding-left: 10px;
		margin: 5px;
		background: url(/tecs/img/li_mark02.gif) no-repeat left;
		background-position: 0 5px;
	}
	.list_item_nowrap li{
		float: left;
		margin: 3px 30px 3px 3px;
	}

/* text */
	.txt_center{
		text-align: center !important;
	}
	.txt_left{
		text-align: left !important;
	}
	.txt_right{
		text-align: right !important;
	}
	.txt_v{
		writing-mode: tb-rl;
		direction: ltr;
	}
	.txt_u{
		text-decoration: underline;
	}
	.txt_wt_nml{
		font-weight: normal !important;
	}

/* product - kataban ex */
	table.kata_ex{
		margin-left: 10px;
		border: none !important;
		width: auto !important;
	}
	table.kata_ex tr,
	table.kata_ex th,
	table.kata_ex td{
		border: none;
		text-align: left !important;
	}
	table.kata_ex td{
		padding-left: 10px;
		vertical-align: top;
	}
	td.cmn_katadisp{
		font-size: 24px;
		font-weight: bold;
		text-decoration: underline;
		padding-right: 10px;
		height: 32px;
		line-height: 32px;
	}
	td.cmn_katadisp_desc{
		font-size: 13px;
	}
	td.cmn_katadisp_noul{
		font-size: 24px;
		font-weight: bold;
		padding-right: 10px;
		height: 32px;
		line-height: 32px;
	}
	table.kata_form{
		margin-left: 10px;
	}
	table.kata_form td{
		padding: 3px 0;
	}
	table.kata_form td.btn{
		padding-left: 15px;
	}

/* button - open/close */
	.btnOpn a{
		background: url(/tecs/img/btn_ListOpen.gif) no-repeat left;
		padding-left: 20px;
		margin-left: 10px;
		font-size: 14px;
	}
	.btnCls a{
		background: url(/tecs/img/btn_ListClose.gif) no-repeat left;
		padding-left: 20px;
		margin-left: 10px;
		font-size: 14px;
	}

/* product detail - list */
	p.kata_list{
		line-height: 1.8em;
	}
	p.kata_list span{
		font-size: 14px;
		padding-left: 5px;
	}
	p.kata_list a{         color: #666666; text-decoration: none; }
	p.kata_list a:hover{   color: #f90; text-decoration: underline; }
	table.cmn_maincntnt{
		border-collapse: collapse;
		margin: 10px 0;
	}
	/* table.cmn_maincntnt, STOP 2012.12.17 */
	/* table.cmn_maincntnt tr, STOP 2012.12.17 */
	table.cmn_maincntnt th,
	table.cmn_maincntnt td{
		border: solid 1px #999;
	/*	border: solid 1px #CCC;*/
		padding: 5px;
		vertical-align: middle;
	}
	table.cmn_maincntnt td{
		padding: 3px 5px;
	}
	table.cmn_maincntnt th{
		text-align: center;
		background: #CCD;
	/*	background: #666;*/
		color: #333;
	/*	color: #FFF;*/
	}
	table.size_ll{
		width: 1100px;
	}
	table.size_2l{
		width: 980px;
	}
	div.size_l,
	table.size_l{
		width: 850px;
	}
	div.size_ml,
	table.size_ml{
		width: 760px;
	}
	div.size_m,
	table.size_m{
		width: 600px;
	}
	div.size_sm,
	table.size_sm{
		width: 500px;
	}
	div.size_s,
	table.size_s{
		width: 400px;
	}
	table.size_ss{
		width: 200px;
	}
	.indent_sss{
		margin-left: 2px !important;
	}
	.indent_ss{
		margin-left: 10px !important;
	}
	.indent_s{
		margin-left: 20px !important;
	}
	.indent_m{
		margin-left: 40px !important;
	}
	.indent_l{
		margin-left: 60px !important;
	}
	.indent_ll{
		margin-left: 80px !important;
	}
	.no_border{
		border: 0 !important;
		visibility: hidden!important;
	}
	th.tbl_style02{
		background: #DDE !important;
	/*	background: #999 !important;*/
		color: #333 !important;
	}
	.back2top{
		background: url(/tecs/img/a_link_up.gif) no-repeat left;
		padding-left: 13px;
		margin-left: 620px;
		display: block;
	}

/* product detail - option */
	.option_area{
	}
	.option_area p{
		margin: 10px;
	}
	.option_area td{
		text-align: center;
	}
	.margin_short div#main{
		margin-top: 90px !important;
	}
	/* for IE6 - [not use "display: block;"] --------------------------------------- */
	*html .margin_short div#main{
		margin-top: 0 !important;
	}
	/* ----------------------------------------------------------------------------- */
	.no_kata{
		font-size: 16px;
		font-weight: bold;
	}

/* application */
	.aplc_box{
		width: 100%;
		height: 370px;
	}
	.aplc_box_m{
		width: 100%;
		height: 420px;
	}
	.aplc_p_box{
		padding: 10px;
	}
	.aplc_p_box p{
		margin-bottom: 10px;
	}
	.aplc_fig{
		padding: 10px;
		height: 170px;
		text-align: center;
	}
	.aplc_fig_l{
		padding: 10px;
		height: 250px;
		text-align: center;
	}
	.aplc_fig_l img{
		height: 250px;
	}
	.aplc_fig_m{
		padding: 10px;
		height: 230px;
		text-align: center;
	}
	.aplc_fig_m img{
		height: 230px;
	}
	.aplc_fig_wl{
		padding: 10px;
		width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.aplc_fig_wl img{
		width: 700px;
	}
	.aplc_fig_hl {
		padding: 1em;
		height: auto;
	}
	.aplc_fig_hl img {
		width: 45%;
		margin: 0 auto;
		display: block;
	}
	.aplc_fig_free{
		padding: 10px;
		text-align: center;
	}
	.aplc_sr_ppc{
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
	}
	/* page navigation */
	.page_nav{
		text-align: center;
		height: 35px;
		width: auto;
	}
	.page_nav p{
		/* background: url(/tecs/img/page_nav_a.gif) repeat-x; */
		height: 13px;
		margin: 5px;
		padding: 5px 10px;
		border: 1px solid #CCC;
		float: left;
		line-height: 1em;
	}
	.page_nav p a{
		font-weight: bold;
		display: block;
		height: 14px;
	}
	/* video */
	.aplc_mov_col_1 {
        padding: 4em 2em;
        box-sizing: border-box;
        text-align: center;
	}
	.aplc_mov_col_1 video {
		width: 80%;
	}
	.aplc_mov_col_2 {
        padding: 2em 0;
        box-sizing: border-box;
        float: left;
	}
	.aplc_mov_col_2 video {
        width: 48%;
        padding: 0 1em 1em 0;
        box-sizing: border-box;
	}
    .aplc_mov_col_2 video[poster] {
        width: 395px;
        height: 265px;
    }
    /* 動画共通 */
    video[poster] {
        object-fit: cover;
    }
 	video:focus {
		outline: none;
    }
	/* movie thumbnail */
	.aplc_mov{
		width: 100%;
	}
	.aplc_mov p.size_s{
		float: left;
		margin: 0px 20px 20px 0px;
		width: 144px;
		height: 96px;
		background: #000;
	}
	.aplc_mov p.size_s img{
		width: 144px;
		height: 96px;
	}
	.aplc_mov p.size_l{
		float: left;
		margin: 0px 20px 20px 0px;
		width: 350px;
		height: 230px;
		background: #000;
	}
	.aplc_mov p.size_l img{
		width: 350px;
		height: 230px;
	}
	/* movie thumbnail hover */
	.aplc_mov p a:hover img{
		opacity:0.7;
		filter: alpha(opacity=70); /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7; /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7; /* Safari 1.x */
		zoom: 1;
	}

/* calc */
	.input_area{
		border: solid 1px #E5E6D6;
		background: #F6F7E7;
		padding: 10px;
	}
	.input_area_nocolor{
		border: solid 1px #FFF;
		background: #FFF;
		padding: 10px;
	}
	.input_title{
		text-indent: 3em;
		margin-right: 2em;
	}
	.float_l{
		float: left;
	}
	.torq p{
		font-size: 16px;
		color: #C00;
		font-weight: bold;
		margin: 10px 0 5px 10px;
	}
	.stdslct{
		width: 20%;
		margin: 10px;
	}
	.execslct{
		margin: 50px 0 0 30px;
	}


/* numbering list */
	.num_list01{
		background: url(/tecs/img/num_list01.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list02{
		background: url(/tecs/img/num_list02.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em;
	}
	.num_list03{
		background: url(/tecs/img/num_list03.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list04{
		background: url(/tecs/img/num_list04.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list05{
		background: url(/tecs/img/num_list05.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list06{
		background: url(/tecs/img/num_list06.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list07{
		background: url(/tecs/img/num_list07.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list08{
		background: url(/tecs/img/num_list08.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list09{
		background: url(/tecs/img/num_list09.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list10{
		background: url(/tecs/img/num_list10.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list11{
		background: url(/tecs/img/num_list11.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list12{
		background: url(/tecs/img/num_list12.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list13{
		background: url(/tecs/img/num_list13.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}
	.num_list14{
		background: url(/tecs/img/num_list14.gif) no-repeat left;
		background-position: 0 5px;
		padding-left: 30px;
		line-height: 3em !important;
	}

/* Q&A */
	table.faq_area{
		border-collapse: separate;
		border-spacing: 3px;
		width: 100%;
	}
	table.faq_area,
	table.faq_area tr,
	table.faq_area th,
	table.faq_area td{
		border: none;
	}
	table.faq_area td{
		border-bottom: 1px dotted #666;
		padding-left: 1em;
	}
	tr.question th{
		background: #999;
		width: 5em;
		color: #FFF;
		text-align: center;
	}
	tr.answer th{
		background: #9CF;
		width: 5em;
		color: #FFF;
		text-align: center;
		vertical-align: top;
	}
	.answer_img{
		text-align: center;
		display: block;
		margin: 10px 0;
	}
	.goto_q{
		margin-left: 620px;
	}
	.answer ol,
	.answer ul{
		padding-left: 2em;
	}
	.answer ol li{
		list-style: decimal;
	}
	.answer ul li{
		list-style: disc;
	}

/* trouble shooting */
	table.trst_area{
		border-collapse: separate;
		border-spacing: 3px;
		width: 100%;
	}
	table.answer_area{
		border-collapse: separate;
		border-spacing: 3px;
		width: 95%;
		margin-left: 30px;
	}
	table.trst_area,
	table.trst_area tr,
	table.trst_area th,
	table.trst_area td{
		border: none;
		vertical-align: middle;
	}
	table.trst_area td,
	table.answer_area td{
		border-bottom: 1px dotted #666;
		padding-left: 1em;
	}
	tr.trst_q th{
		background: #333;
		width: 60px;
		color: #FFF;
		text-align: center;
	}
	tr.trst_a td{
		width: 42%;
	}
	tr.trst_a th.cause{
		background: #999;
		width: 60px;
		color: #FFF;
		text-align: center;
	}
	tr.trst_a th.action{
		background: #09F;
		width: 60px;
		color: #FFF;
		text-align: center;
	}
	.notes{
		color: #C00;
		text-indent: 2em;
	}

/* trep */
	.trep_area table{
		width: 800px;
	}
	.competitor{
		width: 25%;
	}
	.products{
		width: 40%;
	}

/* selection guide clu */
	.slct_clu_top{
		float: left;
		width: 400px;
		margin-right: 10px;
	}
	.slct_clu_top p{
		margin-bottom: 10px;
	}
	.slct_cc,
	.slct_sr{
		margin-left: 150px;
	}
	#slct_cc{
		background: url(/tecs/img/slct_clu_cc.jpg) no-repeat 0 40px;
	}
	#slct_sr{
		background: url(/tecs/img/slct_clu_sr.jpg) no-repeat 0 40px;
	}
	#showbox01,
	#showbox02{
		margin-top: 40px;
		position: relative;
		width: 800px;
	}
	.showbox_parts01{
		width: 250px;
		float: left;
		margin: 7px;
	}
	.showbox_parts02{
		width: 350px;
		float: left;
		margin: 10px 20px;
	}
	#showbox01 div.cmn_box01{
		padding: 5px;
		width: 240px;
	}
	#showbox02 div.cmn_box01{
		padding: 5px;
		width: 200px;
		margin-top: 5px;
		float: left;
	}
	#showbox02 .cmn_pic{
		float: left;
	}
	#showbox01 p.arrow02{
		position: absolute;
		top: -30px;
		left: 80px;
	}
	#showbox02 p.arrow02{
		position: absolute;
		top: -30px;
		right: 280px;
	}
	.slct_clu_top p.link_button01,
	#showbox01 p.link_button01,
	#showbox02 p.link_button01{
		margin: 15px 0 0 30px;
	}
	/* for pic */
	.cmn_pic{
		text-align: center;
		padding: 5px;
	}

/* selection guide sad */
	p.link_button01.en2lins
	{
		font-size: 10px !important;
		line-height: 1.05em !important;
	}
	p.link_button01.en2lins a,
	p.link_button01.en2lins a:visited,
	p.link_button01.en2lins a:hover
	{
		font-size: 10px !important;
		height: 20px !important;
		line-height: 1.05em !important;
		display: table-cell;
		vertical-align: middle !important;
		text-indent:0;
		padding-left:23px;
		width:140px !important;
	}

	p.link_button01.en2lins_slct
	{
		font-size: 10px !important;
		line-height: 1.05em !important;
	}
	p.link_button01.en2lins_slct a,
	p.link_button01.en2lins_slct a:visited,
	p.link_button01.en2lins_slct a:hover
	{
		font-size: 10px !important;
		height: 20px !important;
		line-height: 1.05em !important;
		display: table-cell;
		vertical-align: middle !important;
		text-indent:0;
		padding-left:23px;
	}

	p.link_button01.en_fs11,
	p.link_button01.en_fs11 a,
	p.link_button01.en_fs11 a:visited,
	p.link_button01.en_fs11 a:hover
	{
		font-size:11px;
		/* line-height: 2em !important; */
	}

	p.link_button02.en2lins
	{
		line-height: 1.1em !important;
		font-size: 11px !important;

	}

	p.link_button02.en2lins a,
	p.link_button02.en2lins a:visited,
	p.link_button02.en2lins a:hover
	{
		font-size: 11px !important;
		line-height: 1.1em !important;
		text-indent:0;
		padding-left:22px;
	}

	p.link_button02.en_fs10,
	p.link_button02.en_fs10 a,
	p.link_button02.en_fs10 a:visited,
	p.link_button02.en_fs10 a:hover
	{
		font-size:10px;
		line-height: 2.4em !important;
	}

	p.link_button02.en_fs11,
	p.link_button02.en_fs11 a,
	p.link_button02.en_fs11 a:visited,
	p.link_button02.en_fs11 a:hover
	{
		font-size:11px;
		line-height: 2.2em !important;
	}

/* for catalog */
	table.ctlg_tbl{
		width: 380px;
		height: 65px;
		margin-bottom: 2px;
	}
	table.ctlg_tbl th,
	table.ctlg_tbl td{
		vertical-align: middle;
	}
	table.ctlg_tbl td.ctlg_name{
		height: 40px;
		width: 80%;
		padding-right: 2px;
	}
	table.ctlg_tbl td.ctlg_icon{
		text-align: right;
	}
	table.ctlg_tbl td.ctlg_icon img{
		margin-right: 5px;
		margin-bottom: 2px;
	}
	img.thumbnail{
		width: 50px;
		height: 48px;
		border: 1px solid #B0C4DE !important;
		margin: 3px;
		background: url('/tecs/img/ebook/thumbnail/noimage.jpg') no-repeat;
	}
	table.color_jp{ border: 1px #eeeeee solid;}
	table.color_en{ border: 1px #f9e38d solid;}
	table.color_tw{ border: 1px #bcf3ab solid;}
	table.color_kr{ border: 1px #f9d4d4 solid;}
	table.color_cn{ border: 1px #9ae4f1 solid;}
	table.color_de{ border: 1px #bfb7ff solid;}
	table.color_en td{ background: #fff8dc;}
	table.color_tw td{ background: #ebffe5;}
	table.color_kr td{ background: #fff1f1;}
	table.color_cn td{ background: #ddf8fd;}
	table.color_de td{ background: #e4e0ff;}
	table.lang_all01{ width: 220px !important;}
	table.lang_all01 td{ text-align: center;}
	table.lang_all02{ width: 150px !important;}
	table.lang_all02 td{ text-align: center;}
	table.lang_all03{ width: 100px !important;}
	table.lang_all03 td{ text-align: center;}
	table.lang_all_t td{ vertical-align: middle;}
	.cmn_desclist03 td{ vertical-align: middle;}
	h5.mlist{ width: 400px !important;}
	table.mnul_lang_all td{
		height: 25px;
		vertical-align: middle;
	}
	table.mnul_lang_all table{
		margin-bottom: 1px;
	}

/* catalog request */
	table.tbl_request{
		width: 720px;
	}
	table.request_flow td{
		vertical-align: middle;
		text-align: center;
	}
	td.request_flow{
		width: 160px;
		padding: 3px;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		font-size: 15px;
	}
	td.col_current{
		color: #0099ff;
		background: #cbe7f6;
		border-color: #0099ff;
	}
	td.col_base{
		color: #555555;
		background: #efefef;
		border-color: #cacaca;
	}
	td.request_flow_tl{
		padding: 5px;
		border-style: solid;
		border-width: 0px 1px 1px 1px;
	}
	td.col_current_tl{
		color: #555555;
		background: #ffffff;
		border-color: #0099ff;
	}
	td.col_base_tl{
		color: #555555;
		background: #ffffff;
		border-color: #cacaca;
	}
	td.r_arrow{
		padding: 8px;
	}

/* okiniiri */
	div.spi_outer{
		width: 680px;
		background-color: #fff;
		border-radius: 10px;
		color: #222;
		border: 1px solid #555;
		position: absolute;
		top: 55px;
		left: 260px;
		padding: 10px;
		z-index: 9999;
	}
	table.spi_list{
		width: 420px;
	}
	table.spi_list_mini{
		width: 335px;
	}
	table.spi_list td,
	table.spi_list_mini td{
		border-bottom: 1px dotted #ccc;
	}
	#savepageinfo h2{
		text-indent: 15px;
		background: url(/tecs/img/cmn_maincntnt_titl2.jpg) no-repeat left;
		height: 25px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		margin: 2px 0;
	}
	#savepageinfo p,
	#savepageinfo a,
	#savepageinfo td{
		/* font-size: 11px; */
	}
	#savepageinfo div.s1{
		float: left;
		width: 250px;
	}
	#savepageinfo div.s2{
		float: right;
	}
	#savepageinfo div.s3{
		float: left;
	}

	#savepageinfo div.s1 p,
	#savepageinfo div.s2 p,
	#savepageinfo div.s3 p{
		float: left;
	}
	#savepageinfo div.s1 h2,
	#savepageinfo div.s2 h2,
	#savepageinfo div.s3 h2{
		width: 300px;
	}
	#savepageinfo_regist_btn{
		position: absolute;
		left: 720px;
		top: 49px;
	}
	table.tbl_spi{
		width: 800px;
	}
	.btnalldel{
		width: 825px;
		text-align: right;
	}

/* sprocket detail table*/
	tr.sprdettabl{
		display:none;
	}

/* display tolerance*/
	table.disptol1{
		border: none;
		margin: 0px;
		padding: 0px;
	}
	table.disptol1 td.kisuu{
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: right;
	}
	table.disptol1 tr{
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	table.disptol1 td{
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	table.disptol2{
		border: none;
		margin: 0px;
		padding: 0px;
	}
	table.disptol2 tr{
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	table.disptol2 tr td{
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
		font-size:10px;
		line-height:11px;
	}
	/* for use <p> version*/
	td.disptol{
		white-space:nowrap;
		text-align:left !important;
	}
	p.disptolkisuu{
		float:left;
		margin-top:3px;
		margin-bottom:0px;
	}
	p.disptoltol{
		font-size:10px;
		line-height:11px;
		margin-top:0px;
		margin-bottom:0px;
	}

/* PDF drawing library */
	td.NoBorder{
		border-style:none !important;
		visibility: hidden!important;
	}

/* eco&eco Link */
	div.eco_link{
		border: 1px solid #7bc352;
		background: url(/tecs/img/eco.gif) no-repeat;
		background-position: 5px 5px;
		text-indent: 0;
		padding: 4px 4px 4px 50px ! important;
	}
	/* for IE6 - [not use "fixed"] ------------------------------------------------- */
	*html div.eco_link{
		width: 180px !important;
	}
	/* ----------------------------------------------------------------------------- */
	div.eco_link img{
		padding-right: 5px;
	}
	div.eco_link .eco_title{
		font-weight: bold;
		color: #7bc352;
		padding-bottom: 2px;
	}

/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.clearfix {
		min-height: 1px;
	}

	* html .clearfix {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}

/* sitemap */
	p a.map_lvl1_s.en2lins
	{
		font-size: 11px !important;
		line-height: 1.1em !important;
		text-indent:0;
		padding-left:22px;
	}

	p a.map_lvl1_s.en_fs11
	{
		font-size: 11px !important;
		line-height: 2.2em !important;
	}

	p a.map_lvl2.en_fs12
	{
		font-size: 12px !important;
		line-height: 2.2em !important;
	}

	p a.map_lvl2.en_fs14
	{
		font-size: 14px !important;
		line-height: 1.5em !important;
	}

/* slct */
	.slct_index2{
		width: 178px;
		height: 163px;
		margin-top: 5px;
	}
	.slct_index2 div.box_rep{
		height: 130px;
	}
	.slct_index2 p.link_button01 a,
	.slct_index2 p.link_button01 a:visited{
		width: 135px !important;
	}
	.slct_arrow02{
		width: 180px;
		height: 50px;
		background: url(/tecs/img/arrow_02.png) no-repeat center center;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.slct_arrow02_no_bg{
		width: 180px;
		height: 37px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.sl_com .sl_com_p_ckr table{
		width: 100%;
		margin: 0 auto;
		height: 100px;
	}
	.sl_com .sl_com_t_ckr th{
		font-size: 11px !important;
		line-height: 1.1em !important;
		padding: 3px 0;
	}
	.sl_com .sl_com_t{
		margin-top: 5px;
		padding-left: 5px;
		height: 75px;
	}
	.slct_ctc_slct1{
		width: 270px !important;
	}

/* note popup link */
	.npopup{
		color: #09f !important;
		text-decoration: underline !important;
	}