@charset "iso-8859-1";

.dlDate dt{
	float:left;
	width:13em;
	font-weight:bold;
}
.dlDate dd{
	margin:0 0 0.8em 14.5em;
}
.dlDate dd.link{/*for IE6*/
	margin-left:13.6em;
	text-indent:-3px;
}
html > .dlDate dd.link{/*for mozilla, IE7 */
	margin-left:13.4em;
	text-indent:0;
}
/*==============================	
products
==============================*/
.products .box1{
	overflow:hidden;
	background: url(../products/images/pro_box1.gif) bottom no-repeat;
}
.products .box2{
	overflow:hidden;
	background: url(../products/images/pro_box2.gif) bottom no-repeat;
}
.products .box3{
	overflow:hidden;
	background: url(../products/images/pro_box3.gif) bottom no-repeat;
}
.products .box4{
	overflow:hidden;
	background: url(../products/images/pro_box4.gif) bottom no-repeat;
}
.box3 .text{

	
	}


/*==============================	
solution
==============================*/
#popup{
	display:none;
	position: absolute;


}
#inline_content01 .layout2 .floatLeft,
#inline_content01 .layout2 .floatRight,
#inline_content02 .layout2 .floatLeft,
#inline_content02 .layout2 .floatRight,
#inline_content03 .layout2 .floatLeft,
#inline_content03 .layout2 .floatRight,
#inline_content04 .layout2 .floatLeft,
#inline_content04 .layout2 .floatRight,
#inline_content05 .layout2 .floatLeft,
#inline_content05 .layout2 .floatRight,
#inline_content06 .layout2 .floatLeft,
#inline_content06 .layout2 .floatRight{
	width:290px;
	margin-bottom:40px;
}

#popup img{
	margin-bottom:3px;}

#inline_content01,
#inline_content02,
#inline_content03,
#inline_content04,
#inline_content05,
#inline_content06{
	width: 610px;
	padding:30px;
	text-align:left;
}

#inline_content01 p,
#inline_content02 p,
#inline_content03 p,
#inline_content04 p,
#inline_content05 p,
#inline_content06 p{
	margin-bottom:10px;
}

.solution .btm{
	width: auto;
	border:#FFF 2px solid;

}
.solution .btm a{
	padding:3px;


}
.solution #titleArea{
	position:relative;
}
.solution #titleArea .bt01{
	position: absolute;
	top: 316px;
	left: 98px;
}
.solution #titleArea .bt02{
	position: absolute;
	top: 421px;
	left:238px;
}
.solution #titleArea .bt03{
	position: absolute;
	top: 485px;
	left: 538px;
}
.solution #titleArea .bt04{
	position: absolute;
	top: 247px;
	left: 477px;
}
.solution #titleArea .bt05{
	position: absolute;
	top: 439px;
	left: 689px;
}
.solution #titleArea .bt06{
	position: absolute;
	top: 179px;
	left: 767px;
}

/*==============================	
HYC
==============================*/
.bxslider .slide{
	width:100%;
}
.bxslider .slide1{
	background-color: #231917;
}
.bxslider .slide2{
	background-color: #FFF;
}
.bxslider .slideArea{
	width:940px;
	margin:0 auto;
}





#GrayArea{
	width: 100%;
	background-color: #f2f2f2;
}
#GrayArea2{
	width: 100%;
	background-color: #dddddd;
}
#GrayArea3{
	width: 100%;
	background-color: #fffffe;
}
#GrayArea4{
	width: 100%;
	background-color: #999;
}
#topbanner2{
	width:100%;
	margin:0 auto;
	background-color: #231917;
}
#bg_white{
	width: 100%;
	background-color: #FFF;
}
#hyc .marker{
	background:#ffcc33;
}
#hyc #headerSec .floatLeft .lang{
	margin-left:390px;
	}
