@charset "UTF-8";
@font-face {
	font-family: 'M+1C';
	src: url('../../font/mplus-1c-regular.eot');
	src: url('../../font/mplus-1c-regular.eot?#iefix') format('embedded-opentype'),
		 url('../../font/mplus-1c-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"IPM 明朝";
	src:url('../../font/ipam.eot?')format('eot'),
		url('../../font/ipam.ttf') format("truetype");
}
body{
	font-family:'メイリオ','Meiryo','M+1C';
	color: #555555;
	line-height: 1.6em;
	font-size: 13px;
	min-width:960px;
}


.bold { font-weight: bold;}
.fleft {float: left;}
.fright {float: right;}
.center {text-align:center;}
.right {text-align:right;}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}
.ml15 {margin-left: 15px;}
.mr15 {margin-right: 15px;}
.ml0 {margin-left: 0 !important;}
.mr0 {margin-right: 0 !important;}
.alhover {cursor: pointer;}


a { color: #29771a; } 
a:hover {}

#allWrap {
	/*position:relative;*/
	height: 800px;
}



/* sideL */
#sideL {
	position: absolute;
	height: 100%;
	z-index: 200;
	top:0;
	min-height:1830px;
}

#mainNavWrap {
	background:#fff;
	width: 239px;
	height: 100%;
	z-index: 100;
	position: relative;
	min-height: 760px;
	border-right:1px solid #dcdcdc;
}
h1 {
	height:138px;
}
#mainNav {
}
#mainNav li {
	position:relative;
	height:70px;
}

#mainNav li#Nav1{
	height:72px;
}
#mainNav li a,#mainNav li a img {
	display: block;
	margin: 0;padding: 0;

	
}
#mainNav li .naviOff,#mainNav li .naviOn {
	position:absolute;
	top:0;
	left: 0;
	cursor: pointer;
}
#mainNav li .naviOn{
	display:none;
	opacity:0;
}

#bnrNav{
	margin-top:37px;
	margin-left:24px;
	width:190px;
}
#bnrNav li{
	margin-bottom:20px;
	position:relative;
}
#bnrNav li a,#bnrNav li a img,#bnrNav li img{
	display:block;
	padding:0;
	margin:0;	
}
#bnrNav li.textLink{
	margin-bottom:0;	
}
footer {
	position: absolute;
	bottom: 0;
}
#copy {
	width: 240px;
	font-size: 8px;
	text-align: center;
	padding: 28px 0;
	color: #555;
	letter-spacing: 1px;
}
#copy a {
	color: #555;
	text-decoration: none;
}
#subNavWrap {
	background: #646464;
	height: 100%;
	width: 230px;
	margin-left: 0;
	position: absolute;
	top:0;
	box-shadow:rgba(0, 4, 8, 0.15) 6px 0px 20px 0px;
	-webkit-box-shadow:rgba(0, 4, 8, 0.15) 6px 0px 20px 0px;
	-moz-box-shadow:rgba(0, 4, 8, 0.15) 6px 0px 20px 0px;
	z-index: 80;
	background: url("../images/snavi_back.png") ;
}
#subNavWrap ul {
	display: none;
}
/*#subNavWrap ul#subNav1 {
	display: block;
}*/
#subNavWrap ul li.sNavMenu {
	margin:0;
	cursor: pointer;
	height:70px;
}
#subNavWrap ul li.sNavMenu1 {
	height:72px;
}
#subNavWrap ul li.sNavMenu:hover {
	background: #aacf00;
}
#subNavWrap ul li.dNow {
	background: #a5e9e4;
}
#subNavWrap ul li.dNow:hover {
	background: #a5e9e4;
}
#subNavWrap ul li.sNavTitle {
	height:60px;
	padding-top:124px;
}
#subNavWrap ul li.sNavTitle img{
	display:block;
}

#naviOpen {
	position:fixed;
	top:0;
	left:240px;
	z-index:300;
}
#naviOpen img{
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}


#social {
	text-align: center;
}
#social .icons {
	display: inline-block;
	vertical-align: top;
}
#social #fb_btn {
	padding-top: 0;
	overflow:hidden;
}

#copyright{
	position:absolute;
	bottom:10px;
	text-align:center;
	color:#4d4d4d;
	font-size:85%;
	width:240px;
}
/* sideR */
#sideR {
	position: absolute;
	left: 240px;
	min-width: 960px;
	z-index:0;
	overflow:hidden;
}

