* { margin:0; padding:0; }
html { border:0; width:100%; }
body { font-family:Arail, verdana; font-size:12px; line-height:1.5em; color:#404040}
img { border:none}
input,select { vertical-align:middle}
ul, ol ,li{ list-style:none; }
em { font-style:normal; }
a { text-decoration:none; }
a:link, a:visited { color:#404040; }
a:hover, a:active { text-decoration:none; color:#007bb2; }
h1 { font-size:16px; }
h2, h3, h4 { font-size:14px; }
h5, h6 { font-size:12px; }
img, div { behavior: url(iepngfix.htc) }
/*--------------------------------------Wrap----------------------------*/
#wrapper { width:960px; margin:0 auto; overflow:hidden;background-color:#fff}}
.f_l { float:left; }
.f_r { float:right; }
.a_l { text-align:left; }
.a_c { text-align:center; }
.a_r { text-align:right; }
.m_line { text-decoration:line-through; }
.clear { height:1px; line-height:0; font-size:0; clear:both; overflow:hidden}
.blank5 {height:5px}
/*--------------------------------------Header----------------------------*/
.header {width:960px;margin:0 auto;height:90px;position:relative; background:url(topbg.gif) repeat-x}
.header h1 {background: url(logo.gif) no-repeat;width: 173px;height:86px;text-indent: -10000px;float:left;position:absolute;top:4px;left:0;}
.header h1 a { width: 173px; height:86px; display: block; overflow: hidden; }
.toplogo { position:absolute;width:720px;top:26px;right:0}
.mainnav {width:720px;margin:0 auto;height:40px;position:relative;background:url(mainnavbg.gif) repeat-x}
.mainnav li {float:left;width:120px;height:40px;text-indent: -1000px;background-image:url(mainnav.gif)}
.mainnav li a {display: block; height:40px;overflow: hidden}
.mainnav li a:hover,.mainnav li.curr {display: block; height:40px;overflow: hidden;background-image:url(mainnav1.gif)}
.mainnav li#mn2,.mainnav li#mn2 a:hover {background-position:-120px 0}
.mainnav li#mn3,.mainnav li#mn3 a:hover {background-position:-240px 0}
.mainnav li#mn4,.mainnav li#mn4 a:hover {background-position:-360px 0}
.mainnav li#mn5,.mainnav li#mn5 a:hover {background-position:-480px 0}
.mainnav li#mn6,.mainnav li#mn6 a:hover {background-position:-600px 0}
  #index .mainnav li#mn1 {background:url(mainnav1.gif) 0 0 no-repeat}
  #about .mainnav li#mn2 {background:url(mainnav1.gif) -120px 0 no-repeat}
  #news .mainnav li#mn3 {background:url(mainnav1.gif) -240px 0 no-repeat}
  #products .mainnav li#mn4 {background:url(mainnav1.gif) -360px 0 no-repeat}
  #cases .mainnav li#mn5 {background:url(mainnav1.gif) -480px 0 no-repeat}
  #contact .mainnav li#mn6 {background:url(mainnav1.gif) -600px 0 no-repeat}
/*banner*/
#banner {width:960px;margin:0 auto;}
/*--------------------------------------Content----------------------------*/
#content {margin:0 auto;width:960px;overflow:hidden;}
.index_search {width:960px;height:40px; background:url(search.gif) no-repeat;position:relative;}
	.search {position:absolute;left:80px;top:6px}
	.search select {width:70px;height:23px;line-height:23px;}
	.search .keyword {width:160px;padding:3px;font-size:13px;border:1px solid #c4c4c4}
  .login {position:absolute;right:10px;top:6px;line-height:23px}
  .login div {padding:0 0 0 10px;}
  .loginarea {border:1px solid #c4c4c4;background-color:#fff;width:100px;padding:3px;font-size:13px}
  .btn_login {background:url(btn_login.gif) 0 2px no-repeat; width:48px; height:24px;border:none; cursor:pointer}
.index_news {float:left;width:400px}
	.index_news_title {background:url(index_news_title.gif) no-repeat;height:39px;cursor:pointer}
  .index_news ul {margin:0}
  .index_news ul li {border-bottom:1px dashed #ccc;padding:6px 0 1px 0;text-align:right;font-size:11px;height:19px;background:url(listbg.gif) no-repeat}
  .index_news ul li span {float:left;font-size:12px;padding-left:13px}
.index_product {float:left;width:180px;margin-left:25px;}
	.index_product_title {background:url(index_product_title.gif) no-repeat;height:39px;cursor:pointer}
	.index_product_content {margin-top:10px}
.index_case {float:left;width:170px;margin-left:25px;}
	.index_case_title {background:url(index_case_title.gif) no-repeat;height:39px;cursor:pointer}
	.index_case_content {margin:8px}
	.index_case_content li { background:url(li.gif) no-repeat left center;padding-left:10px;margin-bottom:10px}
.index_quick {float:left;width:135px;margin-left:22px;}
	.index_quick_title {background:url(index_quick_title.gif) no-repeat;height:39px}
	.index_quick_content {margin:8px}
	.index_quick_content li { background:url(li.gif) no-repeat left center;padding-left:10px;margin-bottom:10px}
/*--------------------------------------Page------------------------------*/
.title {height:39px;line-height:39px;width:960px;position:relative;border-bottom:1px solid #d2d2d2;margin-top:2px}
.title img {position:absolute;top:0}
.title .urhere {padding-left:240px;background-color:#f5f5f5;}
       .urhere img {margin-left:-23px}
#sidebar {width:200px;float:left;background:#efefef;font-size:13px}
#sidebar li {height:46px;line-height:46px;border-bottom:1px dotted #bbb;padding-left:55px;background:url(leftnavibg.gif) no-repeat;}
#sidebar li.curr {background:url(leftnavibg1.gif) repeat-x; font-weight:bold}
.leftbom {clear:both;height:234px;background:#efefef url(leftbom.gif) right bottom no-repeat;width:100%}

#sidebar1 {width:200px;float:left;background:#efefef;font-size:13px}
#sidebar1 li {line-height:24px;border-bottom:1px dotted #bbb;padding-left:67px;background:url(leftnavibg_a.gif) no-repeat;}
#sidebar1 li span {height:36px;line-height:36px}
#sidebar1 li.curr {background:url(leftnavibg_a1.gif) repeat-x;}
#sidebar1 li ul li {line-height:26px;border-bottom:none;padding-left:13px;background:url(li.gif) left center no-repeat}
.leftbom1 {clear:both;height:84px;background:#efefef url(leftbom.gif) right bottom no-repeat;width:100%}

#main{width:745px;float:right;height:500px;min-height:400px; height:auto !important; height:400px; overflow:visible}
.hinamizawa{width:100%;margin:10px 0;line-height:1.7em;font-size:14px}
.hinamizawa p {margin:10px 0;}
.hinamizawa h1 {padding:5px;font-size:16px; color:#000;}
.hinamizawa h2 {padding:5px 0 3px 0;font-size:14px; color:#000;color:#007bb2}
.page {width:90%;height:30px;line-height:30px;border-bottom:1px dashed #c4c4c4;text-align:right;margin-bottom:10px}
		.contact {margin-top:20px}
		.contact h3 {font-size:16px}
		.contact img {float:left;margin-right:20px;margin-bottom:30px}
.honor {width:650px;margin:0 auto}
.honor li {width:320px;height:250px;float:left;text-align:center}
.productlist {margin:0 0 10px 10px;}
.productlist li {background:url(../images/line.gif) left bottom repeat-x;height:115px;padding:12px 0 8px 0;#padding:8px 0 12px 0;_padding:8px 0 8px 0}
.productlist img {float:left;margin-right:10px;width:110px;height:110px}
.productlist div {float:left;width:480px;}
.productlist div dl{clear:both; margin-bottom:2px;float:left;width:100%}
.productlist div dt,dd{padding:1px 5px;float:left;}
.productlist div dd{color:#0062b2;width:340px;}
.productlist div dd.des{color:#808080;height:40px;overflow:hidden;font-size:12px}
.productlist div dd.des p { margin:0; padding:0}

.newslist {margin:0 0 10px 10px}
.newslist li {background:url(../images/line.gif) left bottom repeat-x;padding:5px 0;float:left}
.newslist div {width:640px;}
.newslist div dl{clear:both; margin-bottom:5px;float:left;width:100%}
.newslist div dt,dd{padding:2px;float:left;}
.newslist div dt h2 {background:url(listicon.gif) left 6px no-repeat;padding-left:20px;}
.newslist div dt.zy {color:#f60;font-size:12px}
.newslist div dd{color:#0062b2;}
.newslist div dd.date {font-size:11px;float:right;width:50px;}
.newslist div dd.excerpt {color:#808080;width:610px;overflow:hidden;font-size:12px}
.newslist div dd.excerpt p { margin:0; padding:0}

.productview {padding:10px 0 20px 10px;float:left;width:700px;overflow:hidden}
.productview img {}
.productview dl {background:url(../images/line.gif) left bottom repeat-x;padding:10px 0;clear:both;float:left;width:100%}
.productview dt,dd{padding:2px 0;float:left;}
.productview span{color:#0062b2;}
.productview dt.bbb {width:300px}
.productview dd.ccc {width:200px}
.productview dd.ddd {width:100px}
.productview dd.des{color:#808080;width:555px;margin-left:5px}
.productview dd.des p { margin-top:0; padding:0}

.tabletxt {border-top:1px solid #9b9b9e;border-left:3px solid #1874CD;width:660px;margin:0 auto}
.tabletxt tr{ background-color:expression('#e5e5e5,#f2f2f2'.split(',')[rowIndex%2]); }
.tabletxt td {padding:2px 0 2px 10px;border-bottom:1px solid #9b9b9e;border-right:1px solid #9b9b9e}
.imgborder img{border:3px solid #cecece}

.messagetable td {padding:0px;}
.messagetable input,.messagetable textarea {border:1px solid #aaa;background-color:#f4faff;padding:2px}

.projectlist li {float:left;margin:0 0 18px 0;overflow:hidden;width:240px;text-align:center}
.projectlist li img {}
/*--------------------------------------Footer----------------------------*/
.footer {width:960px;margin:5px auto;padding-top:16px;height:65px;background:url(footbg.gif) no-repeat;color:#666;clear:both}
.footer a:link, .footer a:visited { color:#7f7f7f;text-decoration:none; }
.footer a:hover{ text-decoration:none; color:#007bb2; }
 .footlogo {float:left;margin-left:30px;width:132px;height:40px;background:url(footlogo.gif) center center no-repeat;}
.footer span{margin:5px 0 0 165px;display:block;line-height:19px;padding-left:10px;border-left:1px solid #bbb}

/*facebox*/
#facebox .b { background:url(facebox/b.png); }
#facebox .tl { background:url(facebox/tl.png); }
#facebox .tr { background:url(facebox/tr.png); }
#facebox .bl { background:url(facebox/bl.png); }
#facebox .br { background:url(facebox/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative;}
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body {background: #fff;}
#facebox .content h2 {margin:5px 0;color:#d70211 }
#facebox .content {line-height:200%;text-align:center}
#facebox .content p {margin:10px 0;TEXT-INDENT: 2em;text-align:left}
#facebox .ffooter { float:left;position: absolute; top: 20px; right: 11px}
#facebox .loading { text-align: center; }
 #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #fff; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}