@charset "utf-8";

/**
 * COMMON
 */


/**
 * Static Header
 */
#fixedw {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 168px;
}
#fixed {
	margin: 0 auto;
	padding: 0;
	width: 100%;
    position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	background-color: #fff;
	height: 168px;
}
#wrapw {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
* html div#fixedw #fixed{
	/* ie6 */
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}


/**
 * MAIN LAYOUT
 */

/**
 * qnaviw
 */
#qnaviw {
	background: #ECECF8;
}
#qnavi {
	background: url(img/bg-head.png) 0px 0px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
.qnavi-ul {
	height: 40px;
	padding: 0 0px;
	/*margin-left: 640px;*/
}
.qnavi-ul li {
	float: left; clear: none;
	margin-left: 0px;
	font-size: 14px;
	line-height:18px;
}
.qnavi-ul a {
	display: block;
	width: 90px; height: 16px;
	padding: 8px 0;
	text-align: center;
	font-size: 10px;
	color: #333;
}
.qnavi-01 a { width: 110px; }
.qnavi-02 a { width: 150px; }
.qnavi-03 a { width: 120px; }


/**
 * headw
 */
#head {
	height: 80px;
	/*margin-bottom: 10px;*/
	background: url(img/bg-head.png) 0px -40px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
#head_logow {
	width: 190px; height: 140px;
	position: absolute;
	top: -40px;
	left: 0;
}
#head_logow a {
	position: relative;
	display: block;
	width: 190px; height: 140px; line-height: 60px;
	margin: 0;
	z-index: 20001;
	text-align: center;
}


/**
 * gnavi
 */
.gnavi-ul {
	height: 82px; padding: 0;
	position: relative;
	margin-left: 217px;
}
.gnavi-ul li {
	float: left; clear: none; display: block;
	height: 82px; line-height:82px;
	text-align: center;
}
.gnavi-ul li a {
	display: block; height: 82px;
}
.gnavi-ul li a:hover {
/*
	background: url(img/parts-1-trans.png) center -23px no-repeat;
	-pie-background: url(img/parts-1-trans.png) center -14px no-repeat;
*/
}
.gnavi-01 { width: 116px; }
.gnavi-02 { width: 140px; }
.gnavi-03 { width: 150px; }
.gnavi-04 { width: 164px; }
.gnavi-05 { width: 157px; }


/**
 * track
 */
#trackw {
	height: 28px;
}
#track ul {
	height: 24px;
	padding: 2px 0;
	color: #333;
}
#track li {
	float: left;
	clear: none;
	margin-right: 10px;
	margin-top: 0px;
	padding-left: 14px;
	line-height: 24px; font-size: 13px;/*fixed*/
	background: url(img/parts-1-trans.png) 0px -4px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
#track li a { color: #666; }
#track li span { color: #666; }
#track ul li.first { }


/**
 * flash
 */
#flashw, #flash {
	position: relative;
}
#flash #screen {
	height: 240px;
}

#flash #page_title {
	position: absolute;
	width: 100%; height: 80px;
	line-height: 80px;
	top: 80px;
}
#flash #page_title h1 {
	height: 80px; line-height: 80px;
	text-align: left;
	padding: 0 60px;
	font-size: 24px;
}


/**
 * .compact mode
 */
#fixed.compact {
	/*height: 128px;*/ height: 140px;
}
.compact #head {
	height: 60px;
	background: url(img/bg-head.png) -960px -40px no-repeat;
}
.compact #head #head_logow {
	height: 90px;
}
.compact #head #head_logow a {
	height: 90px;
}
.compact #track {
	position: relative;
}
.compact #trackw {
    box-shadow: 0px 5px 5px #ccc;
    -moz-box-shadow: 0px 5px 5px #ccc;
    -webkit-box-shadow: 0px 5px 5px #ccc;
    position:relative;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}


/**
 * mainw
 */
#main {
	margin-top: 15px;
}


/*
 * snavi
 */