/* footer */
#footer {
	background: #444444;
	width: 100%;
	height: 360px;
	overflow: hidden;
	z-index: 200;
	position:relative;
}
#footerCopyrRight{
	position: absolute;
	bottom: 0;
	height: 43px;
	width:100%;
	line-height:43px;
	text-align:center;
	font-size:85%;
	color:#4d4d4d;
	background:#000;
}
#footerContent{
	position:relative;
	margin:54px auto 0;
	width:920px;
}
#footerLogo{
	position: absolute;
	top: 0;
}
#naviAddress{
	color:#8c8c8c;
	font-size:85%;
	line-height:2.0em;
	padding: 10px 0;
}
#footerNavi{
	position: absolute;
	top: 44px;
	left:0px;
	width: 920px;
}
#footerNavi li{
	float:left;
	height:180px;
	background: url("../images/footer_naviBar.png");
	background-repeat: no-repeat;
	padding-left:22px;
	padding-right:35px;
}
#footerNavi li h5{
	background: url("../images/footer_naviMark.png");
	background-repeat: no-repeat;
	background-position:left 8px;
	color:#787878;
	padding-left:10px;
	margin-bottom:10px;
	font-family: "IPM 明朝";
}
#footerNavi li a{
	color:#fff;
	font-size:85%;
	line-height:2.0em;
	text-decoration:none;
}
/* commonR */
.commonR #header{
	height:420px;
	position:relative;
	width: 100%;
	overflow: hidden;
}
.commonR #header #headerCopy{
	width:355px;
	height:355px;
	background:#444444;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
}
.commonR #header #headerCopy h2{
	padding:75px 30px 0 30px;
	font-size:246%;
}
.commonR #header #headerCopy h2.h2S {
	letter-spacing: -1px;
	font-size: 220%;
}
.commonR #header #headerCopy p{
	margin:55px 30px 0 30px;
	font-size:108%;
	line-height:2.14em;
	color:#a9a9a9;
}
.commonR #header #headerImage{
	position:absolute;
	top:0;
	left:355px;
	height:355px;
	width:100%;
	overflow:hidden;
}
.commonR #header-f {
	height: 540px;
	position:relative;
}
.commonR #header-top {
	height: 350px;
	position:relative;
	overflow:hidden;
}
.commonR #header-top .headerCopy {
	height:350px;
	width:100%;
	overflow:hidden;
	position:absolute;
	left:0;
}
.commonR #header-f #headerCopy{
	height:540px;
	width:100%;
	overflow:hidden;
	/*position:absolute;*/
	/*left:10000px;*/
	z-index:100;
}
.commonR #header-top .headerCopy.f01 {
	left: 0;
	z-index:115;
}
.commonR #header-top .headerCopy.f01 {
	/*left:0;*/
	background: url("../images/top_col1_1.jpg") center center no-repeat;
}
.commonR #header-top .headerCopy.f02 {
	background: url("../images/top_col1_2.jpg") center center no-repeat;
}
.commonR #header-top .headerCopy.f03 {
	background: url("../images/top_col1_3.jpg") center center no-repeat;
}
.commonR #header-top .headerCopy.f04 {
	background: url("../images/top_col1_4.jpg") center center no-repeat;
}
.commonR #header-top .headerCopy.f05 {
	background: url("../images/top_col1_5.jpg") center center no-repeat;
}

.commonR #header-f #headerCopy.f01 {
	/*left:0;*/
	background: url("../../feature/images/f_header01.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f02  {
	background: url("../../feature/images/f_header02.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f03 {
	background: url("../../feature/images/f_header03.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f04 {
	background: url("../../feature/images/f_header04.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f05  {
	background: url("../../feature/images/f_header05.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f06 {
	background: url("../../feature/images/f_header06.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f07 {
	background: url("../../feature/images/f_header07.jpg") center center no-repeat;
}
.commonR #header-f #headerCopy.f08 {
	background: url("../../feature/images/f_header08.jpg") center center no-repeat;
}

.commonR #header-top #header-top-banner{
	position:absolute;
	top:21px;
	left:50%;
	margin-left:-460px;
	z-index:120;
}
.commonR #header-top #header-top-btn{
	position:absolute;
	top:244px;
	left:350px;
}


.commonR #header-f #headerCopy h2 ,.commonR #header-top .headerCopy h2 {
	/*width: 464px;*/
	height: 99px;
	line-height: 99px;
	position: absolute;
	font-size: 30px;
	font-family:"IPM 明朝";
	background: url("../../feature/images/f_h_bg.png") no-repeat left #ffffff;
}
.commonR #header-f #headerCopy.f01 h2,.commonR #header-top .headerCopy.f01 h2 {
	top: 222px;
	left: 40px;
}
.commonR #header-f #headerCopy.f02 h2,.commonR #header-top .headerCopy.f02 h2 {
	top: 277px;
	left: 40px;
}
.commonR #header-f #headerCopy.f03 h2,.commonR #header-top .headerCopy.f03 h2 {
	top: 144px;
	right: 40px;
}
.commonR #header-f #headerCopy.f04 h2,.commonR #header-top .headerCopy.f04 h2 {
	top: 208px;
	right: 40px;
	width: 468px;
}
.commonR #header-f #headerCopy.f05 h2,.commonR #header-top .headerCopy.f05 h2 {
	top: 268px;
	right: 40px;
}
.commonR #header-f #headerCopy.f06 h2,.commonR #header-top .headerCopy.f06 h2 {
	top: 265px;
	left: 40px;
}
.commonR #header-f #headerCopy.f07 h2,.commonR #header-top .headerCopy.f07 h2 {
	top: 300px;
	right: 40px;
}
.commonR #header-f #headerCopy.f08 h2,.commonR #header-top .headerCopy.f08 h2 {
	top: 263px;
	right: 40px;
}
.commonR #header-f #headerCopy h2 span.num,.commonR #header-top .headerCopy h2 span.num {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "IPM 明朝";
	display: inline-block;
	width: 92px;
	text-align: center;
	color: #ffffff;
	font-style:italic;
}
.commonR #header-f #headerCopy h2 span.title,.commonR #header-top .headerCopy h2 span.title {
	display: inline-block;
	/*width: 371px;
	text-align: center;*/
	padding:0 38px;
}
.commonR #header-f #headerCopy.f03 span.title,.commonR #header-top .headerCopy.f03 h2 span.title {
	/*width: 614px;*/
}
.commonR #header-f #pankuzu {
	left: 0;
}

