/*--------------------------------------------------------*/
/*全体
--------------------------------------------------------*/
/*html{overflow-y: scroll;}*/

body
{
margin:0px;
font-size:13px;
line-height:1.5em;
color:#333333;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
voice-family : "\"}\"";					/* おまじない */
voice-family : inherit;					/* おまじない */
/*text-align: center;*/
}
td{font-size:13px;}

#mainbody
{margin:0px;
padding:0px;
width:90%;}

div#content
{width:830px;
background : url("img/back.gif") top center repeat-y;
text-align:center;
}

img{margin:0px; padding:0px;}


a:link/*リンク*/
{
color:#18358E;
/*font-size:12px;*/
}

input.botan/*フォーム系*/ {
		margin: 0px 0px 5px 5px;
		padding: 2px 5px;
		font-size: 12px;
		line-height: 1.5em;
		border: 1px solid #6D6666;
		background-color: #EBEBEB;
		color: #333333;
	}
div#main{width:805px;
text-align:center;
margin: 0 auto;}	

div#left{width:210px;
float:left;
padding-bottom:20px;
padding-left:5px;
padding-top:8px;
/*left:25px;*/
top:110px;

}

div#right{width:585px;
float:right;
/*padding-left:10px;*/
padding-top:8px;
padding-bottom:10px;
text-align:left;}

#mainframe
{width:570px;
/*margin-left:5px;*/}

/* リストの設定
------------------------------------------------------------ */

	/* リスト・要素 */

	ul, ol, li, dl, dt, dd {
		list-style: none;
		padding:0px;
		margin:0px;
	}

/*--------------------------------------------------------*/
/*フッタ
--------------------------------------------------------*/
.copy
{
font-size:10px;
color:#666666;
text-align:center;
}

div#foot{
		margin: auto;
		width : 805px;							/* wrapper＋extra-columnの幅 */
		text-align : center;
font-size:12px;
color:#666666;
clear:both;

}

.footlink{
width:780px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin:5px;
}

#foot a{color:#18358E;}

#bottom{background:url("img/bottom.gif") no-repeat bottom;
width:830px;
text-align:center;}

	
/* Mac版IEの文字化け対策
------------------------------------------------------------ */

	/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

	textarea,input,select {
		font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
	}

/*--------------------------------------------------------*/
/*左メニュー
--------------------------------------------------------*/
.lb/*左ボタン全体*/
{
width:205px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
clear:both;
text-align:left;
}

.lb_b/*左ボタン青部分*/
{
background-color:#EBF5FA;
margin:0px;
padding-left:10px;
padding-bottom:10px;
color:#18358E;
font-size:12px;
line-height:18px;
}




.lb_g_top/*左ボタン灰色部分*/
{
background-color:#EBEBEB;
color:#333333;
font-size:12px;
line-height:16px;
padding:10px;
height:295px;
}


.lb_g/*左ボタン灰色部分*/
{
background-color:#EBEBEB;
color:#333333;
font-size:12px;
line-height:16px;
padding:10px;
height:auto;
}

.lb_yl/*左ボタン矢印*/
{
width:6px;
padding-right:5px;
padding-top:10px;
padding-left:10px;
float:left;
}

.lb_yr/*左ボタンリンク*/
{
width:150px;
padding-top:10px;
padding-right:10px;
float:left;
}

.lb_yc/*左ボタンリンク回り込み解除*/
{
clear:left;
}

.px11blue/*左ボタン青文字用*/
{
font-size:10px;
color:#18358E;
margin-top:5px;}

/*--------------------------------------------------------*/
/*トップ右コンテンツ
--------------------------------------------------------*/
.new/*更新情報枠*/
{width:350px;
float:left;
padding-top:10px;}

.top_banner/*トップ右側バナー箇所*/
{width:220px;
float:left;
padding-top:10px;}

.px11bg
{
color:#6D6666;
font-size:11px;
line-height:1.3em;
background-color:#EBEBEB;
width:190px;
padding:10px;
}

/*--------------------------------------------------------*/
/*フォント
--------------------------------------------------------*/
.p9
{font-size:9px;}
.p10
{font-size:10px;}

