@charset "utf-8";
/* Nリーグ　共通レイアウト */
/* *******************************************************************
+ Since:2017-04-05
+ Update:2017-04-20
******************************************************************* */

html,body{
	width: 100%;
	height: 100%;
	min-width: 1100px;
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align: center;
	color: #222222;
	background: #FFFFFF;
	line-height: 1.6;
	font-size: 14px;
}

p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}

ul,ol,li{ list-style-type:none;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* 共通スタイル ***************************************** */
.important{
	color: #ED5565;
	margin-left: 3px;
}

.caution{
	color: #00B187;
}

a:link { color: #2692FF; text-decoration:underline;}
a:visited { color: #2692FF;}
a:hover { color: #2692FF; text-decoration:none;}
a:active { color: #2692FF; }

img {
	border: 0;
	vertical-align: bottom;
}

a img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.txtR{ text-align: right;}
.txtC{ text-align: center;}
.txtL{ text-align: left;}

.fontL{ font-size: 18px;}
.fontM{ font-size: 16px;}
.fontS{ font-size: 14px;}
.fontXS{ font-size: 12px;}

.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}

.strong{ font-weight: 700;}
.fNormal{ font-weight: normal;}
.font_red{ color: #FF0000;}
.font_blue{ color: #0000D8;}
.font_green{ color: #009844;}

.sec2{ margin-top: 20px;}

.pd15{ padding: 15px;}
.pdtb15{ padding: 15px 0;}
.pdlr15{ padding: 0 15px;}
.pdt15{ padding-top: 15px;}
.pdb15{ padding-bottom: 15px;}

#contener,
nav#breadcrumb{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

nav#breadcrumb{
	font-size: 12px;
	margin: 5px auto 10px;
}

nav#breadcrumb li{
	display: inline-block;
}

h1.headTitle{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #C8C8C8;
}
h1.headTitle .main,
h1.headTitle .subtitle{
	float: left;
}

.mainRead{
	font-size: 16px;
	font-weight: 700;
	padding: 12px 0 0;
	margin-bottom: 40px;
}

.pdfLinkWrap{
	background: #D3EDDF;
	padding: 12px 12px 20px;
	margin-bottom: 30px;
}

.pdfLinkWrap > .btnLink{
	float: left;
	width: 410px;
	text-align: right;
	padding-top: 10px;
}

.pdfLinkWrap > .adobeLink{
	float: right;
	width: 540px;
	font-size: 12px;
	line-height: 120%;
}

.pdfLinkWrap > .adobeLink dd.bnr{
	width: 168px;
	float: left;
}
.pdfLinkWrap > .adobeLink dt{ margin-bottom:5px;}
.pdfLinkWrap > .adobeLink dd.read{
	margin-left: 168px;
}

/* 2017/04/20 403,404,410画面追加 */
.errorSection{
	margin: 12em auto 10em;
	text-align: center;
}
.errorSection p{
	padding: 4em 0;
	font-size: 16px;
}


@media screen and (max-width: 767px){
	html,body{
		width: 100%;
		height: 100%;
		min-width: 100%;
	}

	img{
		max-width: 100%;
	}

	#contener,
	nav#breadcrumb{
		width: auto;
		padding: 0 10px;
		margin: 0 auto;
		text-align: left;
	}

	nav#breadcrumb{
		display: none;
	}

	h1.headTitle{
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-left: -10px;
		margin-right: -10px;
		border-bottom: 1px solid #C8C8C8;
	}
	h1.headTitle .main,
	h1.headTitle .subtitle{
		float: none;
		padding-top: 10px;
		text-align: center;
	}

	.mainRead{
		margin-bottom: 1em;
	}

	.linefeed{ display:block;}/*スマホ版の見出し内などで改行させたいとき用*/

	.pdfLinkWrap{
		background: #D3EDDF;
		padding: 12px 12px 12px;
		margin-bottom: 30px;
	}

	.pdfLinkWrap > .btnLink{
		float: none;
		width: auto;
		text-align: center;
		padding-top: 10px;
		margin-bottom: 10px;
	}

	.pdfLinkWrap > .adobeLink{
		float: none;
		width: auto;
		font-size: 12px;
		line-height: 120%;
	}

	.pdfLinkWrap > .adobeLink dd.bnr{
		float: none;
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.pdfLinkWrap > .adobeLink dt{ margin-bottom:5px;}
	.pdfLinkWrap > .adobeLink dd.read{
		margin-left: 0;
	}

}

/* header ************************************************** */
header{
	background: #FFFFFF url(../img/hd_btmline.png) repeat-x bottom;
	padding: 0 0 13px;
}

header #hdInner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

header #logo{
	width: 192px;
	float: left;
	text-align: left;
	padding: 17px 0 15px 15px;
}

header ul#hdNaviTop{
	width: 144px;
	position: absolute;
	top: 0;
	right: 0;
}
header ul#hdNaviTop li a{
	width: 144px;
	float: left;
	display: block;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
}

header ul#hdNaviTop li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

header ul#hdNaviTop li.login a{
	background: url(../img/hd_menu_login.png) no-repeat center, url(../img/hd_bg_login.png) repeat;
	background-size: auto 22px, 10px 10px;
	border-radius: 0 0 5px 5px;
}

