@charset "utf-8";



/* Layout */
/* -------------------------------------------- */

#bgMain {
	background: #fff url("../img/home/bg_main.gif") left top repeat-x;
}
#main {
	background: #fff url("../img/home/bg_content.gif") left top repeat-y;
}

#content {
}

#contentBodyLeft {
	float: left;
	width: 352px;
	display: inline;
	margin: 0 0 0 2px;
}
#contentBodyRight {
	float: right;
	display: inline;
	width: 301px;
	margin: 0 2px 0 0;
}


#content h2 {
	width: auto !important;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	font-size: 75%;
}



/* Intro */
/* -------------------------------------------- */

#intro {
	margin: 14px 0 24px 0;
}

#intro p.lead {
	float: left;
	margin: 10px 4px 0 4px;
	line-height: 1.6;
}


/* Pick Up */

#pickup {
	float: right;
	width: 240px;
}

#pickup h2 {
	margin: 10px 0 0 4px;
}
#pickup ul.tLink {
	margin: 0 10px 10px 0;
}
#pickup ul.tLink li {
	float: left;
	display: inline;
	width: 210px;
	margin: 0 10px 10px 0;
	padding: 10px;
	background: url("../img/home/bg_pickup.gif") 0 0 no-repeat;
}
#pickup ul.tLink li img {
	float: left;
	padding: 1px;
	border: 1px solid #ddd;
}
#pickup ul.tLink li span {
	float: right;
	display: block;
	width: 140px;
	margin: 4px 0 0 0;
	padding: 2px 0 2px 18px;
	background: url("../img/bl_link.gif") 0 1px no-repeat;
	font-size: 75%;
	line-height: 1.2;
}
#pickup ul.tLink li a:hover {
	color: #ee9900;
}



/* Home Menu */
/* -------------------------------------------- */

#homeMenu {
	margin: 0 0 30px 2px;
}

#homeMenu ul {
	width: 697px;
	margin: 0 auto;
}
#homeMenu ul li {
	float: left;
	display: inline;
	width: 165px;
	margin: 0 12px 0 0;
	padding: 16px 0 0 0;
}
#homeMenu ul li#hmMaterial {
	margin: 0;
}
#homeMenu ul li a {
	display: block;
	width: 165px;
	height: 77px;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#homeMenu ul li img {
	vertical-align: bottom;
}

#homeMenu ul li#hmProductsType {
	background: url("../img/home/h_hm_products_type.gif") 0 0 no-repeat;
}
#homeMenu ul li#hmProductsUse {
	background: url("../img/home/h_hm_products_use.gif") 0 0 no-repeat;
}
#homeMenu ul li#hmProductsIndustry {
	background: url("../img/home/h_hm_products_industry.gif") 0 0 no-repeat;
}
#homeMenu ul li#hmMaterial {
	background: url("../img/home/h_hm_material.gif") 0 0 no-repeat;
}

#homeMenu ul li#hmProductsType a {
	background: url("../img/home/hm_products_type.jpg") 0 0 no-repeat;
}
#homeMenu ul li#hmProductsUse a {
	background: url("../img/home/hm_products_use.jpg") 0 0 no-repeat;
}
#homeMenu ul li#hmProductsIndustry a {
	background: url("../img/home/hm_products_industry.jpg") 0 0 no-repeat;
}
#homeMenu ul li#hmMaterial a {
	background: url("../img/home/hm_material.jpg") 0 0 no-repeat;
}



/* Column */
/* -------------------------------------------- */

#content .column {
	width: 301px;
	margin: 0 0 20px 0;
	background: url("../img/home/bg_column.gif") left bottom no-repeat;
}
#content .column h2 {
	width: 301px;
	margin: 0 0 0 0;
	background: #fff;
}
#content #aboutBox .body {
	width: 301px;
	background: url("../img/home/pic_about2.png") right top no-repeat;
}
#content #techBox .body {
	width: 301px;
	background: url("../img/home/pic_tech2.png") right top no-repeat;
}
#content #aboutBox p {
	margin: 0 10px;
	padding: 6px 70px 6px 0;
}
#content #techBox p {
	margin: 0 10px;
	padding: 6px 74px 6px 0;
}

/* for IE6- */

* html #content #aboutBox .body,
* html #content #techBox .body {
	behavior: expression(IEPNGFIX.fix(this));
}



/* Case */
/* ------------------------------------------------- */

#content #caseBox p {
	margin: 6px 10px;
}

#content #casePics {
	width: 280px;
	margin: 4px 0 0 12px;
	padding: 0 0 10px 0;
}
#content #casePics li {
	float: left;
	display: inline;
	width: 90px;
	margin: 0 3px 0 0;
}

#content #caseBox h3 {
	margin: 0 12px 0 12px;
	font-size: 75%;
	color: #666;
}

#content #caseList {
	clear: both;
	margin: 6px 10px 0 10px;
	padding: 0 0 6px 0;
}
#content #caseList li {
	margin: 4px 0 4px 0;
	padding: 2px 0 2px 18px;
	background: url("../img/bl_link.gif") 0 1px no-repeat;
	font-size: 75%;
	line-height:1.3;
}



/* Topics,Diary */
/* -------------------------------------------- */

#content #topicsBox,
#content #diaryBox {
	margin: 0 0 30px 0;
}

#content #topicsBox h2,
#content #diaryBox h2 {
	margin: 0 0 10px 0;
}

#content #topicsBox dl,
#content #diaryBox dl {
	margin: 0 6px;
}
#content #topicsBox dl dt,
#content #diaryBox dl dt {
	margin: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}
#content #topicsBox dl dd,
#content #diaryBox dl dd {
	margin: 2px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 75%;
	line-height: 1.3;
	background: url("../img/line_01.gif") left bottom repeat-x;
}




/* Banner */
/* -------------------------------------------- */

#sidebar .bannerBox {
	width: 350px;
	margin: 0;
}
#sidebar .bannerBox img {
	display: block;
}
#sidebar .bannerBox a {
	float: left;
	display: block;
	width: 170px;
	margin: 0 2px 2px 0;
}










/* clearfix */
/* -------------------------------------------- */

#homeMenu:after,
#caseList:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* (for IE7 and Mac IE5) */
#homeMenu,
#caseList,
.clearfix {
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html #homeMenu,
* html #caseList,
* html .clearfix {
	height: 1%;
}

#homeMenu,
#caseList,
.clearfix {
	display: block;
}
/* End hide from IE-mac */