.commonR #main{
	/*margin:110px auto 45px;*/
	margin:45px auto 120px;
	width:670px;
}
.commonR #main h2{
	border-left:3px solid #a9cf00;
	font-family:'IPM 明朝';
	font-size:215.3%;
	color:#606060;
	height:30px;
	line-height:30px;
	letter-spacing:0.02em;
	padding-left:20px;
	margin-bottom:40px;
}
.commonR .contact-box {
	position: relative;
	width: 669px;
	height: 246px;
	margin: 40px auto 0 auto;
	background: url(../images/contactbox_back.jpg) no-repeat;
}
.commonR .contact-box-yoyaku {
	display: block;
	position: absolute;
	width: 190px;
	height: 62px;
	top:149px;
	left:39px;
}
.commonR .contact-box-access {
	display: block;
	position: absolute;
	width: 190px;
	height: 62px;
	top:149px;
	left:236px;
}
.commonR .contact-box-inquiry {
	display: block;
	position: absolute;
	top:187px;
	left:458px;
}
.commonR .contact-box-tel {
	display: block;
	position: absolute;
	top:136px;
	left:442px;
}
.commonR .contact-box-course {
	display: block;
	position: absolute;
	top:86px;
	left:508px;
}

/* 6つの特徴 */
.commonR .main-f {
	width: 920px;
	margin:110px auto 120px;
}
.commonR .main-f h3 {
	font-size: 30px;
	font-family:'IPM 明朝';
	background: url("../../feature/images/f-line.png") repeat-x center;
	margin-bottom: 40px;
}
.commonR .main-f h3.h3-c {
	text-align: center;
}
.commonR .main-f h3.h3-r {
	text-align: right;
}
.commonR .main-f h3 .wh {
	display: inline-block;
	background: #ffffff;
	padding: 0 10px;
}
.commonR .main-f h3.h3-l .wh {
	padding-left: 0;
}
.commonR .main-f h3.h3-r .wh {
	padding-right: 0;
}

.commonR .main-f h3 .gr {
	color: #aacf00;
}
.commonR .main-f section {
	margin-bottom: 60px;
	line-height: 2em;
}
.commonR .main-f section.f-center {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}
.commonR .main-f section h4 {
	font-size: 20px;
	font-family:'IPM 明朝';
	margin-bottom: 25px;
	line-height: 40px;
	
}
.commonR .main-f section h4.h4-c {
	text-align: center;
	background: url("../../feature/images/f-line.png") repeat-x center;
	margin-bottom: 20px;
}
.commonR .main-f section h4.h4-c span {
	display: inline-block;
	background: #ffffff;
	padding: 0 10px;
	font-size: 18px;
}
.commonR .main-f section h4 img {
	display: inline-block;
	margin-bottom: -4px;
}
.commonR .main-f .textarea {
	width: 462px;
	word-break: break-all;
}

#f01-lbox {
	width: 100%;
	height: 294px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	overflow: hidden;
	position: relative;
}
#f01-lbox ul {
	position: absolute;
	width: 100%;
}
#f01-lbox ul li {
	width: 20%;
	overflow: hidden;
	height: 294px;
	float: left;
	color: #ffffff;
	position: relative;
}
#f01-lbox ul li#f01-1 {
	background: url("../../feature/images/f01_lbox1.jpg") no-repeat center #e9e9e9;
}
#f01-lbox ul li#f01-2 {
	background: url("../../feature/images/f01_lbox2.jpg") no-repeat center #e9e9e9;
}
#f01-lbox ul li#f01-3 {
	background: url("../../feature/images/f01_lbox3.jpg") no-repeat center #e9e9e9;
}
#f01-lbox ul li#f01-4 {
	background: url("../../feature/images/f01_lbox4.jpg") no-repeat center #e9e9e9;
}
#f01-lbox ul li#f01-5 {
	background: url("../../feature/images/f01_lbox5.jpg") no-repeat center #e9e9e9;
}
#f01-lbox ul li .black {
	background: url("../../feature/images/bg_black.png");
	width: 100%;
	height: 187px;
	padding-top: 107px;
	text-align: center;
	font-family:"IPM 明朝";
	font-size: 20px;
}
#f01-lbox ul li .black .num {
	/*font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "IPM 明朝";*/
	background: #aacf00;
	padding: 8px 0;
	margin: 0 auto;
	width: 35px;
	text-align: center;
}
#f01-lbox ul li .black .title {
	margin-top: 30px;
}
#f01-lbox ul li .green {
	height: 27px;
	padding-top: 16px;
	background: url("../../feature/images/f01_img1.png") no-repeat bottom center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-family:"IPM 明朝";
	opacity: 0;
}

.f02-imgBox {
	position: relative;
	padding-bottom: 180px;
}
#f02-img1 {
	position: absolute;
	right: 0;
	padding-top: 10px;
}
#f05-lbox {
	width: 100%;
	height: 330px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	overflow: hidden;
}
#f05-lbox li {
	float: right;
	width: 20%;
	text-align: center;
	padding-top: 45px;
	height: 285px;
	background: #e9e9e9;
	box-shadow: -3px 0 10px 5px rgba(0,0,0,0.2);
}