header ul#hdNaviBtm{
	width: 515px;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0;
	font-size: 0;
}
header ul#hdNaviBtm li{
	float: left;
}

header ul#hdNaviBtm li.curri a{
	background: url(../img/hd_btn_curri.png) no-repeat;
}

header ul#hdNaviBtm li.moshitest a{
	background: url(../img/hd_btn_moshi.png) no-repeat;
	margin: 0 2px;
}

header ul#hdNaviBtm li.service a{
	background: url(../img/hd_btn_service.png) no-repeat;
}

header ul#hdNaviBtm li a{
	width: 170px;
	height: 45px;
	background-position: center;
	display: block;
	padding-top: 45px;
	overflow: hidden;
	line-height: 100%;
}

header ul#hdNaviBtm li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

header ul#hdNaviBtm li.toTop a{
	margin: 0 0 -5px -70px;
	width: 60px;
	background: url(../img/hd_subtitle_top.png) no-repeat center;
	padding-top: 43px;
}

@media screen and (max-width: 767px){

	header{
		background: #FFFFFF url(../img/hd_btmline.png) repeat-x bottom;
		background-size: auto 13px;
		padding: 0 0 13px;
	}

	header #hdInner{
		width: 100%;
		margin: 0 0;
	}

	header #logo{
		width: 100%;
		float: none;
		text-align: left;
		padding: 10px 10px 0;
	}
	header #logo img{
		width: 40%;
		height: auto;
	}

	header ul#hdNaviTop{
		width: 100%;
		position: absolute;
		top: 0;
		right: 10px;
		text-align: right;
	}

	header ul#hdNaviTop li{
		display: inline-flex;
		width: 32%;
	}
	header ul#hdNaviTop li a{
		width: 100%;
		float: none;
		display: block;
		height: 35px;
		padding-top: 35px;
		overflow: hidden;
	}

	header ul#hdNaviTop li.login a{
		background: url(../img/hd_menu_login.png) no-repeat center, url(../img/hd_bg_login.png) repeat;
		background-size: 97% auto, 10px 10px;
		margin: 0 0;
	}

	header ul#hdNaviBtm{
		width: 100%;
		margin: 0 0 0;
		padding: 0 4px;
		text-align: center;
		position: static;
	}
	header ul#hdNaviBtm li{
		float: none;
		display: inline-flex;
		width: 33%;
		min-height: 36px;
		line-height: 120%;
		font-size: 14px;
		vertical-align: middle;
	}

	header ul#hdNaviBtm li.curri a{
		background-position: center;
		background-size:auto 100%;
		text-indent: -99999px;
	}

	header ul#hdNaviBtm li.moshitest a{
		margin: 0 2%;
		background-position: center;
		background-size: auto 100%;
		text-indent: -99999px;
	}

	header ul#hdNaviBtm li.service a{
		background-position: center;
		background-size:auto 100%;
		text-indent: -99999px;
	}

	header ul#hdNaviBtm li a{
		width: 100%;
		background-position: center;
		display: block;
		height: auto;
		padding-top: 10px;
		padding: 3px;
		color: #FFFFFF;
		font-size: 100%;
		overflow: hidden;
		text-decoration: none;
	}

	header ul#hdNaviBtm li.toTop{
		display: block;
		width: 32%;
		margin-left: auto;
	}
	header ul#hdNaviBtm li.toTop a{
		margin: 0;
		width: 100%;
		height: 30px;
		padding-top: 35px;
		overflow: hidden;
	}

}

