/*=====  INDEX ====================*/

#es1-index{
	background: url(image/index/sensor_back.jpg) no-repeat left top;
	width:684px;
	height:419px;
	position: relative;
}


#es1-index h2{
	margin: 0 0 21px 24px;
	padding: 35px 0 0;
}

#es1-index p.catch{
	padding: 0;
	margin-bottom: 13px;


}
#es1-index p{
	margin: 0 0 0 24px;
	padding: 0;
	color: #666666;
	line-height: 150%;
}

#es1-index ul,
#es1-index li{
   padding:0;
   margin:0;
   list-style-type:none;
}

#es1-index ul.product{
	position: absolute;
	top: 200px;


}
#es1-index ul.product li{
}
#es1-index ul.product li.es1c{
	position: absolute;
	left: 0px;
	width: 213px;
}
#es1-index ul.product li.es1b{
	position: absolute;
	left: 261px;
	top: 30px;
}
#es1-index ul.product li.es1{
	position: relative;
	left: 368px;
	top: 30px;
}

#es1-index ul.detail-link{
	position: absolute;
	top: 349px;
	left: 109px;
}
#es1-index ul.detail-link li{
	margin: 0 5px 0 0;
	float: left;
}

/*=====  ミドルページ共通 ====================*/
.primary-contents-area img {
	vertical-align:top;
	border:0;
}
#es1-wrapper{
	width:684px;
	background: url(image/about/appli_back.gif) no-repeat left top #ECECEC;
	padding:0 0 20px;
}
#es1-wrapper h2{
	margin:0;
	padding:0;
}
#es1-wrapper ul,
#es1-wrapper li{
	padding:0;
	margin:0;
	list-style-type:none;
}

#es1-wrapper .inner-area{
	margin:0 10px;

}
#es1-wrapper .inner-area p{
	color:#666666;
	margin-bottom: 20px;
	margin-left: 13px;
}

#es1-wrapper .middle-link{
	padding:0 0 30px 208px;
	margin:0 0 30px;
}

#es1-wrapper .middle-link li{
 	float:left;
	margin:0 0 0 5px;	
}
*html #es1-wrapper .middle-link{
	padding-left:204px;
}

/* TOPへ戻る */
#es1-wrapper .inner-area .top-link{
	text-align:right;
	margin: 0;
}


/*----------------------------------------------------------------
 こんな課題や用途に
----------------------------------------------------------------*/
#es1-wrapper h3{
	clear:both;
	margin: 0 0 10px;
}
#es1-wrapper h4{
	clear:both;
	margin: 0 0 10px;	
}

#es1-wrapper .inner-area p.lead{
	margin-left:0;
}



#es1-wrapper .inner-area .arrow{
	text-align:center;
	margin:10px 0;
	padding: 0;
}

/* Before */
#es1-wrapper .before{
	background-color: #FFFFFF;
	width:664px;
	padding:0 0 10px;
}
#es1-wrapper .before ul{
	padding:0 0 0 10px;
	margin:0 ;
}
#es1-wrapper .before li{
	float:left;
	padding:0;
	margin:0 2px 0 0;
}


/* After */
#es1-wrapper .after{
	background-color: #FFFFFF;
	padding:0 0 10px;
}
#es1-wrapper .after ul{
	padding:0 0 0 10px;
	margin:0;
}
#es1-wrapper .after li{
	float:left;
	padding:0;
	margin:0 2px 0 0;
}

#es1-wrapper .after h5{
	margin: 0 0 10px 10px;
}

#es1-wrapper p.type3{
	margin:0 0 0 10px;
	clear: both;
}

#es1-wrapper .other{
	background-color: #FFFFFF;
	padding:0 0 10px;
	margin-top: 30px;
}
#es1-wrapper .other h2{
	margin-bottom:20px;
}

#es1-wrapper .other ul{
	padding:0 0 0 10px;
	margin:0 0 25px;
}
#es1-wrapper .other li{
	float:left;
	padding:0;
	margin:0 2px 0 0;
}