/* facebookArea */
#facebookArea{
	background:url("../images/facebook_bg.png") repeat-x top #e9e9e9;
	height:583px;
	padding-top:80px;
}
#facebookAreaContent{
	width:920px;
	margin:0 auto;
	
	background:#eee;
	height:455px;
}
#facebookAreaContent h5{
	width:900px;
	background-color:#3a589a;
	background-image:url(../images/facebook_logo.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:108%;
	padding-left:20px;
	margin-bottom:10px;
}
#facebookAreaContent iframe{
	margin-left:10px;
	background:#fff;
}
/* 踏襲 */
.commonR .img-1 {
	float: right;
	margin: 0 0 20px 20px;
}
.commonR .img-2 {
	float: left;
	margin: 0 20px 20px 0;
}
.commonR #main p {
	margin: 0 20px 20px 20px;
}
.commonR #main h3 {
	clear: both;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	margin: 40px 0 20px 0;
	padding-left: 20px;
	/*background: url(../../intro/pastimages/bg-h3.png) repeat-x;*/
	border-top: 1px solid #555555;
	font-weight:bold;
}
.commonR #main h4 {
	font-weight: bold;
	padding: 12px 0 10px 18px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	margin: 40px 0 20px 0;
}
.commonR .right {
	float: right;
}
.commonR img.right {
	margin: 0 0 20px 20px;
	padding: 4px;
	border: solid 1px #ddd;
}
.commonR #main ul {
	margin: 0 0 20px 40px;
}
/*.commonR #main li {
	list-style-image: url(../pastimages/icon-li.png);
}*/

.commonR #main ul#videolist {
	margin-left: 0;
}

.commonR #main ul#videolist li {
	list-style: none;
	padding: 30px 0;
	border-top: 1px solid #b0b0b0;
}
.commonR #main ul#videolist li:first-child {
	border-top: 0;
}
.commonR #main ul#videolist li .mv {
	width: 400px;
}
.commonR #main ul#videolist li .textarea {
	width: 240px;
}
.commonR #main ul#videolist li .textarea h3 {
	font-size: 13px;
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 1.8em;
	height: auto;
}
.commonR #main ul#videolist li .textarea p {
	margin-left: 0;
}
	
/* pankuzu */
#pankuzu{
	height:65px;
	width:100%;
	background: url("../images/pankuzu_back.png") repeat-x;
}
#pankuzu li{
	padding-top:10px;
	padding-left: 15px;
	padding-right: 20px;
	float: left;
	background: url("../images/pankuzu_arrow.png");
	background-repeat: no-repeat;
	background-position: right 17px;
	color:#555;
	font-size:93%;
}
#pankuzu li:first-child{
	padding-left: 30px;
}
#pankuzu li:last-child{
	background:none;
}
#pankuzu a {
	color: #29771a;
	text-decoration: underline;
}
#pankuzu a:hover {
	color: #afc408;
	text-decoration: none;
}
/* detail */
#detailWrap {
	background: #FFF fixed;
	height: 100%;
	position: fixed;
	left: 0;
	padding-left: 240px;
	z-index: 180;
	overflow-y: scroll;
}
#detailWrap #detailLoad {
	position:relative;
	width: 100%;
}
.loadBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#d_bar {
	background:#e8e8e8;
	width: 100%;
	height: 40px;
}
#d_bar2 {
	width: 50%;
	height: 40px;
	background:#959595;
	margin-left: 50%;
	text-align: right;
	position:relative;
}
#close_btn {
	width: 11px;
	height: 11px;
	padding: 10px 14px 19px 15px;
	background: #313131;
	cursor: pointer;
	position:absolute;
	right: 0;
}
.detailMain {
	width: 840px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 60px;
}
#d_header {
	margin-bottom: 50px;
}
#d_header h2 {
	font-size: 15px;
	margin-bottom: 10px;
}
#d_header .text {
	font-size: 24px;
	line-height: 1.6em;
}
.detailMain .text {
	font-size: 12px;
	line-height: 2em;
}
.detailMain h3 {
	font-size: 24px;
	margin-bottom: 32px;
}
.detailMain h3 img {
	padding-left: 20px;
	vertical-align:bottom;
}
.detailMain h4 {
	margin-bottom: 20px;
	font-size: 18px;
	padding-left: 32px;
	line-height: 1.6em;
	background:url("../images/detail_icon1.png") no-repeat left top;
}
.detailMain h4.donguri {
	padding-left: 35px;
	height: 32px;
	padding-top: 8px;
	background:url("../images/icon_donguri.png") no-repeat left top;
}

#detailPrevnext p {
	position: fixed;
	top: 50%;
	margin: -97px 6px 0 6px;
	cursor: pointer;
	left: 239px;
	
}
#detailPrevnext #btn_next {
	left: auto;
	right: 15px;
}

.detailFooter {
	clear:both;
	background: #313131;
	width: 100%;
	height: 43px;
	padding-top: 17px;
	position: fixed;
	bottom:0;
	overflow: hidden;
}
.detailFooter p {
	position: absolute;
	top: 17px;
	height: 37px;
	padding-bottom: 6px;
	background: url("../images/pt_dfooter.png") repeat-x bottom fixed;
	cursor: pointer;
}
.detailFooter p.link_top {
	width: 60px;
	left: 50%;
	margin-left: -30px;
}
.detailFooter p img {
	position: relative;
}
.detailFooter p.d_link {
	width: 290px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}
