@charset "utf-8";


/* ＴＯＰページ
---------------------------------------------------- */

/* メインコンテンツ：右エリア
---------------------------------------------------- */

		/* h2 */

#mainContent #rightBody h2 {
	margin:0 0 16px 0;
	padding:0 0 0 28px;
	font-size:20px;
	background: url(../images/top_img/top_title_icon_01.png) 5px 0.3em no-repeat;
	border-bottom:2px solid #70a946;
	box-shadow: 
	0px 2px 0px 0px #fff,
	0px 4px 2px -2px rgba(0,0,0,.3);
}

@media only screen and (max-width:640px){
	#mainContent #rightBody h2 {
	background: url(../images/top_img/top_title_icon_01.png) 5px 0.1em no-repeat;
	font-size:1.6rem;
	}
}


#mainContent #rightBody h2.t01 {
	background: url(../images/top_img/top_title_icon_01.png) 5px 0.3em no-repeat;
}

#mainContent #rightBody h2.t02 {
	background: url(../images/top_img/top_title_icon_02.png) 5px 0.3em no-repeat;
}

#mainContent #rightBody h2.t03 {
	background: url(../images/top_img/top_title_icon_03.png) 5px 0.3em no-repeat;
}

#mainContent #rightBody h2.t04 {
	background: url(../images/top_img/top_title_icon_04.png) 5px 0.3em no-repeat;
}

#mainContent #rightBody h2.t05 {
	background: url(../images/top_img/top_title_icon_05.png) 5px 0.3em no-repeat;
}

#mainContent #rightBody h2.t06 {
	background: url(../images/top_img/top_title_icon_06.png) 5px 0.3em no-repeat;
}


		/* コンテンツ汎用 */
	
#mainContent #rightBody .TopCbox {
	width: 700px;
	margin: 0 0 0px 0;
	padding: 0;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody .TopCbox {
	width: auto;
	}
}


		/* （関東）学校バナー */
	
#mainContent #rightBody ul.bnrkanto {
	width: 700px;
	height:190px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#mainContent #rightBody .bnrkanto li {
	margin: 0 14px 10px 0;
	padding: 0;
	list-style:none;
	float:left;
}

#mainContent #rightBody .bnrkanto li:nth-child(3n) {
	margin: 0 0 10px 0;
}

#mainContent #rightBody .bnrkanto li img {
	width:224px;
	height:90px;
	vertical-align:bottom;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@media only screen and (max-width:640px){
	#mainContent #rightBody ul.bnrkanto {
	width: auto;
	height: auto;
	margin: 0 auto;
	}

	#mainContent #rightBody .bnrkanto li {
	width:50%;
	margin:0 0 8px 0;
	padding:0 4px 0 0;
	box-sizing: border-box;
	}

	#mainContent #rightBody .bnrkanto li:nth-child(3n) {
	margin:0 0 8px 0;
	}

	#mainContent #rightBody .bnrkanto li:nth-child(even) {
	padding:0 0 0 4px;
	}

	#mainContent #rightBody .bnrkanto li img {
	width:100%;
	max-width: 304px;
	height: auto;
	}
}

#mainContent #rightBody .bnr_linkmenu {
	width:100%;
	margin:8px 0 16px 0;
	padding:0;
	display:flex;
	justify-content: space-between;
}

#mainContent #rightBody .bnr_linkmenu .link_school {
	flex:1;
	margin: 2px 0 0 0;
	padding:0;
	font-weight:bold;
}

#mainContent #rightBody .bnr_linkmenu .link_school::after {
	margin: 0 0 0 2px;
	padding: 0;
    content: "≫";
}

@media only screen and (max-width:640px){
	#mainContent #rightBody .bnr_linkmenu .link_school {
	font-weight:normal;
	}

	#mainContent #rightBody .bnr_linkmenu .link_school span {
	display:none;
	}
	#mainContent #rightBody .bnr_linkmenu {
		width:100%;
		margin:0px 0 8px 0;
	}
}


#mainContent #rightBody p.btn_nextbnr {
	margin:0;
	padding:0;
	text-align:right;
}

#mainContent #rightBody p.btn_nextbnr a {
	display: inline-block;
	width:120px;
	color: #fff;
	margin:0;
	padding:2px;
	border-radius:2px;
	box-sizing: border-box;
	text-align:center;
	font-size:1.1rem;
	background:#dc3646;
}

#mainContent #rightBody p.btn_nextbnr a span {
	display: inline-block;
	margin:0;
	padding:4px 4px 4px 14px;
	background:url(../images/icon_img/reload.png) left center no-repeat;
	background-size: 10px 9px;
}

