/*AP EラーニングのCSS*/
/*==================================================================*/


.font1 {
	font-weight:bold;
}




/*ボタン横並びのためのリストの設定*/
#nav {
  list-style: none;
  overflow: hidden;
}
 
#nav li {
  width: 167px;
  text-align: center;
  background-color: #333;
  float: left;
  height: 30px;
  line-height: 35px;
  margin-right: 10px;
  border-radius: 7px;/*ボタン角丸*/
}
 
#nav li a {
  text-decoration: none;
  color: #fff;

  padding: 20px;
}


.contents_box div.el_subcontents > h4{
    height: 40px;
    padding: 8px 20px 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
    font-size: 16px;
	font-weight:bold;
    color: #115e50;
    border-top: 1px solid #00947a;
    border-bottom: 1px solid #00947a;
    border-left: 20px solid #00947a;

}


.contents_box div.el_subcontents > h4 a{
    font-size: 16px;
	font-weight:bold;
    color: #115e50;


}



.contents_box div.el_subcontents > h5{
    height: 40px;
    padding: 9px 10px 5px;
    margin-bottom: 15px;
    margin-left: 25px;
    box-sizing: border-box;
    font-size: 16px;
	color: #1c7571;
    border-left: 10px solid #2cb4ad;
}


.contents_box div.el_subcontents > h5 span{
    height: 30px;
    border-bottom: 1px dotted #2cb4ad;
    display: block;
}


div.float1{
	padding: 0 10px 0 40px;
	margin-bottom: 10px;
	float:left;
	width:175px;
	height:150px;
}

div.float2{
	padding: 0 10px 0 20px;
	margin-bottom: 10px;
	float:left;
	width:175px;
	height:150px;
}

div.float3{
	padding: 0 30px 0 10px;
	margin-bottom: 10px;
	float:left;
	width:175px;
	height:150px;
}

/*AP Eラーニングの販売価格*/
/*==================================================================*/

table{
    width:700px;
    margin-bottom: 20px;
    margin-left: 50px;
    border: 1px solid #AAA;
}
table.last_td{
    margin-bottom: 20px;
}
table th,
table td{
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #AAA;
    color: #555;
}
table th{

    padding: 10px;
    white-space: nowrap;
    background: #CCC;
}
table th:first-child{
    width: 20%;
}
table td{
    width: 40%;
}

/*AP Eラーニングの販売価格*/
/*==================================================================*/

.table1 thead th{
color:#fff; /* フォントの色を指定する */
padding:10px; /* セルの余白を指定する */
border:none;
text-shadow:1px 1px 1px #666666; /* テキストフォントの影を指定する */
background-color:#006DD9; /* 背景色を指定する */

}



.table1 tbody td{
padding:10px; /* セルの余白を指定する(上下:左右) */
color:#666; /* フォントの色を指定する */
text-align:center; /* テキストの位置を指定する */
text-shadow:1px 1px 1px #fff; /* テキストフォントの影を指定する */
background-color:rgba(49,169,238,0.3);
}


.table1  td:nth-child(2) {
background-color:none;
}