@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
http://www.meysen.ac.jp/
by Grapecity MCTeam A.Chida
*******************************************************/
@import url("base.css");
@import url("common.css");
@import url("forms.css");

/*****************************************************
	Top Page Layout
******************************************************/
#sideshow {
	position:relative;
	width:100%;
	max-width:1100px;
	height:500px;
	margin:0 auto;
	z-index:0;
}
/* === 	Information BOX =========================== */
.box_info {
	display:table;
	
	width:100%;
	max-width:1036px;
	height:auto;
	margin:10px auto;
	padding:0;
	color:#fff;
	font-size:90%;
	line-height:14px;
}
.box_info:after {
	content:"";
	clear:both;
	display:block;
	height:1em;
	overflow:hidden;
}
.box_info p { position:relative; margin-bottom:0; }
.box_info .more { text-align:right; }

.box_info a,
.box_info a:visited { color:#fff; text-decoration:none; }
.box_info a:hover { color:#fff; text-decoration:underline }
.box_info .title {
	font-weight:bold\9; /* IE8 and below */
	font-size:320%;
	font-size /*\**/:270%\9; /* IE8 */
	*font-size:280%; /* IE7 and below */
	line-height:30px;
	*line-height:26px; /* IE7 and below */
	letter-spacing /***/:-2px9; /* IE8 */
	font-family:din1451,'Fjalla One', Open Sans Condensed, PT Sans Narrow Bold, Euphemia, Calibri, "ヒラギノ角ゴ Pro W3", "meiryo", "Osaka", sans-serif;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box_info .title {
	font-size:290%;
}
}

.box_info .title_jp {
	margin:10px 0;
	font-size:130%;
	*font-size:100%; /* IE7 and below */
	font-weight:bold;
}
.box_info .info01,
.box_info .info02,
.box_info .info03 {
	display:table-cell;
	width:48%;
	min-width:100px;
	margin:0;
	padding:15px;
	vertical-align:top;
	border-right:solid 7px #fff;
}
.box_info .info01 { height:auto; }
.box_info .info02 { height:170px; }
.box_info .info03 { height:170px; width:42%; }

.box_info .separate {
	display:table-cell;
	width:44%;
	vertical-align:top;
}
	.box_info .separate:last-child { width:56%; }


/* --- Verse Of The Day ----------------------------------- */
.box_info .info01 .todays {
	height:66px;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}
.box_info .info01 .todays_link {
	height:44px;
	padding-bottom:10px;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}
*:first-child+html .box_info .vinfo01 .todays_link { height:52px; } /* For IE7 */
.box_info .info01 .bible {
	height:12px;
	font-weight:normal;
	font-size:11px;
	cursor:pointer;
}
.box_info .info01 .over { height:100px!important; }
/* ---------------------------------------------------- */
/* --- Latest Video ----------------------------------- */
.box_info .video {
	display:table-cell;
	width:330px;
	height:200px;
	margin:0;
	font-size:320%;
	border-right:none;
}
.box_info .video a {
	display:block;
	width:330px;
	height:200px;
	margin:0 auto;
	color:#fff;
	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
	background:url(../imgs/img_video_top.jpg) no-repeat top left;
}
.box_info .video a:hover { background-position:bottom left; }
.box_info .video a span {
	display:block;
	width:320px;
	height:100px;
	margin:0 auto;
	padding:65px 0 0 0;
	text-align:center;
	color:#fff;
	font-family:din1451,'Fjalla One',  Open Sans Condensed, PT Sans Narrow Bold, Euphemia, Calibri, "ヒラギノ角ゴ Pro W3", "meiryo", "Osaka", sans-serif;
	line-height:34px;
}
.box_info .video a span img { margin:0 8px; vertical-align:middle; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.box_info .video a span {
		
	}
}


/* ---------------------------------------------------- */
/*****************************************************
	Intro
******************************************************/
.skip { width:953px; margin:0 auto; font-family:Calibri, sans-serif; letter-spacing:1px; }
.skip a {
	float:right;
	padding:10px 0 0 0;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.skip a:hover { color:#fff; font-weight:bold; text-decoration:underline; }

/*****************************************************
	Mobile Settings
******************************************************/
@media screen and (max-width: 1024px) {
	.box_info { padding:0; }
	#slides .next, #slides .prev { display:none; }

}
@media screen and (max-width: 960px) {
#slides {
    position: relative;
	width:100%;
    height: 405px;
    margin: 0 auto;
}
	.slides_container {
		width:100%;
    overflow: hidden;
    position: relative;
    display: none;
}
.slides_container img { width:100%; height:100%; }
.box_info .title { font-size:280%; }

}
@media screen and (max-width: 768px) {
.box_info { position:relative; display:block; }
	.box_info .separate {
		display:block;
		float:left;
		width:100%;
		margin:0 0 8px;
	}
	.box_info .separate:last-child { width:100%; }
	.box_info .info01,
	.box_info .info02,
	.box_info .info03 {
		display:table-cell;
		width:48%;
		margin:0;
		padding:15px;
		vertical-align:top;
		border-right:solid 6px #fff;
	}
	.box_info .info01 { width:50%; border-right:solid 8px #fff; }
	.box_info .info02 { width:50%; border-right:0; }
	.box_info .info03 { width:56%; }

/* Slide Show */
#slides {
	width:100%;
	height:auto;
}
	.slides_container { width:100%; }
	.slides_container a,
	.slides_container a img {
		width:100%;
		height:324px;
	}
#sideshow {
    width: 100%;
    max-width: 768px;
    height: 324px;
}
}
@media screen and (max-width: 480px) {
/* Slide Show */
#slides {
	max-width:480px;
	height:203px;
}
	.slides_container a,
	.slides_container a img {
		max-width:480px;
		height:203px;
	}
#sideshow {
    width: 100%;
    max-width:480px;
    height: 203px;
}
/* InfoBox */
	.box_info .separate {
		width:100%;
		margin:0;
	}
	.box_info .separate:last-child { width:100%; }
	.box_info .info01,
	.box_info .info02,
	.box_info .info03 {
		display:block;
		width:90%;
		min-height:160px;
		margin:0 auto 10px;
		padding:15px;
		border-right:none;
	}
	.box_info .info02 { border-right:0; }
	.box_info .info03 { width:90%; }
	.box_info .video {
		display:block;
		width: 330px;
		height: 200px;
		margin: 0 auto;
		font-size: 320%;
	}
}