.detailFooter p.link_next {
	right: 0;
	text-align: right;
}
.detailFooter p.d_link img {
	vertical-align: top;
	height: 30px;
}
.detailFooter p.d_link span {
	display: inline-block;
	padding-top: 1px;
	width: 22px;
	height: 22px;
	margin: 0 5px;
	color: #313131;
	text-align: center;
	letter-spacing: 0;
	background: url("../images/bg_maru.png") no-repeat;
}
.d_fl2type div {
	width: 410px;
	margin-left: 20px;
}
.d_fl4type div {
	width: 185px;
	margin-left: 10px;
}
.d_fl4type div.fright {
	width: 255px;
}
.d_fl2type div:first-child,.d_fl4type div:first-child {
	margin-left:0;
}

/* わかすぎ */

#main a {
	color: #29771a;
	font-weight: bold;
	text-decoration: underline;
}
#main a:hover {
	color: #afc408;
	text-decoration: none;
}
.main-f a {
	color: #29771a;
	font-weight: bold;
	text-decoration: underline;
}
.main-f a:hover {
	color: #afc408;
	text-decoration: none;
}
.style-1 {
/*強調（赤・太字・15px）*/
	color: #c00;
	font-size: 15px;
	font-weight: bold;
}

.style-2 {
/*小文字*/
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

.style-3 {
/*強調（緑・太字）*/
	color: #29771a;
	font-size: 15px;
	font-weight: bold;
}

.style-4 {
/*強調（大文字・太字）*/
	font-weight: bold;
	font-size: 16px;
}

.style-5 {
/*強調（赤・細字）*/
	color: #c00;
}

.style-6 {
/*強調（赤・太字）*/
	color: #c00;
	font-weight: bold;
}
.border-1 {
	clear: both;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: solid 1px #ddd;
	overflow: hidden;
}

.box-1 {
	margin: 40px 0 20px 0;
	padding: 15px 0 15px 0;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: center;
}

.box-2 {
	margin: 0 20px 20px 20px;
	padding: 30px;
	border: solid 3px #eee;
	text-align: center;
}

.box-2 p {
	margin: 0 0 20px 0!important;
}

.box-3 {
	margin: 0 20px 20px 20px;
	padding: 20px 20px 10px 20px;
	border: solid 1px #ddd;
	background: #f8f7f5;
}

.box-4 {
/*シンプル（線のみ）*/
	margin: 0 20px 20px 20px;
	padding: 20px;
	border: 1px solid #ddd;
}

.box-5 {
/*予約フォーム*/
	padding: 20px;
	border: solid 3px #eee;
}

.icon-link {
	padding-left: 18px;
	background: url(../images/arrowS.png) left 50% no-repeat;
}

.icon-down {
	padding-left: 18px;
	background: url(../images/arrow-5.png) left 50% no-repeat;
}

img.right {
	margin: 0 0 20px 20px;
	padding: 4px;
	border: solid 1px #ddd;
}

img.left {
	margin: 0 20px 20px 0;
	padding: 4px;
	border: solid 1px #ddd;
}

.img-1 {
	float: right;
	margin: 0 0 20px 20px;
}

.img-2 {
	float: left;
	margin: 0 20px 20px 0;
}
.table-1 {
/*標準（線のみ）*/
	width: 630px;
	border-collapse: collapse;
	border-top: solid 1px #ddd;
	margin-left:20px;
}

.table-1 th {
	white-space: nowrap;
	text-align: left;
	font-size: 20px;
	color: #29771a;
}

.table-1 th, .table-1 td {
	padding: 18px 10px 18px 0;
	border-bottom: solid 1px #ddd;
	vertical-align: top;
}

.table-2 {
/*コース比較*/
	width: 630px;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 16px;
	margin-left:20px;
}

.table-2 th {
	white-space: nowrap;
	width: 149px;
	border-right: 1px solid #eee;
}

.table-2 td {
	width: 119px;
}


.table-2 th, .table-2 td {
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #ddd;
	text-align: center;
	vertical-align: middle;
}

.table-2 tr:nth-child(2n) th,
.table-2 tr:nth-child(2n) td {
	background: #f5f9d9;
}

.table-2 .even th, .table-2 .even td {
	background: #f8f7f5;
}

.table-2 td.none {
	padding: 0;
	border: none!important;
	background: none!important;
}

.table-3 {
 /*法人の方へ*/
	width: 630px;
	margin-bottom: 0!important;
	border-bottom: 1px solid #ddd;
}

.table-3 td {
	vertical-align: middle;
}

.table-3 p {
	margin: 0 0 20px 0!important;
}

.table-3 img {
	vertical-align: bottom;
}

.table-4 {
/*標準（線のみ・センタリング）*/
	width: 630px;
	border-collapse: collapse;
	border-top: solid 1px #ddd;
}

.table-4 th {
	text-align: left;
	white-space: nowrap;
}

.table-4 th, .table-4 td {
	padding: 15px 10px 15px 0;
	border-bottom: solid 1px #ddd;
	vertical-align: middle;
}

.table-5 {
/*お問い合わせフォーム*/
	width: 630px;
	border-collapse: collapse;
}

.table-5 th {
	white-space: nowrap;
	text-align: left;
}

.table-5 th, .table-5 td {
	padding: 12px 12px 12px 0;
	border-top: solid 1px #eee;
	vertical-align: top;
}

.table-5 input, .table-5 textarea {
	padding: 4px;
	border: solid 1px #ccc;
}

.table-6 {
/*標準（線のみ／休日管理）*/
	border-collapse: collapse;
	border-top: solid 1px #ddd;
}

.table-6 th {
	white-space: nowrap;
	text-align: left;
}

.table-6 th, .table-6 td {
	padding: 10px 10px 10px 0;
	border-bottom: solid 1px #ddd;
	vertical-align: top;
}

.table-7 {
	margin-top: 20px;
}

.table-7 th, .table-7 td {
/*予約管理*/
	padding: 2px;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	vertical-align: middle;
	width: 960px;
}

.table-7 th {
	background: #f5f5f5;
	white-space: nowrap;
	font-weight: normal;
	font-size: 0.8em;
}

.table-7 th.no {
	color: #fff;
	background: #afc408;
	width: 30px;
}

.table-7 td.delete,
.table-7 th.delete {
	width: 40px;
	font-size: 0.8em;
}

.table-7 td.date,
.table-7 th.date {
	width: 400px;
}

.table-7 td.num,
.table-7 th.num {
	width: 300px;
}

.table-7 td.address,
.table-7 th.address {
	width: 300px;
}

.table-7 td.res,
.table-7 th.res {
	width: 100px;
}

.table-7 td.name2,
.table-7 th.name2 {
	white-space: nowrap;
}

div#page1,
div#page2 {
	clear: both;
}