.p11
{font-size:11px;
line-height:1.3em}
.p12
{font-size:12px;}
.p13
{font-size:13px;}
.p14
{font-size:14px;}
.p15
{font-size:15px;}
.p16
{font-size:16px;}
.black
{color:#000000;}
.white
{color:#FFFFFF;}
.red
{color:#990000;}
.red2
{color:#FF0000;}
.blue
{color:#18358E;}

/*--------------------------------------------------------*/
/*ウェイト
--------------------------------------------------------*/
.w900{font-weight:900;}

/*--------------------------------------------------------*/
/*マージン
--------------------------------------------------------*/
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml58{margin-left:58px;}
.ml78{margin-left:78px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.mu5{margin-bottom:5px;}
.mu7{margin-bottom:7px;}
.mu10{margin-bottom:10px;}
.mu18{margin-bottom:18px;}
.mu20{margin-bottom:20px;}
.mu8{margin-bottom:8px;}
.mu5{margin-bottom:5px;}
.p0{padding:0px;}
.p10{padding:10px;}
.p10{padding:10px;}
.p20{padding:20px;}

.pl2{padding-left:2px;}
.pl10{padding-left:10px;}

.pt2
{padding-top:2px;}
.pt5
{padding-top:5px;}
.pt10
{padding-top:10px;}
.pt20
{padding-top:20px;}
.pt30
{padding-top:30px;}
.pr5
{padding-right:5px;}
.pr10
{padding-right:10px;}
.pr20
{padding-right:20px;}
.pr24
{padding-right:24px;}
.pr30
{padding-right:30px;}
.pru30
{padding-right:30px;
padding-bottom:30px;}
.ptu30
{padding-top:30px;
padding-bottom:30px;}

.pa5
{padding:5px;}
.pa10
{padding:10px;}
.pa15
{padding:15px;}
.pa20
{padding:20px;}
.pu5
{padding-bottom:5px;}

.pu10{padding-bottom:10px;}
.pu12{padding-bottom:12px;}
.pu13{padding-bottom:13px;}
.pu15{padding-bottom:15px;}
.pu20{padding-bottom:20px;}
.pu25{padding-bottom:25px;}
.mp0{margin:0px;
padding:0px;}

/*文字間隔*/
.ls10
{letter-spacing: 10px;}

.ls20
{letter-spacing:20px;}


/*行間*/
.lh20{line-height:20px;}
.lh30{line-height:30px;}
.lh15e{line-height:1.5em;}


/*--------------------------------------------------------*/
/*行揃え
--------------------------------------------------------*/
.center{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}

/*--------------------------------------------------------*/
/*回り込み
--------------------------------------------------------*/
.clear{clear:both;}
.f_right{float:right;}
.f_left{float:left;}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*--------------------------------------------------------*/
/*テーブル
--------------------------------------------------------*/
td.line_g
{border:1px solid #EBEBEB;}

td.line_g-b
{border-bottom:1px solid #EBEBEB;}

td.line_g-b2
{border-bottom:1px solid #999999;}

td.line_g-t
{border-top:1px solid #EBEBEB;}

td.line_g-l
{border-left:1px solid #EBEBEB;}

td.line_g-l2
{border-left:1px solid #999999;}

td.line_g-r
{border-right:1px solid #EBEBEB;}

td.line_g-r2
{border-right:1px solid #999999;}

table.line_gray
{border:1px solid #999999;}


/*--------------------------------------------------------*/
/*会社概要
--------------------------------------------------------*/
.gray_left
{background-color:#EBEBEB;
width:100px;
float:left;
padding:6px;
text-align:left;}

.gray_right
{width:400px;
float:left;
padding:5px;
text-align:left;
border:1px solid #EBEBEB;}

.gray_waku
{width:auto;
text-align:left;
background-color:#EBEBEB;
border:1px solid #CCCCCC;
font-size:14px;
line-height:2.0em;
font-weight:bold;
padding:10px 20px;
color:#666666;
}

/*--------------------------------------------------------*/
/*請求・注文フォーム
--------------------------------------------------------*/
.back_g
{background-color:#EBEBEB;
padding:0px;
margin-top:2px;
margin-left:10px;
margin-right:10px;
width:540px;
}



.back_w
{
background-color:#FFFFFF;
}

table.order {
	border-collapse : collapse ;
	border-width : 1px 0 0 1px ;
	border-style : solid ;
	border-color : #6D6666 ;	/* IE 6(Win)向け */
	font-size:12px;
}

.order td {
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
	padding : 2px ;
}

td.back_red
{
background-color:#CF470B;
/*color:#FFFFFF;*/
font-size:14px;
text-align:center;
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
}

td.underline
{
border-style : ;
	border-bottom-style: double;
}

.post_title/*住所検索タイトル*/
{
background-color:#EBF5FA;
margin:3px;
padding:5px;
color:#18358E;
font-size:14px;
font-weight:bold;
}

table.postal/*住所検索テーブル*/
{
font-size:12px;
}

.catalog_error
{color:#18358E;
font-size:16px;
font-weight:bold;}

.catalog_error_o
{color:#990000;
font-size:16px;
font-weight:bold;}

.back_blue
{background-color:#EBF5FA;}

table.order_o {
	border-collapse : collapse ;
	border-width : 1px 0 0 1px ;
	border-style : solid ;
	border-color : #999999 ;	/* IE 6(Win)向け */
	font-size:12px;
}

.order_o td {
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
	padding : 2px ;
	border-color:#999999;
}


.attention{
padding:10px;
font-size:14px;
color:#18358E;
font-weight:bold;
}


.attention2{
padding:10px 0px;
font-size:14px;
color:#18358E;
font-weight:bold;
}


.attention3{
padding:10px 0px;
font-size:13px;
color:#18358E;
font-weight:bold;
}

.attention4{
width:340px;
padding:0px 0px;
font-size:13px;
color:#18358E;
font-weight:bold;
}

.attention5{
padding:10px 0px 0px 0px;
font-size:16px;
color:#18358E;
font-weight:bold;
}

/*--------------------------------------------------------*/
/*製品紹介
--------------------------------------------------------*/
table.seihin {
	border-collapse : collapse ;
	border-width : 1px 0 0 1px ;
	border-style : solid ;
	border-color : #302F91 ;	/* IE 6(Win)向け */
	font-size:12px;
}

.seihin td {
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
	padding-left : 2px ;
	border-color : #302F91 ;
	color:#333333;
	text-align:center;
}


.seihin .line_dou {
   border-top: 1px solid #302F91;
   border-bottom: 3px double #302F91;
   border-left: 1px solid #302F91;
   border-right: 1px solid #302F91;
}

.seihin .line_2 {
   border-top: 1px solid #302F91;
   border-bottom: 2px solid #302F91;
   border-left: 1px solid #302F91;
   border-right: 1px solid #302F91;
}


.seihin .line_dot {
   border-bottom: 1px dotted #302F91;
   border-left: 1px solid #302F91;
   border-right: 1px solid #302F91;
}


.seihin .line_dot2 {
   border-bottom: 1px dotted #302F91;
   border-left: 1px dotted #302F91;
   border-right: 0px;
}

.seihin .line_dot3 {
   border-bottom: 1px solid #302F91;
   border-left: 1px dotted #302F91;
   border-right: 0px;
}

.seihin .line_dot4 {
   border-bottom: 1px dotted #302F91;
   border-left: 1px dotted #302F91;
   border-right: 1px solid #302F91;
}

.seihin .line_dot5 {
   border-bottom: 1px solid #302F91;
   border-left: 1px dotted #302F91;
   border-right: 1px solid #302F91;
}

.seihin .line_left {
   border-bottom: 1px solid #302F91;
   border-left: 1px solid #302F91;
}

.seihin .noline {
   border-bottom: 0px;
}

.seihin .noline2 {
   border-right: 0px;
}

.seihin .noline3 {
   border-left: 0px;
}


table.seihin2 {
	border-collapse : collapse ;
	border-width : 1px 0 0 0px ;
	border-style : solid ;
	border-color : #302F91 ;	/* IE 6(Win)向け */
	font-size:12px;
}

.seihin2 td {
	border-width : 0 1px 1px 0px ;
	border-style : solid ;
	padding-left : 2px ;
	border-color : #302F91 ;
	color:#333333;
	text-align:center;
}

.seihin2 .line_left {
   border-left: 1px solid #302F91;
}
.seihin2 .noline {
   border-bottom: 0px;
}

.seihin2 .noline2 {
   border-right: 0px;
}

.seihin2 .noline3 {
   border-left: 0px;
}

td.back_blue/*製品概要タイトル*/
{
background-color:#EBF5FA;
}

.back_gray{
background-color:#EBEBEB;}

td.seihin_blue/*製品概要タイトル*/
{
background-color:#EBF5FA;
color:#18358E;
font-size:12px;
text-align:center;
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
	border-color : #302F91 ;
}

td.vial_auto/*オートサンプラーバイアルタイプ説明用背景灰色*/
{
background-color:#EBEBEB;
padding:5px;
}

.seihin_t_kobetu/*製品個別タイトル文字設定*/
{
border-left-style:solid;
border-left-width:5px;
border-left-color:#302F91;
color:#302F91;
font-size:15px;
padding-left:5px;
margin:0px;
}

.seihin_t_kobetu_new/*製品個別タイトル文字設定 赤*/
{
border-left-style:solid;
border-left-width:5px;
border-left-color:#FF0000;
color:#FF0000;
font-size:15px;
padding-left:5px;
margin:0px;
}
.seihin_t_bottom
{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#302F91;
padding-bottom:5px;
margin-top:20px;
}

.seihin_t_bottom_new
{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#FF0000;
padding-bottom:5px;
margin-top:20px;
}

.seihin_title{

color:#18358E;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;}

.seihin_emp/*下の長さ調整用*/
{
width:500px;
height:400px;
}

.back_blue_box
{margin-top:10px;
margin-bottom:10px;
padding:5px/* 3px*/;
background-color:#FFFBC1;
font-weight:bold;
color:#18358E;
border:solid #18358E 1px;
}

.back_blue_box2
{margin-top:10px;
margin-bottom:10px;
padding:5px/* 3px*/;
background-color:#FFFBC1;
color:#18358E;
border:solid #18358E 1px;
text-align:center;
}


.back_gray_box
{
width:95%;
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:5px;
padding:5px;
background-color:#FFFFFF;
color:#333333;
border:solid #AAAAAA 1px;
text-align:left;
}

.b_line{
margin-top:2px;
border-bottom:3px double #18358E;
}

h3.hplc_kosou/*固相抽出用カートリッジカラム（SAMPLE PREP)表タイトル*/
{
font-size:15px;
font-weight:bold;
color:#18358E;
padding:1px;
margin-bottom:1px;
}

h3.vial/*バイアル　ヘッドスペースボタンタイトル*/
{
font-size:15px;
font-weight:bold;
color:#18358E;
padding:1px;
margin-top:8px;
margin-bottom:1px;
}

h3.micros/*マイクロシリンジ　タイトル*/
{
font-size:15px;
font-weight:bold;
color:#18358E;
padding:1px;
padding-top:5px;
margin-bottom:1px;
}

.hplc_back_blue
{
background-color:#EBF5FA;
color:#18358E;
padding-left:5px;
}


.hplc_back_blue2
{
background-color:#EBF5FA;
color:#18358E;
border:1px solid #18358E;
font-size:11px;
}



.hplc_blue
{
border-bottom:1px solid #18358E;
font-size:12px;
line-height:14px;
}


.hplc_blue2
{
border-bottom:1px solid #18358E;
font-size:12px;
line-height:17px;
}

.hplc_blue3
{
border-bottom:2px solid #18358E;
font-size:12px;
line-height:17px;
}

.hplc_gray
{
border-bottom:1px solid #cccccc;
font-size:12px;
line-height:17px;
}



.hplc_kosou_attention h3
{
border-bottom:2px solid #18358E;
font-size:15px;
}


.hplc_kosou_attention ul
{
list-style-position:outside;
list-style-type:decimal;
}

.hplc_kosou_attention li
{
list-style-position:outside;
list-style-type:decimal;
font-size:13px;
margin:5px;
padding:5px;
margin-left:25px;
}



.biomat_l{
clear:both;
float:left;
margin-left:10px;
}


.biomat_r{
float:left;
margin-left:10px;
}


.biomat_l2{
clear:both;
float:left;
width:340px;
margin-top:10px;
margin-left:10px;
}


.biomat_r2{
float:right;
width:210px;
margin-top:10px;
margin-left:5px;
}


.biomat_l3{
clear:both;
float:left;
width:250px;
margin-top:10px;
margin-left:0px;
}


.biomat_r3{
float:right;
width:280px;
margin-top:10px;
margin-left:0px;
}


.biomat_l4{
clear:both;
float:left;
width:290px;
margin-top:10px;
margin-left:5px;
}


.biomat_r4{
float:right;
width:250px;
margin-top:10px;
margin-left:0px;
}


#biomat #box{
background-color:#EEF7FF;
padding:5px;
}


.h80{
height:80px;
}

.h160{
height:160px;
}

#biomat #box ol{
margin-left:20px;
margin-bottom:5px;
color:#18358E;
}

#biomat #box li{
list-style-position:outside;
list-style-type:disc;
color:#18358E;
}



#biomat #box2 li{
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
margin-right:10px;
}


#biomat #box3 li{
list-style-position:outside;
list-style-type:square;
margin-left:20px;
margin-right:10px;
}


/*--------------------------------------------------------*/
/*とむ君の部屋
--------------------------------------------------------*/
body.tomukun
{background-color:#FFFFCC;
margin:0;
text-align:center;}



/*--------------------------------------------------------*/
/*トップページ　おすすめ製品のご案内
--------------------------------------------------------*/

.top_osusume{
width:538px;
height:180px;
border: 1px solid #cccccc;
background-color: #EBF5FA;
margin-top:5px;
padding:8px;
color:#18358E;
}

.top_osusume .l{
clear:both;
float:left;
padding:5px 0px 5px 5px;
}

.top_osusume .osusume_name{
font-size:16px;
font-weight:bold;
color:#18358E;
}

.top_osusume .osusume_line{
border-bottom:2px solid #18358E;
}

.top_osusume .r{
float:left;
width:380px;
padding-left:15px;
margin-top:2px;
}

.top_osusume .box{
float:left;
width:auto;
margin-top:2px;
color:#333333;
}

.top_osusume .box li{
list-style-position:outside;
list-style-type:square;
margin-left:20px;
font-weight:bold;
}