#mainContent #rightBody p.btn_nextbnr a:hover {
	transition: 0.3s ease-in-out;  
	opacity: 0.8;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody p.btn_nextbnr {
	margin:0;
	}

	#mainContent #rightBody p.btn_nextbnr a {
	padding:8px;
	width:120px;
	padding:6px;
	}
}


		/* 特集バナー */
	
#mainContent #rightBody ul.bnrtopic {
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0;
	overflow:hidden;
}

#mainContent #rightBody .bnrtopic li {
	margin: 0;
	padding: 0;
	list-style:none;
	float:left;
}

#mainContent #rightBody .bnrtopic li:nth-child(2n) {
	float: right;
}

#mainContent #rightBody .bnrtopic li img {
	width:343px;
	height:138px;
	vertical-align:bottom;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody ul.bnrtopic {
	width: auto;
	margin: 0 auto;
	}

	#mainContent #rightBody .bnrtopic li {
	width:50%;
	margin:0 0 8px 0;
	padding:0 4px 0 0;
	box-sizing: border-box;
	}

	#mainContent #rightBody .bnrtopic li:nth-child(3n) {
	margin:0 0 8px 0;
	}

	#mainContent #rightBody .bnrtopic li:nth-child(even) {
	padding:0 0 0 4px;
	}

	#mainContent #rightBody .bnrtopic li img {
	width:100%;
	max-width: 304px;
	height: auto;
	}
}


		/* （関西）学校バナー */
	
#mainContent #rightBody ul.bnrkansai {
	width: 700px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#mainContent #rightBody .bnrkansai li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style:none;
}

#mainContent #rightBody .bnrkansai li img {
	vertical-align:bottom;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody ul.bnrkansai {
	width: auto;
	margin: 0;
	}

	#mainContent #rightBody .bnrkansai li {
	/*margin:0 0 8px 0;
	padding:0 4px 0 0;*/
	box-sizing: border-box;
		width: 49%;
	}

	#mainContent #rightBody .bnrkansai li img {
	width:100%;
	max-width: 560px;
	height: auto;
	}
}


	/* 特集・体験レポート */

#mainContent #rightBody #Feature {
	width: 700px;
	margin: 0 0 0 0;
	padding: 0;
}

		/* 特集 */

#mainContent #rightBody #Feature #Special {
	width: 330px;
	margin: 0;
	padding: 0;
	float:left;
}

#mainContent #rightBody #Feature #Special .area{
	margin:7px 0 0 0;
}

#mainContent #rightBody #Feature #Special .image{
	float:left;
	margin:0;
	padding:0;
}

#mainContent #rightBody #Feature #Special .read{
	margin:0 0 5px 0;
	padding:0;
	font-size:10px;
	width:240px;
	float:right;
}

#mainContent #rightBody #Feature #Special ul{
	width:230px;
	float:right;
	margin:0;
	padding:0;
}

#mainContent #rightBody #Feature #Special li{
	line-height:120%;
	padding:0 0 5px 0;
	font-size:12px;
	font-weight:bold;
	color:#1A8CFF;
}

#mainContent #rightBody #Feature #Special p{
	padding:2px 0 0 0;
	font-size:12px;
	margin:3px 0 0 0;
	border-top:#DEDEDE dotted 1px;
	text-align:right;
}



		/* 体験レポート */

#mainContent #rightBody #Feature #Report {
	width: 230px;
	margin: 0;
	padding: 0;
	float:right;
}

#mainContent #rightBody #Feature #Report h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#mainContent #rightBody #Feature #Report #RPhoto {
	width: 80px;
	margin: 0;
	padding: 0;
	float:left;
}

#mainContent #rightBody #Feature #Report #RText {
	width: 143px;
	margin: 0;
	padding: 0;
	float:right;
}

#mainContent #rightBody #Feature #Report #RText p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size:85%;
	line-height:135%;
}


		/* 体験レポート（改） */

#mainContent #rightBody .Nreport {
	width: 285px;
	margin: 0;
	padding: 0;
	float:left;
}

#mainContent #rightBody .Nreport .nrPhoto {
	width: 80px;
	margin: 0;
	padding: 0;
	float:left;
}

#mainContent #rightBody .Nreport .nrText {
	width: 195px;
	margin: 0;
	padding: 0;
	float:right;
}

#mainContent #rightBody .Nreport .nrText h3 {
	margin: 0 10px 5px 0;
	padding: 0;
	line-height:125%;
	font-weight:bold;
}

