@charset "utf-8";

/* ****************************************************
Title: modules.css
Created: 2013‒05-24
Last Modified: 2013‒11-22
Editor(s): HK
***************************************************** */

/* -------------------------------------------------------------------- 
/* Text Link
-------------------------------------------------------------------- */

/* -------------------------------------------------------------------- 
/* Image Rollover (Alpha)
-------------------------------------------------------------------- */

a:hover img.hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-ms-filter: 0.7;
	opacity:0.7;
}

/* -------------------------------------------------------------------- 
/* Font Size
-------------------------------------------------------------------- */

/* フォントサイズ（%）指定 */
.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }
.fs13 { font-size:100%; }
.fs14 { font-size:108%; }
.fs15 { font-size:116%; }
.fs16 { font-size:123.1%; }
.fs17 { font-size:131%; }
.fs18 { font-size:138.5%; }
.fs19 { font-size:146.5%; }
.fs20 { font-size:153.9%; }
.fs21 { font-size:161.6%; }
.fs22 { font-size:167%; }
.fs23 { font-size:174%; }
.fs24 { font-size:182%; }
.fs25 { font-size:192.3%; }
.fs26 { font-size:197%; }
.fs28 { font-size:212.5%; }
.fs30 { font-size:227.3%; }

/* フォントサイズ（em）指定 */

.fsEm04 { font-size: 0.4em; }
.fsEm05 { font-size: 0.5em; }
.fsEm06 { font-size: 0.6em; }
.fsEm07 { font-size: 0.7em; }
.fsEm08 { font-size: 0.8em; }
.fsEm09 { font-size: 0.9em; }
.fsEm10 { font-size: 1.0em; }
.fsEm11 { font-size: 1.1em; }
.fsEm12 { font-size: 1.2em; }
.fsEm13 { font-size: 1.3em; }
.fsEm14 { font-size: 1.4em; }
.fsEm15 { font-size: 1.5em; }
.fsEm16 { font-size: 1.6em; }
.fsEm17 { font-size: 1.7em; }
.fsEm18 { font-size: 1.8em; }
.fsEm19 { font-size: 1.9em; }
.fsEm20 { font-size: 2.0em; }
.fsEm21 { font-size: 2.1em; }
.fsEm22 { font-size: 2.2em; }
.fsEm23 { font-size: 2.3em; }
.fsEm24 { font-size: 2.4em; }
.fsEm25 { font-size: 2.5em; }

/* -------------------------------------------------------------------- 
/* Font Weight
-------------------------------------------------------------------- */

.bold {	font-weight: bold;}

/* -------------------------------------------------------------------- 
/* Font Color
-------------------------------------------------------------------- */

.red {	color: #ff0000 !important;}
.blue {	color: #0000ff !important;}
.white {	color: #ffffff !important;}

/* -------------------------------------------------------------------- 
/* Indent
-------------------------------------------------------------------- */

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* -------------------------------------------------------------------- 
/* Align
-------------------------------------------------------------------- */

.alc {	text-align: center !important;}
.alr {	text-align: right !important;}
.all {	text-align: left !important;}

.alt {	vertical-align: top !important;}
.alb {	text-align: bottom !important;}

/* -------------------------------------------------------------------- 
/* Float
-------------------------------------------------------------------- */

.fll {	float: left;}
.flr {	float: right;}

.noFloat { float: none !important;}

/* -------------------------------------------------------------------- 
/* Clearfix
-------------------------------------------------------------------- */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* フロート解除 */
.both { clear: both; }

/* -------------------------------------------------------------------- 
/* Margin , Padding
-------------------------------------------------------------------- */

.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {	margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}

.pr0 {	padding-right: 0px !important;}

/* -------------------------------------------------------------------- 
/* background-size
-------------------------------------------------------------------- */

.bgSize100 {
	background-size: 100% auto !important;
	-moz-background-size: 100% auto !important;
	-webkit-background-size: 100% auto !important;
	-o-background-size: 100% auto !important;
	-ms-background-size: 100% auto !important;
}

/* -------------------------------------------------------------------- 
/* background-color
-------------------------------------------------------------------- */

.bgColorWhite { background-color: #ffffff !important;}

/* -------------------------------------------------------------------- 
/* css3 Button
-------------------------------------------------------------------- */

.css3Btn {
	display: block;
	width: auto;
	padding: 14px 0 12px 0;
	border: solid 1px #0BB5CC;
	background: #0BB5CC;
	background: url(/shogaku/common/images/btn_arw_blue02.png) no-repeat right center, -moz-linear-gradient(top, #9bc6cc, #0BB5CC);
	background: url(/shogaku/common/images/btn_arw_blue02.png) no-repeat right center, -ms-linear-gradient(top, #9bc6cc, #0BB5CC);
	background: url(/shogaku/common/images/btn_arw_blue02.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#9bc6cc), to(#0BB5CC));　
	background: url(/shogaku/common/images/btn_arw_blue02.png) no-repeat right center, linear-gradient(linear, left top, left bottom, from(#9bc6cc), to(#0BB5CC));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	color: #FFF !important;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none !important;
}

.css3Btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.7;
	-ms-filter: 0.7;
	opacity:0.7;
}

/* -------------------------------------------------------------------- 
/* 影付きボックス
-------------------------------------------------------------------- */

.boxShadow {
	background-color: #f2f4f6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	box-shadow: 2px 2px 2px #cccccc;
}