/* ------------------------- top ---------------------------- */
#main-top {
	
}
#top-box1 {
	width: 100%;
	background: #edf8c2;
	padding: 60px 0 50px 0;
	text-align: center;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	position:relative;
	z-index: 11;
}
#top-box1 h2.line {
	width: 922px;
	margin: 0 auto;
	background: url("../images/top_line1.png") repeat-x center;
	font-family:"IPM 明朝";
	font-size: 30px;
	padding-bottom: 5px;
}
#top-box1 h2.line > span {
	display: inline-block;
	padding: 0 20px;
	background: #edf8c2;
}
#top-box1 h2.line span span {
	font-size: 60px;
	color: #aacf00;
	display: inline-block;
	padding: 0 3px;
	position: relative;
	bottom: -3px;
}
#top-box1 ul {
	width: 922px;
	margin: 30px auto 0 auto;
}
#top-box1 ul li {
	width: 213px;
	float: left;
	height: 78px;
	border: 1px solid #ffffff;;
	font-family:"IPM 明朝";
	background: url("../images/top1_li_bg.png") repeat-x;
	
	text-align: left;
	margin-bottom: 20px;
	margin-right: 20px;
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.1);
}
#top-box1 ul li .num {
	display: block;
	float: left;
	width: 32px;
	height: 68px;
	padding-top: 10px;
	text-align: center;
	border-right: 1px solid #ffffff;
	background: #aacf00;
	font-size: 14px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "IPM 明朝";
	color: #ffffff;
	font-style: italic;
}
#top-box1 ul li .title {
	display: inline-block;
	width: 164px;
	height: 63px;
	line-height: 1.4em;
	padding-left: 16px;
	padding-top: 15px;
	font-size: 17px;
	color: #555555;
}
#top-box1 ul li:hover .title {
	background: #aacf00;
	color: #ffffff;
}
#top-box1 p {
	margin-top: 28px;
}

#top-box2 {
	padding-top: 30px;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	position: relative;
	width: 100%;
	z-index:12;
}
#top-box2 img {
	margin:0;
	padding:0;
	vertical-align: middle;
}
#top-box2 .btn {
	position: absolute;
	bottom: 78px;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	text-align: right;
}
#top-box2 .shine-box {
	width: 920px;
	height: 183px;
	position: absolute;
	top: 41px;
	left: 50%;
	margin-left: -460px;
}
#top-box2 .shine-box p {
	width: 758px;
	margin-left: 162px;
	height: 183px;
	overflow:hidden;
	opacity: 0.6;
	position: relative;
}
#top-box2 .shine-box p img {
	margin-left: -190px;
}
#top-box3 {
	padding: 80px 0;
	z-index: 10;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	
}
#top-box3 ul {
	width: 790px;
	margin: 0 auto;
}
#top-box3 li {
	float: left;
	width: 250px;
	margin-left: 20px;
}
#top-box3 a:first-child li {
	margin-left: 0;
}
#top-box3 li img {
	vertical-align: middle;
}
#top-box3 li .title {
	background: #999999;
	padding: 0 12px;
	height: 37px;
	line-height: 37px;
	color: #ffffff;
}

#top-box4 {
	background: url("../images/top_graybg.png") repeat-x top #f5f5f5;
	padding: 50px 0 135px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
#top-box4 .clearfix {
	width: 920px;
	margin: 0 auto;
}
#top-box4 .fleft,#top-box4 .fright {
	width: 431px;
}
#top-box4 h3 {
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 15px;
}
#top-box4 h3 img {
	position: relative;
	bottom: -5px;
}

#top-box4 .top {
	height: 340px;
}
#top-box4 p.text {
	line-height: 2em;
}