#mainContent #rightBody .Nreport .nrText p {
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
	font-size:95%;
	line-height:125%;
}

#mainContent #rightBody .Nreport .nrText .nrlink {
	font-size:85%;
	text-align:right;
}


		/* 体験レポート（改2：1カラム） */

#mainContent #rightBody .Nreport2 {
	width: 700px;
	margin: 0;
	padding: 0;
}

#mainContent #rightBody .Nreport2 .nrPhoto2 {
	width: 260px;
	margin: 0;
	padding: 0;
	float:left;
}

#mainContent #rightBody .Nreport2 .nrText2 {
	width: 425px;
	margin: 0;
	padding: 0;
	float:right;
}

#mainContent #rightBody .Nreport2 .nrText2 h3 {
	margin: 0 10px 5px 0;
	padding: 0;
	line-height:125%;
	font-weight:bold;
}

#mainContent #rightBody .Nreport2 .nrText2 p {
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
	font-size:95%;
	line-height:125%;
}

#mainContent #rightBody .Nreport2 .nrText2 .nrlink {
	font-size:85%;
	text-align:right;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody .Nreport2 {
	width: auto;
	}

	#mainContent #rightBody .Nreport2 .nrPhoto2 {
	width: auto;
	float: none;
	}

	#mainContent #rightBody .Nreport2 .nrText2 {
	width: auto;
	float: none;
	}
}


		/* ＰｉｃｋＵｐ（学校イチオシ） */

#mainContent #rightBody #Pickup {
	clear:both;
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type:none;
}

#mainContent #rightBody #Pickup li {
	margin: 3px 0 3px 0;
	padding: 0 0 5px 88px;
	background: url(../images/icon_img/check_lecture_top.gif) #F7F7F7 no-repeat;
	line-height:130%;
	border-bottom:#efefef 1px solid;
}

#mainContent #rightBody #Pickup li span {
	font-size:85%;
	color:#666666;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Pickup li {
	padding: 0 0 5px 0;
	background:none;
	}
}

		/* 講座検索 */

#mainContent #rightBody #Search {
	width: 700px;
	margin: 30px 0 30px 0;
	padding: 0;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Search {
	width: auto;
	}
}

#mainContent #rightBody #Search p {
	padding: 0 10px;
}

#mainContent #rightBody #Search .pd0 {
	padding: 0;
}

#mainContent #rightBody #Search .kw {
	margin: 0;
	padding: 4px 5px;
	border-bottom: 1px solid #83b633;
	border-top: 1px solid #83b633;
	background:#f3f9e3;
}

#mainContent #rightBody #Search .sh {
	margin: 0 10px;
	padding: 3px 5px;
	font-size:90%;
	text-align:right;
}

#mainContent #rightBody #Search a {
	padding-right: 0.5em;
}

#mainContent #rightBody #Search span {
	color:#70a946;
	font-weight:bold;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Search form p span {
	display:block !important;
	margin:0;
	padding:6px 0 0 0;
	}
}


#mainContent #rightBody #Search .reco a {
    background: url("../images/icon_img/reco_s.gif") no-repeat right center transparent;
    padding: 0 47px 0 0;
}


		/* 講座検索：定義リスト */

#mainContent #rightBody #Search dl {
	margin: 10px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #d9e9c0;
}

#mainContent #rightBody #Search dt {
	clear:both;
	margin: 0;
	padding: 0.2em 0 0.1em 1em;
	border-top: 1px solid #d9e9c0;
	width: 6em;
	float: left;
	font-weight:bold;
}

#mainContent #rightBody #Search .ln {
	border: none;
}
	
#mainContent #rightBody #Search dd {
	margin: 0 0 0 6em;
	padding: 0.5em 1em 0.6em 1em;
	border-top: 1px solid #d9e9c0;
	font-size:90%;
	line-height:1.3;
}


@media only screen and (max-width:640px){
	#mainContent #rightBody #Search dt {
	width:100%;
	float: none;
	background:#f9f9f9;
	padding: 0.5em 5px 0.6em 5px;
	font-size:1.4rem;
	}
	
	#mainContent #rightBody #Search dd {
	margin: 0;
	padding: 0.5em 5px 0.6em 5px;
	line-height:1.6;
	font-size:1.4rem;
	}

	#mainContent #rightBody #Search .ln {
	border-top: 1px solid #d9e9c0;
	}

}


		/* 講座検索：検索フォーム */

#mainContent #rightBody #Search form {
	margin: 0 0 12px 0;
	padding: 0;
}

