@charset "UTF-8"; 
	 
@import "../lib/css/reset.css"; 
@import "../lib/css/fonts.css";

  
/**
 * ========================================
 * バイオクロマト CSS 
 * ========================================
 *
 * INDEX
 * ----------------------------------------
 *
 *
 *
 *
 */
 
/**
 * ========================================
 * 共通 
 * ========================================
 */
	 
/**
 * HTML 
 * ========================================
 */
	
body 
{
	color: #666;
	background-color: #FFF;
	background-image: url(../img/bg_body.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.text{ width: 800px; margin: 0 auto; background: url(../eps/image/A-2Pout_bg.png) no-repeat 0 bottom;}
div.text p{ 
  text-align: left; 
	font-size: 17.5px; 
	font-weight: bold; 
	line-height: 2.2em; 
	color: #111; 
	padding:0 35px;
	letter-spacing: normal;
     font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.text p span{ background: url(../eps/image/dott.gif) 0 bottom repeat-x; padding-bottom: 2px; }
div.text p span.red{ color: #FF0028; }
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 幅 
 * ========================================
 */
	
.png 
{
	clear:both;
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	background-image: url(../img/bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
}
 
.Global 
{
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 段組 
 * ========================================
 */
	 
#Content 
{
	float: right;
	width: 580px;
}
	 
#Content .Section 
{
	margin-bottom: 20px;
}
	 
#Content .Section .SubSection 
{
	margin-top: 1em;
}
   
#Navigation 
{
	float: left;
	width: 200px;
}
 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * ヘッダ 
 * ========================================
 */
	 
#Header 
{
	position: relative;
}
	 
#Header h1 
{
}
 
#Header p 
{
	position: absolute;
	top: 85px;
	left: 40px;
	color: #999;
	font-size: 10px;
	width: auto;
}

#Header p.jap
{
	position: absolute;
	top: 0;
	left: 530px;
	width: 140px;
	height: 20px;
}

#Header p.eng
{
	position: absolute;
	top: 0;
	left: 680px;
	width: 140px;
	height: 20px;
}
#Header p.right 
{
	position: absolute;
	top: 65px;
	left: 530px;
	color: #999;
	font-size: 10px;
	width: 400px;
}


 
#Header ul.OfficeNav 
{
}
	 
#Header ul.OfficeNav li 
{
	position: absolute;
	top: 38px;
	left: auto;
}
	 
#Header ul.OfficeNav li#HeadOffice 
{
	right: 330px;
}
 
#Header ul.OfficeNav li#KurumeOffice 
{
	right: 110px;
}
#Header ul.OfficeNav li#KurumeOffice02 
{
	right: 60px;
	
}
   
#Header ul.GlobalNav 
{
}
	 
#Header ul.GlobalNav li 
{
	float: left;
	margin-top: 5px;
}
   
/**
 * 
 * ========================================
 */
	 

/** 
 *
 * ----------------------------------------
 */
   
/**
 * ========================================
 * メインコンテンツ 
 * ========================================
 */
	 
.Wrapper 
{
	padding-top: 7px;
	padding-bottom: 20px;
	margin-top: 10px;
}
 
#Content .Section p 
{
	margin-bottom: 1em;
}

#Content .Section p.ToDatail{
	margin: 10px 0;
}
 
/**
 * パンクズ 
 * ========================================
 */
	 
#Content #TopicPath 
{
	
	margin-bottom: 10px;
}
	 
#Content #TopicPath, 
#Content #TopicPath a
{
	color: #ff7f00;
}












div.hazime{
	clear:both;
	margin-top:3px;
	display:block;
	position:relative;
	width:580px;
	height:200px;
	background:url(../img/hazime.jpg)
	}


p.hazime01{

	width:480px;
	position:absolute;
	top:45px;
	left:75px;
	}

p.hazime02{
	width:480px;
	position:absolute;
	top:100px;
	left:75px;
	}
p.hazime03{
	width:480px;
	position:absolute;
	top:150px;
	left:75px;
	}


div.contseihinn{
	margin-top:10px;
	clear:both;
	}








  
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 見出し 
 * ========================================
 */
	
#Content .Section h2 
{
	padding: 10px 20px;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 153.9%;
	font-weight: bold;
	background-image: url(../img/bg_title_h3.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#Content .Section h2.rollover
{
	margin-bottom: 10px;
	color: #FFF;
	font-size: 153.9%;
	font-weight: bold;
	background-image: url(../img/bg_title_h3.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#Content .Section h2.rollover:hover{
	background-color: #045fb4;
	background-image: url(../img/bg_title_h3_on.jpg);
	padding: 10px 10px 23px;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 153.9%;
	font-weight: bold;
	background-position: left bottom;
	background-repeat: no-repeat;
	border: 1px dotted #FFF;
}


#Content .Section h3 
{
	padding: 7px 10px 3px 10px;
	margin: 25px 0 10px 0;
	color: #bbb;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 8px #3369E2;
}


	 
#Content .Section h3 a 
{
	color: #888;
	text-decoration: none;
}
#Content .Section h3 a:hover{
	color: #3369E2;
}
  
#Content .Section h4 
{
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #ff6302;
	font-size: 108%;
	font-weight: bold;
	border-left: 5px solid #ff6302;
}
 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * ボディ 
 * ========================================
 */
	
#Content .Body 
{
}
 
#Content .BodyColor1, 
#Content .BodyColor2
{
	clear:all;
	padding: 10px;
}
 
#Content .BodyColor1 
{
	clear:both;
	background-color: #f0f0f0;
}
 
#Content .BodyColor2 
{
	background-color: #f2f2f2;
}
 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 画像付本文 
 * ========================================
 */
	
#Content .ImageSet 
{
}
	 
#Content .ImageSet .Image 
{
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	width: 200px;
}
 
#Content .ImageSet .Description 
{
	float: right;
	width: 350px;
}
	 
#Content .ImageSet .ToDetail 
{
	text-align: right;
	clear: both;
	margin-right: 100px;
}

#Content .Section table.Description{
	border-collapse: collapse;
	width: 330px;
	float: right;
} 

#Content .Section table.Description th{
	background-color: #e4ecfd;
	color: #666;
	border: 1px solid #888;
	padding: 3px 3px 3px 10px;
	font-size: 12px;
} 
#Content .Section table.Description td{
	background-color: #fff;
	color: #666;
	border: 1px solid #888;
	padding: 3px;
	font-size: 14px;
	text-align: center;
} 
#Content .Section table.Description td.mini{
	font-size: 12px;
}

   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 表 
 * ========================================
 */
	 
#Content .Section table 
{
	width: 580px;
	margin-bottom: 1em;
	border-collapse: collapse;
	empty-cells: show;
}
	 
#Content .Section .Description table 
{
	width: 350px;
}
 
#Content .Section table th, 
#Content .Section table td
{
	padding: 8px 5px;
	vertical-align: top;
}
 
#Content .Section table td 
{
	border: 1px solid #06F;
}
#Content .Section table.bnone td 
{
	border: none;
}
#Content .Section .bnone table td 
{
	border: none;
}

 
#Content .Section table th 
{
	border: 1px solid #FFF;
}
 
#Content .Section table thead 
{
}
	 
#Content .Section table thead th 
{
	color: #FFF;
	background-color: #06F;
}
  
#Content .Section table tbody 
{
}
	 
#Content .Section table tbody th 
{
	width: 150px;
	color: #FFF;
	background-color: #06f;
/*
	background-image: url(/img/bg_table.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
*/
}
 	
#Content .Section table tbody td 
{
	color: #000;
	background-color: #FFF;
}
   
#Content .Section table.Flow 
{
}
	
#Content .Section table.Flow td 
{
	width: 33%;
	border: 1px solid #dcdcdc;
	vertical-align: top;
}
  
/**
 * 
 * ----------------------------------------
 */
  
/**
 * ボタン 
 * ========================================
 */
	
#Content .Section .Button 
{
	text-align: center;
}
 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 画像リスト 
 * ========================================
 */
	 
#Content .ImageList 
{
	margin-right: -5px;
}
	 
#Content .ImageList li 
{
	float: left;
	margin-bottom: 5px;
	width: 195px;
}
	 
#Content .ImageList li img 
{
	vertical-align: top;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * サイトマップ 
 * ========================================
 */
	 
.Sitemap 
{
}
	 
.Sitemap dt 
{
	font-weight: bold;
}
 
.Sitemap dd 
{
	margin-bottom: 1em;
}
  
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * ナビゲーション 
 * ========================================
 */
	 
#Navigation 
{
}
	 
#Navigation .Section 
{
	margin-bottom: 10px;
}
  
/**
 * 検索フォーム 
 * ========================================
 */
	 
#Navigation #SearchForm 
{
	padding: 10px;
	margin-bottom: 10px;
	background-color: #dbe0e8;
}
	 
#Navigation #SearchForm .Example 
{
	margin-bottom: 0;
	color: #000;
}
 
#Navigation #SearchForm p 
{
	margin-bottom: 10px;
	font-size: 12px;
}
	 
#Navigation #SearchForm p #search 
{
	margin: 0 10px;
	width: 108px;
	min-height: 19px;
	border: 1px solid #b2b2b2;
}
 
#Navigation #SearchForm p .Button 
{
	vertical-align: middle;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * コンテンツリスト 
 * ========================================
 */
	 
#Navigation #ContentList 
{
}

#Navigation #ContentList h4{
	margin: 15px 0 0 0;
}
 
#Navigation #ContentList h4.ntop{
	margin: 0;
}
 
#Navigation #ContentList ul 
{
}
	 
#Navigation #ContentList ul li 
{
}
	 
#Navigation #ContentList ul li a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #3369e2;
}

* html #Navigation #ContentList ul li a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	height:39px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #3369e2;
}
#Navigation #ContentList ul li.green a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav02.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #60b631;	
}