#snaviw {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #EBEBF2;
}
#snavix {
	padding: 10px 0;
}
#snavi .grp-title a {
	font-size: 13px;
	font-weight: bold;
	color: #3C3C59;
	padding-left: 0px;
	background: url(img/parts-1-trans.png) 5px -33px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}

#snavi .grp-list { padding: 3px 0 3px 5px; }
#snavi .grp-list li {
	/*text-indent: 0.5em;
	list-style-type: circle;
	list-style-position: inside;
	*/
}
#snavi .grp-list li, #snavi .grp-list li a {
	font-size: 12px;
	color: #656598;
}
#snavi .grp-list li {
	padding-left: 10px;
	background: url(img/parts-1-trans.png) 0px -5px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}

/**
 * foot
 */
#foot #companyw_foot {
	display: block;
	height: 120px;
}
#foot {
	font-size: 12px;
}
#foot_top {
	height: 150px;
	padding: 20px 0;
	background: url(img/bg-head.png) -1920px 20px no-repeat;
}
#foot_bottom { font-size: 12px; margin-bottom: 40px; }

#foot .inquiry-info { margin-top: 15px; }
#foot .inquiry-info .tel-info,
#foot .inquiry-info .fax-info,
#foot .inquiry-info .business-hour {
	/*padding-left: 1em;*/
}
#foot .inquiry-info .tel,
#foot .inquiry-info .fax {
	padding-left: 0.5em;
	font-size: 16px;
}
#foot .copyright {
	font-size: 10px;
}


/**
 * toc, table of contents
 */
