@charset "utf-8";
@import url("base.css");
@import url("structure.css");


/*======================================

	トップページ

=======================================*/

#home .pageTop { display: none;}

/*----------------------------------
	#mainImg
----------------------------------*/
#mainImg {
	position: relative;
	width: 970px;
	height: 245px;
	margin: 1px auto 0;
}

#mainImg #slides {
	position: relative;
	display: block;
	width: 970px;
	height: 245px;
	overflow: hidden;
}

#mainImg #slides .slides_container div a {
	display: block;
	width: 970px;
	height: 245px;
}

#mainImg #slides a.next,
#mainImg #slides a.prev {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -999em;
}

#mainImg #slides a.slidesNav {
	display: none;
}

#mainImg #slides a.prev {
	position: absolute;
	bottom: 10px;
	right: 40px;
	background: url(../img/home/slides_pre_bt.png) no-repeat bottom;
	z-index: 150;
}

#mainImg #slides a.next {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(../img/home/slides_back_bt.png) no-repeat bottom;
	z-index: 100;
}

#mainImg #slides ul.pagination {
	display: none;
	position: absolute;
	bottom: 5px;
	left: 465px;
	width: 70px;
	height: 7px;
	text-align: center;
	z-index: 200;
}

#mainImg #slides ul.pagination li {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	background: #fff;
	border: 1px solid #333;
	margin: 0 5px 0 0;
	text-indent: -999em;
}

#mainImg #slides ul.pagination li.current {
	background: #666;
	border: 1px solid #333;
}

/*----------------------------------
	#search
----------------------------------*/
#search{
	position: relative;
	width: 970px;
	height: 55px;
	background: url(../img/home/search_bg3.jpg) no-repeat;
}

#search ul li a {
	display: block;
	width: 280px;
	height: 40px;
	text-indent: -999em;
}

#search ul li.search_01 a {
	position: absolute;
	top: 8px;
	left: 114px;
	background: url(../img/home/search_conp2.jpg) no-repeat 0 0;
	z-index: 100;
}

#search ul li.search_01 a:hover {
	background: url(../img/home/search_conp2.jpg) no-repeat 0 bottom;
}

#search ul li.search_02 a {
	position: absolute;
	top: 8px;
	left: 400px;
	background: url(../img/home/search_cat2.jpg) no-repeat 0 0;
	z-index: 100;
}

#search ul li.search_02 a:hover {
	background: url(../img/home/search_cat2.jpg) no-repeat 0 bottom;
}

#search ul li.search_03 a {
	position: absolute;
	top: 8px;
	right: 5px;
	background: url(../img/home/search_no2.jpg) no-repeat 0 0;
	z-index: 100;
}

#search ul li.search_03 a:hover {
	background: url(../img/home/search_no2.jpg) no-repeat 0 bottom;
}

/*----------------------------------
	#content
----------------------------------*/
#content {
	position: relative;
	padding: 0 0 10px;
}

#content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*----------------------------------
	#mainContent
----------------------------------*/
#mainContent {
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
	position: relative;
	float: left;
	width: 740px;
}

/*----------------------------------
	.products
----------------------------------*/
#mainContent .products {
	position: relative;
	width:740px;
}

#mainContent .products:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#mainContent .products ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#mainContent .products a.productsLink {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	background: url(../img/share/arrow_square.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 15px;
}

#mainContent .products li {
	border-right-color: #E6E6E1;
	border-left-color: #E6E6E1;
	border-top-color: #E6E6E1;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#mainContent .products li:nth-child(5n) {
	margin-right: 0px;
}

#mainContent .products li,
#mainContent .products li a {
	display: block;
	width: 188px;
	height: 60px;
}

#mainContent .products dl.analysis h2 {
	background: url(../img/home/list_01.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px
}

#mainContent .products dl.analysis {
	display: block;
	width: 970px;
	margin-bottom: 5px;
}

#mainContent .products dl.analysis li {
	position: relative;
	border-bottom-color: #009F50;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#mainContent .products dl.analysis li p {
	font-size: 13px;
	width: 178px;
	height: 60px;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/shared/arrow_01.jpg) no-repeat 8px;
	padding-left: 17px;
}

#mainContent .products dl.dilution h2 {
	background: url(../img/home/list_02.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px
}

#mainContent .products dl.dilution {
	display: block;
	width: 970px;
	margin-bottom: 5px;
}

#mainContent .products dl.dilution li {
	position: relative;
	border-bottom-color: #EF8200;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#mainContent .products dl.dilution li p {
	font-size: 13px;
	width: 178px;
	height: 60px;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/shared/arrow_02.jpg) no-repeat 8px;
	padding-left: 17px;
}

#mainContent .products dl.evaluation h2 {
	background: url(../img/home/list_03.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px
}

#mainContent .products dl.evaluation {
	display: block;
	width: 970px;
	margin-bottom: 5px;
}

#mainContent .products dl.evaluation li {
	position: relative;
	border-bottom-color: #005AAB;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#mainContent .products dl.evaluation li p {
	font-size: 13px;
	width: 178px;
	height: 60px;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/shared/arrow_03.jpg) no-repeat 8px;
	padding-left: 17px;
}

#mainContent .products dl.addition h2 {
	background: url(../img/home/list_04.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px
}

#mainContent .products dl.addition {
	display: block;
	width: 970px;
	margin-bottom: 5px;
}

#mainContent .products dl.addition li {
	position: relative;
	border-bottom-color: #934429;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#mainContent .products dl.addition li p {
	font-size: 13px;
	width: 178px;
	height: 60px;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/shared/arrow_04.jpg) no-repeat 8px;
	padding-left: 17px;
}

#mainContent .products dl.new_prd h2 {
	background: url(../img/home/list_05.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px
}

#mainContent .products dl.new_prd {
	display: block;
	width: 970px;
	margin-bottom: 5px;
}

#mainContent .products dl.new_prd li {
	position: relative;
	border-bottom-color: #E8002F;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#mainContent .products dl.new_prd li p {
	font-size: 13px;
	width: 178px;
	height: 60px;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/shared/arrow_05.jpg) no-repeat 8px;
	padding-left: 17px;
}


/*for IE6 */
* html ul li{
display: inline;
zoom: 1;
}/*for IE7 */
*:first-child+html ul li{
display: inline;
zoom: 1;
}

/*----------------------------------
	#right
----------------------------------*/
#news {
	padding-top: 30px;
	float: right;
	width: 220px;
}

#news dl {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 220px;
}

#news dl dt {
	width: 220px;
	margin-top: 10px;
}

#news dl dt img{
	margin-left: 5px;
}

#news dl dd a{
	width: 220px;
	color: #1372B1;
}

/*----------------------------------
	#release
----------------------------------*/

ul.release{ float: left; padding-bottom: 10px; font-size: 13px; padding-top: 20px;}
ul.release li{padding-bottom: 10px; font-weight: bold; font-size: 15px;}
ul.release ol{width: 870px; border-bottom-color: #bfbfbf; border-bottom-width: 1px; border-bottom-style: solid;}
ul.release ol.day{ padding-bottom: 10px; width: 100px; float: left;}
ul.release ol.text{padding-bottom: 10px; float: left;}

/*----------------------------------
	#new_release
----------------------------------*/

.release_title{
	padding-top: 30px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom-color: #bfbfbf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
}