#mainContent #rightBody #Search #keyword2 {
	width: 160px;
	height: 17px;
	margin: 0;
	padding: 0;
}

#mainContent #rightBody #Search .Top_kwd {
	border: 1px solid #83b633;
	width: 300px;
	height:32px;
	margin: 0;
	padding: 1px 4px;
	box-sizing: border-box;
}

#mainContent #rightBody #Search #submitbtn {
	color: #ffffff;
	background: #535353;
	width: 50px;
	height:32px;
	padding: 4px 6px;
	cursor: pointer;
	font-family: FontAwesome;
	border:none;
	text-align:center;
	box-sizing: border-box;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Search .Top_kwd {
	-webkit-appearance: none;
	display: block;
	margin:10px 0 10px 0;
	padding: 1px 4px;
	width: 100%;
	height:40px;
	border: 1px solid #83b633;
	background: #fff;
	border-radius: 0;
	box-sizing: border-box;
	font-size:16px;
	line-height: 30px;
	}

	#mainContent #rightBody #Search #submitbtn {
	-webkit-appearance: none;
	display: table;
	margin:0 0 30px auto;
	width: 25%;
	height:40px;
	font-size:14px;
	line-height: 18px;
	border-radius: 2px;
	text-indent:0 ;
	}
}


		/* オススメ講座 */
	
#mainContent #rightBody #Recommend {
	width: 700px;
	margin: 30px 0 25px 0;
	padding: 0;
}

#mainContent #rightBody #Recommend ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}

#mainContent #rightBody #Recommend li {
	background: url(../images/arw_green.gif) #FAFAFA no-repeat 0px 6px;
	border-bottom:#EFEFEF 1px solid;
	font-size:11px;
	color: #D20280;
	margin: 0;
	padding: 4px 0 4px 0;
}

#mainContent #rightBody #Recommend li a {
	margin: 2px;
	padding: 2px 0 3px 13px;
	font-size:13px;
	padding-right: 0.5em;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Recommend {
	width: auto;
	}

	#mainContent #rightBody #Recommend li {
	padding-left:13px;

	}

	#mainContent #rightBody #Recommend li a {
	display:block;
	margin: 0;
	padding: 0;
	}
}



		/* もうすぐ締め切り講座 */
	
#mainContent #rightBody #Recommend2 {
	width: 700px;
	margin: 0 0 25px 0;
	padding: 10px 0 0 0;
}

#mainContent #rightBody #Recommend2 h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#mainContent #rightBody #Recommend2 ul {
	margin: 0;
	padding:0 10px;
	list-style-type:none;
}

#mainContent #rightBody #Recommend2 li {
	background: url(../images/arw_green.gif) #FAFAFA no-repeat 0px 6px;
	border-bottom:#EFEFEF 1px solid;
	font-size:10px;
	color: #D20280;
	line-height:26px;
}

#mainContent #rightBody #Recommend2 li a {
	margin: 2px;
	padding: 2px 0 3px 13px;
	font-size:12px;
	padding-right: 0.5em;
}


	/* お知らせ・学校ブログ */

#mainContent #rightBody #Info {
	width: 700px;
	margin: 0 0 25px 0;
	padding: 0;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Info {
	width: auto;
	}
}

			/* お知らせ */

#mainContent #rightBody #Info #Whatsnew {
	width: 100%;
	margin: 0;
	padding: 0 0 25px 0;
	float:none;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Info #Whatsnew {
	width: auto;
	float: none;
	}
}

#mainContent #rightBody #Info #Whatsnew ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#mainContent #rightBody #Info #Whatsnew li {
	margin: 5px 0 0 0;
	padding: 0 0 5px 50px;
	line-height:130%;
	border-bottom:#DEDEDE 1px dotted;
}

#mainContent #rightBody #Info #Whatsnew li span {
	font-size:85%;
	color:#aaaaaa;
	padding-left: 0.5em;
}

#mainContent #rightBody #Info #Whatsnew .newkouza {
	background: url(../images/top_img/icon_news01.gif) no-repeat 0px 0.15em;
}

#mainContent #rightBody #Info #Whatsnew
.school, .saku, .koza, .osusume, .cam_01, .cam_02, .cam_03, .cam_04, .info,
.mutter, .recommend, .cat56, .cat66, .cat67, .cat68, .midnight
{
	background: url(../images/top_img/icon_news02.gif) no-repeat 0px 0.15em;
}

#mainContent #rightBody #Info #Whatsnew .update {
	background: url(../images/top_img/icon_news03.gif) no-repeat 0px 0.15em;
}