.toc {
	float: right;
	width: 220px;
	border: 3px solid #CDD1C9;
	padding: 10px;
	margin-bottom: 5px;
	margin-left: 30px;
	background: url(img/bg-toc.jpg) 0px 0px no-repeat !important;
}
.toc a {
	font-size: 93%;
	color: #559;
}
.toc .header {
	height: 60px!important;
	/*background: url(img/top-titles.png) left -160px no-repeat!important;*/
	background: none !important;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
.toc .list {
	margin-bottom: 10px;
}
.toc .list li {
	padding-left: 20px;
	font-size: 16px!important;
	background: url(img/parts-1-trans.png) 10px -1px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
.relative-links .desc,
.relative-links .abox {
	text-align: center;
	margin: 10px 0;
}
.relative-links .desc {
	height: 80px; line-height: 80px;
}
.relative-links .abox a {
}

/**
 * promote
 */
.section .promote {
	margin: 5px 25px;
}
.section .promote li {
	margin-right: 10px;
	padding-left: 14px;
	font-size: 16px;
	background: url(img/parts-1-trans.png) left -2px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}
.section .promote li div,
.section .promote li p,
.section .promote li span {
	font-size: 100% !important;
	margin: 0;
	text-indent: 0;
}
.highlight li span { font-weight: bold; color: #48486C; }

/**
 * image-box
 */
.image-box {

}
.image-box.r-align { float: right; padding: 10px 0 10px 30px; }
.image-box.l-align { float: left; padding: 10px 30px 10px 0; }
.image-box.m-align-full { float: left; padding: 10px 0 30px 0; }


/**
 * item-list
 */
.item-list .header {
	height: 40px; line-height: 40px;
}
.item-list .list {

}


.item-list {
	margin-bottom: 30px;
}
.item-list .item {
	margin-bottom: 20px;
	cursor: pointer;
}
.item-list .item * {
	font-size: 100%!important;
}
.item-list .item-x {
	border: 1px solid #ccc;
	padding: 9px;
}
.item-list .header {
	margin-bottom: 10px;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}

.item-list .imgw {
	width: 120px; height: 120px;
	margin-bottom: 5px;
	background: #efefef;
	overflow: hidden;
}
.item-list img {
	position: relative;
}
.item-list .body {
	margin-bottom: 5px;
	height: 120px;
	overflow: hidden;
}
.item-list .price {
	text-align: right;
}



/**
 * article-list
 */
.article-list {
	height: 608px;
	height: 708px;
	overflow: hidden;
	position: relative;
}
.article-list .list {
	height: 558px;
	height: 658px;
}


.article-list .header {
	height: 40px; line-height: 40px;
	font-size: 100%;
	line-height: 2.5em;
}
.article-list .article {
	cursor: pointer;
	margin-right: 20px;
	margin-left: 20px;
}
.article-list .article:hover {
	background: #efefef;
}
.article-list .article .title {
	color: #523F2E;
	font-weight: bold;
	text-indent: 0;
	font-size: 93%;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.article-list .article .title a {
	color: #523F2E;
	font-weight: bold;
	text-decoration: none;
}
.article-list .article .body {
	text-indent: 0;
	font-size: 100%;
	margin-bottom: 20px;
	line-height: 1.5em;
}
.article-list .article .imgw {
	display: block;
	width: 250px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 5px;
}
.article-list .article img {
	width: 250px;
}
.article-list .jspDrag {
	background: #656598;
}



/**
 */
.spec-table { width: 100%; }
.spec-table td,
.spec-table th { padding: 5px 10px; }
.spec-table td {
	background: #f5f7f9; /* Old browsers */
}
.spec-table th { width: 80px;
	background: #f5f7f9; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f5f7f9 0%, #e7eeea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f5f7f9), color-stop(100%,#e7eeea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #f5f7f9 0%,#e7eeea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #f5f7f9 0%,#e7eeea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #f5f7f9 0%,#e7eeea 100%); /* IE10+ */
	background: linear-gradient(45deg,  #f5f7f9 0%,#e7eeea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9', endColorstr='#e7eeea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.table-center-balanced table { font-size:100%; color:#606; color: #34474E; border-collapse: collapse; }
.table-center-balanced th { text-align:right; padding:7px 15px; padding-right:20px; vertical-align:top; white-space: nowrap;}
.table-center-balanced td { text-align:left;  padding:7px 15px; padding-left:20px; }
.table-center-balanced div.title { font-weight:bold; }
.table-center-balanced th,
.table-center-balanced td { border-bottom: 2px solid #fff;}
.table-center-balanced th { border-right: 1px dotted #fff;}



/**
 ********
 ********
 ******** INDIVIDUAL PAGES
 ********
 ********
 */


/**
 ******** top
 */
#top #flash #page_title { top: 160px; }
#top #flash #page_title h1 { text-align: right; }
#top #flash #screen { height: 300px; background: url(img-flash/1209x01-images.jpg) 0 0 no-repeat; }

#top #flash_bnr .bnr { display: block; line-height: 50%; margin-bottom: 10px; }
#top #flash_bnr .bnr.last { margin-bottom: 10px; }

#top #whatsnew .header {
	margin-bottom: 10px;
	background: url(img/top-titles.png) 0px -8px no-repeat;
	-pie-png-fix: true;
	position: relative;
	behavior: url(/PIE.htc);
}


#top #portfolio .header {
	background: url(img/top-titles.png) 0px -130px no-repeat;
}
#top #realestate .header {
	background: url(img/top-titles.png) 0px -190px no-repeat;
}
#top #portfolio.item-list .title,
#top #realestate.item-list .title {
	display: none;
}
#top #realestate.item-list .item-list .body {
	height: 100px;
}



/**
 ********  contact
 */
#contact #flash #page_title { top: 20px; }
#contact #flash #screen { height: 120px; background: url(contact/img/bg-page-title.jpg) 0 0 no-repeat; }
#contact #main #profile_tblw { background:url(contact/img/bg-main-section.jpg) 600px 50px no-repeat; }

#contact .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#contact .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#contact .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#contact #google_map { border: 2px solid #669; padding: 20px; }
#contact #google_map_canvas { height: 900px; }

#contact_form #flash #page_title { top: 20px; }
#contact_form #flash #screen { height: 120px; background: url(contact/img/bg-page-title-contact-form.jpg) 0 0 no-repeat; }



/**
 ********  greeting
 */
#greeting #flash #screen { background: url(greeting/img/bg-page-title.jpg) 0 0 no-repeat; }

#greeting .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#greeting .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#greeting .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }


/**
 ********  aboutus
 */
#aboutus #flash #screen { background: url(aboutus/img/bg-page-title.jpg) 0 0 no-repeat; }

#aboutus .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#aboutus .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#aboutus .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#aboutus .table-center-balanced table { background: #f5f7f9; }
#aboutus #profile { background: url(aboutus/img/bg-aboutus-staff.jpg) 630px 60px no-repeat; }



/**
 ********  portfolio
 */
#portfolio #flash #page_title { top: 20px; }
#portfolio #flash #screen { height: 120px; background: url(portfolio/img/bg-page-title.jpg) 0 0 no-repeat; }

#portfolio_details #flash #page_title { top: 22px; padding-left: 30px; }
#portfolio_details #flash #screen { height: 120px; background: url(portfolio/img/bg-page-title-details.jpg) 0 0 no-repeat; }

#portfolio .item-list .item:hover { background: #eee; }
#portfolio .item-list .title { height: 1.7em; overflow: hidden; font-size: 50%; font-weight: bold; color: #559; }
#portfolio .item-list .title a { height: 1.7em; overflow: hidden; font-size: 50%; font-weight: bold; color: #559; }
#portfolio .item-list .imgw { width: 200px; height: 120px; }
#portfolio .item-list img { width: 200px; }
#portfolio .item-list .extra { }
#portfolio .item-list .extra .catagory { padding-right: 7px; }

#portfolio_details .item-list .extra .catagory { padding-right: 7px; }
#portfolio_details .item-list .body { height: auto; }

#portfolio_details .gallery .header { height: 38px; background: url(portfolio/img/bg-page-title-details.jpg) center center no-repeat; margin-bottom: 20px; padding-top: 2px; }
#portfolio_details .gallery .header span { line-height: 50px; padding: 0 2em 0 50px; }
#portfolio_details .gallery-window-x { width: 620px; overflow: hidden; }
#portfolio_details .gallery .thumb { float: left; display: block; width: 50px; height: 50px; overflow: hidden; padding: 5px; }
#portfolio_details .gallery .desc { margin-top: 20px; }
#portfolio_details .gallery .desc .extra .catagory { padding-right: 7px; }

/**
 ********  realestate
 */
#realestate #flash #page_title { top: 20px; }
#realestate #flash #screen { height: 120px; background: url(realestate/img/bg-page-title.jpg) 0 0 no-repeat; }

#realestate_details #flash #page_title { top: 22px; padding-left: 30px; }
#realestate_details #flash #screen { height: 120px; background: url(realestate/img/bg-page-title-details.jpg) 0 0 no-repeat; }

#realestate .item-list .item:hover { background: #eee; }
#realestate .item-list .title { height: 1.7em; overflow: hidden; font-size: 50%; font-weight: bold; color: #559; }
#realestate .item-list .title a { height: 1.7em; overflow: hidden; font-size: 50%; font-weight: bold; color: #559; }
#realestate .item-list .imgw { width: 200px; height: 120px; }
#realestate .item-list img { width: 200px; }
#realestate .item-list .extra { }
#realestate .item-list .extra .catagory { padding-right: 7px; }

#realestate_details .item-list .extra .catagory { padding-right: 7px; }
#realestate_details .item-list .body { height: auto; }

#realestate_details .gallery .header { height: 38px; background: url(realestate/img/bg-page-title-details.jpg) center center no-repeat; margin-bottom: 20px; padding-top: 2px; }
#realestate_details .gallery .header span { line-height: 40px; padding: 0px 2em 0 80px; }
#realestate_details .gallery-window-x { width: 620px; overflow: hidden; }
#realestate_details .gallery .thumb { float: left; display: block; width: 50px; height: 50px; overflow: hidden; padding: 5px; }
#realestate_details .gallery .desc { margin-top: 20px; }
#realestate_details .gallery .desc .extra .catagory { padding-right: 7px; }


/**
 ********  opendata
 */
#opendata #flash #page_title { top: 20px; }
#opendata #flash #screen { height: 120px; background: url(opendata/img/bg-page-title.jpg) 0 0 no-repeat; }

#opendata .item-list .item { cursor: default; background: #f5f7f9;}
#opendata .item-list .title { font-weight: bold; color: #559; }
#opendata .item-list .item .date { font-size: 12px!important; }
#opendata .item-list .item .docw {
	cursor: pointer; background: #efefef; overflow: hidden; font-size: 8px; margin-bottom: 2px;
	float: left; width: 55px; height: 75px; border: 5px solid #fff;
	background: #e7eeea; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7eeea 0%, #bccfc5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eeea), color-stop(100%,#bccfc5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7eeea 0%,#bccfc5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7eeea 0%,#bccfc5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7eeea 0%,#bccfc5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7eeea 0%,#bccfc5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eeea', endColorstr='#bccfc5',GradientType=0 ); /* IE6-9 */
}
#opendata .item-list .item .docw a { font-size: 8px!important; color: #559;}



/**
 ********  geothermal
 */
#geothermal #flash #screen { background: url(geothermal/img/bg-page-title.jpg) 0 0 no-repeat; }
#geoflooring #flash #screen { background: url(geothermal/img/bg-page-title-geoflooring.jpg) 0 0 no-repeat; }
#geopomp #flash #screen { background: url(geothermal/img/bg-page-title-geopomp.jpg) 0 0 no-repeat; }
#geohybrid #flash #screen { background: url(geothermal/img/bg-page-title-geohybrid.jpg) 0 0 no-repeat; }

#geothermal .header,
#geoflooring .header,
#geopomp .header,
#geohybrid .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -245px no-repeat; }

#geothermal .header span,
#geoflooring .header span,
#geopomp .header span,
#geohybrid .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }

#geothermal .header.extended span.e,
#geoflooring .header.extended span.e,
#geopomp .header.extended span.e,
#geohybrid .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#geothermal_products #geoflooring a.bnr {
	display: block;
	width: 300px;
	height: 100px;
	background-image: url(geothermal/img/btn-geoflooring.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#geothermal_products #geopomp a.bnr {
	display: block;
	width: 300px;
	height: 100px;
	background-image: url(geothermal/img/btn-geopomp.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#geothermal_products #geohybrid a.bnr {
	display: block;
	width: 300px;
	height: 100px;
	background-image: url(geothermal/img/btn-geohybrid.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#geoflooring .section .promote li,
#geopomp .section .promote li,
#geohybrid .section .promote li {
	color: #F30;
}


/**
 ********  swt
 */
#swt #flash #screen { background: url(swt/img/bg-page-title.jpg) 0 0 no-repeat; }

#swt .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#swt .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#swt .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#swt .table-center-balanced table { background: #f5f7f9; }

#swt .video-box {
	margin-bottom: 20px;
}
#swt .video-box a {
	display: block;
	overflow: hidden;
	height: 2em;
}

#swt_strength_tests #flash #screen { background: url(swt/img/bg-page-title-swt-strength-tests.jpg) 0 0 no-repeat; }
#swt_strength_tests .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#swt_strength_tests .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#swt_strength_tests .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#swt_in_youtube #flash #screen { background: url(swt/img/bg-page-title-swt-in-youtube.jpg) 0 0 no-repeat; }
#swt_in_youtube .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -302px no-repeat; }
#swt_in_youtube .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#swt_in_youtube .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

/**
 ********  nexus
 */
#nexus #flash #screen { background: url(nexus/img/bg-page-title.jpg) 0 0 no-repeat; }

#nexus .header { height: 55px; padding-top: 10px; background: url(img/top-titles.png) 0px -364px no-repeat; }
#nexus .header span { line-height: 34px!important; padding-left: 30px; font-size: 20px; }
#nexus .header.extended span.e { display: block; font-size: 12px; line-height: 16px!important; color: #666; }

#nexus .process-steps .desc {
	font-size: 95%!important;
	text-indent: 0;
	text-align: center;
}