@charset "utf-8";

/* ================================================================================ */
/*      Base                                                             		　  */
/* ================================================================================ */
body {
	text-align:center;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	font-size:small;
	margin:0;
	padding:0;
	color:#333333;
}
*+html body { margin: 0 0 0 1px;}
* html body { margin: 0 0 0 1px;}

* {margin:0; padding:0}

li {list-style:none;}
hr {display:none;}

a { text-decoration:none; color:#043790; outline:none;}
a:hover {text-decoration:underline;}

img {border:none;}

#container { width:800px; margin: 0 auto; text-align:left; background: url(../img/container_bg.gif) repeat-y;}
#wrapper  {padding: 0 0 0 10px;}


/* ================================================================================ */
/*      header                                                             		　  */
/* ================================================================================ */
#header {display:block; width:777px; height:53px; background: url(../img/header.jpg) no-repeat #01308A; margin: 0 0 0 1px;}

#header h1 { text-indent:-9999px;}
#header h1 strong,#header h1 a { display:block; width:330px; height:40px; float:left;}

#header ul { width: 320px; padding:30px 0 0 115px; float:left;}
#header ul { _padding }
#header li { 
	float:left;
	font-size:0.85em;
	background: url(../img/point.gif) left center no-repeat;
	text-indent:justify;
	margin: 0 0 0 20px;
	_margin: 0 0 0 15px;
	padding: 0 0 0 13px;
	white-space: nowrap;
	}
* html body #header li.h01 {width:20px;}
*+html body #header li.h01 {width:20px;}
* html body #header li.h02 {width:65px;}
*+html body #header li.h02 {width:65px;}
* html body #header li.h03 {width:45px;}
*+html body #header li.h03 {width:45px;}
* html body #header li.h04 {width:40px;}
*+html body #header li.h04 {width:40px;}

#header li a { color:#ffffff; }
#header li a:hover { color:#ffffff; text-decoration:underline;}


/* ================================================================================ */
/*      gm                                                             		　  */
/* ================================================================================ */
#gm {width:777px; margin: 0 0 0 1px;}
#gm li { float:left; text-indent:-9999px;}
#gm li a {display:block; width:155px; height:40px;}
#gm li.gm01 a {background: url(../img/gm01.jpg) no-repeat;}
#gm li.gm02 a {background: url(../img/gm02.jpg) no-repeat;}
#gm li.gm03 a {background: url(../img/gm03.jpg) no-repeat;}
#gm li.gm04 a {background: url(../img/gm04.jpg) no-repeat;}
#gm li.gm05 a {background: url(../img/gm05.jpg) no-repeat;}
#gm li.gm01 a:hover,#gm li.gm01 a.this {background: url(../img/gm01.jpg) no-repeat 0 -40px;}
#gm li.gm02 a:hover,#gm li.gm02 a.this {background: url(../img/gm02.jpg) no-repeat 0 -40px;}
#gm li.gm03 a:hover,#gm li.gm03 a.this {background: url(../img/gm03.jpg) no-repeat 0 -40px;}
#gm li.gm04 a:hover,#gm li.gm04 a.this {background: url(../img/gm04.jpg) no-repeat 0 -40px;}
#gm li.gm05 a:hover,#gm li.gm05 a.this {background: url(../img/gm05.jpg) no-repeat 0 -40px;}
#container #wrapper h2 {width:777px; height:96px;} 


/* ================================================================================ */
/*     contents (news)                                                           		　  */
/* ================================================================================ */
#contents .path p {padding:6px 0 5px 15px; border-bottom:1px solid #cccccc; font-size:0.9em;}

#contents,.cts_wrap { width:777px; padding: 0 0 20px 0;}
#contents .cts_wrap .news_l h3.archive {color:#ffffff; background:url(../img/archive.gif); color:#FFFFFF;
	font-size:0.9em;
	font-weight:normal;
	height:27px;
	padding:8px 0 0 10px;
	width:142px;
}
* html #contents .cts_wrap .news_l h3.archive {padding:9px 0 0 10px; height:26px;}
*+html #contents .cts_wrap .news_l h3.archive {padding:9px 0 0 10px; height:26px;}


