@charset "Shift_JIS";

@import url("./reset.css");
@import url("./style.css");
@import url("./base-design.css");

@import url("./adjust-modern.css");
@import url("./adjust-ie6.css");

/*
==============================================================================
#BigImage-index
==============================================================================
*/

#BigImage-index {
	margin-left: 200px;
}

/*
==============================================================================
#Contents-index
==============================================================================
*/

#Contents-index {
	margin: 20px 0 0 20px;
}

/*
------------------------------------------------------------------------------
#Topics
------------------------------------------------------------------------------
*/

#Topics {
	float: left;
	width: 414px;
	margin-bottom: 20px;
	padding-top: 66px;
	background: url(../../images/index-title-topics.gif) no-repeat left top;
}
#Topics {
	display: inline;
}

#Topics dl {
	padding-bottom: 5px;
	background: url(../../images/index-topics-bottom.gif) no-repeat left bottom;
}



#Topics-top {
	float: left;
	width: 414px;
	margin-bottom: 20px;
	padding-top: 66px;
	background: url(../../images/index-title-topics.gif) no-repeat left top;
}
#Topics-top {
	display: inline;
}

#Topics-top dl {
	padding-bottom: 5px;
	background: url(../../images/index-topics-bottom.gif) no-repeat left bottom;
}

/*
------------------------------------------------------------------------------
#ContentsBody-index
------------------------------------------------------------------------------
*/

#ContentsBody-index {
	float: right;
	width: 480px;
	margin: 0 20px 20px 0;
}
* html #ContentsBody-index {
	display: inline;
	margin-right: 0;
}

#ContentsBody-index ul {
	list-style-type: none;
}

#ContentsBody-index .caption {
	margin-top: 3px;
}

/*
------------------------------------------------------------------------------
#ContentsNav
------------------------------------------------------------------------------
*/

#ContentsNav {
	margin-top: 20px;
	display: inline-block;
}

#CN_Pic li {
	float: left;
	overflow: hidden;
}

#CN_Pic li a {
	display: block;
	width: 120px;
	height: 96px;
	background: url(../../images/index-contentnav-picture.jpg) no-repeat;
	text-indent: -5000px;
}

#CN_Pic li#CN_piano a {
	background-position: 0 0;
}
#CN_Pic li#CN_winds a {
	background-position: -120px 0;
}
#CN_Pic li#CN_strings a {
	background-position: -240px 0;
}
#CN_Pic li#CN_percussion a {
	background-position: -360px 0;
}

#CN_Pic li#CN_japanese a {
	background-position: 0 -96px;
}
#CN_Pic li#CN_vocal a {
	background-position: -120px -96px;
}
#CN_Pic li#CN_dancing a {
	background-position: -240px -96px;
}
#CN_Pic li#CN_composition a {
	background-position: -360px -96px;
}

#CN_Pic li#CN_computer-music a {
	background-position: 0 -192px;
}
#CN_Pic li#CN_electronic-organ a {
	background-position: -120px -192px;
}
#CN_Pic li#CN_jazz-popular a {
	background-position: -240px -192px;
}
#CN_Pic li#CN_music-education a {
	background-position: -360px -192px;
}

#CN_Pic li#CN_music-therapy a {
	background-position: 0 -288px;
}
#CN_Pic li#CN_total-music a {
	background-position: -120px -288px;
}
#CN_Pic li#CN_music-business a {
	background-position: -240px -288px;
}
#CN_Pic li#CN_graduate-school a {
	background-position: -360px -288px;
}

#CN_Pic li#CN_piano a:hover {
	background-position: -481px 0;
}
#CN_Pic li#CN_winds a:hover {
	background-position: -601px 0;
}
#CN_Pic li#CN_strings a:hover {
	background-position: -721px 0;
}
#CN_Pic li#CN_percussion a:hover {
	background-position: -841px 0;
}

#CN_Pic li#CN_japanese a:hover {
	background-position: -481px -96px;
}
#CN_Pic li#CN_vocal a:hover {
	background-position: -601px -96px;
}
#CN_Pic li#CN_dancing a:hover {
	background-position: -721px -96px;
}
#CN_Pic li#CN_composition a:hover {
	background-position: -841px -96px;
}

