@charset "UTF-8";

/** |READ ME| **************************************************************************************

"シェーン英会話 - ホーム"

Cascading Style Sheet Setting File
Ver.201403

----------------------------------------------------------------------------------------------------

00. トップ共通 & Base
01. デバイス切換
02. フロントカバー
03. 災害時メッセージ
04. コンテンツインデックス
05. コンテンツ紹介
06. フッターバナー
07. 災害時メッセージ

************************************************************************************** |READ ME| **/





/** |00. トップ共通| >> *************************************************************** >> START **/


div.home{padding-bottom:0px;}

div.home a {color:#333333;}
div.home a:link, div.home a:visited {text-decoration: underline;}
div.home a:hover, div.home a:active {text-decoration: none;}


/** |00. トップ共通| >> ***************************************************************** >> END **/





/** |01. デバイス切換| >> ************************************************************* >> START **/


div.smartphone {
	background-color: #006733;
	min-width: 948px;
	padding: 4% 0;
	text-align: center;
	width: 100%;
	width: expression(document.body.clientWidth < 950? "948px" : "auto");
}


/** |01. デバイス切換| << *************************************************************** << END **/





/** |02. フロントカバー| >> *********************************************************** >> START **/

div.contents div.mainCover{
	overflow:hidden;
	width:940px;
	height:450px;
	position:relative;
	margin-bottom:20px;
}
div.contents div.mainCover ul#keyVisual{
	position:relative;
}
div.contents div.mainCover ul#keyVisual li{
	position:absolute;
	left:-9999px;
}
div.contents div.mainCover div#controller{
	width:100%;
	padding:10px 30px;
	position:absolute;
	top:360px;
	left:0;
	background:#FFFFFF;
	background:url(/img/main_controller_bg.png) no-repeat left top;
	/*
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.4);
	*/
}
div.contents div.mainCover div#controller div{
	overflow:hidden;
	width:880px;
	height:90px;
}
div.contents div.mainCover div#controller div ul{
	overflow:hidden;
	width:880px;
	height:90px;
	position:relative;
}
div.contents div.mainCover div#controller div ul li{
	position:absolute;
	left:-9999px;
}
div.contents div.mainCover div#controller p#pagePrev{
	position:absolute;
	top:30px;
	left:0;
}
div.contents div.mainCover div#controller p#pageNext{
	position:absolute;
	top:30px;
	left:926px;
}
div.contents div.mainCover div#controller p#activeCover{
	position:absolute;
	top:6px;
	left:30px;
}
div.contents div.mainCover div#controller p#cover{
	position:absolute;
	top:0px;
	left:0px;
}

div.contents div.ads{
	 margin-bottom: 20px;
}


/** |02. フロントカバー| >> ************************************************************* >> END **/





/** |04. コンテンツインデックス| >> *************************************************** >> START **/


div.contents div.introduction{
	margin-bottom:40px;
}

	/*お知らせ*/
	div.contents div.introduction dl.information{
		float:left;
		min-height:150px;
		border-top:#d5d5d5 solid 1px;
		border-bottom:#d5d5d5 solid 1px;
		width:620px;
	}
	div.contents div.introduction dl.information dt{
		border-bottom:#137234 solid 3px;
		padding:15px 0px;
	}
	div.contents div.introduction dl.information dt span.tit{
		display:block;
		float:left;
	}
	div.contents div.introduction dl.information dt span.link{
		display:block;
		float:right;
		font-size:10px;
	}
	div.contents div.introduction dl.information dt span.link a{
		background:url(../img/contents/cmn_ico_arrow2.gif) no-repeat left center;
		padding-left:8px;
	}
	div.contents div.introduction dl.information dt span.link a{
		background:url(../img/contents/cmn_ico_arrow2.gif) no-repeat left center;
		padding-left:8px;
	}
	div.contents div.introduction dl.information dd ul li.latest{
		background:none;
	}
	div.contents div.introduction dl.information dd ul li{
		font-size:12px;
		line-height:120%;
		padding:15px 0px;
		background:url(/img/tpc_line.gif) repeat-x left top;
		zoom: 1;
	}
	div.contents div.introduction dl.information dd ul li:after{
		content: "";
		clear: both;
		display: block;
	}
	div.contents div.introduction dl.information dd ul li a{
		display:block;
		float:left;
		background:url(../img/contents/cmn_ico_arrow1.gif) no-repeat left center;
		padding-left:10px;
	}
	div.contents div.introduction dl.information dd ul li span{
		display:block;
		float:right;
		font-size:10px;
	}

	/*新校・移転開校のお知らせ*/
	div.contents div.introduction dl.opening{
		float:right;
		border:#137234 solid 2px;
		min-height:150px;
		height: auto !important;
		height: 180px;
		width:296px;
	}
	div.contents div.introduction dl.opening dt{
		text-align:center;
		padding:0px 0px 3px 0px;
	}
	div.contents div.introduction dl.opening dd{
		padding:3px;
	}
	div.contents div.introduction dl.opening dd div.scrollable{
		height:120px;
	}
	div.scrollable{
		height:45px;
	}
	div.contents div.introduction dl.opening dd ul li{
		font-size:12px;
		line-height:120%;
		background:#f3eee3;
		margin:0px 0px 5px 0px;
		padding:5px;
	}
	div.contents div.introduction dl.opening dd ul li a{
		background:url(../img/contents/cmn_ico_arrow3.gif) no-repeat left center;
		padding-left:10px;
	}
	div.contents div.introduction dl.opening dd p{
		margin:3px 0px 0px 0px;
		text-align:right;
		font-size:10px;
		line-height:120%;
	}
	div.contents div.introduction dl.opening dd p a{
		background:url(../img/contents/cmn_ico_arrow2.gif) no-repeat left center;
		padding-left:8px;
	}

	div.contents div.introduction dl.opening dd ul.division li{
		float: left;
		font-size:11px;
		line-height:120%;
		background:#f3eee3;
		margin:0px 5px 5px 0px;
		padding:5px;
		width: 128px !important;
		width /**/: 138px;
	}
	div.contents div.introduction dl.opening dd ul.division li.break{margin-right:0px;}

	div.contents div.introduction dl.opening dd ul.division span{font-size:10px;}