#contents .cts_wrap .news_l {float:left; margin:20px 0 0 15px; _margin: 20px 0 0 8px; width:152px;}
#contents .cts_wrap .news_l ul {margin: -5px 0 0 0; border-bottom:1px solid #D6D7D2;}
#contents .cts_wrap .news_l ul li {background: url(../img/list.jpg) no-repeat; font-size:0.9em;
height:19px;
margin:0;
padding:8px 0 0 15px;
width:137px;}

#contents .cts_wrap .news_r { width: 580px; margin: 20px 0 0 15px; float:left;}

#contents .cts_wrap .news_r h3 {background:url(../img/news_title.jpg) repeat-x #1945A4; color:#ffffff; padding:9px 5px 5px 10px; font-size:0.95em; }

* html #contents .cts_wrap .news_r h3 {padding:9px 5px 6px 10px;}
*+html #contents .cts_wrap .news_r h3 {padding:9px 5px 6px 10px;}


#contents .cts_wrap .news_r dl {width:580px; margin:0; padding: 8px 0; background: url(../img/dot.gif) repeat-x bottom;}
#contents .cts_wrap .news_r dt,#contents .cts_wrap .news_r dd {margin:1px 0 0 0; float:left; font-size: 0.9em;}
#contents .cts_wrap .news_r dd {width:470px; line-height:1.5em; margin:0 0 0 15px; font-size:0.9em;}

#contents .cts_wrap .news_r dd a {color:#043790;}
#contents .cts_wrap .news_r dd a:hover {text-decoration: underline;}

#contents .cts_wrap .news_l p {font-size:0.8em; margin:5px 0 0 0; text-align:right;}
#contents .cts_wrap .news_r p {margin:10px 0 0 0; font-size:0.9em; line-height:1.5em;}
#contents .cts_wrap .news_r p.pdf { padding: 0 0 0 30px; background: url(../img/pdf.gif) no-repeat left center;}

#contents .news_r p.p_nate {margin-top:10px; text-align: center;}

#contents .news_wrap {padding: 0 0 15px 0; background: url(../img/dot.gif) repeat-x bottom;}

/* ================================================================================ */
/*     contents (products)                                                 		　  */
/* ================================================================================ */
.search_wrap {
	margin:20px auto;
	width:630px;
	height:42px;
	background:url(../img/search_bg.jpg) no-repeat;
}
.search { width:460px; margin:0px 0 0 170px; padding:8px 0 0 0;}
.search_cat {float:left; margin: 3px 0 0 0; width:170px;}
.search_txt {float:left; margin: 3px 0 0 10px; width:180px;}
*:first-child+html .search_cat{width:175px;}

* html body .search_txt {float:left; margin: 3px 0 0 0; width:200px;}
*+html body .search_txt {float:left; margin: 3px 0 0 0; width:200px;}


.search_btn {float:left; margin: -1px 0 0 10px;}

.pro_wrap {width:777px;}

* html body .pro_wrap {margin: 0 0 20px 0;}
*+html body .pro_wrap {margin: 0 0 20px 0;}

#product .heightLine-1 { 
	width:365px;
	float:left;
	margin: 0 0 15px 15px;
	_margin:0 0 10px 10px;
	background:#f5f5f0;
	border:1px solid #d6d4d4;
	}

.pro_menu{
	margin: 0 0 0 15px;
	_margin:0 0 0 8px;
	width:152px;
	float:left;
	}
.pro_detail {
	width:575px;
	margin: 0 0 0 15px;
	float:left;
	}
.pro_detail h3 {
	padding: 0 0 3px 0;
	border-bottom: 2px solid #013089;
	font-size:1.1em;
	}

#product .heightLine-1 h4 {color:#ffffff; background:url(../img/cat.jpg) no-repeat #02318B; width:340px; padding:7px 0 7px 25px; 
font-size:1em; font-weight:normal;}

#product .heightLine-1 h4 a {color:#fff; display:block; width:315px; height:17px;}
#product .heightLine-1 h4 a:hover {text-decoration:none;}

#product .heightLine-1 p {margin: 5px 5px 0 10px; font-size:1em; line-height:1.4em;}

#product .heightLine-1 ul {width:345px; margin: 8px 0 8px 10px; padding:10px 0 0 0; background:url(../img/line.jpg) repeat-x top;}
#product .heightLine-1 li {float:left; font-size:0.9em; line-height:1.4em; white-space: nowrap;}

