/**********************************
  #PAGE NAVIGATION
**********************************/

#pnavi { background-image: url(../images/bg/bg-pnavi-whitening.gif); }

/**********************************
  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); }


/**********************************
  H4
**********************************/

h4.h4-01 {
	margin:0 0 10px 51px;
	padding-top:20px;
}

h4.h4-02 { margin:0 0 10px 5px; }
h4.h4-03 {
	background-image: url(../images/sub/h4-03.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	padding-left:68px;
	padding-top:2px;
	padding-bottom:7px;
	font-weight:bold;
}


/**********************************
  H5
**********************************/

#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;
}

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

/**********************************
  BOX
**********************************/

#about .left {
	width:491px;
	margin-left:10px;
}

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

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

#about div.last { margin-bottom:7px; }

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

#about .about-head p {
	margin-left:52px;
	margin-right:35px;
	line-height:1.7em;
	padding-bottom:30px;
}

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

#about .about-foot p {
	margin-left:8px;
	margin-right:8px;
	color:#FFFFFF;
	line-height:1.5em;
	font-size:12px;
}

#taiken{ width:900px; }
#faq { width:900px; }

/* .type */

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

/* \*/
* html #about .type  { display: inline; }
/* */


#about .type-foot {
	background-image: url(../images/bg/bg-type-foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:10px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
}

#about div.first {
	margin-left:155px;
	margin-right:15px;
}

/* bluebase */

#about .bluebase h5 {
	background-image:url(../../shared/images/bg/bg-01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:10px;
	margin-left:10px;
	color:#4D96FB;
}

.bluebase p {
	margin: 0 10px 5px 20px;
	line-height:1.6em;
	font-size:12px;
	background-image:url(../../shared/images/line/dot-01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 5px 10px 0 10px;
	padding-top:5px;
}

.bluebase p.first { margin-bottom:15px;}


/* greenbase */

.greenbase { margin-bottom:7px;}

.greenbase p {
	margin: 0 10px 5px 0;
	line-height:1.6em;
	font-size:10px;
	padding-left:68px;
	background-image: url(../images/photo/photo-01.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
}

/* #step */

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

#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:18px;
}

#step .left {
	width:266px;
	margin-right:12px;
}

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

#step div img.fig {	margin:5px 0 3px 125px; }

#step .step1,
#step .step2,
#step .step3 {
	background-repeat: no-repeat;
	background-position: 7px 35px;
}

#step .step1 {background-image: url(../images/photo/photo-02.jpg);}
#step .step2 {background-image: url(../images/photo/photo-03.jpg);}
#step .step3 {background-image: url(../images/photo/photo-04.jpg);}

/* #faq-box */

#faq-box { padding-bottom:30px; }

#faq-box .left { width:290px; }

#faq-box .right {
	background-color:#E6EFFE;
	width:534px;
	margin-right:25px;
}

#faq-box dl {
	margin: 0 18px;
	min-height:490px;
}

/* \*/
* html #faq-box dl { height: 480px; }
/* */

#faq-box dl dt {
	background-image: url(../../shared/images/line/dot-03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px 0 9px 0;
}

#faq-box dl dd {
	background-color:#FFFFFF;
	padding:15px;
	line-height:1.5em;
}

#faq-box dl dd img { margin-top:10px; }

#faq-box dl dd img.img_fr {
	float:right;
	margin-left:10px;
	margin-top:2px;
	padding-bottom:30px;
}

/* \*/
* html #faq-box dl dd img.img_fr { display: inline; }
/* */

#faq-box .faq-head {
	background-image: url(../../shared/images/bg/bg-faq-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:15px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
}

#faq-box .faq-foot {
	background-image: url(../../shared/images/bg/bg-faq-foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:15px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
}


/* .inside */

#faq .inside {
	width:871px;
	margin-left:15px;
	background-position:15px top;
}

#faq .inside h4 { margin-left:45px; }

#faq .inside p { margin-left:45px; }

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