#top-box4 h4 {
	margin-bottom: 12px;
	font-size: 18px;
}
#top-box4 h4 img {
	position: relative;
	bottom: -7px;
	margin-right:4px;
}
#top-box4 #blogPostList li {
	background: #444444;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 20px;
	overflow:hidden;
}
#top-box4 #blogPostList li .date {
	color: #ffffff;
	display: inline-block;
	padding-right: 24px;
}
#top-box4 #blogPostList li a {
	color: #9ec102;
	text-decoration: none;
}


#top-col2 {
	height: 350px;
	position:relative;
	overflow:hidden;
	background: #d4d7d9;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	z-index:1600;
}
#top-col2 > div {
	width: 962px;
	height: 350px;
	background: url("../images/top_col2_2.jpg") right center no-repeat;
	margin: 0 auto;
	position:relative;
}
#top-col2 h2 {
	position: absolute;
	top: 50px;
	left: 20px;
}
#top-col2-banner{
	position:absolute;
	top:122px;
	left:20px;
	
}
#top-col2-btn1{
	position:absolute;
	top:22px;
	left:413px;
}
#top-col2-btn2{
	position:absolute;
	top:75px;
	left:413px;
}
#top-col2-btn3{
	position:absolute;
	top:128px;
	left:413px;
}

#top-col3 {
	height: 320px;
	position:relative;
	overflow:hidden;
	z-index:1500;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}

#top-col3-top {
	height: 320px;
	position:relative;
	overflow:hidden;
}
#top-col3-top  .top-col3Copy {
	height:320px;
	width:100%;
	overflow:hidden;
	position:absolute;
	left:10000px;
}
#top-col3-top .top-col3Copy.t01 {
	left: 0;
}
#top-col3-top .top-col3Copy.t01 {
	/*left:0;*/
	background: url("../images/top_col3_1.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t02 {
	background: url("../images/top_col3_2.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t03 {
	background: url("../images/top_col3_3.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t04 {
	background: url("../images/top_col3_4.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t05 {
	background: url("../images/top_col3_5.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t06 {
	background: url("../images/top_col3_6.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t07 {
	background: url("../images/top_col3_7.jpg") center center no-repeat;
}
#top-col3-top .top-col3Copy.t08 {
	background: url("../images/top_col3_8.jpg") center center no-repeat;
}


#top-col3-top .top-col3Copy h2 {
	/*width: 464px;*/
	height: 99px;
	line-height: 99px;
	position: absolute;
	font-size: 30px;
	font-family:"IPM 明朝";
	background: url("../../feature/images/f_h_bg.png") no-repeat left #ffffff;
	top:122px;
	left:50%;
	margin-left:-279px;
}

#top-col3-top .top-col3Copy h2 span.num {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "IPM 明朝";
	display: inline-block;
	width: 92px;
	text-align: center;
	color: #ffffff;
	font-style:italic;
}
#top-col3-top .top-col3Copy h2 span.title {
	display: inline-block;
	/*width: 371px;
	text-align: center;*/
	padding:0 38px;
	color:#3c3c3c;
}
#top-col3-top .top-col3Title {
	position:absolute;
	top:37px;
	left:50%;
	margin-left:-460px;
}
#top-col3-top #top-col3ArrowL {
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-460px;
}
#top-col3-top #top-col3ArrowR {
	position:absolute;
	top:150px;
	left:50%;
	margin-left:432px;
}

#top-col3-top ul {
	position:absolute;
	width:320px;
	top:265px;
	left:50%;
	margin-left:-160px;
}
#top-col3-top li {
	float:left;
	margin:0 10px;
	width:20px;
	text-align:center;
	color:#fff;
	font-size:108%;
}
#top-col3-top li.current{
	color:#aacf00;
}
#top-col3-top li a{
	color:inherit;
	text-decoration:none;
}

#top-col4 {
	height: 258px;
	position:relative;
	overflow:hidden;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	z-index:1300;
}
#top-col4-contents{
	position:absolute;
	top:44px;
	left:50%;
	margin-left:-460px;
	width:920px;
}
#top-col4 ul{
	margin-top:26px;
}
#top-col4 li{
	float:left;
	width:434px;
	color:#418932;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #f5f5f5;
}
#top-col4 li a{
	color:inherit;
	text-decoration:none;
}
#top-col4 li .date{
	float:right;
	font-size:93%;
}

#top-col5 {
	height: 226px;
	position:relative;
	overflow:hidden;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	background:#f5f5f5;
	z-index:1200;
}
#top-col5-contents{
	position:absolute;
	top:42px;
	left:50%;
	margin-left:-460px;
	width:920px;
}
#top-col5 #top-col5-title{
	position:absolute;
	top:67px;
	left:0;
}
#top-col5 ul{
	position:absolute;
	top:0;
	left:210px;
}
#top-col5 li{
	float:left;
	margin-right:90px;
}

#top-col6 {
	height: 475px;
	position:relative;
	overflow:hidden;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	z-index:1100;
}
#top-col6-contents{
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-460px;
	width:920px;
}
#top-col6-text{
	margin-top:35px;
	line-height:2.0em;
}
#top-col6 ul{
	margin-top:36px;
}
#top-col6 li{
	float:left;
	width:430px;
	line-height:2.0em;
}
#top-col6 li.top-col6-2{
	float:right;
}

