@import url("../../shared/css/faq.css");

/**********************************
  H3
**********************************/

h3 {
	width:876px;
	height:37px;
	margin-left:12px;
	margin-top:-3px;
	margin-bottom:15px;
}

h3.h3-01 { background-image:url(../images/sub/h3-01.gif); }
h3.h3-02 { background-image:url(../images/sub/h3-02.gif); }
h3.h3-03 { background-image:url(../images/sub/h3-03.gif); }


/**********************************
  #about
**********************************/

/* -------------------
  LEFT AREA
------------------- */

#about h4.h4-01 {
	margin:0 0 10px 25px;
	padding-top:20px;
}

#about h4.h4-02 {
	background-image: url(../images/sub/h4-02.gif);
	background-repeat: no-repeat;
	background-position: 200px top;
	height:32px;
	text-indent	: -9999px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	text-align:left;
	margin-top:15px
}

#about .type h5 {
	text-indent	: -9999px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	background-repeat: no-repeat;
	text-align:left;
	float:none;
	clear:both;
	width:144px;
	height:32px;
	margin-bottom:8px;
}

#about .type h6 {
	background-image:url(../../shared/images/bg/bg-02.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	margin:0 10px;
	line-height:1em;
}

#about .left {
	width:371px;
	margin-left:12px;
}

#about .left .about {
	background-image:  url(../images/bg/bg-about-body.gif);
	background-repeat: repeat-y;
}

#about .left .last { padding-top:10px;}

#about .left .about .about-head {
	background-image:  url(../images/bg/bg-about-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#about .left .about-head p {
	margin-left:25px;
	margin-right:25px;
	line-height:1.7em;
	padding-bottom:20px;
	border-bottom:1px solid #95D019;
}


#about .left .about .about-foot {
	background-image:  url(../images/bg/bg-about-foot-microscope.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:40px;
}

#about .left .about-foot .explain {
	background-image: url(../images/bg/bg-type1-foot.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	width:144px;
	margin-left:200px;
	text-align:left;
}

#about .left .about-foot .explain  p {
	padding:7px 10px 10px;
	color:#FFFFFF;
	line-height:1.5em;
}

/* -------------------
  RIGHT AREA
------------------- */

.bluebase-inside { padding:5px 15px; }

h5.about-h5-01 {
	background-image:url(../../shared/images/bg/bg-01.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px;
	padding-bottom:5px;
	color:#4D96FB;
	border-bottom:1px solid #999999;
	margin-top:10px;
}


#about .right {
	width:496px;
	margin-right:12px;
}


#about .right p {
	margin: 5px 10px 15px;
	font-size:12px;
	line-height:1.6em;
}


/* -------------------
  #microscope-type
------------------- */

#microscope-type {
	margin-bottom:5px;
	float:none;
	clear:both;
}

#about .right #microscope-type p {
	margin:0;
	line-height:1.7em;
	margin: 10px 10px 5px;
	width:102px;
	font-size:10px;
}


#microscope-type .type-head {
	background-image:  url(../images/bg/bg-type-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:465px;
	height:5px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
}

#microscope-type .type {
	background-image:  url(../images/bg/bg-type-body.gif);
	background-repeat: repeat-y;
	padding-bottom:5px;
}

#microscope-type .type div {
	width:232px;
	margin-left:1px;
	background-repeat:no-repeat;
	background-position:120px 33px;
	min-height:170px;
	_height:170px;
}

#microscope-type .type div.type1 { background-image:url(../images/photo/photo-01.jpg);}
#microscope-type .type div.type2 { background-image:url(../images/photo/photo-02.jpg);}


#microscope-type .type-foot {
	background-image:  url(../images/bg/bg-type-foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:465px;
	height:5px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	float:none;
	clear:both;
}


/* -------------------
  #zoom
------------------- */


.greenbase {
	margin-bottom:7px;
	width:465px;
	margin-left:15px;
	background-color:#cee6b9;
}

.greenbase .greenbase-head {
	background-image:  url(../images/bg/bg-greenbase-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:465px;
	height:4px;	
}

.greenbase .greenbase-foot {
	background-image:  url(../images/bg/bg-greenbase-foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:465px;
	height:4px;	
	float:none;
	clear:both;
}


#zoom {
	background-image:url(../images/photo/photo-03.jpg);
	background-repeat:no-repeat;
	background-position:137px 7px;
	padding:5px 10px 10px;
}

#zoom .left { width:120px; margin-left:0;}
#zoom .right { width:203px; margin-right:0;}

#zoom h5 {
	text-indent	: -9999px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	background-repeat: no-repeat;
	text-align:left;
	float:none;
	clear:both;
	width:79px;
	height:18px;
	margin-bottom:8px;
	background-image:url(../images/sub/h4-pickup.gif);
	background-repeat:no-repeat;
}

#about .right #zoom p {
	margin: 0;
	line-height:1.6em;
	font-size:10px;
}


#zoom p.image_fr {
	padding-right:6px;
	padding-top:8px;
}

#zoom p.bill {
	padding-top:25px;
}


/**********************************
  #step
**********************************/

#step {
	background-image: url(../images/bg/bg-step.gif);
	background-repeat: repeat-y;
	margin-left:25px;
	padding-bottom:10px;
}

#step-foot {
	background-image: url(../images/bg/bg-step-foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:9px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	margin-left:25px;
	float:none;
	clear:both;
	margin-bottom:15px;
}

#step .left {
	width:264px;
	margin-right:16px;
}

#step .left h5 {
	width:264px;
	height:27px;
}

#step p {
	margin:0 10px;
	line-height:1.4em;
}

#step img.fig { margin:10px; }


/**********************************
  #comment
**********************************/


#comment {
	float:none;
	clear:both;
}

#comment h4 {
	border-top:1px solid #95D019;
	padding-top:30px;
	margin-right:30px;
	float:none;
	clear:both;
}

#commentbody .left {
	width:620px;
}

#commentbody .left p {
	background-image: url(../../shared/images/line/dot-03.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:7px 0;
	margin-bottom:0;
	margin-right:0;
}

#commentbody .left p.last { padding-bottom:20px; }


#commentbody .right {
	width:197px;
	margin-right:30px;
}

#commentbody .right img.fig {
	margin-bottom:20px;
	margin-top:10px;
}




/**********************************
  #faq
**********************************/

.inside-foot-microscope-comment {
	background-image: url(../../shared/images/bg/bg-inside-foot-microscope-comment.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}