@charset "utf-8";
/*--------------------------------------------

	css_style/facial.css

----------------------------------------------*/

/*--------------------------------------------
	common
----------------------------------------------*/

.border {
	width: 850px;
	background: url(../images/campaign/frame_top.gif) no-repeat left top;}

/*	innerBoxLarge
----------------------------------------------*/
.innerBoxLarge {
	width: 850px;
	background: #0f0f0f url(../images/campaign/gradation_l_bg.gif) repeat-x top;}

/*	innerBoxShort
----------------------------------------------*/
.innerBoxShort {
	width: 850px;
	background: #0f0f0f url(../images/campaign/gradation_s_bg.gif) repeat-x top;}

/*	clear
---------------------------------------------*/
.chapterBox div.clear {
	height: 3px;
	background: url(../images/campaign/framebottom.gif) no-repeat left bottom;}

/*	texts
----------------------------------------------*/
.chapterBox div.texts {
	float: left;
	width: 560px;}

/*	images
---------------------------------------------*/
.chapterBox p.images {
	float: right;
	width: 290px;
	padding-top: 15px;}
.chapterBox p.images img {
	margin-left: 20px;}



/*--------------------------------------------
	chapter1
----------------------------------------------*/
#chapter1 {
	width: 850px;
	background: #0f0f0f url(../images/campaign/gradation_l_bg.gif) repeat-x top;}

/*	border
----------------------------------------------*/
#chapter1 .border {
	width: 850px;
	background: url(../images/campaign/frame_top.gif) no-repeat left top;}

/*	texts
----------------------------------------------*/
#chapter1 h3 {
	border-bottom: 1px solid #999;
	padding-top: 13px;
	margin-top: 2px;
	padding-bottom: 10px;}
#chapter1 h3, #chapter1 div.texts p {
	margin-left: 20px;
	margin-bottom: 0;}
#chapter1 div.texts p {
	line-height: 1.7;
	padding-top: 15px;}




/*--------------------------------------------
	chapter2
----------------------------------------------*/
#chapter2 .texts p, #chapter2 .texts h4, #chapter2 .texts ul {
	padding-left: 20px;}
#chapter2 .texts h4 {
	padding-bottom: 15px;
	background: url(../images/facial/chap2_infrm_top_bg.gif) no-repeat 15px bottom;}
#chapter2 .texts ul {
	padding-bottom: 5px;
	padding-left:25px;
	background: url(../images/facial/chap2_infrm_btm_bg.gif) no-repeat 15px bottom;}
#chapter2 .texts p {
	margin-top: 15px;}
#chapter2 li {
	display: inline;
	line-height: 1.7;
	background: url(../images/facial/ico_square_ws.gif) no-repeat left center;
	padding-left: 7px;
	padding-right: 10px;}




/*-------------------------------------------
	chapter3
---------------------------------------------*/
#chapter3 .innerBoxLarge h4, #chapter3 .innerBoxLarge p {
	width: 550px;}
#chapter3 .innerBoxShort h4, #chapter3 .innerBoxShort p {
	width: 600px;}
#chapter3 .border h4 {
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #999;}
#chapter3 .border p {
	margin-left: 20px;
	margin-top: 5px;
	line-height: 1.7;}
#chapter3 .innerBoxLarge, #chapter3 .innerBoxShort {
	margin-bottom: 15px;}

#chap3Point1 .images {
	min-height: 181px;
	background: url(../images/facial/chap3_img1.jpg) no-repeat 615px 15px;}
#chap3Point2 .images {
	min-height: 137px;
	background: url(../images/facial/chap3_img2.jpg) no-repeat 680px 15px;}
#chap3Point3 .images {
	min-height: 137px;
	background: url(../images/facial/chap3_img3.jpg) no-repeat 680px 15px;}