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

	css_style/design.css

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

.clCampaignButton {
	width: 820px;
	margin: 20px 40px 25px 40px;
}
.clCampaignButton dd {
	width: 190px;
}

.clCampaignButton h2{
	padding-bottom:5px;
}

/*---------------------------------------------
	#chapter1
-----------------------------------------------*/
#chapter1 div.leftBox, #chapter1 div.rightBox {
	width: 418px;
	min-height: 118px;
	border: 1px solid #c3c3c3;
	background: #0f0f0f url(../images/design/chapter1_bg.gif) repeat-x top;}

#chapter1 dl {
	margin: 5px 5px 8px 12px;
	min-height: 76px;}

#chapter1 dt {
	padding-top: 4px;
	margin-bottom: 5px;}

#chapter1 dd {
	line-height: 1.5;}

/*	.leftBox
-----------------------------------------------*/
#chapter1 div.leftBox {
	float: left;}

/*	.rightBox
-----------------------------------------------*/
#chapter1 div.rightBox {
	float: right;}

/*	.clear
-----------------------------------------------*/
#chapter1 div.clear {
	height: 10px;}

/*	#chap1Case2
------------------------------------------------*/
#chap1Case2 dl {
	background: url(../images/design/chapter1_bg_img2.jpg) no-repeat right top;}
#chap1Case2 dd {
	padding-right: 70px;}

/*	#chap1Case3
------------------------------------------------*/
#chap1Case3 dl {
	background: url(../images/design/chapter1_bg_img3.jpg) no-repeat right top;}
#chap1Case3 dd {
	padding-right: 70px;}




/*----------------------------------------------
	#chapter2
-------------------------------------------------*/
#chapter2 div {
	width: 828px;
	margin: 10px auto;
	min-height: 108px;
	border: 1px solid #c3c3c3;
	background: #0f0f0f url(../images/design/chapter2_bg.gif) repeat-x top;}

#chapter2 div dl {
	min-height: 108px;}

#chapter2 div dt, #chapter2 div dd {
	margin-left: 12px;}

#chapter2 div dd {
	line-height: 1.5;
	margin-top: 10px;}

/*	#chap2Case1
-------------------------------------------------*/
#chapter2 #chap2Case1 dl {
	background: url(../images/design/chapter2_bg1.jpg) no-repeat right center;}

/*	#chap2Case2
-------------------------------------------------*/
#chapter2 #chap2Case2 dl {
	background: url(../images/design/chapter2_bg2.jpg) no-repeat right center;}

/*	#chap2Case3
-------------------------------------------------*/
#chapter2 #chap2Case3 dl {
	background: url(../images/design/chapter2_bg3.jpg) no-repeat right center;}




/*------------------------------------------------
	#chapter3
--------------------------------------------------*/
#chapter3 ol {
	width: 830px;
	margin: auto;}

#chapter3 ol li {
	float: left;}

#chapter3 ul li {
	width: 196px;
	float: none;}