@charset "utf-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-image: url(../img/bg.jpg);
    background-attachment:fixed;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
.clear {
    clear:both;
}

img{
	border: none;
}

.oneColElsCtrHdr #container {
	width: 1000px;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColElsCtrHdr #header {
	width: 1000px;
	margin: auto;
	
} 

.oneColElsCtrHdr #header .navi{
	margin: 30px auto;
	float:left;
} 
.oneColElsCtrHdr #header .logo{
	float:left;
} 

.oneColElsCtrHdr #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColElsCtrHdr h2 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px;
	width: 1000px;
	margin: auto;
}
.oneColElsCtrHdr #footer {
	padding: 0 10px;
	background-color: #7ecef4;
	margin: 20px 0 0 0;
} 

.oneColElsCtrHdr #footer #footer_text{
	text-align: left;
	width: 1000px;
	margin: 0px auto;
	padding: 20px 0px;
}
.oneColElsCtrHdr #footer #footer_text h1{
	width: 500px;
	font-size:+1.5em;
}
.oneColElsCtrHdr #footer #text_box{
	float: left;
	width: 460px;
	padding: 20px;
}

.oneColElsCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}


#main_img{
	margin: auto;
	padding-bottom: 30px;
	height: 450px;
	width: 100%;
	background-image: url(../img/main.png);
	background-repeat: no-repeat;
	background-position: center;
}
	
.top_banner {
	float: left;
	width: 100%;
	margin: auto;
	text-align: center;
}

.top_banner img{
	margin: 10px 0;
}

#sensei_shoukai{
	width: 100%;
	background-image:url(../img/sensei_shoukai/bg.png);
	background-repeat: repeat-y;
}

#text_bg_middle{
	margin: 0px;
	width: 900px;
	background-image:url(../img/sensei_shoukai/bg.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 10px 50px;
}

#text_bg_middle .text{
	margin: 0;
}

#text_center{
	text-align: center;
	margin: 0 10px;
}

.sensei_img{
	float: right;
	margin: 0 0 20px 20px;
}

.kyoshitsu_annnai_text{
	width:450px;
	float:left;
	margin-right:20px;
}

.bnArea{
    width: 920px;
    margin: 0 auto;
}

/* ------------------------------
	#hiketsu 学習効果を上げる秘訣
------------------------------ */
.aCen{ text-align: center !important;}
.strong{ font-weight: bold !important;}
.col01{ color: #ff0000 !important;} /*red*/
.fs18{ font-size: 18px !important;}

.lineStyle{
background:-webkit-linear-gradient(transparent 60%, rgba(255,255,0,0.5) 0%);
background:-o-linear-gradient(transparent 60%, rgba(255,255,0,0.5) 0%);
background:linear-gradient(transparent 60%, rgba(255,255,0,0.5) 0%) ;
}

.fL{ float: left;}
.fR{ float: right;}


.hiketsu .firstTtl{
    text-align: center;
}
.hiketsu .firstTtl h2{
    display: inline-block;
    padding: 10px 0 10px 58px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: url(../img/hiketsu/bg_ttl.png) no-repeat left;
}
.hiketsu .firstTtl h2 span{
    display: block;
    font-size: 26px;
    color: #000;
    font-weight: normal;
}
.hiketsu .firstTtl h2 span.lineStyle{
    font-size: 64px;
    color: #ff0000;
    line-height: 1.2;
    font-weight: bold;
}


.hiketsu p{
    margin: 0 0 1.5em 0;
    line-height: 1.75;
}

.hiketsu h2.block02{
    text-align: center;
    margin: 40px 0 25px 0;
}

.hiketsu h3{
    border-left: 5px solid #1717d7;
    font-size: 20px;
    margin-bottom: 40px;
    padding-left: 15px;
    box-sizing: border-box;
}

.hiketsu .boxIn{
    margin: 35px 0 70px 0;
}

.hiketsu p.lead span{
    color: #ff0000;
    font-weight: bold;
    font-size: 26px;
    
}
.hiketsu .arrow_down{
    background: url(../img/hiketsu/arrow_down.png) no-repeat bottom;
    padding-bottom: 180px;
}
.hiketsu .btn{
    text-align: center;
    margin-bottom: 45px;

}
.hiketsu .btn a{
    display: inline-block;
    width: 460px;
    margin: 0 auto;
    padding: 25px 0;
    box-sizing: border-box;
    background: #2177ed;
    border-radius: 5px;
    border-bottom: 6px solid #1717d7;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
}
.hiketsu .btn a:hover{
    background: #5c9bf0;
}

.hiketsu .btn a span{
    font-size: 14px;
}