/* footer ************************************************** */

/* 加盟塾紹介 */

dl#kameiList{
	border: 3px solid #DCDCD6;
	padding: 15px;
	margin-top: 80px;
}

dl#kameiList dt{
	float: left;
	width: 310px;
}

dl#kameiList dd{
	float: left;
	margin-left: 15px;
}

/* お問い合わせ */
dl#infoBox{
	background: #DCDCD6;
	padding: 15px 20px;
}

dl#infoBox dt{
	background: #FFFFFF;
	text-align: center;
	width: 300px;
	float: left;
	padding: 15px 0;
	margin-top: 6px;
}

dl#infoBox dd{
	margin-left: 325px;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
}

dl#infoBox dd .tit{ font-size:18px; margin-bottom:5px;}

dl#infoBox dd .telno{
	color: #00468C;
	font-size: 20px;
}

/* footer */
footer #footer{
	width: 1000px;
	padding: 10px 0;
	margin: 70px auto 0;
}

footer #footer #toTest{
	float: left;
	width: 530px;
}
footer #footer #sitemap{
	float: right;
	width: 98px;
	margin-top: 30px;
}

footer #ftBtm{
	border-top: 10px solid #D70E18;
	padding: 0 0 20px;
	
}

footer #ftBtm ul{
	width: 1000px;
	margin: 0 auto;
}
footer #ftBtm ul li#copyrights{
	float: left;
	width: 49%;
	font-size: 12px;
	text-align: left;
}
footer #ftBtm ul li#powered{
	float: right;
	width: 49%;
	text-align: right;
}

@media screen and (max-width: 767px){

/* 加盟塾紹介 */

	dl#kameiList{
		border: 3px solid #DCDCD6;
		padding: 10px;
		margin-top: 1.5em;
	}

	dl#kameiList dt{
		float: none;
		width: 100%;
	}

	dl#kameiList dd{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	dl#kameiList dd img{ width:100%;}

	/* お問い合わせ */
	dl#infoBox{
		background: #DCDCD6;
		padding: 12px 12px;
	}

	dl#infoBox dt{
		background: #FFFFFF;
		text-align: center;
		float: none;
		width: 100%;
		padding: 10px 0;
		margin-top: 0;
	}

	dl#infoBox dd{
		margin-left: 0;
		font-weight: 700;
		font-size: 15px;
		line-height: 140%;
		padding-top: 10px;
	}

	dl#infoBox dd .tit{ font-size:18px; margin-bottom:5px;}

	dl#infoBox dd .telno{
		color: #00468C;
		font-size: 20px;
	}

	footer #footer{
		width: auto;
		padding: 10px 0 0;
		margin: 0 auto;
	}

	footer #footer #toTest{
		float: none;
		width: auto;
		padding: 0 10px;
	}
	footer #footer #sitemap{
		float: none;
		width: auto;
		margin-top: 0;
		padding: 10px;
		text-align: left;
	}

	footer #ftBtm{
		border-top: 10px solid #D70E18;
		padding: 5px 0;
		
	}

	footer #ftBtm ul{
		width: auto;
		margin: 0 auto;
	}
	footer #ftBtm ul li#copyrights{
		float: none;
		width: auto;
		font-size: 12px;
		text-align: center;
	}
	footer #ftBtm ul li#powered{
		float: none;
		width: auto;
		text-align: center;
	}

}


/* page top */
#ftPageTop{
	width: 40px;
	height: 40px;
	
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 99;
}

#ftPageTop img{ width:100%; height:auto;}

/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	clear: both;
}