#CN_Pic li#CN_computer-music a:hover {
	background-position: -481px -192px;
}
#CN_Pic li#CN_electronic-organ a:hover {
	background-position: -601px -192px;
}
#CN_Pic li#CN_jazz-popular a:hover {
	background-position: -721px -192px;
}
#CN_Pic li#CN_music-education a:hover {
	background-position: -841px -192px;
}

#CN_Pic li#CN_music-therapy a:hover {
	background-position: -481px -288px;
}
#CN_Pic li#CN_total-music a:hover {
	background-position: -601px -288px;
}
#CN_Pic li#CN_music-business a:hover {
	background-position: -721px -288px;
}
#CN_Pic li#CN_graduate-school a:hover {
	background-position: -841px -288px;
}

#CN_Text {
	clear: both;
	padding-top: 20px;
	/padding-top: 10px;
}

#CN_Text li {
	float: left;
	margin-right: 3px;
	overflow: hidden;
}

#CN_Text li#CN_education_info {
	margin-right: 0;
}

#CN_Text li a {
	display: block;
	width: 158px;
	height: 68px;
	background: url(../../images/index-contentnav-text.jpg) no-repeat;
	text-indent: -5000px;
}

#CN_Text li#CN_open-campus a {
	background-position: 0 0;
}
#CN_Text li#CN_academy a {
	background-position: -158px 0;
}
#CN_Text li#CN_education_info a {
	background-position: -316px 0;
}


#CN_Text li#CN_open-campus a:hover {
	background-position: 0 -68px;
}
#CN_Text li#CN_academy a:hover {
	background-position: -158px -68px;
}
#CN_Text li#CN_education_info a:hover {
	background-position: -316px -68px;
}





#CN_Text2 {
	clear: both;
	margin-top: 5px;
}

#CN_Text2 li {
	float: left;
	margin-right: 3px;
	overflow: hidden;
}

#CN_Text2 li#CN_blog {
	margin-right: 0;
}

#CN_Text2 li a {
	display: block;
	width: 158px;
	height: 68px;
	background: url(../../images/index-contentnav-text2.jpg) no-repeat;
	text-indent: -5000px;
}

#CN_Text2 li#CN_teacher a {
	background-position: 0 0;
}
#CN_Text2 li#CN_mailmagazine a {
	background-position: -158px 0;
}
#CN_Text2 li#CN_blog a {
	background-position: -316px 0;
}


#CN_Text2 li#CN_teacher a:hover {
	background-position: 0 -68px;
}
#CN_Text2 li#CN_mailmagazine a:hover {
	background-position: -158px -68px;
}
#CN_Text2 li#CN_blog a:hover {
	background-position: -316px -68px;
}



/*
------------------------------------------------------------------------------
#KanrenLink-index
------------------------------------------------------------------------------
*/

#KanrenLink-index {
	width: 366px;
	margin: 20px 55px;
	border: 1px solid #f49a9b;
}

#KL_ondai-mobile dd.qr {
	float: left;
	width: 66px;
	margin: 20px 25px;
}
* html #KL_ondai-mobile dd.qr {
	display: inline;
}

#KL_ondai-mobile dt.title {
	float: right;
	margin: 13px 25px 0 0;
}
* html #KL_ondai-mobile dt.title {
	display: inline;
}

#KL_ondai-mobile dd.test {
	float: right;
	width: 218px;
	margin: 0 25px 5px 0;
}
* html #KL_ondai-mobile dd.text {
	display: inline;
}

/*
------------------------------------------------------------------------------
#LocalNav
------------------------------------------------------------------------------
*/

#LocalNav {
	position: absolute;
	top: 110px;
	left: 0;
	width: 209px;
	height: 263px;
	background: url(../../images/index-localnav-back.png) no-repeat left top;
}

#LocalNav ul {
	margin: 9px 0 0;
}

/*
==============================================================================
*/


/*////////////////////////////////////////////////////////////////////////////
バート追加
////////////////////////////////////////////////////////////////////////////*/

a.authorization{
	display:block;
	width:181px;
	height:24px;
	/*text-indent:-100px;*/
	overflow:hidden;
	margin:10px 0 0 10px;
	background:url(../../images/authorization_img.gif)left top;
	text-indent: -9999px
	}

a:hover.authorization{
    background-position:left bottom;
}

.ind_banner {
	margin: 15px 0 0 3px;
}