/* CSS Document */


/* ***********************************************************
 *
 * Since:     2014-12-28
 * Editor:    contents
 * Modified:  2014-12-28
 *
 * ***********************************************************
 */




/* ///////////////////////////////////////////////////////////////////
	Course
/////////////////////////////////////////////////////////////////// */


#contents .topi_all{
	float:right;
	margin-top:8px;
}

#course{
	width: 730px;
	margin: 5px 0px;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
  }
  



#course h4{
	color: #333;
	font-size: 116.7%;
	background-color: #FFEDEF;
	border-left: #F4B3B9 solid 4px;
	padding: 8px 8px 8px;
	margin: 10px 0px 10px;
	font-weight: normal;
}


	#course h4.two{/*2行*/
		line-height: 1.5;
	/*	background: url(/manabi/common/icon01.png) center 22% no-repeat #FFEDEF;*/
		padding: 6px 8px 5px;
	}


#course .title-small{
	font-size: 17px;
	color: #555;
	font-weight:normal;
	width: 700px;
	margin: 20px auto 18px;
	position: relative;
	padding-left: 18px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #bbb;
}
#course .title-small::before{
	width: 4px;
	height: 4px;
	border: 3px solid #D57A9B;
	content: "";
	display: block;
	left: 0;
	top: 7px;
	position: absolute;
}

#course div.name{
	width:320px;
	height:160px;
	float:left;
	margin:10px 20px 20px;
}

#course div.face{
	width:145;
	height:160px;
	float:right;
	margin:10px 20px 20px;
}

#course p.p_teacher{
	margin:20px;
	clear:both;
}




#course .woman{
	background: url(/manabi/course/img/course_bg.jpg) right center no-repeat;
}


#course .title-second{
	background:none;
	margin: 15px 0;
	color:#DF5992;
	padding-left:0px;
	font-size:18px;
	line-height:150%;
	
}

#course .woman p{
	width:420px;
	margin-bottom: 60px;
	line-height:2.0em;
}


#course .ftr_r{
	line-height: 2em;
	margin: 20px 0 40px 0;
}


#course .ftr_r img{
	float:right;
	margin:10px 5px 10px 35px;
}


#course .ftr_l{
	clear:both;
	margin:30px 0;
	line-height:2.0em;
}

#course .ftr_l img{
	float:left;
	margin:10px 30px 10px 5px;
}



#course .syosyo{
	background:#F0F0E1;
	padding:15px 20px;
	width:420px;
	height:50px;
	margin-top:15px;
}



#course .spimg{
	margin:30px 0;
	line-height:1.6em;
}

#course .spimg .sp1{
	background: url(/manabi/course/img/step01.gif) left top no-repeat;
}

#course .spimg .sp2{
	background: url(/manabi/course/img/step02.gif) left top no-repeat;
}
#course .spimg .sp3{
	background: url(/manabi/course/img/step03.gif) left top no-repeat;
}


#course .spimg .sp1,
#course .spimg .sp2,
#course .spimg .sp3{
	padding-left:110px;
}



#course .spimg dl{
	margin-top: 20px;
}



#course .spimg dt{
	background:#F0F0E1;
	padding: 20px 30px;
	float:left;
	width:50px;
	text-align:center;
	margin-right:20px;
	color:#F07A8A;
}

#course .spimg dd{
 background: url(/manabi/common/list_p.jpg) 120px 10px no-repeat;
 padding-top:3px;

}


#course .pb30{
	padding-bottom:30px;
}



#course .tbl03{
	border-collapse:collapse;
	margin:20px 0;
}

#course .tbl03 th{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 10px;
	width: 90px;
	font-weight: normal;
	text-align: center;
	background-color: #EEE;
  }
  
#course .tbl03 td{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
		padding:10px;
		line-height:2.0em;
  }
 
/*20161215緒方追加*/
#course .courseTtl{
	color: #FFFFFF;
	font-size: 116.7%;
	background-color: #D57A9B;
	border-left: #E8B7C9 solid 4px;
	padding: 5px 8px 4px;
	margin: 0px 5px 10px;
}

#course p.p_teacher.sLine{
	border-bottom: #DDDDDD solid 1px;
	padding-bottom: 20px;
}


