@charset "UTF-8";
/*
	ＰＣ用
*/
@media screen and (min-width: 769px) {
	#pageHome {
		/*
			div.boxPromotion
		*/
		/*
			div.boxJob
		*/
		/*
			div.boxEvent
		*/
		/*
			div.boxRecSite
		*/
		/*
			div.boxNews
		*/
		/* 広告300x250 */
		/*
			div.boxMembo
		*/
		/*
			div.boxSchool
		*/
		/* 逆アクセスランキング */
	}
	#pageHome div.mainCampain {
		padding-bottom: 5px;
		margin-bottom: 4px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.mainCampain a {
		display: block;
		background: url(../img/global/campain/20171009/crystal.jpg) no-repeat;
		background-size: 100% 100%;
		width: 468px;
		height: 263px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	#pageHome div.mainCampain a:hover {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#pageHome div.prJoin {
		padding-bottom: 5px;
		margin-bottom: 4px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.prJoin a {
		background: url(../img/index/banner_pr_join_468x60.gif) no-repeat;
		width: 468px;
		height: 60px;
		text-indent: 468px;
		line-height: 60px;
		display: block;
		overflow: hidden;
	}
	#pageHome #gSearch {
		background: #E9E9E2 url(../img/index/bg_common_search_top.gif) no-repeat;
		margin-bottom: 4px;
	}
	#pageHome #gSearch #gCat {
		height: 18px;
		padding: 10px 12px 0px 12px;
		color: #CCC;
		overflow: hidden;
		margin-bottom: 7px;
	}
	#pageHome #gSearch #gCat li {
		float: left;
		margin-right: 6px;
		padding-right: 8px;
		background: url(../img/index/bg_common_search_li_v_boder.gif) repeat-y right;
		font-size: 13px;
	}
	#pageHome #gSearch #gCat li a {
		color: #FFF;
		padding: 0px 6px;
		background-color: #7DBE0A;
		line-height: 17px;
		height: 17px;
		display: inline-block;
	}
	#pageHome #gSearch #gCat li.active a {
		background-color: #C4364E;
		color: #FFF;
	}
	#pageHome #gSearch #gCat li.active a {
		text-decoration: none;
	}
	#pageHome #gSearch #gCat li#ai {
		background: none;
	}
	#pageHome #gSearch #g_form {
		clear: left;
		background: url(../img/index/bg_common_search_bottom.gif) no-repeat bottom;
		overflow: hidden;
		height: 100%;
		padding: 0px 12px 5px 12px;
		font-size: 12px;
	}
	#pageHome #gSearch #g_form select,
	#pageHome #gSearch #g_form input,
	#pageHome #gSearch #g_form span {
		margin-right: 5px;
		margin-bottom: 3px;
		vertical-align: middle;
	}
	#pageHome #gSearch #g_form select {
		height: 20px;
		line-height: 20px;
	}
	#pageHome #gSearch #g_form span {
		line-height: 13px;
		vertical-align: middle;
		font-size: 12px;
		height: 13px;
	}
	#pageHome #gSearch #g_form label input {
		margin-right: 4px;
		width: 13px;
		height: 13px;
		padding: 0px;
	}
	#pageHome #gSearch #g_form .hide {
		display: none;
	}
	#pageHome #gSearch #g_form .focus {
		color: #333;
	}
	#pageHome #gSearch #g_form .unfocus {
		color: #CCC;
	}
	#pageHome #gSearch #g_form #ss_sb,
	#pageHome #gSearch #g_form #sm_sb,
	#pageHome #gSearch #g_form #sj_sb,
	#pageHome #gSearch #g_form #abcd_sb,
	#pageHome #gSearch #g_form #ai_sb {
		background: #87BC1E url(../img/bg_btn_search.gif) repeat-x;
		width: 74px;
		height: 21px;
		line-height: 20px;
		font-weight: bold;
		border: 1px solid #999b9a;
		padding: 0px;
	}
	#pageHome #gSearch #g_form select {
		background: #FFF url(../img/bg_input_text.gif) no-repeat;
	}
	#pageHome #gSearch #g_form #ss_t,
	#pageHome #gSearch #g_form #sm_t,
	#pageHome #gSearch #g_form #sj_t,
	#pageHome #gSearch #g_form #abcd_t,
	#pageHome #gSearch #g_form #ai_t {
		width: 280px;
		font-weight: bold;
		border: 1px solid;
		border-color: #7C7C7C #CECECE #CECECE #7C7C7C;
		background: #FFF url(../img/bg_input_text.gif) no-repeat;
		height: 13px;
		padding: 3px;
		font-size: 13px;
		line-height: 14px;
	}
	#pageHome #gSearch #g_form #abcd_t,
	#pageHome #gSearch #g_form #ai_t {
		width: 220px;
	}
	#pageHome #gSearch #g_form #abcd_txt,
	#pageHome #gSearch #g_form #ai_txt {
		font-size: 10px;
		color: #999;
		line-height: 13px;
	}
	#pageHome div.boxSelectPref {
		margin-bottom: 10px;
		background: url(../img/index/bg_select_pref.gif) no-repeat;
		height: 231px;
	}
	#pageHome div.boxSelectPref h2 {
		font-size: 13px;
		height: 25px;
		line-height: 25px;
		text-indent: 100%;
		overflow: hidden;
	}
	#pageHome div.boxSelectPref dl {
		padding-top: 8px;
		overflow: hidden;
	}
	#pageHome div.boxSelectPref dl dt {
		float: left;
		font-size: 13px;
		height: 23px;
		line-height: 23px;
		width: 100px;
		margin-right: 7px;
		text-align: right;
		clear: both;
	}
	#pageHome div.boxSelectPref dl dt a {
		color: #333;
		text-decoration: none;
	}
	#pageHome div.boxSelectPref dl dd ul li {
		float: left;
		font-size: 13px;
		height: 15px;
		line-height: 15px;
		color: #CCC;
		padding-left: 6px;
		margin: 3px 6px 5px 0px;
		border-left: 1px solid #BBB;
	}
	#pageHome div.boxPromotion {
		margin-bottom: 10px;
	}
	#pageHome div.boxPromotion h2 {
		margin-bottom: 2px;
		font-size: 13px;
		background: url(../img/index/promotionTitle.png) no-repeat left bottom;
		height: 51px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pageHome div.boxPromotion ul {
		border: 3px solid #EDEDED;
		padding: 2px 2px 2px 2px;
		background: #FFF;
	}
	#pageHome div.boxPromotion ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 6px 5px 7px 5px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxPromotion ul li a:hover {
		background-color: #F6F6F6;
	}
	#pageHome div.boxPromotion ul li h3 {
		font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 4px;
	}
	#pageHome div.boxPromotion ul li h3 span.title {
		font-size: 14px;
		color: #65B113;
		background: url(../img/icon_arrow_job.gif) no-repeat 0px 4px;
		padding-left: 14px;
	}
	#pageHome div.boxPromotion ul li h3 small {
		font-size: 12px;
		margin-left: 5px;
	}
	#pageHome div.boxPromotion ul li a:hover h3 span.title {
		text-decoration: underline;
	}
	#pageHome div.boxPromotion ul li p.body {
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 4px;
	}
	#pageHome div.boxPromotion ul li p.info {
		font-size: 12px;
		color: #999;
	}
	#pageHome div.boxPromotion ul li.navi a {
		font-size: 13px;
		text-align: right;
		line-height: 19px;
		height: 14px;
		background: url(../img/icon_arrow_03.gif) no-repeat 99% center;
		padding-right: 21px;
		color: #65B113;
	}
	#pageHome div.boxPromotion ul li.navi a:hover {
		text-decoration: underline;
		background-color: #F6F6F6;
	}
	#pageHome div.boxJob {
		margin-bottom: 10px;
	}
	#pageHome div.boxJob h2 {
		margin-bottom: 2px;
		font-size: 13px;
		background: url(../img/index/jobBbsTitle.png) no-repeat;
		height: 58px;
		line-height: 58px;
		text-indent: 468px;
		overflow: hidden;
	}
	#pageHome div.boxJob ul {
		border: 3px solid #EDEDED;
		padding: 2px 2px 2px 2px;
		background: #FFF;
	}
	#pageHome div.boxJob ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 6px 5px 7px 5px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxJob ul li a:hover {
		background-color: #F6F6F6;
	}
	#pageHome div.boxJob ul li h3 {
		font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 4px;
	}
	#pageHome div.boxJob ul li h3 span.pref {
		font-size: 13px;
		background: url(../img/icon_arrow_job.gif) no-repeat 0px 3px;
		padding-left: 14px;
	}
	#pageHome div.boxJob ul li h3 span.title {
		font-size: 14px;
		color: #65B113;
	}
	#pageHome div.boxJob ul li h3 small {
		font-size: 12px;
		margin-left: 5px;
	}
	#pageHome div.boxJob ul li a:hover h3 span.title {
		text-decoration: underline;
	}
	#pageHome div.boxJob ul li p.body {
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 4px;
	}
	#pageHome div.boxJob ul li p.info {
		font-size: 12px;
		color: #999;
	}
	#pageHome div.boxJob ul li.navi a {
		font-size: 13px;
		text-align: right;
		line-height: 19px;
		height: 14px;
		background: url(../img/icon_arrow_03.gif) no-repeat 99% center;
		padding-right: 21px;
		color: #65B113;
	}
	#pageHome div.boxJob ul li.navi a:hover {
		text-decoration: underline;
		background-color: #F6F6F6;
	}
	#pageHome div.boxEvent {
		margin-bottom: 10px;
	}
	#pageHome div.boxEvent h2 {
		margin-bottom: 2px;
		font-size: 13px;
		background: url(../img/index/eventBbsTitle.png) no-repeat;
		height: 72px;
		line-height: 72px;
		text-indent: 468px;
		overflow: hidden;
	}
	#pageHome div.boxEvent ul {
		border: 3px solid #EDEDED;
		padding: 2px 2px 2px 2px;
		background: #FFF;
	}
	#pageHome div.boxEvent ul li {
		clear: both;
	}
	#pageHome div.boxEvent ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 7px 5px 7px 5px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxEvent ul li a:hover {
		background-color: #F6F6F6;
	}
	#pageHome div.boxEvent ul li h3 {
		font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 4px;
	}
	#pageHome div.boxEvent ul li h3 span.pref {
		font-size: 13px;
		background: url(../img/icon_arrow_event.gif) no-repeat 0px 3px;
		padding-left: 14px;
	}
	#pageHome div.boxEvent ul li h3 span.title {
		font-size: 14px;
		color: #65B113;
	}
	#pageHome div.boxEvent ul li h3 small {
		font-size: 12px;
		margin-left: 5px;
	}
	#pageHome div.boxEvent ul li a:hover h3 span.title {
		text-decoration: underline;
	}
	#pageHome div.boxEvent ul li p.info {
		font-size: 13px;
		color: #999;
		line-height: 17px;
		margin-bottom: 3px;
	}
	#pageHome div.boxEvent ul li p.txt {
		font-size: 13px;
		line-height: 19px;
	}
	#pageHome div.boxEvent ul li.navi a {
		font-size: 13px;
		text-align: right;
		line-height: 19px;
		height: 14px;
		background: url(../img/icon_arrow_03.gif) no-repeat 99% center;
		padding-right: 21px;
		color: #65B113;
	}
	#pageHome div.boxEvent ul li.navi a:hover {
		text-decoration: underline;
		background-color: #F6F6F6;
	}
	#pageHome div.boxRecSite {
		margin-bottom: 10px;
	}
	#pageHome div.boxRecSite h2 {
		margin-bottom: 6px;
		font-size: 13px;
		background: url(../img/index/recSiteTitle.png) no-repeat;
		height: 29px;
		line-height: 29px;
		text-indent: 468px;
		overflow: hidden;
	}
	#pageHome div.boxRecSite table {
		border-collapse: collapse;
		width: 100%;
	}
	#pageHome div.boxRecSite table td {
		font-size: 12px;
		line-height: 17px;
		padding-left: 5px;
	}
	#pageHome div.boxNews {
		margin-bottom: 10px;
	}
	#pageHome div.boxNews h2 {
		margin-bottom: 6px;
		font-size: 13px;
		background: url(../img/index/newsTitle.png) no-repeat;
		height: 29px;
		line-height: 29px;
		text-indent: 468px;
		overflow: hidden;
	}
	#pageHome div.boxNews dl dt {
		font-size: 13px;
		line-height: 17px;
		padding: 5px 0 5px 10px;
		margin-left: 5px;
		height: 15px;
		width: 70px;
		background: url(../img/icon_arrow_04.gif) no-repeat 0px 9px;
	}
	#pageHome div.boxNews dl dd {
		font-size: 13px;
		line-height: 17px;
		padding: 5px 0 5px 100px;
		margin-top: -25px;
		margin-bottom: 3px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome #boxAds {
		margin-bottom: 3px;
		width: 300px;
		height: 250px;
	}
	#pageHome div.boxMembo {
		overflow: hidden;
		margin-bottom: 5px;
	}
	#pageHome div.boxMembo h2 {
		background: url(../img/index/memboTitle.png) no-repeat;
		height: 37px;
		line-height: 42px;
		color: #FFF;
		font-size: 13px;
		padding-left: 33px;
	}
	#pageHome div.boxMembo h2 a {
		color: #FFF;
	}
	#pageHome div.boxMembo ul {
		border: 3px solid #EDEDED;
		border-top: none;
		padding: 0px 2px 3px 2px;
		background: #FFF;
	}
	#pageHome div.boxMembo ul li {
		font-size: 12px;
		line-height: 13px;
		clear: both;
	}
	#pageHome div.boxMembo ul li a {
		display: block;
		line-height: 19px;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 7px 5px 8px 5px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxMembo ul li a:hover {
		background-color: #F6F6F6;
	}
	#pageHome div.boxMembo ul li h3 {
		font-weight: normal;
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 3px;
	}
	#pageHome div.boxMembo ul li h3 span.pref {
		background: url(../img/icon_arrow_membo.gif) no-repeat 0px 4px;
		padding-left: 14px;
	}
	#pageHome div.boxMembo ul li h3 span.title {
		color: #65B113;
	}
	#pageHome div.boxMembo ul li a:hover h3 span.title {
		text-decoration: underline;
	}
	#pageHome div.boxMembo ul li p.msg {
		line-height: 17px;
		font-size: 13px;
		margin-bottom: 3px;
	}
	#pageHome div.boxMembo ul li dl.info {
		overflow: hidden;
		padding-left: 17px;
	}
	#pageHome div.boxMembo ul li dl.info dt.name {
		padding: 3px 6px 0px 0px;
		line-height: 15px;
		font-size: 13px;
		float: left;
	}
	#pageHome div.boxMembo ul li dl.info dd.age {
		padding: 3px 6px 0px 6px;
		line-height: 15px;
		font-size: 13px;
		float: left;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align: center;
	}
	#pageHome div.boxMembo ul li dl.info dd.date {
		padding: 3px 6px 0px 6px;
		line-height: 15px;
		font-size: 13px;
		float: left;
	}
	#pageHome div.boxMembo ul li dl.gender_male {
		background: url(../img/membo/icon_gender_male_small.gif) no-repeat 0px 3px;
	}
	#pageHome div.boxMembo ul li dl.gender_female {
		background: url(../img/membo/icon_gender_female_small.gif) no-repeat 0px 3px;
	}
	#pageHome div.boxMembo ul li dl.gender_none {
		background: url(../img/membo/icon_gender_none_small.gif) no-repeat 0px 3px;
	}
	#pageHome div.boxMembo ul li.navi a {
		font-size: 13px;
		text-align: right;
		line-height: 27px;
		height: 20px;
		background: url(../img/icon_arrow_03.gif) no-repeat right center;
		padding-right: 15px;
		color: #65B113;
	}
	#pageHome div.boxMembo ul li.navi a:hover {
		text-decoration: underline;
		background-color: #F6F6F6;
	}
	#pageHome div.boxSchool {
		overflow: hidden;
		margin-bottom: 5px;
	}
	#pageHome div.boxSchool h2 {
		background: url(../img/index/schoolTitle.png) no-repeat;
		height: 37px;
		line-height: 42px;
		color: #FFF;
		font-size: 13px;
		padding-left: 33px;
	}
	#pageHome div.boxSchool h2 a {
		color: #FFF;
	}
	#pageHome div.boxSchool ul {
		border: 3px solid #EDEDED;
		border-top: none;
		padding: 5px 2px 3px 2px;
		background: #FFF;
	}
	#pageHome div.boxSchool ul li {
		clear: both;
	}
	#pageHome div.boxSchool ul li a {
		display: block;
		line-height: 19px;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 8px 5px 0px 5px;
		background: url(../img/line_h02.gif) repeat-x top;
	}
	#pageHome div.boxSchool ul li a:hover {
		background-color: #F6F6F6;
	}
	#pageHome div.boxSchool ul li h3 {
		font-weight: normal;
		color: #65B113;
		margin-bottom: 5px;
		font-size: 14px;
	}
	#pageHome div.boxSchool ul li a:hover h3 span {
		text-decoration: underline;
	}
	#pageHome div.boxSchool ul li div.img {
		float: left;
		margin-right: 6px;
		margin-bottom: 0px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#pageHome div.boxSchool ul li div.img img {
		border: 1px solid #333;
		padding: 1px;
		width: 100px;
	}
	#pageHome div.boxSchool ul li div.info {
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 7px;
		word-break: break-all;
	}
	#pageHome div.boxRanking {
		margin-bottom: 0px;
	}
	#pageHome div.boxRanking h2 {
		background: url(../img/index/rankingTitle.png) no-repeat;
		height: 37px;
		line-height: 41px;
		color: #FFF;
		font-size: 13px;
		padding-left: 33px;
	}
	#pageHome div.boxRanking h2 a {
		color: #FFF;
	}
	#pageHome div.boxRanking h3 {
		font-size: 12px;
		line-height: 15px;
		font-weight: normal;
		background: url(../img/icon_arrow_02.gif) no-repeat 0px 4px;
		padding-left: 10px;
		margin-bottom: 3px;
	}
	#pageHome div.boxRanking div {
		border: 3px solid #EDEDED;
		border-top: none;
		padding: 5px 7px 5px 7px;
		background: #FFF;
	}
	#pageHome div.boxRanking table {
		margin-bottom: 10px;
		border-collapse: collapse;
	}
	#pageHome div.boxRanking table th {
		padding: 5px 5px 5px 0px;
		font-size: 12px;
		line-height: 14px;
		white-space: nowrap;
		background: url(../img/line_h02.gif) repeat-x bottom right;
		font-weight: normal;
		min-width: 20px;
	}
	#pageHome div.boxRanking table td {
		padding: 5px 0px;
		font-size: 12px;
		line-height: 14px;
		word-break: break-all;
		background: url(../img/line_h02.gif) repeat-x bottom right;
	}
	#pageHome div.boxRanking table tr.odd th,
	#pageHome div.boxRanking table tr.odd td {
		background-color: #FAFAFA;
	}
}

