@charset "utf-8";

/*
	base id [#bodySec] >> design.css
	base id [#bodySec] >> bodysection.css
	base id [#bodySecBoard] >> 3column.css
	base id [#maincontentsBlock] >> 3column.css
	base id [#maincontentstitleArea] >> 3column.css
	base id [#maincontentsArea] >> 3column.css

*/

/* タイトルエリア */

#bodySec #bodySecBoard #maincontentsBlock #maincontentstitleArea {
	width: 520px;
	margin: 0px 0px 10px 30px;
	border-bottom: 3px solid #868896;
}

#bodySec #bodySecBoard #maincontentsBlock #maincontentstitleArea div.container {
	padding: 4px 4px 5px 0px;
	background-image: none;
	background-color: #FFFFFF;
	min-height: 1%;
}

/* -- Hack WinIE & MacIE --*/
* html #bodySec #bodySecBoard #maincontentsBlock #maincontentstitleArea div.container {
	/* Hides from IE5-Mac \*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

#bodySec #bodySecBoard #maincontentsBlock #maincontentstitleArea div.container h2 {
	margin: 0;
	padding: 4px 0px 0px 0px;
	font-size: 90%;
	line-height: 120%;
	font-weight: bold;
	color: #53556A;
	font-family: Helvetica, Arial, sans-serif;
}

/* コンテンツエリア */
div.lead{
	display:block;
	padding:10px 0px 5px 0px;
	background-image: url("/en/image/common/dotline_w2g1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0px 0px 
}

/*noscriptの文字*/
p.redtxt{
	font-size: 70%;
	line-height: 160%;
	color:#EE5563;
	margin-bottom:20px;
}

p.txt{
	font-size: 70%;
	line-height: 160%;
	color:#53566A;
}

/* 説明ページリンク */
p.Link a {
	display:block;
	font-size: 70%;
	padding: 0px 0px 0px 10px;
	margin:15px 0px 10px 0px;
	background-image: url("/en/image/common/ico_arrow_main.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	float:right;
	line-height:160%;
}

/*step123　タイトル部分*/
div.stepTitle{
	width:520px;
	background-image:url("/en/ga/spec/image/gray_bg_head.gif");
	background-position:top left;
	background-repeat:no-repeat;
	color:#53556A;
	background-color:#F1F1F1;
	padding:0px 0px 13px 0px;
}


/*step123　タイトル*/
div.stepTitle p.step{
	font-size: 80%;
	line-height:110%;
	display:block;
	margin:0px 0px 0px 15px;
	padding:20px 0px 7px 0px;
}

/*step123　選ばれてるときの下線*/
div.stepTitle p.crnt1,
div.stepTitle p.crnt2,
div.stepTitle p.crnt3{
	font-size: 80%;
	line-height:110%;
	display:block;
	margin:0px 0px 0px 15px;
	padding:20px 0px 3px 0px;
	border-bottom:4px solid #008BA2;
}

div.stepTitle p.crnt1{
	width:15em;
	white-space:nowrap;
}

div.stepTitle p.crnt2{
	width:24em;
	white-space:nowrap;
}

div.stepTitle p.crnt3{
	width:22em;
	white-space:nowrap;
}

/*step123　コンテンツ部分*/
div.stepContents{
	width:519px;
	border-right:1px solid #787878;
	background-color:#F1F1F1;
	margin:0px;
	padding:0px;
	padding:0px 0px 15px 0px;
}	

/*step12　フッタ部分*/
div.stepFoot{
	width:520px;
	height:38px;
	background-image:url("/en/ga/spec/image/gray_bg_foot.gif");
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#F1F1F1;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	margin:0px 0px 15px 0px;
}

/*step3　フッタ部分*/
div.stepFootEnd{
	width:520px;
	height:10px; /* 高さを変えて下矢印を非表示*/
	background-image:url("/en/ga/spec/image/gray_bg_foot.gif");
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#F1F1F1;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	margin:0px 0px 15px 0px;
}



div.stepContents div.selectArea{
	width:497px;
	background-image:url("/en/ga/spec/image/white_bg_lhead.gif");
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#53556A;
	margin:0px 0px 0px 12px;
	padding:15px 0px 0px 0px;/*製品画像名の上位置*/
	min-height:1%;
}

/* -- Hack WinIE & MacIE --*/
* html div.stepContents div.selectArea {
	/* Hides from IE5-Mac \*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/


div.stepContents div.selectArea div.selectAreaContents{
	background-image:url("/en/ga/spec/image/white_bg_lfoot.gif");
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 0px 15px 0px;
	min-height:1%;
}

/* -- Hack WinIE & MacIE --*/
* html div.stepContents div.selectArea div.selectAreaContents {
	/* Hides from IE5-Mac \*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/


/*step1　製品メニュー*/
ul.categoryname{
	margin:0px 0px 0px 15px;/*製品画像名の左位置*/
	line-height:110%;
}

ul.categoryname li{
	display:block;
	width:226px;
	float:left;
	padding:0px 15px 0px 0px;
	line-height:110%;
	min-height: 1%;
}

/* -- Hack WinIE & MacIE --*/
* html ul.categoryname li {
	/* Hides from IE5-Mac \*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

ul.categoryname li a:link,
ul.categoryname li a:visited,
ul.categoryname li a:hover,
ul.categoryname li a:active {
	text-decoration: none;
	font-size: 1px;
	text-indent: -9999px;
	padding:0px 15px 0px 0px;
	display: block;
	width: 226x;
	height: 22px;
}

/*カテゴリ名選択*/
/*レーザ顕微鏡*/
ul.categoryname li.ols a,
ul.categoryname li.Crntols {
	background-image: url("/en/ga/spec/image/btn_ols.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntols {
	background-position: left bottom;
}

/*半導体FPD顕微鏡*/
ul.categoryname li.mx a,
ul.categoryname li.Crntmx {
	background-image: url("/en/ga/spec/image/btn_mx.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntmx {
	background-position: left bottom;
}


/*正立顕微鏡*/
ul.categoryname li.bx a,
ul.categoryname li.Crntbx {
	background-image: url("/en/ga/spec/image/btn_bx.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntbx {
	background-position: left bottom;

}

/*倒立顕微鏡*/
ul.categoryname li.gx a,
ul.categoryname li.Crntgx {
	background-image: url("/en/ga/spec/image/btn_gx.jpg");
	background-repeat: no-repeat;	
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntgx {
	background-position: left bottom;

}

/*コンポーネント顕微鏡*/
ul.categoryname li.bxfm a,
ul.categoryname li.Crntbxfm {
	background-image: url("/en/ga/spec/image/btn_bxfm.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntbxfm {
	background-position: left bottom;
}

/*偏光顕微鏡*/
ul.categoryname li.xp a,
ul.categoryname li.Crntxp {
	background-image: url("/en/ga/spec/image/btn_xp.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntxp {
	background-position: left bottom;
}

/*測定立顕微鏡*/
ul.categoryname li.stm a,
ul.categoryname li.Crntstm {
	background-image: url("/en/ga/spec/image/btn_stm.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:15px;
}

ul.categoryname li.Crntstm {
	background-position: left bottom;
}

/*実体顕微鏡*/
ul.categoryname li.szx a,
ul.categoryname li.Crntszx {
	background-position: left top;
	background-image: url("/en/ga/spec/image/btn_szx.jpg");
	background-repeat: no-repeat;
}

ul.categoryname li.Crntszx {
	background-position: left bottom;

}

/*顕微鏡用デジタルカメラ*/
ul.categoryname li.dc a,
ul.categoryname li.Crntdc {
	background-image: url("/en/ga/spec/image/btn_dc.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

ul.categoryname li.Crntdc {
	background-position: left bottom;
}




/* step1 カテゴリー名表示エリア*/
div.categorySelect {
	width:497px;
	padding:15px 10px 0px 12px;
}

/* step1 選択中のカテゴリータイトル*/
p.categoryTitle {
	display:block;
	float:left;
	padding:8px 0px 0px 3px;
	font-size: 80%;
	line-height:140%;
	font-weight:bold;
	color:#53556A;
}

/* step1 選択中のカテゴリー名*/
p.categoryName {
	display:block;
	padding:10px 0px 10px 5px;
	font-size: 80%;
	color:#53556A;
	font-weight:bold;
}

/* step1　選択中のカテゴリー表示わく*/
div.categorySelect div.category{
	background-image:url("/en/ga/spec/image/white_bg_shead.gif");
	background-position:top left;
	background-repeat:no-repeat;
	width:280px;
	float:right;
	background-color:#FFFFFF;
}

div.categorySelect div.category div.categoryContents{
	background-image:url("/en/ga/spec/image/white_bg_sfoot.gif");
	background-position:bottom left;
	background-repeat:no-repeat;
	width:280px;
}


/* step2 機種選択*/
div.selectProduct{
	width:497px;
	padding:5px 0px 0px 0px;
}

/*カテゴリー名*/
div.selectProduct p.name{
	float:left;
	display:block;
	font-size: 80%;
	line-height:140%;
	font-weight:bold;
	padding:0px 0px 10px 10px;
}

/*クリアボタン*/
div.selectProduct p.clearbtn {
	display:block;
	float:right;
	width: 143px;
	padding:0px 18px 0px 0px;
}

div.selectProduct p.clearbtn a{
	display:block;
	width: 143px;
	height: 22px;
	background-image: url("/en/ga/spec/image/btn_clear.jpg");
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	background-position:top left;
}


/*機種選択*/
ul.prodctimg {
	padding:25px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}

ul.prodctimg li{
	display:block;
	width:110px;
	padding:0px 8px 25px 0px;
	float:left;
}

ul.prodctimg li.prd a,
ul.prodctimg li.prd a:link,
ul.prodctimg li.prd a:visited,
ul.prodctimg li.prd a:active{
	display:block;
	padding:5px;
	border:1px solid #F1F1F1;
}

ul.prodctimg li.prd a:hover{
	display:block;
	padding:3px;
	border:3px solid #3889EA;
}

/*機種選択されたときのボーダーの色*/
ul.prodctimg li.crntprd a{
	display:block;
	padding:3px;
	border:3px solid #3889EA;
}

/*機種選択されたときのマウスオーバーの色*/
ul.prodctimg li.crntprd a:hover {
	display:block;
	padding:3px;
	border:3px solid #3889EA;
	background-color: #3889EA;
}


/*step3*/
p.resultbtn a{
	display:block;
	margin:10px auto 0px auto;
	width: 241px;
	height: 22px;
	background-image: url("/en/ga/spec/image/btn_result.jpg");
	background-repeat: no-repeat;
	background-position:top left;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
}

p.cap{
	font-size: 65%;
	line-height:160%;
	display:block;
	padding:20px 0px 10px 15px;
}



/* 操作方法ページ用*/
div.Lead{
	color:#53566A;
	display:block;
	padding:10px 0px 10px 0px;
	margin:0px 0px 20px 0px;
	line-height:160%;
	background-image: url("/en/image/common/dotline_w2g1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height:1%;
}

/* -- Hack WinIE & MacIE --*/
* html #bodySec #bodySecBoard #maincontentsBlock div.Lead {
	/* Hides from IE5-Mac \*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/


p.txt a {
	display:block;
	padding: 0px 0px 0px 10px;
	margin:0px;
	background-image: url("/en/image/common/ico_arrow_main.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	line-height:160%;
	float:right;
}

p.btmtxt a {
	display:block;
	font-size: 70%;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 30px 0px;
	background-image: url("/en/image/common/ico_arrow_main.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	line-height:160%;
}

p.indent{
	display:block;
	padding:0px 0px 0px 22px;
	}

div.howtoContainer {
	display: block;
	width: 520px;
	padding: 0px 0px 30px 0px;
}

div.howtoContainer img{
	display:block;
	padding-left:22px;
	padding-top:10px;
}

div.howtoContainer img.bottom20{
	display:block;
	padding-bottom:20px;
}

div.howtoContainer img.bottom10{
	display:block;
	padding-bottom:10px;
}