/* CSS Document */


/* 
clearfix [ 
 ----------------------------------------------------------- */  
#contFlow ol:after,
#contInput ul:after,
#contImg .items:after,
#contOut dt:after,
#contOut:after,
#contProduct:after,
#contCdt:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contFlow ol,
#contInput ul,
#contImg .items,
#contOut dt,
#contOut,
#contProduct,
#contCdt{
  min-height: 1px;
}

* html #contFlow ol,
* html #contInput ul,
* html #contImg .items,
* html #contOut dt,
* html #contOut,
* html #contProduct,
* html #contCdt{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*clearfix ] --- */ 


ul.globalnavi li.tec a:link,
ul.globalnavi li.tec a:visited{
	background-position:-179px bottom;
	}


.maincontent {
	background:#514A42 left top repeat;
	color:#FFFFFF;
	font-size:12px;
	line-height:150%;
}

.maincontent h1{
	background:url(../img/te_title.jpg) no-repeat left top;
	text-indent:-9999px;
	width:800px;
	height:120px;
}

.maincontent h2{	
	text-indent:-9999px;
	height:18px;
	clear:both;
}

.maincontent .maininner{
	margin-left:25px;
	width:775px;
}

.maincontent .inner{
	margin-left:30px;
}
.maincontent .imp{
	font-size:14px;
	line-height:150%;
}

.maincontent ol.inner{
	margin-left:30px;
	background:url(../img/te_p0.gif) no-repeat left top;
}

.maincontent #contFlow{
	margin-bottom:70px;
	margin-top:20px;
}

.maincontent #contFlow h2{
	background:url(../img/te_t1.gif) no-repeat left top;
}

.maincontent p{
	margin-top:20px;
	margin-right:55px;
}

.maincontent img{
	margin-top:20px;
	margin-right:19px;
}

#contFlow ol{
	margin-top:20px;
}

#contFlow li{
	text-indent:-9999px;
	float:left;
}

#contFlow li a{
	display:block;
	height:150px;
}

#contFlow li.list01 a{
	background:url(../img/te_p1_1.jpg) no-repeat left top;
	width:80px;
	margin-right:41px;
}

#contFlow li.list02 a{
	background:url(../img/te_p1_2.jpg) no-repeat left top;
	width:170px;
	margin-right:41px;
}

#contFlow li.list03 a{
	background:url(../img/te_p1_3.jpg) no-repeat left top;
	width:90px;
	margin-right:18px;
}

#contFlow li.list04 a{
	background:url(../img/te_p1_4.jpg) no-repeat left top;
	width:90px;
	margin-right:18px;
}

#contFlow li.list05 a{
	background:url(../img/te_p1_5.jpg) no-repeat left top;
	width:74px;
	margin-right:18px;
}

#contFlow li.list06{
	background:url(../img/te_p1_6.jpg) no-repeat left top;
	width:50px;
	height:150px;
}
#contFlow li a:link,
#contFlow li a:visited{
	background-position:left top;
}
#contFlow li a:hover,
#contFlow li a:active{
	background-position:left bottom;
}


/*------------contDesign------------*/
#contDesign{
	background:url(../img/te_p2_3.jpg) no-repeat right 32px;
	margin-bottom:70px;
}

#contDesign h2{
	background:url(../img/te_t2.gif) no-repeat left top;
}


#contDesign ul li{
	display:inline;
}

#contDesign p{
	width:454px;
}

/*------------contInput------------*/

#contInput{
	margin-bottom:45px;
}

#contInput h2{
	background:url(../img/te_t3.gif) no-repeat left top;
}

#contInput p{
	width:690px;
}


#contInput ul li{
	float:left;
	margin-top:20px;
}

#contInput ul li img{
	margin-top:0;
}

#contInput ul li span.item01{
	background:url(../img/te_p3_1.gif) no-repeat left top;
	width:217px;
	height:21px;
	text-indent:-9999px;
	display:block;
}

#contInput ul li span.item02{
	background:url(../img/te_p3_2.gif) no-repeat left top;
	width:217px;
	height:21px;
	text-indent:-9999px;
	display:block;
}

#contInput ul li span.item03{
	background:url(../img/te_p3_3.gif) no-repeat left top;
	width:217px;
	height:21px;
	text-indent:-9999px;
	display:block;
}


/*------------contImg------------*/

#contImg{
	background:url(../img/te_p4_1.jpg) no-repeat 490px top;
	margin-bottom:70px;
	padding-top:24px;
	width:740px;
}

#contImg h2{
	background:url(../img/te_t4.gif) no-repeat left top;
}

#contImg p{
	width:454px;
	min-height:165px;
	_height:165px;
}

#contImg .items{
	margin-top:20px;
}

#contImg dl{
	float:left;
	width:236px;
}

#contImg dt{
	width:217px;
	height:26px;
	text-indent:-9999px;
}

#contImg .items{
	background:url(../img/te_p4_5.gif) no-repeat left bottom;
}

#contImg dd{
	padding:8px 30px 12px 15px;
}

#contImg dt.item01{
	background:url(../img/te_p4_2.gif) no-repeat left top;
}

#contImg dt.item02{
	background:url(../img/te_p4_3.gif) no-repeat left top;
}

#contImg dt.item03{
	background:url(../img/te_p4_4.gif) no-repeat left top;
}


/*------------contOut------------*/

#contOut{
	margin-bottom:70px;
}

#contOut h2{
	background:url(../img/te_t5.gif) no-repeat left top;
}

#contOut .contl{
	width:217px;
	float:left;
	display:inline;
}
#contOut .contl p{
	margin:20px 0px 0px;
}
#contOut .contr{
	margin-left:19px;
	float:left;
}


#contOut .contr p{
	font-size:14px;
	margin-bottom:2px;
}

#contOut dl{
	width:454px;
	border:solid 1px #23201D;
	padding-top:13px;
}

#contOut dt{
	background:url(../img/te_p5_3.gif) no-repeat left bottom;
	padding-bottom:1px;
	margin:0px 25px 2px 20px;
}
#contOut span.ttl{
	float:left;
	font-size:14px;
	font-weight:bold;
	display:block;
}

#contOut span.lnk{
	float:right;
	font-size:12px;
	display:block;
}

#contOut span a:link,
#contOut span a:visited{
	background:url(../img/te_point.gif) no-repeat left;
	padding-left:10px;
	color:#A78640;
}
#contOut span a:hover,
#contOut span a:active{
	background:url(../img/te_point.gif) no-repeat left;
	padding-left:10px;
	color:#A78640;
	text-decoration:none;
}
#contOut dd{
	margin-bottom:14px;
	margin-left:20px;
	margin-right:20px;
}


/*------------contProduct------------*/

#contProduct{
	margin-bottom:70px;
}

#contProduct h2{
	background:url(../img/te_t6.gif) no-repeat left top;
}

#contProduct p{
	width:443px;
	float:left;
	margin-right:32px;
	display:inline;
}

#contProduct img{
	float:left;
}


/*------------contCdt------------*/

#contCdt{
	background:url(../img/te_p7_1.jpg) no-repeat 23px bottom;
	margin-bottom:70px;
}

#contCdt h2{
	background:url(../img/te_t7.gif) no-repeat left top;
}

#contCdt p{
	width:443px;
	float:left;
	display:inline;
	margin-right:32px;
}

#contCdt img{
	float:left;
}


/*------------contDev------------*/

#contDev{
	margin-bottom:70px;
}

#contDev h2{
	background:url(../img/te_t8.gif) no-repeat left top;
}

#contDev p{
	margin-right:55px;
}