/*
	スマホ用
*/
@media screen and (max-width: 768px) {
	#pageHome {
		/*
			div.boxPromotion
		*/
		/*
			div.boxJob
		*/
		/*
			div.boxEvent
		*/
		/*
			div.boxRecSite
		*/
		/*
			div.boxNews
		*/
		/* 広告300x250 */
		/*
			div.boxMembo
		*/
		/* 新着音楽教室 */
		/* 逆アクセスランキング */
	}
	#pageHome div.mainCampain {
		display: none;
	}
	#pageHome div.prJoin a {
		display: block;
		background: url(../img/index/banner_pr_join_468x60.gif) no-repeat;
		background-size: 100% auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		height: 0px;
		padding-top: 13%;
		margin-bottom: 8px;
	}
	#pageHome #gSearch {
		display: none;
	}
	#pageHome div.boxSelectPref {
		margin-bottom: 4%;
		background: #FFF;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxSelectPref h2 {
		font-size: 14px;
		height: 25px;
		line-height: 25px;
		font-weight: normal;
		border-top: 3px solid #65B113;
		padding: 5px 10px;
		color: #666;
	}
	#pageHome div.boxSelectPref dl {
		padding: 0;
		overflow: hidden;
	}
	#pageHome div.boxSelectPref dl dt {
		float: left;
		width: 50%;
		border-top: 1px solid #DDD;
	}
	#pageHome div.boxSelectPref dl dt a {
		display: block;
		height: 23px;
		line-height: 23px;
		font-size: 15px;
		padding: 6px 0px 6px 30px;
		cursor: pointer;
		background: url(../img/sp/global/iconArrowDown01.png) no-repeat 10px center;
		background-size: 13px auto;
	}
	#pageHome div.boxSelectPref dl dt.r1 a,
	#pageHome div.boxSelectPref dl dt.r3 a,
	#pageHome div.boxSelectPref dl dt.r5 a,
	#pageHome div.boxSelectPref dl dt.r7 a {
		border-right: 1px solid #DDD;
	}
	#pageHome div.boxSelectPref dl dt.selected a {
		background-color: #65B113;
		color: #FFF;
	}
	#pageHome div.boxSelectPref dl dd {
		display: none;
		width: 100%;
		height: 120%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background: rgba(0, 0, 0, 0.7);
	}
	#pageHome div.boxSelectPref dl dd div.list {
		background: #FFF;
		position: absolute;
		left: 5%;
		width: 84%;
		z-index: 101;
		padding: 3%;
	}
	#pageHome div.boxSelectPref dl dd div.list ul {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		overflow: hidden;
	}
	#pageHome div.boxSelectPref dl dd div.list ul li {
		float: left;
		width: 50%;
	}
	#pageHome div.boxSelectPref dl dd div.list ul li a {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 10px 11px;
		height: 15px;
		line-height: 15px;
		text-decoration: none;
		display: block;
	}
	#pageHome div.boxPromotion {
		margin-bottom: 5%;
	}
	#pageHome div.boxPromotion h2 {
		font-size: 13px;
		height: 0px;
		padding-top: 14%;
		background: url(../img/index/promotionTitle.png) no-repeat;
		background-size: auto 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pageHome div.boxPromotion ul {
		background: #FFF;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxPromotion ul li {
		clear: both;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxPromotion ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 10px 27px 10px 7px;
		background: url(../img/sp/global/iconArrowRight02.png) no-repeat right center;
		background-size: 25px;
	}
	#pageHome div.boxPromotion ul li h3 {
		font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 4px;
	}
	#pageHome div.boxPromotion ul li h3 span.pref {
		font-size: 13px;
		background: url(../img/icon_arrow_job.gif) no-repeat 0px 3px;
		padding-left: 14px;
	}
	#pageHome div.boxPromotion ul li h3 span.title {
		font-size: 14px;
		color: #65B113;
	}
	#pageHome div.boxPromotion ul li h3 small {
		font-size: 12px;
		margin-left: 5px;
	}
	#pageHome div.boxPromotion ul li p.body {
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 4px;
	}
	#pageHome div.boxPromotion ul li p.info {
		font-size: 12px;
		color: #999;
	}
	#pageHome div.boxPromotion ul li.navi {
		padding: 10px 0px 10px 0px;
		background: none;
	}
	#pageHome div.boxPromotion ul li.navi a {
		font-size: 13px;
		text-align: center;
		color: #65B113;
	}
	#pageHome div.boxJob {
		margin-bottom: 5%;
	}
	#pageHome div.boxJob h2 {
		font-size: 13px;
		height: 0px;
		padding-top: 14%;
		background: url(../img/index/jobBbsTitle.png) no-repeat;
		background-size: auto 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pageHome div.boxJob ul {
		background: #FFF;
		overflow: hidden;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxJob ul li {
		clear: both;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxJob ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 10px 27px 10px 7px;
		background: url(../img/sp/global/iconArrowRight02.png) no-repeat right center;
		background-size: 25px;
	}
	#pageHome div.boxJob ul li h3 {
		padding-left: 14px;
		font-size: 15px;
		line-height: 19px;
		margin: 0px 0px 2px 0px;
		background: url(../img/icon_arrow_job.gif) no-repeat 0px 4px;
		font-weight: normal;
		word-break: break-all;
	}
	#pageHome div.boxJob ul li h3 span.title {
		color: #65B113;
	}
	#pageHome div.boxJob ul li h3 small {
		font-size: 12px;
	}
	#pageHome div.boxJob ul li p.body {
		font-size: 13px;
		margin: 0px 0px 3px 0px;
		line-height: 17px;
	}
	#pageHome div.boxJob ul li p.info {
		font-size: 12px;
		padding: 0px 0px 0px 0px;
		color: #999;
	}
	#pageHome div.boxJob ul li.navi {
		padding: 10px 0px 10px 0px;
		background: none;
	}
	#pageHome div.boxJob ul li.navi a {
		font-size: 13px;
		text-align: center;
		color: #65B113;
	}
	#pageHome div.boxEvent {
		margin-bottom: 4%;
	}
	#pageHome div.boxEvent h2 {
		font-size: 13px;
		height: 0px;
		padding-top: 18%;
		background: url(../img/index/eventBbsTitle.png) no-repeat;
		background-size: auto 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pageHome div.boxEvent ul {
		padding: 0px 0px 0px 0px;
		background: #FFF;
		overflow: hidden;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxEvent ul li {
		clear: both;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxEvent ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 10px 27px 10px 7px;
		background: url(../img/sp/global/iconArrowRight02.png) no-repeat right center;
		background-size: 25px;
	}
	#pageHome div.boxEvent ul li h3 {
		padding-left: 14px;
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 2px;
		background: url(../img/icon_arrow_event.gif) no-repeat 0px 5px;
		font-weight: normal;
		word-break: break-all;
	}
	#pageHome div.boxEvent ul li h3 span.title {
		color: #65B113;
	}
	#pageHome div.boxEvent ul li h3 small {
		font-size: 12px;
	}
	#pageHome div.boxEvent ul li p.info {
		font-size: 13px;
		margin: 0px 0px 3px 14px;
		line-height: 17px;
		color: #999;
	}
	#pageHome div.boxEvent ul li p.txt {
		font-size: 13px;
		padding: 0px 0px 0px 0px;
		line-height: 19px;
	}
	#pageHome div.boxEvent ul li.navi {
		padding: 10px 0px 10px 0px;
		background: none;
	}
	#pageHome div.boxEvent ul li.navi a {
		font-size: 13px;
		text-align: center;
		color: #65B113;
	}
	#pageHome div.boxRecSite {
		display: none;
	}
	#pageHome div.boxNews {
		margin-bottom: 4%;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxNews h2 {
		font-size: 13px;
		height: 0px;
		padding-top: 9%;
		background: url(../img/index/newsTitle.png) no-repeat;
		background-size: auto 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pageHome div.boxNews dl {
		background: #FFF;
		padding: 5px;
	}
	#pageHome div.boxNews dl dt {
		font-size: 13px;
		line-height: 17px;
		padding: 5px 0 0px 10px;
		margin-left: 5px;
		background: url(../img/icon_arrow_04.gif) no-repeat 0px 9px;
	}
	#pageHome div.boxNews dl dd {
		font-size: 13px;
		line-height: 17px;
		padding: 0px 15px 7px 15px;
		margin: 0px 0px 0px 0px;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome #boxAds {
		width: 300px;
		margin: 0px auto 4% auto;
	}
	#pageHome div.boxMembo {
		margin-bottom: 4%;
	}
	#pageHome div.boxMembo h2 {
		background: #234E8F;
		font-size: 13px;
		line-height: 15px;
		padding: 6px 10px;
		color: #FFF;
	}
	#pageHome div.boxMembo h2 a {
		color: #FFF;
	}
	#pageHome div.boxMembo ul {
		padding: 0px 0px 0px 0px;
		background: #FFF;
		overflow: hidden;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxMembo ul li {
		clear: both;
		background: url(../img/line_h02.gif) repeat-x bottom;
	}
	#pageHome div.boxMembo ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 10px 27px 10px 7px;
		background: url(../img/sp/global/iconArrowRight02.png) no-repeat right center;
		background-size: 25px;
	}
	#pageHome div.boxMembo ul li h3 {
		padding-left: 14px;
		font-size: 15px;
		line-height: 15px;
		margin-bottom: 6px;
		background: url(../img/icon_arrow_membo.gif) no-repeat 0px 2px;
		color: #65B113;
		font-weight: normal;
	}
	#pageHome div.boxMembo ul li p.msg {
		padding: 0px 0px 0px 0px;
		line-height: 19px;
		font-size: 13px;
		margin-bottom: 4px;
	}
	#pageHome div.boxMembo ul li dl.info {
		padding: 0px 5px 0px 20px;
		overflow: hidden;
	}
	#pageHome div.boxMembo ul li dl.gender_male {
		background: url(../img/membo/icon_gender_male_small.gif) no-repeat 0px 4px;
	}
	#pageHome div.boxMembo ul li dl.gender_female {
		background: url(../img/membo/icon_gender_female_small.gif) no-repeat 0px 4px;
	}
	#pageHome div.boxMembo ul li dl.gender_none {
		background: url(../img/membo/icon_gender_none_small.gif) no-repeat 0px 4px;
	}
	#pageHome div.boxMembo ul li dl.info dt.name {
		padding: 3px 6px 0px 0px;
		line-height: 15px;
		font-size: 13px;
		float: left;
	}
	#pageHome div.boxMembo ul li dl.info dd.age {
		padding: 3px 6px 0px 6px;
		line-height: 15px;
		font-size: 13px;
		float: left;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align: center;
	}
	#pageHome div.boxMembo ul li dl.info dd.date {
		padding: 3px 6px 0px 6px;
		line-height: 15px;
		font-size: 13px;
		float: left;
	}
	#pageHome div.boxMembo ul li.navi {
		padding: 10px 0px 10px 0px;
		background: none;
	}
	#pageHome div.boxMembo ul li.navi a {
		font-size: 13px;
		text-align: center;
		color: #65B113;
	}
	#pageHome div.boxSchool {
		margin-bottom: 4%;
	}
	#pageHome div.boxSchool h2 {
		background: #690;
		font-size: 15px;
		line-height: 17px;
		padding: 6px 10px;
		color: #FFF;
	}
	#pageHome div.boxSchool h2 a {
		color: #FFF;
	}
	#pageHome div.boxSchool ul {
		padding: 0px 0px 5px 0px;
		background: #FFF;
		overflow: hidden;
		box-shadow: 0px 1px 5px #DDD;
	}
	#pageHome div.boxSchool ul li {
		clear: both;
		background: url(../img/line_h02.gif) repeat-x top;
	}
	#pageHome div.boxSchool ul li.first {
		background: none;
		padding-top: 6px;
	}
	#pageHome div.boxSchool ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		overflow: hidden;
		padding: 10px 29px 10px 7px;
		background: url(../img/sp/global/iconArrowRight02.png) no-repeat right center;
		background-size: 25px;
	}
	#pageHome div.boxSchool ul li h3 {
		font-weight: bold;
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 4px;
		color: #65B113;
	}
	#pageHome div.boxSchool ul li div.img {
		float: left;
		margin-right: 6px;
		margin-bottom: 10px;
		overflow: hidden;
		padding-top: 2px;
	}
	#pageHome div.boxSchool ul li div.img img {
		vertical-align: middle;
		border: 1px solid #CCC;
		padding: 3px;
		margin-right: 5px;
	}
	#pageHome div.boxSchool ul li div.info {
		font-size: 13px;
		line-height: 21px;
		word-break: break-all;
	}
	#pageHome div.boxRanking {
		display: none;
	}
}