@charset "UTF-8";
/* CSS Document */

#program{
	margin-bottom:50px;
}

#program h2{
	font-weight:bold;
	font-size:175%;
	line-height:1;
	margin: 0px 0px 10px 0px;
	padding:5px 0px;
	text-align: left;
	color:#565694;
	border-bottom:1px solid #565694;
}


#program h3{
	font-size:150%;
	margin: 0px 0px 10px 0px;
	padding:5px 15px;
	text-align: left;
	font-weight:normal;
	color:#000;
	border-bottom:1px solid #565694;
}

#program h4{
	color:#fff;
	font-weight:bold;
	font-size:120%;
	margin: 10px 0px;
	padding:5px 15px;
	text-align: left;
	background-color:#565694;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
*/}

#program h5{
	color:#000;
	font-weight:bold;
	font-size:120%;
	margin: 10px 0px;
	padding:5px 15px;
	text-align: left;
	background-color:#c5d7ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#program h5.ver2{
	padding:10px 0;
	background-color:#fff;
	margin-bottom:10px;
}	
#program h5 .opensession{
	padding-top:5px;
}
#program h5.h5Yellow{
	background-color:#f7ddaf;
}

#program h5.h5award{
	color:#3b6ea5;
	font-weight:bold;
	font-size:120%;
	margin: 10px 0px 10px 0px;
	padding:0px 0px;
	text-align: left;
	background-color:#fff;
}

#program h6{
	font-size:16px;
	color:#000;
	font-weight:bold;
}


#program p{
	text-align:left;
}
#program p.texts{
	padding-bottom:20px;
}

#program #programL{
	width:370px;/*180：2+10px*/
	float:left;
	padding-bottom:20px;
}
#program #programR{
	width:560px;/*180：3+20px*/
	float:right;
	padding-bottom:20px;
}
#program .tableImgL{
	width:180px;
	margin-right:10px;
	float:left;
}
#program .tableImgR{
	width:180px;
	margin-right:0px;
	float:left;
}

#program .tableImgL img,
#program .tableImgR img{
	width:180px;
}
span.tkn777{
	font-size:16px;
	color:#000;
	font-weight:bold;
}
span.tkn05{
	font-size:16px;
	color:#3b6ea5;
	font-weight:bold;
}
#program #btnPdf{
	width:100%;
	text-align:right;
}

#program table.outline{
width:100%;
margin: 0px;
text-align:left;
font-size:100%;
line-height:1.5;
}
#program .outline th{
width:15%;
border-right:1px dotted #545454;
padding:5px 12px 5px 0px;
vertical-align:top;
/*font-family: Futura,Trebuchet MS,Arial,sans-serif;
*/white-space:nowrap;
color:#565694;
font-weight:bold;
}
#program .outline td{
padding:5px 0px 5px 12px;
vertical-align:top;
}

#program dl.dl{
text-align: left;
margin: 0px 0px 0px 0px;
}
#program .dl dt{
text-align: left;
padding: 0px 0px 0px 0px;
margin:0px;
color:#565694;
font-weight:bold;
}

#program .dl dd{
text-align: left;
padding: 0px 0px 10px 0px;
}


/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/


@media screen and (max-width: 640px) {

#program{
width: 96%;
margin: 0px 2% 2% 2%;
padding: 0;
}
	
#program #programL,
#program #programR{
	width:100%;
	float:none;
	background-color:#fff;
}

#program .tableImgL,
#program .tableImgR{
	width:100%;
	clear:both;
	background-color:#fff;
}

#program .tableImgL img,
#program .tableImgR img{
	width:100%;
	margin-bottom:10%;
}
#program .scrollImg{
width:1500px !important;
}

#program .scrollImg img{
width:100% !important;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 10px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #565694;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #565694;
}

#program table.outline{
margin: 0px 0% 4% 0px;
padding: 0px;
font-size:100%;
text-align: left;
line-height:1.2;
border-collapse:collapse;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#program .outline th {
width: auto !important;
display: block;
font-size:110% !important;
word-break: break-all !important;
white-space: normal !important;
font-weight:bolder;
padding:2% 2%;
background-color:#efefef;
}
#program .outline td {
width: auto;
display: block; 
padding:2% 2%;
border-top: none;
border-bottom:1px dotted #ccc;
}


#program dl.dl{
margin: 0px 0% 2% 0px;
}
#program .dl dt{
text-align: left;
padding: 0px 0px 0px 0px;
margin:0px;
font-weight:bold;
}
#program .dl dd{
text-align: left;
margin-left:0;
margin-bottom:1em;
padding-left:7%;
}
#program #btnPdf{
	text-align:center;
	margin-bottom:7%;
}
img.pd1{
	padding-bottom:2%;
}

}