#es1-wrapper .other ul.use{
	padding:0 0 0 15px;
	margin:0 0 10px;
}

#es1-wrapper .other ul.use li{
	margin:0 0 0 1px;

}

#es1-wrapper .other ul.use li{
	float: left;
	margin:0 8px 0 0;
	padding: 0;
}


/* ナビゲーション */
#es1-wrapper .category-navi{
	margin:40px 0 0;
}
#es1-wrapper .category-center{
	margin-left: 172px;

}

#es1-wrapper .category-navi dl{
	float:left;
	width: 320px;
	background: url(image/about/bg_category.jpg) no-repeat left bottom;
	margin:0;
	padding:0;	
}
#es1-wrapper .category-navi dl.step{
	margin:0 24px 0 0 ;
}

#es1-wrapper .category-navi dt{
	margin:0;
	padding:0;
}
#es1-wrapper .category-navi dd{
	margin:0;
	padding:0;
	text-align:center;
}
#es1-wrapper .category-navi dd p{
	margin:0 0 8px;
	padding:0;
}


/*----------------------------------------------------------------
  使い方3ステップ
----------------------------------------------------------------*/

/* Step1 */
#es1-wrapper .step1{
}

#es1-wrapper .step1 .flow{
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	margin: 0 0 8px ;
	width:664px;
}

#es1-wrapper .step1 .close{
	margin:0;
}
#es1-wrapper .step1 .flow .step1-img{
	border-right:solid 1px #CCC;
	padding: 6px 0;
	margin:0;
	float:left;
	width: 340px;
}
#es1-wrapper .step1 .flow .explanation{
	border:solid 2px #FFF;
	width:319px;
	float:right;
	background: url(image/step/bg_step_txt.gif) repeat left top;
}

#es1-wrapper .step1 .flow .explanation p{
	background-color:#FFFFFF;
	margin: 3px;
	padding: 8px;
	line-height: 150%;
}

#es1-wrapper .step1 .flow .explanation p.flow1{
	padding-bottom:35px;
}
*html #es1-wrapper .step1 .flow .explanation p.flow1{
	padding-bottom:30px;
}

#es1-wrapper .step1 .flow .explanation p.flow2{
	padding-bottom:129px;

}
*html #es1-wrapper .step1 .flow .explanation p.flow2{
	padding-bottom:126px;

}
#es1-wrapper .step1 .flow .explanation p.flow3{
	padding-bottom:82px;

}
*html #es1-wrapper .step1 .flow .explanation p.flow3{
	padding-bottom:79px;

}

/* Step2 */

#es1-wrapper .step2{
	border-bottom: solid 1px #CCCCCC;
	background:url(image/step/bg_step.gif) repeat-y left top;
	width: 664px;
	margin: 0x;
	padding: 0 0 10px;
}
#es1-wrapper .step2 .explanation{
	background: url(image/step/bg_step2_txt.gif) no-repeat left top;
	height: 103px;
	width: 664px;
	margin: 0 0 5px;
}

#es1-wrapper .step2 .explanation p{
	margin:0;
	padding:18px 18px 10px;
}
#es1-wrapper .step2 .explanation p.link{
	text-align:right;
	padding:0 18px 0 0;
}

#es1-wrapper .step2 ul{
	padding: 0 0 0 10px;
}
#es1-wrapper .step2 li{
	float:left;
	margin: 0 5px;
	display: inline;
	height: 188px;
}

#es1-wrapper .step2 .cope{
	background:url(image/step/bg_cope.gif) repeat-y left top;
	border-bottom:solid 2px #FF9900;
	border-top:solid 2px #FF9900;
	width: 630px;
	margin: 20px 0 0 15px;
	padding: 0 0 5px;
	clear: both;
}
#es1-wrapper .step2 .cope h5{
	margin: 3px 3px 10px 4px;
	padding: 0;
}
#es1-wrapper .step2 .cope p{
	margin: 0 10px 10px;
}
#es1-wrapper .step2 .cope p.cope-img{
	margin:0 0 0 4px;
	padding:0;
}

/* Step3 */