* html #product .heightLine-1 h4 { padding:8px 0 6px 25px;}
*+html #product .heightLine-1 h4 { padding:8px 0 6px 25px;}

#accordion2 {
	width:152px;
	border-top:none;
	}
.accordion2 {
	width:152px;
	color:#333;
	border:1px solid #d6d4d4;
	}
.accordion2 dt {
	width:152px;
	font-weight:normal;
	font-size:0.9em;
	cursor:pointer;
	background-color:#666;
	background: url(../img/products_menu_bg.gif) repeat-x top #013089;
	color:#fff;
	border-top:1px solid #fff;
	}
.accordion2 dt a {
	display:block;
	width:144px;
	padding:8px 0 8px 8px;
	text-decoration:none;
	}
.accordion2 dt:hover {
	background: url(../img/products_menu_bg_ov.gif) repeat-x top #365ca3;
	}
.accordion2 .open {
	background: url(../img/products_menu_bg.gif) repeat-x top #013089;
	}
.accordion2 dd {
	overflow:hidden;
	background:#f0f0eb;
	}
.accordion2 dd li,.accordion2 dd p {
	font-size: 0.9em;
	padding: 5px 0 5px 8px;
	background: url(../img/dot4.gif) repeat-x bottom;
	}
.accordion2 dd p {
	font-size:0.8em;
	padding: 4px 0 5px 8px;
	}
.accordion2 dd p a {
	background:url(../img/up.gif) no-repeat left center;
	padding: 0 0 0 10px;
	}
#product #container table.changeTr {
	width: 575px;
	border-collapse:collapse;
	margin:10px 0 15px 0;
	}
#product #container tr {
	border-bottom: 1px solid #bac3e2;
	}
#product #container th {
	background: url(../img/table_th.jpg) repeat-x #1945A4;
	color:#fff;
	font-size:0.9em;
	padding:7px 5px 5px 5px;
	font-weight:normal;
	}
#product #container th.code { width:45px;}
#product #container th.name {}
#product #container th.package { width:50px;}
#product #container th.storage { width:50px;}
#product #container th.species { width:50px;}
#product #container th.protocol { width:50px;}
#product #container th.msds { width:45px;}

#product #container td {
	font-size:0.9em;
	padding:3px 5px;
	line-height:1.4em;
	_padding:5px;
	background:#EBF0FA;
	}
*+html body #product #container td {
	padding:5px;
	}
#product #container td img {
	padding:3px 0 0 0;
	}
#product #container table.changeTr td a {
	color:#000;
	}
#product #container tr.changeTrBg td {
 background-color: #ffffff;
}
#product #container table.detail  {
	border-top: 2px solid #013089;
	border-bottom:1px solid #bac3e2;
	margin: 5px 0 20px 0px;
	width:575px;
	border-collapse:collapse;
	}
#product  #container .detail th {
	padding:5px 0 5px 10px;
	font-weight:normal;
	font-size:0.9em;
	width:175px;
	color:#000;
	background: url(../img/dot2.gif) repeat-x top #ebf0fa;
	border-right:1px solid #bac3e2;
	border-top:1px solid #bac3e2;
	}
#product  #container .detail td {
	border-left:1px solid #bac3e2;
	border-top:1px solid #bac3e2;
	padding:7px 0 7px 15px;
	font-size:0.9em;
	line-height:1.4em;
	background: url(../img/dot3.jpg) repeat-y left;
	}
#product  #container .detail td input.txt {width: 400px;}
#product  #container .detail td input.txt2 {width: 332px;}

#product #container .pro_detail dl {
	width:575px;
	margin:0 0 5px 0;
	}
#product #container .pro_detail dt {
	float:left;
	font-size:0.9em;
	font-weight:bold;
	margin:2px 15px 0 0;
	}
#product #container .pro_detail dd {
	float:left;
	width:480px;
	font-size:1.1em;
	font-weight:bold;
	}
#product #container .pro_detail tr.pdf td a {
	background: url(../img/pdf.gif) no-repeat left center;
	padding: 5px 0 5px 28px;
	}
#product #container #accordion2 dt a {
	color: #ffffff;
	}
body#product #container td.pro_img,
body#product #container td.msds_img,
body#product #container td.pro_img2,
body#product #container td.msds_img2 {
	text-indent:-9999px;
	_line-height:0.6em;
	}