/** |04. コンテンツインデックス| >> ***************************************************** >> END **/





/** |05. コンテンツ紹介| >> ************************************************************* >> START **/

	div.contents ul.feature{
		/*margin:0px 0px 50px 0px;*/
	}

	div.contents ul.feature li{
		width:298px;
		min-height:248px;
		float:left;
		border:#d5d5d5 solid 1px;
		margin:0px 20px 20px 0px;
		background:url(/img/ftr_line.gif) no-repeat center 3px;
	}
	
	div.contents ul.feature li.last{
		margin:0px 0px 20px 0px;
	}

	div.contents ul.feature li div{
		position:relative;
		padding:8px;
	}

	div.contents ul.feature li div h2{
		margin:15px 0px 18px 0px;
	}

	div.contents ul.feature li div p.photo{
		margin:0px 0px 10px 0px;
	}

	div.contents ul.feature li div p{
		font-size:12px;
		line-height:140%;
	}

	div.contents ul.feature li div a{
		position:absolute;
		top:0;
		left:0;
		text-indent:-9999px;
		display:block;
		width:298px;
		height:248px;
	}

	div.contents ul.feature li div a:hover{
		background:#FFFFFF;
		filter: alpha(opacity=40);
		-ms-filter: "alpha(opacity=40)";
		opacity: 0.4;
	}

	div.contents div.aboutus{ 
		padding-bottom:20px;
		*padding-top: 20px;
	}

	div.contents div.aboutshane{
		padding: 30px 20px 30px 20px;
		border:solid 1px #ddd;
		width: 580px;
		float: left;
	}
	
	div.contents div.aboutshane p{
		font-size: 11px;
	}
	
	div.contents div.aboutshane p.ttl{
		padding-bottom:10px;
		font-weight: bold;
		color:#256d45;
	}

	div.contents ul.bannerArea{
		width: 300px;
		float:right;
	}

	div.contents ul.bannerArea li{
		background-color: #fff;
		border-bottom: 1px dashed #cccccc;
		padding:4px 10px;
	}

	div.contents ul.bannerArea li.head{ border-top:1px solid #cccccc; }
	div.contents ul.bannerArea li.last{ border-bottom:1px solid #cccccc; }

	div.contents ul.bannerArea li img{ border:solid 1px #cccccc; }

	div.contents div.aboutus p.feature{ padding-top: 20px; }

/** |05. コンテンツ紹介| >> ************************************************************* >> END **/





/** |06. フッターバナー| >> *********************************************************** >> START **/

	/*div.contents div.bannerArea{
		border-top:#d5d5d5 solid 1px;
	}
	div.contents div.bannerArea dl{
		float:left;
	}
	div.contents div.bannerArea dl.kamei{
		padding: 5px 0;
	}
	div.contents div.bannerArea dl.kamei dt,
	div.contents div.bannerArea dl.kamei dd{
		float:left;
	}
	div.contents div.bannerArea dl.kamei dt{
		padding:25px 20px 0 15px;
	}
	div.contents div.bannerArea dl.kamei dd{
		padding-top: 10px;
		height: 53px !important;
		height /**//*:63px;
	}
	div.contents div.bannerArea dl.kamei dd.line{
		width:323px;
		margin-left:20px;
		padding-left:20px;
		font-size:10px;
		line-height:120%;
		background:url(/img/ftb_ln.gif) repeat-y left top;
	}
	div.contents div.bannerArea dl.kamei dd.line img{
		float:left;
		margin-right:10px;
	}
	div.contents div.bannerArea dl.kamei dd.line p{
		padding-top:10px;
	}
	div.contents div.bannerArea dl.kamei dd.line p span{
		text-decoration:underline;
	}
	
	div.contents div.bannerArea dl.teikei{
		border-left:#d5d5d5 solid 1px;
		padding:25px 0px 25px 20px;
		width: 268px !important;
		width /**//*: 289px;
	}
	div.contents div.bannerArea dl.teikei dt{
		float: left;
		padding: 15px 20px 0 0;
	}
	div.contents div.bannerArea dl.teikei dd{
		float: left;
	}*/


/** |06. フッターバナー| >> ************************************************************* >> END **/





/** |07. 災害時メッセージ| >> ********************************************************* >> START **/


div.home dl.alert {
	border: solid 7px #efefef;
	margin: -10px 0 20px;
	padding: 25px 25px 22px;
	width: 876px !important;
	width /**/: 940px;
}

div.home dl.alert dt {
	color: #f00202;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	width: 86px;
}

div.home dl.alert dd {
	float: right;
	font-size: 14px;
	line-height: 1.5;
	width: 786px;
}


/** |07. 災害時メッセージ| << *********************************************************** << END **/