#es1-wrapper .step3{
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	background:url(image/step/bg_step.gif) repeat-y left top;
	width: 664px;
	margin: 0;
	padding: 0 0 10px;
}

#es1-wrapper .step3 .explanation{
	background: url(image/step/bg_step_txt.gif) repeat left top;
	padding-bottom:2px;
	padding-top:1px ;
	margin:1px 2px 0;
	width:660px;

}
*html #es1-wrapper .step3 .explanation{
	padding-bottom:0;
}

#es1-wrapper .step3 .explanation .box{
	background-color:#FFFFFF;
	margin:4px;
	width:652px;

}

#es1-wrapper .step3 .explanation p{
	margin:0;
	padding:13px 18px;
}

#es1-wrapper .step3 .explanation ul{
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
#es1-wrapper .step3 .explanation li{
	font-size:80%;
	color:#666;
	text-indent: -19px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#es1-wrapper .step3 .explanation li img{
	margin:0 5px 0 0;
	vertical-align:-3px;
}

#es1-wrapper .step3 p.step3-img{
	margin:0 0 0 8px;
}

/*----------------------------------------------------------------
  セレクションガイド 
----------------------------------------------------------------*/
#es1-wrapper .page-link{
	padding:0 0 0 386px;
}
#es1-wrapper .page-link li{
	float:left;
	margin:0 3px 0 0;
}
#es1-wrapper .selection{
	width: 100%;
	background-color: #CCCCCC;
}
#es1-wrapper .selection th{
	text-align:left;
	vertical-align:middle;
	background-color: #0055C4;
	padding: 0 12px;
	width: 20%;
}
#es1-wrapper .selection tr.type th{
	background-color: #FFFFFF;
	text-align: center;
	padding: 8px 0;
	width: auto;
}
#es1-wrapper .selection td{
	vertical-align:middle;
	background-color: #FFFFFF;
	color: #666666;
	padding: 8px 10px;
}
#es1-wrapper .selection tr.link td{
	text-align:center;
	padding: 15px 10px;
}
#es1-wrapper .selection td.es1-area{
	padding:0;
	vertical-align:top;
}
#es1-wrapper .selection td table{
	width:100%;

	margin:0;
}
#es1-wrapper .selection td td{
	border-bottom:solid 1px #CCC;
	padding:16px 10px 14px;
}
#es1-wrapper .selection td td.close{
	border:none;
}

/*-----------------------------------------------------
測定範囲
-------------------------------------------------------*/
.measurement{
	text-align:center;
	margin-bottom:40px;
	margin-top:20px;
}

/*-----------------------------------------------------
放射率一覧
-------------------------------------------------------*/
.emission {
	width: 560px;
	margin:0 auto;	
}

.emission ul{
	text-align:right;
	padding:20px 0 0 ;
	margin:0;
}
.emission li{
	display:inline;
	border-left: solid 1px #666666;
	padding:0 10px;
	margin:0;
}
.emission h3{
	margin-top:0;
	margin-bottom:20px;
}
.emission table{
	background-color: #CCCCCC;
	width: 560px;
	margin: 0;
}
.emission th{
	background-color: #666666;
	color: #FFFFFF;
	padding: 8px 10px;
	vertical-align: middle;
	text-align:center;
	font-weight: normal;
}
.emission td{
	padding: 12px 10px 11px;
	color: #666666;
	background-color: #F5F5F5;
}
.emission td.title{
	background-color: #FFFFFF;

}
.emission tr.title2 td{
	background-color: #FFFFFF;
}
.emission td.material{
	background: url(image/emission/img_arrow.gif) no-repeat left center #F5F5F5;
	padding-left: 30px;
}
.emission p.link{
	text-align:right;
	padding:0;
	margin:10px 0 0 ;
}
.emission p.top-link{
	text-align:right;
	margin: 0 0 30px;
	padding: 0;
}
.emission p.caution{
	color:#666666;
	font-size: 90%;
	line-height: 150%;
	margin: 0 0 30px;
}


/*-----------------------------------------------------
CLEARFIX
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
	display: block;


}