body#product td.pro_img a { display:block; background: url(../img/protocol_01.gif) no-repeat; width:37px; height:8px;}
body#product td.pro_img a:hover { background: url(../img/protocol_01.gif) no-repeat 0 -8px;}

body#product tr.changeTrBg td.pro_img a,
body#product td.pro_img2 a { display:block; background: url(../img/protocol_02.gif) no-repeat; width:37px; height:8px;}

body#product tr.changeTrBg td.pro_img a:hover,
body#product td.pro_img2 a:hover { background: url(../img/protocol_02.gif) no-repeat 0 -8px;}

body#product td.msds_img a { display:block; background: url(../img/msds_01.gif) no-repeat; width:37px; height:7px;}
body#product td.msds_img a:hover { background: url(../img/msds_01.gif) no-repeat 0 -7px;}

body#product tr.changeTrBg td.msds_img a,
body#product td.msds_img2 a { display:block; background: url(../img/msds_02.gif) no-repeat; width:37px; height:7px;}

body#product tr.changeTrBg td.msds_img a:hover,
body#product td.msds_img2 a:hover { background: url(../img/msds_02.gif) no-repeat 0 -7px;}


/* IE6用 ------------------------------------------------ */
#product option,#product select {
	font-size: 0.9em;
	_font-size:0.85em;
	}

/* ================================================================================ */
/*     contents (distributors)                                          		　  */
/* ================================================================================ */
.dis_wrap { width:777px; margin:15px 0 0 0;}
.dis_wrap p { width:435px; float:left; font-size:0.9em; margin: 0 0 0 15px; _margin: 0 0 0 10px; line-height:1.5em;}
.dis_wrap .dis_detail {float:left; background:#F2F2F2; width:290px; margin: 0 0 0 15px; padding: 5px 0; border:1px solid #cccccc;}
.dis_wrap .dis_detail p {width:245px; float:none; margin:5px 0 5px 15px;}
.dis_wrap .dis_detail p span {font-weight:bold;}

#distributors h3 {margin: 30px 0 0 15px;}

.tabs-container {width:747px;}
.tabs-container h4 {width:95px; float:left; color:#053273; font-size:1.1em;}
.frag_wrap {width:640px; float:left; margin: -10px 0 0 0;}
.frag_detail { margin:10px 0 0 0; padding: 0 0 10px 0; background: url(../img/dot.gif) repeat-x bottom;}
.frag_detail h5 {font-size:0.9em; line-height:1.5em; margin: 0 0 3px 0;}
.frag_detail p {font-size:0.9em; line-height:1.5em;}

.country {
	width:737px;
	margin: 0 0 10px 0;
	}
#distributors .country dl {
	width:640px;
	margin:2px 0 0 0;
}
#distributors .country dt {
	float:left;
	width:60px;
	font-size:0.9em;
	}
#distributors .country dd {
	float:left;
	font-size:0.9em;
}

/* ================================================================================ */
/*     contents (about_us,japanese)                                               	*/
/* ================================================================================ */

#abt h3,#jpn h3 {margin: 20px 0 0 15px;}

.abt_wrap { width:777px; margin:15px 0 0 0;}
.abt_wrap .abt_txt { width:435px; float:left; font-size:0.9em; margin: -10px 0 0 15px; _margin: -10px 0 0 10px; line-height:1.5em;}
.abt_wrap .abt_txt p {line-height:1.5em; margin:10px 0 0 0;}

