@charset "UTF-8";

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

common

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

/* heading
-----------------------------------------------------------------------*/
#main h2 {
	line-height: 1.4;
	}



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

topPage

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

/* common
-----------------------------------------------------------------------*/
#preparativeYmcGelCategory {
	padding-top: 8px;
	background: url("../../common/img/dotline_grey.gif") repeat-x left top;
	}
#chromatoCategory .left,
#chromatoCategory .center,
#chromatoCategory .right {
	width: 207px;
	}
#chromatoCategory .left {
	margin-right: 20px;
	}
#main .categoryList li,
#main .guide li,
#main .guide02 li,
#main #preparativeYmcGelCategory li,
#main #ssCenter li {
	margin-left: 0;
	padding-left: 14px;
	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 0 .3em;
	list-style-type: none;
	}
.section01 {
	padding-top:30px;
	background: url("../../common/img/dotline_grey.gif") repeat-x left top;
	}
.section02 {
	padding-bottom:10px;
	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;
	}

/* heading
-----------------------------------------------------------------------*/
body.chromatoTop #main h2 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	line-height: 1;
	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;
	}
body.chromatoTop #main h3 {
	margin-bottom: 6px;
	padding-bottom: 0;
	background: none;
	}

/* productOutline
-----------------------------------------------------------------------*/
.productOutline .left {
	width: 207px;
	}
.productOutline .right {
	width: 430px;
	}


/* chromatos, ssCenter
-----------------------------------------------------------------------*/
/* block
-----------------------------------*/
#chromatos,
#ssCenter {
	padding-top: 10px;
	border-top: #094AA2 3px solid;
	}

/* calumnCategory
-----------------------------------*/
#categoryLists {
	background: url("../../common/img/bg_3col_bdy.gif") repeat-y;
	}
#categoryLists div.section {
	padding-bottom: 3px;
	background: url("../../common/img/bg_3col_btm.gif") no-repeat left bottom;
	}
.categoryList {
	padding: 3px 3px 0;
	background: url("../../common/img/bg_3col_top.gif") no-repeat 0 -23px;
	}
.categoryList h4 {
	padding: 6px 8px;
	}
#main .categoryList ul {
	margin: 10px;
	}
#flash_chromato{
	padding: 26px 3px 0;
	background: url("../../common/img/bg_3col_top.gif") no-repeat;
}
#hplcPreparative h4 {
	border-top: #3162DD 5px solid;
	background: #DDDFEB;
	}
#bioLcPreparative h4 {
	border-top: #C47BA9 5px solid;
	background: #F6E4FA;
	}
#peripherals h4 {
	border-top: #666 5px solid;
	background: #CCC;
	}
#flash_chromato h4{
	border-top: #339966 5px solid;
	background: #D4E9DF;

}

/* preparativeYmcGelCategory
-----------------------------------------------------------------------*/
#preparativeYmcGelCategory li {
	width: 310px;
	float: left;
	}
#preparativeYmcGelCategory li dd {
	padding-left: 10px;
	background: url("../../common/img/ico_arrow_b.gif") no-repeat 0 .4em;
	}
.guide02 li dd{
	padding-left: 10px;
	background: url("../../common/img/ico_arrow_b.gif") no-repeat 0 .4em;
}


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

ssCenterCategory

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

/* common
-----------------------------------------------------------------------*/
body.ssCenter #categoryName p.contentsCategory {
	background: #666;
	}
body.ssCenter #main #similarContents li {
	width: 45%;
	}

/* ssTop
-----------------------------------------------------------------------*/
body.ssTop .ssCenterOutline .left {
	width: 180px;
	}
body.ssTop .ssCenterOutline .right {
	width: 460px;
	}
* html body.ssTop #main h1 {	/* hackForWinIE6(border-bottom) */
	height: 1%;
	}



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

facPage

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

/* heading
-----------------------------------------------------------------------*/
body.fac #main .feature h4 {
	font-weight: bold;
	}