* html #Navigation #ContentList ul li.green a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	height:39px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav02.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #60b631;	
}
#Navigation #ContentList ul li.dblue a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav03.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #073485;	
}

* html #Navigation #ContentList ul li.dblue a 
{
	display: block;
	padding-top: 3px;
	padding-left: 20px;
	line-height: 19px;
	height:39px;
	min-height: 39px;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-image: url(../img/bg_nav03.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #073485;	
}
	 
#Navigation #ContentList ul li a:hover 
{
	background-image: url(../img/bg_nav_on.gif);
	background-color: #27a5e0;
}
     
/**
 * 
 * ----------------------------------------
 */
  
/**
 * バナー 
 * ========================================
 */
	 
#Navigation .Banner 
{
}
	 
#Navigation .Banner img 
{
	border: 1px solid #d5ebd0;
}
  
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * フッタ 
 * ========================================
 */
	 
#Footer 
{
	clear:both;
	margin:0 auto;
	text-align: center;
}
 
/**
 * RSS部分 
 * ========================================
 */
	 
#Footer .Semantic 
{
	position: relative;
	clear:both;
	width: 800px;
	margin-bottom: 3px;
	line-height: 25px;
	color: #ff7f00;
	text-align: center;
	background-image: url(../img/bg_rss.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	 
#Footer .Semantic a 
{
	color: #ff7f00;
	text-decoration: none;
}
 
#Footer .Semantic p 
{
	padding-left: 20px;
	display: inline;
	background-image: url(../img/ico_rss.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
 
#Footer .Semantic .PageNav 
{
	position: absolute;
	top: 6px;;
	right: 17px;
	left: auto;
	padding-left: 0;
	background-image: none;
}
  
/**
 * 
 * ----------------------------------------
 */
  
/**
 * リンク 
 * ========================================
 */
	 
#Footer .Links 
{
	padding: 5px 0 10px;
	margin-bottom: 3px;
	text-align: center;
	background-color: #e8ebf0;
}
	 
#Footer .Links ul 
{
	padding: 5px 10px 0;
}
 
#Footer .Links li 
{
	padding: 0 .3em 0 .5em;
	display: inline;
	font-size: 85%;
}
	 
#Footer .Links li + li 
{
	border-left: 1px solid #888;
}
  
#Footer .Links a 
{
	text-decoration: none;
	color: #888;
}
	 
#Footer .Links a:hover 
{
	text-decoration: underline;
}
    
/**
 * コピーライト 
 * ========================================
 */
	 
#Footer .Copyright 
{
	position: relative;
	width: 800px;
	padding-bottom: 33px;
	background-image: url(../img/bg_footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: center;
}
	 
#Footer .Copyright address 
{
	background-image: url(../img/bg_copy.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 25px;
}
	 
#Footer .Copyright address a 
{
	color: #FFF;
	text-decoration: none:
}
  
#Footer .Copyright .PageNav 
{
	position: absolute;
	top: 0;
	right: 17px;
	left: auto;
}
  
/**
 * エントリー　detail (peek) 
 * ----------------------------------------
 */
  
#Content .Section .ent_table01{
	float: left;
	margin: 0 10px 15px 10px;
  padding: 0;
  text-align: center;
  width: 165px;
}
#Content .Section .ent_table01 p{
	margin: 0 0 5px 0;
}
#Content .Section .ent_table01 p img{	
    border: 5px solid #E5E5E5;
}
#Content .Section .ent_table01 table.ent01{
    border: none;
    width: 165px;
		margin-top: 0;
}
#Content .Section .ent_table01 table.ent01 th{
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #666666;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
		padding: 2px;
	}
#Content .Section .ent_table01 table.ent01 td{
    border: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
		padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 118px;
}	
#Content .Section .ent_table01 table.ent01 th.series,
#Content .Section .ent_table01 table.ent01 td.series,
#Content .Section .ent_table02 table.ent02 th.series,
#Content .Section .ent_table02 table.ent02 td.series{
	background-color:#EBF0F8;
}


