@charset "UTF-8";

img {
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 vertical-align: bottom;
}

.mt10 {
 margin-top: 10px !important;
}

.clearboth {
 float: left;
 clear: both;
}

/* @group 製品情報トップページ */

#product_navi {
	 _zoom: 1;
 overflow: hidden;
 width: 563px;
 height: 340px;
 margin-top: 10px;
 margin-bottom: 10px;
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) no-repeat;
}

#product_navi ul {
 _zoom: 1;
 overflow: hidden;
 width: 562px;
 height: 287px;
 margin-top: 51px;
}

#product_navi ul li {
 float: left;
 list-style: none; 
}


#product_navi ul li a{
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
}

#product_navi ul li#nav1 a {
 width: 186px;
 height: 136px;
}

#product_navi ul li#nav1 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) 0 -391px;
}

#product_navi ul li#nav2 a {
 width: 192px;
 height: 136px;
}

#product_navi ul li#nav2 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) -186px -391px;
}

#product_navi ul li#nav3 a {
 width: 184px;
 height: 136px;
}

#product_navi ul li#nav3 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) -378px -391px;
}

#product_navi ul li#nav4 a {
 width: 186px;
 height: 134px;
 margin-top: 18px;
}

#product_navi ul li#nav4 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) 0 -545px;
}

#product_navi ul li#nav5 a {
 width: 192px;
 height: 134px;
 margin-top: 18px;
}

#product_navi ul li#nav5 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) -186px -545px;
}

#product_navi ul li#nav6 a {
 width: 184px;
 height: 134px;
 margin-top: 18px;
}

#product_navi ul li#nav6 a:hover{
 background: url(../../ecad_dio/images/ecadtop_img_03.jpg) -378px -545px;
}

/* @end */

.div_c {
 _zoom: 1;
 overflow: hidden;

}

/* @group 製品一覧ページ */

#extension {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 height: 461px;
 background: url(../../product/images/index_img_02.jpg) no-repeat;
}

#extension h2 span {
 display: none;
}

#extension ul {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 margin-top: 61px;
}

#extension ul li {
 float: left;
 list-style: none; 
}


#extension ul li a{
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 width: 553px;
}

#extension ul li#nav1 a {
 height: 48px;
}

#extension ul li#nav1 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -522px;
}

#extension ul li#nav2 a {
 height: 47px;
}

#extension ul li#nav2 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -570px;
}

#extension ul li#nav3 a {
 height: 45px;
}

#extension ul li#nav3 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -617px;
}

#extension ul li#nav4 a {
 height: 46px;
}

#extension ul li#nav4 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -662px;
}

#extension ul li#nav5 a {
 height: 46px;
}

#extension ul li#nav5 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -708px;
}

#extension ul li#nav6 a {
 height: 45px;
}

#extension ul li#nav6 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -754px;
}

#extension ul li#nav7 a {
 height: 46px;
}

#extension ul li#nav7 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -799px;
}

#extension ul li#nav8 a {
 height: 46px;
}

#extension ul li#nav8 a:hover {
 background: url(../../product/images/index_img_02.jpg) no-repeat 0 -845px;
}

#solution2 {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 height: 402px;
 background: url(../../product/images/index_img_03.jpg) no-repeat;
}

#solution2 h2 span {
 display: none;
}

#solution2 ul {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 margin-top: 66px;
}

#solution2 ul li {
 float: left;
 list-style: none; 
}


#solution2 ul li a{
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 width: 553px;
}

#solution2 ul li#navi1 a {
 height: 46px;
}

#solution2 ul li#navi1 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -468px;
}

#solution2 ul li#navi2 a {
 height: 46px;
}

#solution2 ul li#navi2 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -514px;
}

#solution2 ul li#navi3 a {
 height: 45px;
}

#solution2 ul li#navi3 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -560px;
}

#solution2 ul li#navi4 a {
 height: 46px;
}

#solution2 ul li#navi4 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -605px;
}

#solution2 ul li#navi5 a {
 height: 46px;
}

#solution2 ul li#navi5 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -651px;
}