#hyc #localNaviSec{
	width:940px;
	margin:0 auto;
	height:60px;
}
#hyc .localNaviMainSec{
	width:940px;
	margin:0 auto;
}
#hyc .localNaviMainSec{
	float:left;
}
#hyc .localNaviMainSec li a{
	width:133px;
	text-align:center;
	padding:21px 0;
	background:none;
}
#hyc .localNaviMainSec li.naviTop a {
	width:201px;
	}
#hyc {
		color:#333;
	}
	#hyc .topOfPage span{
	padding:7px 0 0 35px;
	background:url(../common/arrow_circle2.gif) no-repeat 0 50%;
}	
#hyc p.new{
position: relative;
margin-bottom: 0;
}
#hyc p.new b.attention{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
}	
#hyc p.new img{
padding-left:23px;
}
#hyc #footermapBlock{
	padding:1px 0 1px 0;
}
.btm_red,
.btm_blue{
	width:100%;
	text-align:center;
}
.btm_red a,
.btm_blue a{
	color:#FFF;
	background:url(../common/arrow_white.gif) no-repeat #0066cc 10px;
	padding:1em;
	display:block;
	border-bottom: solid 4px #004ebc;
	border-radius: 3px;
}
.btm_red a{
	background:#cc0000;
	border-bottom: solid 4px #990000;
}
.btm_red a:hover,
.btm_blue a:hover{	
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #1975d1 10px;
}
.btm_red a:hover{
	background:#d63333;
}
.btm_blue a:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
	/*==============================	
manuFix
==============================*/	
#fixedBox{
	width:100%;
	background-color:#303030;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
 opacity: 0.8;
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.hpl{
display:block;
padding-top:60px;
margin-top:-60px;
}
#hyc .productsText{
	font-size:115%;
	}
#hyc .productsText .name{
		font-size:160%;
	}
#hyc .productsText .large{
	font-size:200%;
	}
	
/*???*/
#hyc .btm a{
	padding:12px;
}
	/*????????*/
#hyc table.borderTable{
	padding-top: 0px;
	margin-top: 20px;
	width:100%;
}
#hyc table.borderTable th{
	background-color: #FABCA3;
	text-align: center;
	padding:7px;
}
#hyc table.borderTable td{
	text-align: center;
	vertical-align: middle;
		padding:7px;
}
#hyc table.borderTable th.color1,
#hyc table.borderTable td.color1{
	background:#e6e6e6;
	text-align:center;
}
#hyc table.borderTable th.color2,
#hyc table.borderTable td.color2{
	background:#aeaeae;
	color:#FFF;
}
#hyc table.borderTable th.color3,
#hyc table.borderTable td.color3{
	background:#ffffff;
}
#hyc a:hover img{  opacity: 1;  filter: alpha(opacity=100);  -ms-filter: "alpha(opacity=100)";} 

/*==============================
all
==============================*/
/* menu */
#menu{
	color:#FFF;
	font-size:200%;
	padding:8px 0;
}
.glayTitle{
	border: #666 1px solid;
}
.whiteTitle h2{
	padding: 3px 15px;
	font-weight: normal;
	color: #333;
	font-size: 32px;
}
.grayTitle h4{
	font-size:90%;
	margin-bottom:20px;
}
.grayTitle h2{
	font-size: 140%;
}
.grayTitle h1{
	padding: 0 15px 6px 15px;
	font-weight: normal;
	color: #333;
	font-size: 28px;
}
.grayTitle h3{
	padding: 3px 15px;
	font-weight: normal;
	color: #333;
	font-size: 18px;
}

.glayTitle .lv2{
	background-color:#666;
}
.glayTitle .lv2 h2{
	float:left;
	font-size:90%;
}
.glayTitle h2{
	padding:3px 10px;
	font-weight: normal;
	color:#FFF;
	font-size:130%;
}
/* ??????? */
.glayTitle .lv2{
	position:relative;
	}
.glayTitle .lv2 p.right{
	font-size:60%;
	position:absolute;
	right:6px;
	top:8px;
}
.glayTitle .lv2 .right a{
	color:#FFF;
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #000 12px 7px;
	padding:3px 15px 3px 25px;
}
.glayTitle .lv2 .right a:hover{	
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #333 12px 7px;
}