@charset "UTF-8";

/***********************************************************/
/****************** 先生ページ共通部分CSS ******************/
/***********************************************************/

/* 先生ページメニューヘッダーデザイン */

html {
    overflow-y:scroll;
}
body{
	overflow: hidden;
	word-break: normal;
	word-wrap: break-word;
}

#mainContainer #contenticon{
	width:250px;
	float: right;
	padding:0 2px 0 0;
}

#mainContainer #contenticon .cmsIcon {
	padding:0 6px 2px 6px;
	float: right;
}

#contentMain {
	clear:both;
	background-image: url(/shared/images/music_school/bg_content.jpg);
	background-repeat:repeat-y;
	width:800px;
}
#contentBg {
	clear:both;
	width:793px;
	background:#D3CFCE;
	/*背景画像を使用する場合のソース ※ファイル名は変更不可*/
	background: url(../images/content_main_bg.jpg) left top repeat;
	margin:0 0 0 1px;
}
#contentHeader {
	clear:both;
	position:absolute;
}

#contentHeader .topFrame{
	z-index:1;
	position:absolute;
}

#contentHeader .cmsHeadImage {
	margin:0 0 0 1px;
	z-index:0;
	position:absolute;
}

#contentHeader .cmsLessonClassroom {
	z-index:2;
	top:43px;
	left:31px;
	color:#FFFFFF;
	position:absolute;
	width:600px;
	font-weight:bold;
}

.contact {
	float:right;
	padding:6px 18px 0 0;
	height:27px;
	outline:none;
	width: 240px;
}
#contactInfo .contact .contactList{
	list-style:none;
}
#contactInfo .contact .contactList .data{
	float:right;
	width: 40px;
	text-indent:-99999px;
}
#contactInfo .contact .contactList .txt{
	float:right;
	text-align:right;
	padding:0;
	font-size: 10px;
	color: #1E1A1E;
	width: 120px;
}
#contactInfo .contact .contactList .data a{
	padding:0;
	display:block;
	width:40px;
	height:27px;
	background: url(../images/contact_btn.gif) left top no-repeat;
}
#contactInfo .contact .contactList a:hover {
	background-position:right top;
	text-decoration:none;
}

/* 先生ページメニューデザイン */


#teacherPageMenu {
	clear:both;
	width:793px;
	padding:92px 0 0 0;
	margin-left: 1px;
}

#teacherPageMenu ul#pageMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../images/menu_btn_bg.jpg) left no-repeat;
	padding:0;
	height:35px;
}

#teacherPageMenu ul#pageMenu li {
	float: left;
	/*margin: 3px 3px 0px 3px;*/
	margin-left:0px;
	padding: 0;
	/*color: #FFFFFF;*/
	text-indent:-99999px;
}

#teacherPageMenu ul#pageMenu a {
	color: #FFFFFF;
	height:35px;
	text-decoration: none;
	display:block;
	font-size:0;
	margin:0;
	overflow: hidden;
	outline:none;
}                                                  

#teacherPageMenu ul#pageMenu .menuTop a {
	width:101px;
	background-image: url(../images/menu_btn_top.jpg);
}
#teacherPageMenu ul#pageMenu .menuProfile a {
	width:98px;
	background-image: url(../images/menu_btn_profile.jpg);
}
#teacherPageMenu ul#pageMenu .menuLesson a {
	width:100px;
	background-image: url(../images/menu_btn_lesson.jpg);
}
#teacherPageMenu ul#pageMenu .menuSongs  a {
	width:98px;
	background-image: url(../images/menu_btn_songs.jpg);
}
#teacherPageMenu ul#pageMenu .menuEvent a {
	width:99px;
	background-image: url(../images/menu_btn_event.jpg);
}
#teacherPageMenu ul#pageMenu .menuAccess a {
	width:98px;
	background-image: url(../images/menu_btn_access.jpg);
}
#teacherPageMenu ul#pageMenu .menuBlog a {
	width:99px;
	background-image: url(../images/menu_btn_blog.jpg);
}
#teacherPageMenu ul#pageMenu .menuGallery a {
	width:100px;
	background-image: url(../images/menu_btn_gallery.jpg);
}

/* 現在位置 */
#teacherPageMenu ul#pageMenu .menuTop a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuProfile a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuLesson a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuSongs a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuEvent a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuAccess a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuBlog a.stay{ background-position: right top;}
#teacherPageMenu ul#pageMenu .menuGallery a.stay{ background-position: right top;}

/* オンマウス */
#teacherPageMenu ul#pageMenu li a:hover {
	background-position: right top; /*マウスオーバー時は画像の右側を表示*/
}


/* 先生ページコンテンツ */
#contactInfo {
	clear:left;
	/*float:left;*/
	margin:0;
	width: 793px;
}

#contentHeader h2{
	font-size:14px;
}

/* コンテンツフッター */
#teacherContentFooter {
	clear:both;
	padding:0 20px 0 0;
	background: url(../images/page_top_tab.gif) left no-repeat;
	width:127px;
	height:22px;
	text-indent:-99999px;
	float: right;
}
#teacherContentFooter a {
	display:block;
	width:127px;
	height:22px;
	overflow: hidden;
	outline:none;
}
#teacherContentFooter img{
	border:none;
}

#teacherFooterLine{
	margin:0;
	padding:0;
	clear: both;
}