#solution2 ul li#navi6 a {
 height: 46px;
}

#solution2 ul li#navi6 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -697px;
}

#solution2 ul li#navi7 a {
 height: 46px;
}

#solution2 ul li#navi7 a:hover {
 background: url(../../product/images/index_img_03.jpg) no-repeat 0 -743px;
}

#system {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 height: 73px;
 background: url(../../product/images/index_img_04.jpg) no-repeat;
}

#system h2 span {
 display: none;
}


#system ul {
 _zoom: 1;
 overflow: hidden;
 width: 553px;
 margin-top: 41px;
}

#system ul li {
 float: left;
 list-style: none; 
}


#system ul li a{
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 height: 32px;
}

#system ul li#nav1 a {
 width: 173px;
}

#system ul li#nav1 a:hover {

 background: url(../../product/images/index_img_04.jpg) 0 -114px;
}

#system ul li#nav2 a {
 width: 173px;
 margin-left: 16px;
}

#system ul li#nav2 a:hover {
 background: url(../../product/images/index_img_04.jpg) -189px -114px;
}

#system ul li#nav3 a {
 width: 171px;
 margin-left: 17px;
}

#system ul li#nav3 a:hover {
 background: url(../../product/images/index_img_04.jpg) -379px -114px;
}

/* @end */

/* @group ソリューションページ */

#solutionMap {
 _zoom: 1;
 overflow: hidden;
 width: 563px;
 height: 547px;
 margin-bottom: 10px;
 margin-top: 10px;
 background: url(../../solution/images/sl_index_01.jpg) no-repeat;
}



#solutionMap ul {
 _zoom: 1;
 overflow: hidden;
 width: 563px;
 height: 547px;
}

#solutionMap ul li {
 float: left;
 list-style: none;
 clear: both;
}


#solutionMap ul li a{
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
}

#solutionMap ul li#nav1 a {
 width: 89px;
 height: 54px;
}

#solutionMap ul li#nav1 a:hover {
 background: url(../../solution/images/sl_index_01.jpg) no-repeat 0 -547px;
}

#solutionMap ul li#nav2 a {
 width: 89px;
 height: 54px;
 margin-top: 45px;
}

#solutionMap ul li#nav2 a:hover {
 background: url(../../solution/images/sl_index_01.jpg) no-repeat 0 -646px;
}

#solutionMap ul li#nav3 a {
 width: 89px;
 height: 54px;
 margin-top: 293px;
}

#solutionMap ul li#nav3 a:hover {
 background: url(../../solution/images/sl_index_01.jpg) no-repeat 0 -993px;
}

/* @end */

/* @group 2010.01 追記分 トップページ */

.wrap {
  _zoom: 1;
 overflow: hidden;
 padding-left: 22px;
 float: left;
}

ol, ul {
 _zoom: 1;
 overflow: hidden;
 list-style: none;
}

.product , .solution , .jirei {
 width: 236px;
 float: left;
}

.product ul , .solution ul , .jirei ul {
 padding-left: 13px;
 padding-top: 10px;
}

.solution ul li {
 padding-bottom: 10px;
}

.jirei ul li {
 margin-bottom: 5px;
}

.jirei ul li a {
 background: url(../../images/top/icn_list.jpg) no-repeat 0 center;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 15px;
 font-size: 12px;
 color: #666;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

.jirei ul li a:hover {
 color: black;
 background: url(../../images/top/icn_list_over.jpg) no-repeat 0 center;
}

.product p , .jirei p {
 float: right;
 margin-top: 20px;
}

.product p {
 margin-top: 5px;
}

.product p a , .jirei p a {
 color: #666;
 font-size: 12px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 background: url(../../images/top/link_arr.jpg) no-repeat 0 center;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 20px;
}

.product p a:hover , .jirei p a:hover  {
 background: url(../../images/top/link_arr_over.jpg) no-repeat 0 center;
}

#banner #logo li#dio_info a {
 height: 78px;
 margin-top: 2px;
}

#news {
 float: left;
}

/* @end */