/* equipment
-----------------------------------------------------------------------*/
body.fac #feature3 .equipment ul {
	width: 46%;
	}
body.fac #feature3 p {
	text-align: right;
	}

/* top_bnr
-----------------------------------------------------------------------*/
 
.bnr_wrap01{
	margin-bottom: 16px;
}
.bnr_wrap01 .bnr01{
	margin-right: 19px;
	margin-left: 20px;
}

/* guide
-----------------------------------------------------------------------*/

.guide li{
	float: left;
	width: 206px;
}
.guide02 li{
}

/*content01
-----------------------------------------------------------------------*/

.content01{
	width: 660px;
}
.content01_l{
	float: left;
	width: 213px;
	margin-right: 10px;
}
.content01_c{
	float: left;
	width: 213px;
	margin-right: 10px;
}

.content01_r{
	float: left;
	width: 213px;
}
#main .content01 p{
	margin-bottom: 5px;
}
.content02{
	padding: 12px 15px 10px 14px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.content01 .title01{
	font-weight: bold;
	background-image: url(../img/bg_tilte01.gif);
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 14px;
	padding-left: 12px;
}
.content01 .title02{
	font-weight: bold;
	background-image: url(../img/bg_tilte02.gif);
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 14px;
	padding-left: 12px;
}
.content01 .title03{
	font-weight: bold;
	background-image: url(../img/bg_tilte03.gif);
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 14px;
	padding-left: 12px;
}
.content03{
	width: 211px;
}
.content03_l{
	width: 83px;
	float: left;
	text-align:center;
}
.content03_r{
	float: right;
	width: 120px;
	font-size: 11px;
}
.content03 .r_content01{
	padding-top:15px;
}
.dd_left{
	float: left;
	width: 165px;
}
.dd_right{
	float: right;
	width: 90px;
	text-align: right;
}
.dd_right img{
	vertical-align:top;
}
#main .space0{
	margin-bottom: 0px;
}
#main .space01{
	margin-bottom: 10px;
}

#main .space02{
	margin-bottom: 20px;
}
#main .space03{
	margin-bottom: 30px;
	
}
#main .left_space03{
	padding-left: 30px;
}

#main .index_table01{
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#main .index_table01 th{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
}
#main .index_table01 .th01{
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 15px;
}
#main .index_table01 td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px 0px;
}
#main .index_table01 .td01{
	padding: 2px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: none;
}
#main .index_table01 .td01 .td01_a{
	border-top: 5px solid #3162DD;
	background-color: #DDDFEB;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}
#main .index_table01 .td01 .td01_b{
	border-top: 5px solid #B044D2;
	background-color: #ECE4F1;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}
#main .index_table01 .td01 .td01_c{
	border-top: 5px solid #339966;
	background-color: #D4E9DF;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}
#main .index_table01 .td01 .td01_d{
	border-top: 5px solid #666666;
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}
#main .index_table01 .td01 .td01_e{
	border-top: 5px solid #FF99CC;
	background-color: #FFEEF7;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}
#main .index_table01 .td01 .td01_f{
	border-top: 5px solid #FF9900;
	background-color: #FFEED2;
	padding-top: 5px;
	padding-left: 9px;
	height:20px;
}

#main .index_table01 dl{
	width: 316px;
}
#main .index_table01 dd{
	background-position: 0 25px;
}
#main .index_table01 .dd_left{
	padding-top: 20px;
}
#main .index_table01 .dd_right{
	padding-bottom: 10px;
}

/* chooseNavigation
-----------------------------------------------------------------------*/
.chooseNavigation {
	padding-bottom: 10px;
	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;
	}
#main .chooseNavigation li {
	margin: 0 10px 0 0;
	width: 31%;
	list-style-type: none;
	float: left;
	}
#main .chooseNavigation li.currently {
	background: url("../../common/img/bg_diag_grey.gif");
	}
#main .chooseNavigation li a {
	padding: .3em 0 .3em 24px;
	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 10px .7em;
	display: block;
	}