@charset "utf-8";
@import "base.css";
@import "layout.css";

/* \*//*/
@import "mac.css";
/**/

/* -----------------------------
	top page
----------------------------- */
#topWrap {
	margin: 0px auto;
	padding: 8px 17px 10px 17px;
	_padding: 8px 17px 0px 17px;
	text-align: left;
	width: 736px;
}

/* -----------------------------
	about
----------------------------- */
#topWrap .section{/* ========== box ========== */
	width:362px;
	float:left;
	padding:0 0 9px;
	margin-bottom:8px;
	background:url(../img/top_section1_bg.gif) no-repeat bottom;
}
#topWrap .section div{
	padding:12px 13px 0;
}
#topWrap .section p img{
	margin-right:14px;
	float:left;
}

/* -----------------------------
	products
----------------------------- */
#topWrap .section2{/* ========== box ========== */
	width:362px;
	float:right;
	margin-bottom:8px;
}
#topWrap .section2 ul{
	margin-top:7px;
}
#topWrap .section2 li{
	float:left;
	margin-top:5px;
}
#topWrap .section2 li img{
	vertical-align:bottom;
	margin-right:8px;
	margin:0 8px 0 0px;
}

#topWrap .section2 li.ma0 img{
	margin-right:0px;
}


/* -----------------------------
	news
----------------------------- */
#topWrap .section3{/* ========== box ========== */
	width:310px;
	float:left;
	margin-right:12px;
}
#topWrap .section3 #news{/* ========== news scroll bar ========== */
	width:303px;
	padding-right:7px;
	overflow:scroll;
	height:126px;
	overflow-x: hidden;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#cbcbcb;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#cbcbcb;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#cbcbcb;
}
#topWrap .section3 ul li { 
	background: url(../img/dot_line_grey.gif) repeat-x left bottom; 
	padding:7px 0px 7px 0;
} 
#topWrap .section3 ul li p { 
	margin: -1.4em 0.5em 0em 8.0em; 
	border: none; 
} 

#topWrap .section3 span{ 
	background: url(../img/burette_02.gif) no-repeat 8px 2px; 
	padding-left: 22px; 
}

/* -----------------------------
	other
----------------------------- */
#topWrap .section4{/* ========== box ========== */
	width:413px;
	float:right;
}
#topWrap .section4 dl{/* ========== company ========== */
	float:left;
	width:203px;
	margin-bottom:5px;
	padding-bottom:6px;
	background: url(../img/top_company_bg.gif) no-repeat bottom;
}
#topWrap .section4 dd img{
	margin-left:10px;
}
#topWrap .section4 ul{/* ========== barnner ========== */
	float:right;
	width:203px;
}


#topWrap .section4 ul img{
	vertical-align:bottom;
	margin-bottom:5px;
}


h1 {
	margin: 0px;
	padding: 0 0 0 1px;
}
h2 {
	margin: 0px;
	padding: 0px;
}

.detail{
	float:right;
	margin-top:10px;
	padding-left:19px;
	background: url(../img/burette_01.gif) no-repeat left center;
}