/* ------------------------- course ------------------------- */
#tab {
	margin: 0 0 20px 20px;
}
.commonR #main h3.couse-h3 {
	font-family:"IPM 明朝";
	line-height: 1.5em;
	border-top: 0;
	font-size: 22px;
	height: auto;
}
.couse-dl {
	border-top: 1px solid #dddddd;
	margin-left: 20px;
	margin-right: 20px;
}
.couse-dl dt {
	padding: 18px 0;
	font-size: 20px;
	color: #29771a;
}
.couse-dl dt span {
	display: inline-block;
	font-family:"IPM 明朝";
	color: #ffffff;
	background: #a1c600;
	font-size: 18px;
	padding: 3px 8px 1px 8px;
	margin-right: 10px;
}
.couse-dl dd {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 18px;
}

/* わかすぎ Q&A */
.question {
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	background:url(../images/arrowS.png) 5px 4px no-repeat;
}
.question p {
	margin-bottom:0!important;
}
.question a {
	display:block;
	color:#444;
	text-decoration:none;
	padding-bottom:5px;
}
.question a:hover {
	color: #afc408;
}
.answer {
	margin-bottom:20px;
}
.answer p {
	margin-bottom:10px!important;
}

/* staff */
table#staff th {
	color: #999999;
	text-align: right;
	vertical-align: top;
	padding-right: 36px;
	padding-bottom: 30px;
	
}
table#staff td {
	padding-bottom: 30px;
	color: #555555;
}
table#staff td a {
	color: #aacf00;
	text-decoration: none;
	font-weight: normal;
}
table#staff td a:hover {
	color: #aacf00;
}

/* public */
table#public {
	margin-top:40px;
	margin-left:20px;
}
table#public th {
	color: #555555;
	text-align:left;
	vertical-align: top;
	padding-right: 36px;
	padding-bottom: 30px;
	line-height:2.14em;
	
}
table#public td {
	padding-bottom: 30px;
	color: #555555;
	line-height:2.14em;
}
/* ------------------------- corporate ------------------------- */
#corporate {
	position: relative;
	width: 630px;
	height: 980px;
	margin: 0 20px 0 20px;
	background: url(/course/pastimages/bg-corporate.jpg)
}

#corporate-1 {
	position: absolute;
	top: 100px;
	left: 0;
	width: 300px;
	height: 50px;
}

#corporate-2 {
	position: absolute;
	top: 280px;
	left: 360px;
	width: 270px;
	height: 80px;
}

#corporate-3 {
	position: absolute;
	top: 510px;
	left: 0;
	width: 300px;
	height: 170px;
}

#corporate-4 {
	position: absolute;
	top: 680px;
	left: 0;
	width: 630px;
	height: 80px;
}

#corporate-5 {
	position: absolute;
	top: 860px;
	left: 320px;
	width: 310px;
	height: 100px;
}

#corporate p {
	margin: 0 0 10px 0;
}

/* ----------- aboutform ---------------------*/
#aboutForm {
margin-bottom: 50px;
}
.commonR #main #aboutForm h3 {
	border-top: 0;
	font-family: 'IPM 明朝';
	font-size: 24px;
	font-weight: normal;
	margin: 30px 0 10px 0;
	padding-left: 0;
}
.commonR #main #aboutForm p {
	margin: 0 0 0 0;
}
#aboutForm .btns p{
	float: right;
	margin: 0;
}
#aboutForm .btns p:first-child {
	float: left;
}
#aboutForm .text {
	font-size: 17px;
	line-height: 1.6em;
	margin-top: 10px !important;
}

/* ------------------------- #pager --------------------------- */
#pager #pager-left {
	position: fixed;
	bottom: 16px;
	left: 270px;
	width: 200px;
	height: 43px;
	background: url("../images/bg_pager_l.png") no-repeat;
	padding-left: 22px;
	line-height: 43px;
	font-size: 13px;
	font-family: "IPM 明朝";
	color: #ffffff;
	z-index: 1500;
}

#pager #pager-right {
	position: fixed;
	bottom: 16px;
	right: 37px;
	width: 197px;
	padding-right: 25px;
	height: 43px;
	line-height: 43px;
	background: url("../images/bg_pager_r.png") no-repeat;
	font-size: 13px;
	font-family: "IPM 明朝";
	text-align: right;
	color: #ffffff;
	z-index: 1500;
}
#pager a {
	color:inherit;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	height: 43px;
	line-height: 43px;
}

/* ------------------------- #pagetop ------------------------- */
#pagetop {
	height: 72px;
	position:absolute;
	overflow:hidden;
	z-index:1000;
	background:#444;
	/*position:absolute;
	bottom:300px;
	left:0;*/
	bottom: 0;
}
#pager-top{
	padding: 18px 20px 0 20px;
	text-align: center;
	width: 57px;
	margin: 0 auto;
}
#pageWidth{
	height:0;
}









/* sitemap */
/*#sitemap h2 {
	color: #959595;
	font-size: 154%;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
#sitemap a {
	color: #959595;
	text-decoration: none;
}*/

.commonR #main #sitemap h3 {
	border-top: 0;
	padding: 0;
	font-size: 14px;
	height: auto;
	margin: 0;
	line-height:normal;
}
#sitemap ul li {
	padding-left: 22px;
	background:url(../images/arrowS.png) 5px 4px no-repeat;
}
#sitemap > ul > li {
	font-weight: bold;
	margin-top: 20px;

}
#sitemap ul li li {
	margin-top: 5px;
}


.w110 {
	width: 110px;
}


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