#mainContent #rightBody #Info #Whatsnew .news {
	background: url(../images/top_img/icon_news04.gif) no-repeat 0px 0.15em;
}

#mainContent #rightBody #Info #Whatsnew
.business, .biz01, .biz02, .biz03, .biz04, .biz31, .biz32, .biz33, .biz34, .biz35, .cat90, .cat91, .cat92, .cat93, .cat94, .cat95
{
	background: url(../images/top_img/icon_news05.gif) no-repeat 0px 0.15em;
}


			/* 学校ブログ */

#mainContent #rightBody #Info #Blog {
	width: 290px;
	margin: 0;
	padding: 0 0 25px 0;
	float:right;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #Info #Blog {
	width: auto;
	float: none;
	}
}


#mainContent #rightBody .bnr_area {
	margin:10px 0 15px 0;
	clear:both;
}

	/* 関東bnr：↑5px：20140621 */

.top_banner4 {
	width:700px;
	margin: -5px 0 0 0;
	padding: 0;
}

.top_banner4 .b4_l {
	width:270px;
	margin: 0;
	padding: 5px 0 10px 0;
	float:left;
}

.top_banner4 .b4_r5 {
	margin: 0;
	padding: 0 0 10px 0;
	float: right;
}

.top_banner5{
	margin:0 0 20px 0;
	padding:0;
}


.ichioshi {
	margin: 0 0 25px 0;
	padding: 0;
}


.top_banner_tsu {
	width:560px;
	margin: 0 0 0 5px;
	padding: 0;
}

.top_banner_tsu .tbt_l {
	width:365px;
	margin: 0;
	padding: 0;
	float: left;
}

.top_banner_tsu .tbt_r {
	width:180px;
	margin: 0;
	padding: 0;
	float: right;
}


	/* list：レポート */

#mainContent #rightBody .list_repo {
	margin: 0;
	padding: 0;
	list-style:none;
}

#mainContent #rightBody .list_repo li {
	margin:0;
	padding: 0 0 3px 13px;
	background: url(../images/arw_green.gif) no-repeat 0px 0.3em;
}


	/* TOPバナー */
#mainContent #rightBody .bn_mb02 {
	margin: 0 0 2px 0;
	padding: 0;
}

#mainContent #rightBody .bn_mb05 {
	margin: 0 0 5px 0;
	padding: 0;
}

#mainContent #rightBody .bn_mb10 {
	margin: 0 0 10px 0;
	padding: 0;
}

#mainContent #rightBody .bn_smc {
	margin: 0 10px 20px 0;
	padding: 0;
	text-align:center;
}

#mainContent #rightBody .bn_smc img {
	display:block;
	margin: 0 0 5px 0;
	padding: 0;
	vertical-align:bottom;
}

#mainContent #rightBody .exbnr {
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody .bn_smc {
	margin: 0;
	}

	#mainContent #rightBody .bn_smc img {
	width:100%;
	height: auto;
	}
}


	/* SAスタッフのおすすめ（sp） */

@media only screen and (min-width:641px){
	#mainContent #rightBody #staff_sp {
	display: none;
	}
}

@media only screen and (max-width:640px){
	#mainContent #rightBody #staff_sp {
	margin: 0;
	padding: 0;
	background: #f3f9e3;
    border-radius: 3px;
	}

	#mainContent #rightBody #staff_sp dl  {
	margin: 0;
	padding: 0;
	}

	#mainContent #rightBody #staff_sp dt  {
    width: 100%;
    margin: 0;
    padding: 0;
	}

	#mainContent #rightBody #staff_sp dt span {
	display:block;
    position: relative;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #83b633;
    font-size: 11px;
	color:#fff;
	text-align:center;
	}

	#mainContent #rightBody #staff_sp dt span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top: 4px solid #83b633;
    border-right: 4px solid #83b633;
	}

	#mainContent #rightBody #staff_sp dd  {
	margin: 10px 0 0 0;
	padding: 0 12px 10px 12px;
	font-size:85%;
	line-height:1.5;
	}
}

/* その他お知らせ表示用 */
#mainContent #rightBody .extrainfo {
	display: none;
}

@media only screen and (max-width:640px){
	#mainContent #rightBody .extrainfo {
		display: block;
		padding: 0.8rem;
		border: 1px solid #f9a223;
		text-align: center;
	}
	#mainContent #rightBody .extrainfo a {
		color: #f9a223;
	}
	#mainContent #rightBody .extrainfo i {
		padding-right: 0.4rem;
	}
}