#Content .Section .ent_table02{
	float: left;
	margin: 0 10px 15px 10px;
  padding: 0;
  text-align: center;
}
#Content .Section .ent_table02 p{
	margin: 0 0 5px 0;
  border: 5px solid #E5E5E5;
}
#Content .Section .ent_table02 table.ent02{
    border: none;
    width: 252px;
		margin-top: 0;
}
#Content .Section .ent_table02 table.ent02 th{
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #666666;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
		padding: 2px 5px;
	}
#Content .Section .ent_table02 table.ent02 td{
    border: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
		padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    width: 118px;
}	

#Content .Section table.ent03{
    border: none;
    width: 535px;	
		margin-top: 0;
		margin-left: 10px;
}
#Content .Section table.ent03 th.price{
	background-color: #FFCC99;
	font-weight: bold;
}
#Content .Section table.ent03 td.price{
	color: #CC0000;
}
#Content .Section table.ent03 td.indent01{
	text-align: left;
	text-indent: 26px;
}
#Content .Section table.ent03 th{
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #666666;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
		padding: 2px 5px;
	}
#Content .Section table.ent03 td{
    border: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
		padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
}	
	
	
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * ハック 
 * ========================================
 */
	 
/**=
 * clearfix 
 * ====================================
 */
	 
