@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: 400px;
	min-height: 138px;
	background-color:#FFF;
	border: 1px solid #f0c03a;
}

#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;
	display:inline;
	margin-left:10px;
}

/*	.rightBox
-----------------------------------------------*/
#chapter1 div.rightBox {
	display:inline;
	margin-right:10px;
	float: right;}

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

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

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




/*----------------------------------------------
	#chapter2
-------------------------------------------------*/
#chapter2 div {
	width: 808px;
	margin: 10px auto;
	min-height: 108px;
	color:#FFF;
	padding-top:6px;
	background: #3564a1 url(../img/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(../img/design/chapter2_bg2.jpg) no-repeat 700px center;}

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




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

#chapter3 ol li {
	float: left;}

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


.chapterBox h3 {
	margin-bottom: 0px;}
#chapter1 h3 {
	padding-bottom: 10px;}

#chapter3{
	background-color:#FFF;
	width:830px;
	margin:0 auto 15px auto;
}
#chapter3 h3{
	margin:0px;
	padding:0px;
}


.chapterBox {
	background-color:#3564a1;
	width:830px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}


#chapter_epi li{
	float:left;
}

#idEpiVoice_waku{
	background-color:#FFF;
	border:1px solid #CCC;
	height:350px;
	overflow:  auto;
}
#idEpiVoice_waku dt{
	line-height:1.6em;
	background-color:#accffb;
	padding:4px 15px;
}
#idEpiVoice_waku dd{
	padding:4px 15px 15px 15px;
	line-height:1.6em;
	
}
#idEpiVoice_waku dd strong{
	color:#b30000;
}


#idEpiCourse{
	background-color:#FFF;
	color:#FFF;
	background-image:url(../img/design/course_bk.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#idEpiCourse dl{
	float:left;
	display:inline;
	width:200px;
	margin-right:10px;
}
#idEpiCourse dl.clLast{
	margin-right:0px;
	
}
#idEpiCourse dl dd{
	line-height:1.6em;
	padding:4px 10px 15px 10px;
}