@charset "UTF-8";
/* CSS Document */
#wrapper-Tokusetu{
	background-color:#fff;
	min-height:600px;
	_height:600px;
	/*padding-bottom:80px;*/}

#wrap-Tokusetu{
    position: relative;
    height:auto !important; /*IE6*/	
    height: 100%;
    min-height: 100%;
    background-color:#FFF;
	_padding-bottom:144px; /*Footer*/ /*IE6*/
}

.pagetop-area {
	width: 940px;
	margin: 0 auto;
	padding: 30px 15px 10px 15px;
	background:none !important;
	text-align:right;
}

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


article {
	/*margin:0 0 50px 0;*/
}

/*--------------------------------------------------------------
main
--------------------------------------------------------------*/
#main {
	width:100%;
	margin-bottom:50px;}
#mainimage {
	height:450px;
	background:url(../images/index/mainimage.jpg) no-repeat center top;
	text-indent:-9999px;}

.content-Index {
	margin:0 auto;
	width:960px;}
.content-Index p.AreaLeft{
	float:left;
	/*width: 680px;*/
	width: 645px;
	font-size:1.4em;
	line-height: 180%;
	margin-bottom: 80px;}

.content-Index .AreaRight{
	float: right;
	/*width: 221px;*/
	width: 250px;}
[class*="DL_"] > a {
	display: block;
	width: 250px;
	height: 66px;
	background: no-repeat top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}
	[class*="DL_"] > a:hover {
		background-position: bottom;}
.DL_50Hz {
	margin: 0 0 20px 0;}
.DL_50Hz > a {
	background-image: url(/products/HS-HSZ/images/index/btn_50Hz.gif);}
.DL_60Hz > a {
	background-image: url(/products/HS-HSZ/images/index/btn_60Hz.gif);}

.productInfo {
	width: 960px;
	margin: 0 auto;
letter-spacing: -10px;}
.productInfo li {
	display: inline-block;
	letter-spacing: normal;
	width: 450px;
	/*height: 200px;*/
	overflow: hidden;}
	.productInfo li:nth-child(2n) {
		margin: 0 0 0 60px;}
.productInfo li > div {
	width: 100%;
	height: 200px;
	margin: 0 0 20px 0;}
.productInfo li > div > a {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat top;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;}
.productInfo li > div > a:hover {
	background-position: bottom;}
.productInfo .img-HS a {
	background-image: url(../images/index/btn_HS.jpg);
}
.productInfo .img-HSZ a {
	background-image: url(../images/index/btn_HSZ.jpg);
}


.content-Index h2{
	clear:both;
	margin-bottom:20px;}

/*--------------------------------------------------------------
Applications-Block
--------------------------------------------------------------*/
.Applications-Block{
	margin:0 auto;
	width:960px;
 	display:flex;
	padding:60px 0;}


.Applications-Block .Applications-L{
	margin:0 60px 0 0;}

.Applications-Block .Applications-R h2{
	margin:10px 0 30px 0;}
	
.Applications-Block .Applications-R ul{
	margin:0 0 0 30px;}
.Applications-Block .Applications-R ul li{
	list-style-type: disc;
	font-size: 1.4em;
	font-weight:bold;
	color: #41819e;
	margin-bottom: 10px;}

/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/
.merit-area {
 margin:0 auto;
 width:960px;
 padding:80px 0 100px;
 font-size:1.2em;}

.merit-tit{
	margin-bottom:40px;} 

.merit-area .area-left{
 float:left;
 width:450px;}
.merit-area .area-right{
 float:right;
 width:450px;}


.merit-area ul.number {}
 .merit-area ul.number li {
  margin-bottom:	30px; }
 .merit-area ul.number li.last {
  margin-bottom:	0; }

 .merit-area ul.number li h4{
	font-weight:bold;
	font-size:1.2em;
	margin-left:25px;}
 .merit-area ul.number li p {
	line-height:180%;
	margin-left:25px;}
 .merit-area ul.number li .left {
	float:	left;
	width:	300px;}
 .merit-area ul.number li .right {
	float:	right;}
 .merit-area ul.number li div.feature-area {
	margin-top:	5px;}



.feature{
	padding:80px 0;}
	.feature .feature-area{
		margin:0 auto;
		width:960px;}

	.feature .feature-area .Curves-Block{
		margin:0 0 120px 0;}

		.feature .feature-area .Curves-Block h3{
			margin:0 0 40px 0;}
		.feature .feature-area .Curves-Block h3 p{
			margin:10px 0 0 0;}

		.feature .feature-area .Curves-Block ul{
			margin:0 auto;}
		.feature .feature-area .Curves-Block ul li{
			width: 100%;
			text-align: center;}
		.feature .feature-area .Curves-Block ul li:not(:last-child){
			margin:0 0 60px 0;
			padding: 0 0 60px 0;
			border-bottom: 1px solid #eee;}

	.feature .feature-area .Model-Block{
		margin:0 0 0 0;}

		.feature .feature-area .Model-Block h3{
			margin:0 0 40px 0;}

/*table*/



.productInfo .btn-product {
	width: auto;
	height: auto;
	margin:0 0 40px 0;}
.productInfo li .btn-product a {
	display:block;
	width:230px;
	height:56px;
	margin:0 auto;
	background:url(../images/index/btn_product_HS.gif) top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
	.btn-product a:hover {background-position:bottom;}




.tableArea .bold {
	font-weight: bold;
	text-indent: 20px;
	text-align: left;}
.tableArea .unit {
	display: inline-block;
	margin: 8px 0 0 0;}
.tableArea .unit.mn {
	margin-top: 4px;}
.tableArea {
	width: 960px;
	margin: 0 0 12px 0;
	border-collapse: collapse;
	border: 1px solid #eee;
	font-size: 1.4rem;
	color: #333;}
.tableArea tr {
	border-bottom: 1px solid #eee;}
	.tableArea tr:nth-child(-n+2) > * {
		border-right: 1px solid #eee;}
.tableArea th {
	padding: 8px 5px;
	color: #fff;
	font-weight: normal;
	background: #2185b0;}
		.tableArea tr:first-child th:first-child {
			text-align: center;}
.tableArea td {
	padding: 8px 5px;
	font-size: 1.4rem;
	text-align: center;
	border-left: 1px solid #eee;}
.tableArea tr:last-child td {
	background: #eaf6fd;}
.tableAreaWrap > p {
	margin: 6px 20px 0 0;
	color: #666;
	font-size: 1.2rem;}