@charset "UTF-8";

/*===== side =====*/

html #container .inner .side_area{
	float: right;
	width: 220px;
	z-index: 100;
}

html #container .side_area{
	margin-bottom: 60px;
	width: 220px;
	z-index: 100;
}

html #container .side_area .btn_area{
	margin: 0 0 30px;
	z-index: 200;
}

html #container .side_area .btn_area h3{
	width: 220px;
	height: 94px; 
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
	background: url(../img/sidebar/title_01.png) left top no-repeat;
}

html #container .side_area .btn_area .inner{
	padding: 10px 0;
	width: 218px;
	background: #fff;
	border-left: 1px solid #dcd6c5;
	border-right: 1px solid #dcd6c5;
}

html #container .side_area .btn_area .inner .btn_01,
html #container .side_area .btn_area .inner .btn_02{
	display: block;
	margin: 0 auto;
	width: 204px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
}

html #container .side_area .btn_area .inner .btn_01{
	margin-bottom: 10px;
	height: 97px;
	background: url(../img/sidebar/btn_01.jpg) left top no-repeat;
}

html #container .side_area .btn_area .inner .btn_02{
	height: 64px;
	background: url(../img/sidebar/btn_02.jpg) left top no-repeat;
}

html #container .side_area .btn_area .inner .btn_01:hover,
html #container .side_area .btn_area .inner .btn_02:hover{
	background-position: right bottom;
}

html #container .side_area .btn_area .link{
	display: block;
	width: 220px; height: 66px;
	/*text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
	background: url(../img/sidebar/link_01.gif) left top no-repeat;*/
}

html #container .side_area .map{
	/*margin: 371px 0 30px;*/
	margin-bottom: 30px;
}

html #container .side_area .title_01,
html #container .side_area .title_02,
html #container .side_area .cm-gallery{
	margin: 0 0 10px;
	width: 220px; height:24px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
}

html #container .side_area .title_01{
	background: url(../img/sidebar/title_02.png) left top no-repeat;
}
html #container .side_area .title_02{
	margin: 15px 0 10px;
	background: url(../img/sidebar/title_03.png) left top no-repeat;
}

html #container .side_area .cm-gallery{
	margin: 15px 0 10px;
	background: url(../img/sidebar/cm-gallery.png) left top no-repeat;
}


html #container .side_area .bnr{
	margin: 0 0 9px;
	overflow: hidden;
}

html #container .side_area .bnr a{
	display: block;
	font-size: 0;
	overflow: hidden;
	border: 1px solid #c6c6c6;
}

html #container .side_area .bnr a img{
	padding: 0;
	margin: 0 ;
}

html #container .side_area .bnr a:hover{
	border: 1px solid #ce442b;
}

html #container .side_area .btn{
	display: block;
	width: 220px; height: 59px;
	text-indent: -9000px;
	overflow: hidden;
	font-size: 0;
	background: url(../img/sidebar/btn_03.gif) left top no-repeat;
}

html #container .side_area .btn:hover{
	background-position: right top;
}


/* 大栄教育システムメニュー */
.side_area #side_submenu {
	/*margin-bottom: 2px;*/
	margin-bottom: 30px;
	border-bottom:1px solid #cccccc;
	}
.side_menu0 {
	padding-left:10px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	color: #ffffff;
	background: url(../img/sidebar/bg_side_menu0.jpg) left center no-repeat;
	}
.side_menu0 a { color: #ffffff; }
.side_menu1,
.side_menu1_on {
	padding: 10px 5px 5px 20px;
	line-height: 15px;
	}
.side_menu1 { background: url(../img/sidebar/bg_side_menu1.jpg) left top no-repeat; }
.side_menu1_on { background: url(../img/sidebar/bg_side_menu1_on.jpg) left top no-repeat; }
.side_menu1_on a { color: #ffffff; }
.side_menu2,
.side_menu2_on {
	padding: 10px 10px 10px 30px;
	line-height: 20px;
	}
.side_menu2 { background: url(../img/sidebar/bg_side_menu2.jpg) left top no-repeat; }
.side_menu2_on { background: url(../img/sidebar/bg_side_menu2_on.jpg) left top no-repeat; }
.side_menu3,
.side_menu3_on,
.side_menu3_off,
.side_menu3_2nd,
.side_menu3_2ndon,
.side_menu3_2ndoff {
	padding: 7px 10px 7px 43px;
	line-height: 18px;
	font-size: 90%;
	}
.side_menu3 { background: url(../img/sidebar/bg_side_menu3.jpg) left top no-repeat; }
.side_menu3_on { background: url(../img/sidebar/bg_side_menu3_on.jpg) left top no-repeat; }
.side_menu3_off { background: url(../img/sidebar/bg_side_menu3_off.jpg) left top no-repeat; }
.side_menu3_2nd { background: url(../img/sidebar/bg_side_menu3_2nd.jpg) left top no-repeat; }
.side_menu3_2ndon { background: url(../img/sidebar/bg_side_menu3_2ndon.jpg) left top no-repeat; }
.side_menu3_2ndoff { background: url(../img/sidebar/bg_side_menu3_2ndoff.jpg) left top no-repeat; }


/* 講座一覧メニュー */
.course_list_area {
	margin-bottom: 30px;
	width: 218px;
	background-color: #fff;
	border: 1px solid #dcd6c5;
}
.course_list_area .accordion {
	display: block;
	margin: 0 auto;
	width: 208px;
	overflow: hidden;
}
.course_list_area .accordion a {
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight: bold !important;
}
.course_list_area .accordion li { border-bottom: 1px solid #dadada; }
.course_list_area .accordion li p {
	padding-right: 15px;
	width: 193px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold !important;
	background: url(../img/sidebar/arrow_down.gif) 95% center no-repeat;
}
.course_list_area .accordion li p.arrow-up { background-image: url(../img/sidebar/arrow_up.gif); }
.course_list_area .accordion li ul {
	display: block;
	width: 208px;
	background-color: #f9ebe8;
	overflow: hidden;
}
.course_list_area .accordion li ul li {
	float: right;
	padding-right: 25px;
	width: 165px;
	hight: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dadada;
	font-size: 12px;
	background: url(../img/sidebar/arrow_side.gif) 95% center no-repeat;
}
.course_list_area .accordion li ul li a {
	width: 190px;
	hight: 30px;
	font-weight: normal !important;
}
.last-child {
	margin-bottom: 5px;
	border-bottom: none !important;
}



/* 提携教室用181106 */
html #container .side_area .btn_area.teikei .inner .btn_01{
	margin-bottom: 10px;
	height: 97px;
	background: url(../img/sidebar/btn_01_new.jpg) left top no-repeat;
}

html #container .side_area .btn_area.teikei .inner .btn_02{
	height: 51px;
	background: url(../img/sidebar/btn_02_new.jpg) left top no-repeat;
}

html #container .side_area .btn_area.teikei .inner .btn_01:hover,
html #container .side_area .btn_area.teikei .inner .btn_02:hover{
	background-position: right bottom;
}