.abt_wrap .abt_detail {float:left; background:#F2F2F2; width:290px; margin: 0 0 0 15px; padding: 5px 0; border:1px solid #cccccc;}

*+html body .abt_wrap .abt_detail {padding: 10px 0 5px 0;}

.abt_wrap .abt_detail p {width:245px; float:none; margin:5px 0 5px 15px; font-size:0.9em; line-height:1.5em;}
.abt_wrap .abt_detail p span {font-weight:bold; font-size:1em;}

#jpn .abt_wrap .abt_detail p span {font-weight:bold; font-size:1em;line-height:1.5em;}


/* ================================================================================ */
/*     contents (contact)			                                               	*/
/* ================================================================================ */
.red {color:#d52727;}
#contact p.txt {margin: 15px 15px 5px 15px; font-size:0.9em;}
#contact p.caution {margin: 0 15px 0 15px; font-size:0.9em;}
#contact td.inq,#contact .name {line-height:2.1em;}
#contact table {
	border-top: 2px solid #013089;
	border-bottom:1px solid #bac3e2;
	margin: 20px 0 0 15px;
	width:747px;
	border-collapse:collapse;
	}
#contact th {padding:5px; font-weight:normal; font-size:0.9em; width:175px; background: url(../img/dot2.gif) repeat-x top #ebf0fa; border-right:1px solid #bac3e2; border-top:1px solid #bac3e2; }
#contact td {border-left:1px solid #bac3e2; border-top:1px solid #bac3e2; padding:5px 5px 5px 7px; font-size:0.9em; background: url(../img/dot3.jpg) repeat-y left;}

#contact td input.txt {width: 500px;}
#contact td.name input.txt {width: 432px;}

#contact input,#contact textarea,#contact select {border: 1px solid #d7d7d7;}
#contact textarea {width:500px; height:120px;}

#contact p.submit {text-align:center; margin:15px 0 0 0; }

#contact ul#alert {width:400px; margin:10px auto 0; border:2px solid #d6d4d4; background: #f4f4f1; padding:10px;}
#contact ul#alert li {line-height:1.3em; font-size:0.9em; color:#D52727; margin:5px 0 5px 20px; padding: 0; list-style-position:outside;
list-style-type:circle;}

#contents #form p {
	margin: 10px 0 0 15px;
	}
#contents #form .confirm {
	color:#D52727;
	background: url(../img/dot.gif) repeat-x bottom;
	margin:10px 0 5px 0;
	padding:0 0 5px 0;
	}
/* ================================================================================ */
/*     contents (sitemap)			                                               	*/
/* ================================================================================ */
#sitemap h3 {height:21px; padding: 2px 0 2px 15px; border-left:5px solid #d2d2c3; background:#f2f2ec; width:727px; margin: 10px 0 0 15px; font-size:1.2em; _font-size:1.1em; _padding: 6px 0 0 15px; }
#sitemap h3 a {color:#1e1e1e; font-size:0.8em; font-weight:normal; }

#sitemap ul.point {margin: 10px 0 0 20px;}
#sitemap ul.point li {line-height:1.5em; font-size:0.95em; background: url(../img/point2.gif) no-repeat left center; padding:0 0 0 15px;}

#sitemap #pageup {margin:20px 0 0 690px;}

/* ================================================================================ */
/*     contents (privacy)			                                               	*/
/* ================================================================================ */
#privacy p {margin: 13px 0 13px 15px; width:747px; font-size:0.9em; line-height:1.5em;}
#privacy #contents .path p {margin:0;}

#privacy h3 {height:21px; padding: 6px 0 0 15px; border-left:5px solid #d2d2c3; background:#f2f2ec; width:727px; margin: 10px 0 0 15px; font-size:0.9em;}

#privacy ul.detail {margin: 5px 0 0 35px;}
#privacy ul.detail li {list-style-position:outside; list-style-type:circle;
line-height:1.3em; font-size:0.9em; margin:10px 0; padding:0 0 0 5px;}

#privacy #pageup {margin:20px 0 0 690px;}

#privacy #footer p { margin:0; font-size:0.8em; text-align:center; padding:6px 0 0 0;}

#privacy p.maillink { background:url(../img/policy.gif) no-repeat; padding:2px 0 0 0; _padding:0;}

*+html #privacy p.maillink { padding:0;}


/* ================================================================================ */
/*     footer                                                            		　  */
/* ================================================================================ */

#footer {width:800px; height:37px; margin: 0 auto; text-align:left; background: url(../img/footer.gif) repeat-y;}
#footer p { font-size:0.8em; text-align:center; padding:6px 0 0 0;}

#pageup {margin: 0 0 0 690px;}

/* ================================================================================ */
/*     Float clear                                                         	        */ 
/* ================================================================================ */
#distributors .country dl:after,.country:after,#header:after,#product #container .pro_detail dl:after,.abt_wrap:after,.tabs-container:after,.dis_wrap:after,.heightLine-1 ul:after,.pro_wrap:after,.search:after,#gm:after,#contents .cts_wrap .news_r dl:after,#contents .cts_wrap:after,.cts_wrap2:after,#contents .news ul:after,#contents dl:after,#contents .cts_wrap:after,#contents:after,#contents .cts_wrap ul:after,#gm:after,#header ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}