.attention{
	margin-bottom: 30px;
}
.attention dt{
	color: #EB6C79;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}
.attention dt::before{
	position: absolute;
	width: 8px;
	height: 1px;
	background: #EB6C79;
	content: "";
	top: 10px;
	left: 0;
}

.textBox{
width: 100%;
}

.textBox::after{
	display: block;
	clear: both;
	content: "";
}

.textBox .text01{
	float: right;
	width:47%;
	line-height: 1.9;
	text-align: justify;
}

/* ///////////////////////////////////////////////////////////////////
	tbl01
/////////////////////////////////////////////////////////////////// */


.tbl01{
	border-collapse:collapse;
	margin:15px auto 15px 0;
	width: 50%;
}

.tbl01 th{
	border: 1px solid #ccc;
	padding:8px 15px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	background-color: #D57A9B;
  }
.tbl01 .tbl-title{
	width: 10%;
} 

.tbl01 td{
	  	border:1px solid #ccc;
		padding:5px 15px;
		line-height:2.0em;
	
  }
.tbl01 th:nth-of-type(2),.tbl01 td:nth-of-type(2){
	width:20%;
}
 

.tbl01 ul{
		margin-left:25px;
  }
  
.tbl01 ul li{
		padding:8px 0;
		list-style:decimal;
  }
.tbl01 span{
	color:#D57A9B;
  }



/* ///////////////////////////////////////////////////////////////////
	20170105プログラム概要ページ改修追加分
/////////////////////////////////////////////////////////////////// */
/*アンカー*/
#course .ancBtnList{
	background-color: #FCE4E7;
	padding: 5px 0px 5px 5px;
	margin-bottom: 30px;
}

#course .ancBtnList li{
	float: left;
	margin-right: 5px;
}

/*モジュール*/
#course .moduleBox{
	margin-bottom: 60px;
}

/*モジュール内インナー*/
#course .moduleBox .inr{
	padding-right: 28px;
}

/*キャッチ―*/
#course .moduleBox .catch{
	color:#DF5992;
	font-size:17px;
	font-weight: bold;
	line-height:150%;
	margin: 10px 0px	5px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

/*見出し*/
#course .moduleBox .subTtl{
	color: #EB6C79;
	font-size: 108.4%;
	background-color: #EEEEEE;
	border-left: #EB6D79 solid 5px;
	padding: 5px 10px 4px 15px;
	margin-bottom: 15px;
}

/*画像ボックス*/
#course .moduleBox .imgBox_r{/*右*/
	margin-bottom: 20px;
}

#course .moduleBox .imgBox_r img{
	float:right;
	margin: 0px 0px 10px 20px;
}

#course .moduleBox .imgBox_r p{
	line-height: 1.6em;
}

/*開講予定日*/
#course .scheTbl{
	border: #CCCCCC solid 1px;
	padding: 4px 4px;
}

#course .scheTbl table{
	width: 100%;
	margin-bottom: 0px;
}

#course .scheTbl table th{
	color: #FFFFFF;
	font-size: 116.7%;
	background-color: #635641;
}

#course .scheTbl table td{
	line-height: 1.7em;
	padding: 5px 6px 5px 10px;
}

/*画像あり*/
#course .scheBox_l .scheTbl{/*左*/
	float: left;
	width: 503px;
}

#course .scheBox_l img{
	float: right;
	width: 169px;
}

/*項目ごと*/
#course .scheTbl table td .scheduleList dt{
	float: left;
	color: #635641;
	font-size: 116.7%;
	font-weight: bold;
	background: url(/manabi/common/list01.gif) 10px 8px no-repeat;
	padding-left: 25px;
}

#course .scheTbl table td .scheduleList dd{
	border-bottom: #CCCCCC dotted 1px;
	padding: 1px 0px 10px 254px;
	margin-bottom: 10px;
}
	#course .scheTbl table td .scheduleList dd.last{
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

/*注釈*/
#course .txtNotice{
	font-size: 91.7%;
	text-indent: -1em;
	padding-left: 1em;
}

#course .txtNotice a{
	color: #EC7786;
	text-decoration: underline;
}
	#course .txtNotice a:hover{
		text-decoration: none;
	}

/*修了生メッセージ*/
#course .mesList_l{
	border-bottom: #CCCCCC dotted 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#course .mesList_l dt{
	float: left;
	width: 188px;
}

#course .mesList_l dd{
	line-height: 1.7em;
	margin-left: 218px;
}