@charset "Shift_JIS";
/**************************************
*
*	about page Structure Style Sheet
*	Last Update 2011-01-07
*
**************************************/
/*- Page Bottom -------*/
#footArea{
	margin-top:30px;
}


/*------------------------------------
	solutionBox
------------------------------------*/
/* Layout */
#contentArea div.solutionBox{
	padding-top:10px;
	margin-bottom:20px;
}
#contentArea div.solutionBox h2{
	margin-bottom:10px;
}
#contentArea div.solutionBox p{
	margin:0 10px 10px 10px;
}
#contentArea div.solutionBox ul{
	margin-left:10px;
	overflow:hidden;
}
* html #contentArea div.solutionBox ul{
	width:100%;
}
#contentArea div.solutionBox ul li{
	float:left;
	width:173px;
	height:53px;
	margin:0 12px 10px 0;
	background:url(/tecfiles/img/products/common/bg_solution.png) no-repeat;
	border:1px solid #ccc;
}
#contentArea div.solutionBox ul li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#contentArea div.solutionBox ul li a{
	display:inline-block;
	width:104px;
	padding-left:8px;
	vertical-align:middle;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}
* html #contentArea div.solutionBox ul li img{
	display:inline;
}
* html #contentArea div.solutionBox ul li a{
	display:inline;
}



/*------------------------------------
	intoroTitle ( product search )
------------------------------------*/
#contentArea div.intoroTitle{
	position:relative;
	margin-top:2px;
	height:30px;
	background:url(/tecfiles/img/products/retail/common/h1_intoroTitle.png) no-repeat;
	border-top:1px solid #e9e8e8;
}
#contentArea div.intoroTitle p{
	position:absolute;
	right:10px;
	bottom:5px;
}
* html #contentArea div.intoroTitle p{
	bottom:2px;
}
#contentArea div.intoroTitle p input{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.3em;
	vertical-align:middle;
	border:1px solid #ccc;
}
#contentArea div.intoroTitle p input.input_text{
	width:170px;
	height:17px;
	padding:2px 4px 0 4px;
}
* html #contentArea div.intoroTitle p input.input_text{
	height:21px;
}


/*------------------------------------
	mainBox
------------------------------------*/
/* Layout */
#contentArea div.mainBox{
	width:760px;
	padding-top:10px;
	margin-bottom:20px;
	background:#f4f4f4;
	overflow:hidden;
}
#contentArea div.mainBox div.leftBox{
	float:left;
	width:370px;
	margin:0 10px 0 10px;
	overflow:hidden;
}
* html #contentArea div.mainBox div.leftBox{
	margin-left:5px;
}
#contentArea div.mainBox div.rightBox{
	float:left;
	width:370px;
	overflow:hidden;
}

/* Title */
#contentArea div.mainBox h3{
	margin-bottom:10px;
	padding-left:10px;
	background:url(/tecfiles/css/img/accent_red.png) no-repeat left center;
}
#contentArea div.mainBox h4{
	margin-bottom:5px;
	padding-left:10px;
	background:url(/tecfiles/css/img/accent_min_red.png) no-repeat left center;
}

/* categoryserach */
#contentArea div.mainBox div.categoryserach{
	margin-bottom:20px;
}
#contentArea div.mainBox div.categoryserach ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 5px 11px;
	padding-left:10px;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}

/* categoryserach */
#contentArea div.mainBox div.sc_solution{
	margin-bottom:20px;
}
#contentArea div.mainBox div.sc_solution ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 5px 11px;
	padding-left:10px;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}

/* solution */
#contentArea div.mainBox div.solution{
	font-size:92%;
	line-height:1.3em;
	margin-bottom:20px;
}
#contentArea div.mainBox div.solution ul{
	margin-bottom:8px;
	overflow:hidden;
}
* html #contentArea div.mainBox div.solution ul{
	width:100%;
}
#contentArea div.mainBox div.solution ul li{
	float:left;
	width:173px;
	margin:0 10px 5px 0;
}
#contentArea div.mainBox div.solution ul li img{
	display:block;
	margin-bottom:4px;
	border:1px solid #e4e4e4;
}
#contentArea div.mainBox div.solution ul li a.arrow{
	display:block;
	margin-bottom:4px;
	padding-left:10px;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}
#contentArea div.mainBox div.solution ul li p{
	padding-left:10px;
}

/* topics */
#contentArea div.mainBox div.topics{
	font-size:92%;
	line-height:1.3em;
	margin-bottom:20px;
}
#contentArea div.mainBox div.topics ul{
	margin-bottom:8px;
	overflow:hidden;
}
* html #contentArea div.mainBox div.topics ul{
	width:100%;
}
#contentArea div.mainBox div.topics ul li{
	float:left;
	width:113px;
	margin:0 10px 5px 0;
}
#contentArea div.mainBox div.topics ul li img{
	display:block;
	margin-bottom:4px;
	border:1px solid #e4e4e4;
}
#contentArea div.mainBox div.topics ul li a.arrow{
	display:block;
	margin-bottom:4px;
	padding-left:10px;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}
#contentArea div.mainBox div.topics ul li p{
	padding-left:10px;
}

/*------------------------------------
	newsBox
------------------------------------*/
#contentArea div.newsBox{
	margin-bottom:20px;
}
#contentArea div.newsBox h2{
	position:relative;
	margin-bottom:10px;
}
/* rss icon */
#contentArea div.newsBox h2 a.rss{
	position:absolute;
	top:5px;
	right:5px;
}
* html #contentArea div.newsBox h2 a.rss{
	top:6px;
}
/* list */
#contentArea div.newsBox dl.newsList dt{
	margin: 0 0 0 3px;
}
#contentArea div.newsBox dl.newsList dd{
	width:740px;
	*width:620px;
}
* html #contentArea div.newsBox dl.newsList dd{
	width:620px;
}

/* list TOP */
#contentArea div.newsBox.top dl.newsList dt{
	width:95px;
	_width:160px;
	padding-right:65px;
}
#contentArea div.newsBox.top dl.newsList dt.release{
	width:100px;
	_width:160px;
	padding-right:65px;
	background:url(/tecfiles/img/products/common/info_icon_release.gif) no-repeat right 2px;
}
#contentArea div.newsBox.top dl.newsList dt.info{
	width:100px;
	_width:160px;
	padding-right:65px;
	background:url(/tecfiles/img/products/common/info_icon_info.gif) no-repeat right 2px;
}
#contentArea div.newsBox.top dl.newsList dd{
	width:580px;
	margin-left:180px;
}
* html #contentArea div.newsBox.top dl.newsList dd{
	width:577px;
}



/*------------------------------------
	relateBox
------------------------------------*/
#contentArea div.relateBox{
	margin-bottom:20px;
}
#contentArea div.relateBox h2{
	margin-bottom:10px;
}
/* list */
#contentArea div.relateBox ul li{
	margin-right:5px;
	display:inline-block;
	*display:inline;/*IE6,7*/
	*zoom:1;/*IE6,7*/
}
* html #contentArea div.relateBox ul li{
	display:inline;
}
#contentArea div.relateBox ul li.text a.arrow{
	display:block;
	margin-bottom:4px;
	padding-left:10px;
	background:url(/tecfiles/css/img/arrow_gray01.png) no-repeat left 6px;
}