@charset "utf-8";

@import "campaign.css";

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

                    face slim

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



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

               idCampaignIntro

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


#idTitle{
	background-image: url(../img/faceslim/bk_tb.jpg);
	height:220px;
	background-repeat:no-repeat;
	padding-left:420px;
	
	margin-bottom:10px;
}

#idTitle h1{
}

#idTitle li{
	float: left;
}



/* idSub01
=====================================================*/
#idSub01{
	margin-bottom: 30px;}
#idSub01 h2{
	margin-bottom: 10px;}

/* ol
----------------------------------------------------*/
#idSub01 ol{
	margin-left:15px;
	margin-top:5px;
	text-align:left;
}
#idSub01 ol li{
	display:inline;
	margin-bottom:10px;
	float: left;}
#idSub01 li#idTurn1{
	width: 277px;}
#idSub01 li#idTurn2{
	width: 279px;}
#idSub01 li#idTurn3{
	width: 256px;}
#idSub01 h3{}
#idSub01 li p{
	padding:8px;
	background: #F6F6F6  url(../img/faceslim/bg_gradation.gif) repeat-x bottom;
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-left:1px solid #bebebe;
	text-align:left;
	height:120px;
	line-height: 1.4;}

#idSub01 li#idTurn1 p{
	margin-right:21px;
}
#idSub01 li#idTurn2 p{
	margin-right:23px;
}
#idSub01 li#idTurn3 p{
}

/* ul
-------------------------------------------------------*/

#idSub01 ul li{
	text-align: center;
	margin-bottom: 8px;}








/* idBlock02
---------------------------------------------*/
#idBlock02{
	margin-top: 15px;
	margin-bottom: 13px;}
#idBlock02 ul{}
#idBlock02 li{
	text-align: center;}


/* clPoints
-----------------------------------------------*/
.clPoints{
	margin-bottom:5px;
	padding:5px;
}
.clPoints h3{
	padding-bottom:4px;
}
.clPoints p{
	padding:0px 10px;
	margin-top: 5px;
	line-height: 1.6em;}


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

                      idSub02

------------------------------------------------*/
#idSub02{
}
#idSub02 h2{
	background-image: url(../img/campaign/bk.gif);
	background-repeat:repeat-y;
	padding-bottom: 10px;}


.clSub10 h3{
	padding:7px 0 5px 20px ;
	text-align:left;}
.clSub10 h3 img {
	padding-right: 10px;}
.clSub10 p{
	padding:5px 20px;
	line-height:1.6em;
}
.clCampaignwaku .clSub10{
	padding-bottom:5px;
	padding-top:5px;
	text-align: left;}



#idSub02 .clLeftBox{
	width: 317px;
	padding-top:10px;
	display:inline;
	margin-left:20px;
	margin-bottom: 20px;}
#idSub02 .clLeftBox p{
	margin-bottom: 6px;
	
	line-height: 1.6;}
#idSub02 .clRightBox{
	padding-top:10px;
	width: 479px;
	text-align: right;
	display:inline;
	line-height: 1.5;
	margin-right:20px;
}

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

                      idSub03

------------------------------------------------*/
#idSub03{
}
#idSub03 h2{
	margin-bottom: 15px;}
#idSub03 .clLeftBox{
	display:inline;
	margin-left: 17px;
	padding-bottom:10px;
	text-align:left;
	width: 500px;}
#idSub03 .clLeftBox p{
	line-height: 2;}
#idSub03 .clLeftBox p strong img{
	margin-bottom: 10px;}
#idSub03 .clRightBox{
	display:inline;
	width: 330px;}

#idSub03 .clLeftBox p.clTextLeft{
	text-align: right;}




/* idSub2
=============================================================*/
#idSub2{}
#idSub2 h2{
	margin-bottom: 15px;}
#idSub2 .clRightBox{
	width: 623px;}
#idSub2 .clRightBox h3{
	margin-bottom: 7px;}
#idSub2 .clRightBox p{
	margin-bottom: 15px;}
#idDocData{
	border-top: 1px solid #A0A0A0;
	padding-top: 15px;}
#idDocData h4{
	margin-bottom: 10px;}
#idDocData li{
	line-height: 1.5;}
#idSub2 .clLeftBox{
	width: 157px;}


/* idCampaignBtn
===========================================*/
#idCampaignBtn{
	margin-top: 12px;
	margin-bottom: 25px;}