.Wrapper:after, 
.GlobalNav:after,
#Content .ImageSet .BodyColor1:after,
#Content .ImageSet .BodyColor2:after,
#Content .Section .SubSection:after,
#Content .ImageList:after,
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
.Wrapper, 
.GlobalNav,
#Content .ImageSet .BodyColor1,
#Content .ImageSet .BodyColor2,
#Content .Section .SubSection,
#Content .ImageList,
.clearfix
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
.Wrapper, 
.GlobalNav,
#Content .ImageSet .BodyColor1,
#Content .ImageSet .BodyColor2,
#Content .Section .SubSection,
#Content .ImageList,
.clearfix
{
	display:block;
}
/* End hide from IE Mac */
   
/**
 * Pngfix 
 * ========================================
 */
	 
* html .png { 
	behavior: expression(IEPNGFIX.fix(this));
}
 
/**
 * 
 * ----------------------------------------
 */
 
 
p. hazime01{
	}
  
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * 
 * ========================================
 */
	
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
   
p.Image {
	margin-right:5px;
}

p.flo_l {
}
   
p.flo_l,
p.Image {
	float:left;
}

div.BodyColor2 div {
	clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body.index div.BodyColor2 table {
	width:400px;
	border:none;
	background:none;
}



#Content .Section table tbody th.red{color:#CC0000;}
#Content .Section table tbody td.red{color:#CC0000;}

#Content .Section table tbody th.red_bold{color:#CC0000; font-weight:bold;}
#Content .Section table tbody td.red_bold{color:#CC0000; font-weight:bold;}

#Content .Section table tbody th.bold{font-weight:bold;}
#Content .Section table tbody td.bold{font-weight:bold;}


.red{ color:#CC0000;}
.red_bold{ color:#CC0000; font-weight:bold;}
.bold{ font-weight:bold;}


#Content .sq { margin-top: 15px; clear: both;}

#Content .sq_list {
  width: 575px;
  margin-top: 15px;
}

#Content .sq_list li {
  width: 180px;
  float: left;
  padding: 0;
  margin: 0;
}
#Content .sq_list02 li {
  width: 270px;
  float: left;
  padding: 0;
  margin: 0;
}

.mb20{ margin-bottom: 20px;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Search */
.updnWatermark {
	position: absolute;
	color: #999;
	padding-left: 4px;
	padding-top: 1px;
}


#Content .Section p.fL{ float: left; margin:0 20px 20px 0;}
#Content .Section p.fR{ float: right; margin: 0 0 20px 0;}



#Content .Section table.table_lux { margin-top: 5px; width: auto;}

#Content .Section table.table_lux th {
  background: url(../img/table_lux.jpg) 0 bottom #87a9f5;
  border-collapse: collapse;
  border: #516ba6 solid 1px;
  color: #FFFFFF;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  width: 130px;
}

#Content .Section table.table_lux td {
  border-collapse: separate;
  border: #516ba6 solid 1px;
  text-align: center;
  width: 130px;
}