@charset "utf-8";
@media screen and (max-width:640px){
.fL{
	float : left;	
}

.fR{
	float : right;	
}

h5{
    color: #8CD98C;
	font-size:18px;
	font-weight: bold;
}

#inst #seminar_blueBack img.pdf_icon {
 	vertical-align: text-bottom;
 }

.infoTitle{
    color: #8CD98C;
	font-size:20px;
	margin-bottom:25px;
}


#sideMenu.lightgreen h3 {
    background-color: #8CD98C;
}

.lightgreen {
   color: #8CD98C;
}

#sideMenu h3 {
    color: #FFF;
    font-size: 130%;
    padding: 5px 10px;
}

#dayArea{
	width : 225px;
}
.date{
	font-size : 16px;
	color:#666;
}

#seminar #blueBack{
	margin-bottom : 40px;
}

#inst #seminar_blueBack{
	padding	:	15px;
	background-color	:	#E8F2F9;
	font-size	:	14px;
	color	:	#666;
	margin-bottom: 40px;
}

#inst #seminar_blueBack table{
	width	:	100%;
}

#inst #seminar_blueBack table th{
	width	:	100px;
	padding-top	:	5px;
	text-align	:	left;
}

#inst #seminar_blueBack table a{
	text-decoration: underline;;
	color: #496be9;
}

.titleBox.lightgreen h2 {
    color: #8CD98C;
}

.lightgreenBack{
    background-color: #85e5cb;
	color:#fff;
	width : 80px;
	text-align:center;
	font-size:12px;
}


.lightorangeBack{
    background-color: #f9c459;
	color:#fff;
	width : 80px;
	text-align:center;
	font-size:12px;
}

.lightblueBack{
    background-color: #87C3F5;
	color:#fff;
	width : 80px;
	padding: 3px 0;
	text-align:center;
	font-size:12px;
}

.lightpinkBack{
    background-color: #feb8dd;
	color:#fff;
	width : 80px;
	text-align:center;
	font-size:12px;
}

#program{
	margin-bottom : 30px;
	width:100%;
	font-size:14px;
}
#program p{
	width : 100%;
}

.accessWrap{
	float :none;
}
#accessInfo{
    background-color: #FEFCDE;
	padding: 20px;
}
.accessTxt{
	margin-bottom : 20px;
	font-size:16px;
	color:#666;
}
.map{
	float : none;
	position: relative;
    	width: 100%;
    	padding: 75% 0 0 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.onePhoto,.twoPhoto{
	margin-bottom:10px;
}
.threePhoto{
	margin-bottom:10px;
}

.twoPhotos,.threePhotos{
	float : none;
	margin-left:0px;
}
.twoTxt {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    text-align: left;
}

.seminarTitle {
margin: 40px 0 20px 0;
font-size: 14px;
color: #666;
font-weight: bold;
}

.seminarTxt_L, .seminarTxt_L_20150727 {
width:100%;
margin-bottom: 20px;
font-size: 14px;
color: #666;
float: left;
}

.seminarTxt_R, .seminarTxt_R_20150727 {
width:100%;
margin-bottom: 20px;
font-size: 14px;
color: #666;
float: right;
}

.sem_L {
	width: 100%;
	/*
	margin: 0 20px 0px 0;
	*/
	font-size: 16px;
	color: #666;
	float: left;
}

.sem_R {
	width: 100%;
	font-size: 16px;
	color: #666;
	float: none;
/*
	text-align: left;
*/
	margin: 0 0 20px 20px ;
}


.sem_L2 {
	width: 100%;
	margin: 0 20px 0px 0;
	font-size: 16px;
	color: #666;
	float: left;
}

.sem_R2 {
	width: 100%;
	font-size: 16px;
	color: #666;
	float: none;
	text-align: left;
	margin: 0 0 0 20px;
}

.sem_L3 {
	width: 100%;
	margin: 0 20px 0px 0;
	font-size: 16px;
	color: #666;
	float: left;
}

.sem_R3 {
	width: 100%;
	font-size: 16px;
	color: #666;
	float: none;
	text-align: left;
	margin: 0 0 0 20px;
}

.seminarTitle a {
	text-decoration: underline;
	color: #496be9;
}


.twoPhotoInnner a {
	text-decoration: underline;
	color: #496be9;
}

.onePhotos,.twoPhotos,.threePhotos{
	text-align:center;
	margin-bottom:5px;
}


.twoPhotos:first-child{
	margin-left:0;
}

.threePhotos:first-child{
	margin-left:0;
}

.photoInL{
	width :	 100%;
	float:none;
	font-size:14px;
	margin-bottom:15px;
}
.photoInR{
	float:none;
}

.news{
	background-color: #85e5cb;
	color: #FFF;
	width: 80px;
	padding:3px 5px;
	text-align: center;
	font-size: 13px;
}

.society{
	background-color: #87C3F5;
	color: #FFF;
	width: 80px;
	padding:3px 18px;
	text-align: center;
	font-size: 13px;
}

.seminar{
	background-color: #f9c459;
	color: #FFF;
	width: 80px;
	padding:3px 5px;
	text-align: center;
	font-size: 13px;
}

#inst #seminar_blueBack p {
	font-size: 11px;
	margin-top: 10px;
}

.seminar_Txt {
	margin-top: 40px;
	font-size: 13px;
	color: #666;
}


/*20150410追加*/
.calendar th,.calendar td{
	padding:2%;
	border:1px solid #ccc;
	font-size:95%;
}
.calendar th{
	background-color:#ddd;
}
.calendar td{
}
.calendar .alC{
	text-align:center;
}

.sp_only{
	display: block;
}



}/*END @media screen and (max-width:640px)*/