@charset "UTF-8";

/* 教室のご案内 トップ */
#CLASS.idx .clm {
	margin-bottom: 0;
}
.idx .clm .sub-clm h3 {
	width: 172px;
	float: left;
}
.idx .clm .sub-clm .scl-clm {
	width: 636px;
	float:right;
}
.idx .clm .sub-clm .scl-clm dl {
	display: block;
	width: 298px;
	float: left;
	margin: 0 0 42px 20px;
}
	/* 教室のご案内 タブ切り替え部分 */
	.idx .tab-nv-top {
		background: url(/imgs/class/area_tab1.gif) ;
		margin-bottom: 35px;
	}
	.idx .tab-nv-btm {
		background: url(/imgs/class/area_tab2.gif) ;
	}
	.idx .tab-nv-top ul li,
	.idx .tab-nv-btm ul li {
		float: left;
		width: 152px;
	}
	.idx .tab-nv-top a,
	.idx .tab-nv-btm a{
		display:block;
		width: 142px;
		height: 0;
		overflow: hidden;
		padding-top: 53px;
	}

	.idx .category-clm {
	    display: none;
	}
	.idx .check-category {
	    display: block;
	}
	/* 上タブ */
	.idx .tab-nv-top .category-tab-nv1 a {
		background: url(/imgs/class/area_tab1.gif) no-repeat 0 0 ;
	}
	.idx .tab-nv-top .category-tab-nv1 a:hover {
		background: url(/imgs/class/area_tab1.gif) no-repeat 0 -53px ;
	}
	.idx .tab-nv-top .category-tab-nv2 a {
		background: url(/imgs/class/area_tab1.gif) no-repeat -152px 0 ;
	}
	.idx .tab-nv-top .category-tab-nv2 a:hover {
		background: url(/imgs/class/area_tab1.gif) no-repeat -152px -53px ;
	}
	.idx .tab-nv-top .category-tab-nv3 a {
		background: url(/imgs/class/area_tab1.gif) no-repeat -304px 0 ;
	}
	.idx .tab-nv-top .category-tab-nv3 a:hover {
		background: url(/imgs/class/area_tab1.gif) no-repeat -304px -53px ;
	}
	.idx .tab-nv-top .category-tab-nv4 a {
		background: url(/imgs/class/area_tab1.gif) no-repeat -456px 0 ;
	}
	.idx .tab-nv-top .category-tab-nv4 a:hover {
		background: url(/imgs/class/area_tab1.gif) no-repeat -456px -53px ;
	}
	/* 下タブ */
	.idx .tab-nv-btm .category-tab-nv1 a {
		background: url(/imgs/class/area_tab2.gif) no-repeat 0 0 ;
	}
	.idx .tab-nv-btm .category-tab-nv1 a:hover {
		background: url(/imgs/class/area_tab2.gif) no-repeat 0 -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv2 a {
		background: url(/imgs/class/area_tab2.gif) no-repeat -152px 0 ;
	}
	.idx .tab-nv-btm .category-tab-nv2 a:hover {
		background: url(/imgs/class/area_tab2.gif) no-repeat -152px -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv3 a {
		background: url(/imgs/class/area_tab2.gif) no-repeat -304px 0 ;
	}
	.idx .tab-nv-btm .category-tab-nv3 a:hover {
		background: url(/imgs/class/area_tab2.gif) no-repeat -304px -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv4 a {
		background: url(/imgs/class/area_tab2.gif) no-repeat -456px 0 ;
	}
	.idx .tab-nv-btm .category-tab-nv4 a:hover {
		background: url(/imgs/class/area_tab2.gif) no-repeat -456px -53px ;
	}

	/* タブチェック状態 */
	.idx .tab-nv-top .category-tab-nv1.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat 0 -53px ;
	}
	.idx .tab-nv-top .category-tab-nv2.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -152px -53px ;
	}
	.idx .tab-nv-top .category-tab-nv3.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -304px -53px ;
	}
	.idx .tab-nv-top .category-tab-nv4.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -456px -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv1.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat 0 -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv2.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -152px -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv3.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -304px -53px ;
	}
	.idx .tab-nv-btm .category-tab-nv4.category-check a{
		background: url(/imgs/class/area_tab1.gif) no-repeat -456px -53px ;
	}
	/* 教室のご案内 タブ切り替え部分 */
/* 教室のご案内 トップ */

/* 教室のご案内 詳細 */
#CLASS.iro .ttl-clm h1 {
	line-height: 1em;
}
.iro .sub-clm h3 {
	width: 86px;
}
.iro .photo .flo-l {
	float: left;
	margin-right: 12px;
}
.iro .sub-clm .dl-prl {
	width: 510px;
}
#CLASS.iro .sub-clm .dl-prl dd {
	padding: 0 0 4em;
}
/* 教室のご案内 詳細 */

/* 印刷用ポップアップ */
.print .ttl-clm h1 {
	border-bottom: 2px dotted #a9a9a9;
	padding: 11px 0 14px;
	line-height: 1em;
	margin-bottom: 35px;
}
.print #MAIN-CLM {
	width: 640px;
	margin: 0 auto;
}
.print .clm {
	width: 560px;
	margin: 0 auto;
	padding-top: 20px;
}
.print .btn {
	text-align: right;
	margin-bottom: 14px;
}
/* 印刷用ポップアップ */