@charset "utf-8";
/* CSS Document */

body {
	background-color: #f97413;
	background-image: url(../images/back_sense.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0.88em;
	background-attachment: fixed;
}
#cloth {
	width: 587px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 363px;
}
#cloth #heart {
	background-color: #FFF;
	background-image: url(../images/music_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 160px;
	min-height:900px;
}
#cloth #heart #music {
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
}
#cloth #heart #music .title {
	margin-bottom: 5px;
	display: block;
	padding-top: 10px;
}
#cloth #heart #music #top-menu {
	margin-top: 10px;
	margin-left: auto;
	width: 477px;
	margin-right: auto;
	margin-bottom: 20px;
	height: 89px;
}
#cloth #heart #music #top-menu li {
	height: 44px;
	width: 231px;
	float: left;
}
#cloth #heart #music #top-menu li a {
	display: block;
	height: 44px;
	width: 231px;
	text-indent: -9999px;
}
#cloth #heart #music #top-menu .menu1 a {
	background-image: url(../images/top_menu01_off.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu1 a:hover {
	background-image: url(../images/top_menu01_on.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu2 a {
	background-image: url(../images/top_menu02_off.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu2 a:hover {
	background-image: url(../images/top_menu02_on.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu3 a {
	background-image: url(../images/top_menu03_off.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu3 a:hover {
	background-image: url(../images/top_menu03_on.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu4 a {
	background-image: url(../images/top_menu04_off.gif);
	background-repeat: no-repeat;
}
#cloth #heart #music #top-menu .menu4 a:hover {
	background-image: url(../images/top_menu04_on.gif);
	background-repeat: no-repeat;
}
#foot {
	background-color: #000;
	height: 22px;
	text-align: center;
	color: #FFF;
	padding-top: 8px;
	font-size: 0.75em;
}
#cloth #heart #music #infomation #info-main {
	width: 340px;
	margin-right: 10px;
	float: left;
}
#cloth #heart #music .top-title {
	margin-bottom: 10px;
}
#cloth #heart #music #infomation #info-main #info-link li {
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-bottom: 10px;
}
#cloth #heart #music #infomation #info-point {
	float: left;
}
#cloth #heart #music #infomation #info-point ul li {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 5px;
	padding-left: 2px;
}
#cloth #heart #music #event {
	clear: left;
	overflow: hidden;
	padding-top: 20px;
}
#cloth #heart #music #infomation {
}
#cloth #heart #music #gnavi {
	background-image: url(../images/g_navi_back.gif);
	height: 34px;
	width: 567px;
	margin-top: 18px;
}
#cloth #heart #music #gnavi ul #to-top a {
	display: block;
	height: 33px;
	width: 167px;
	text-indent: -9999px;
}
#cloth #heart #music #gnavi ul #to-top {
	width: 167px;
}
#cloth #heart #music #gnavi ul .link {
	width: 100px;
}
#cloth #heart #music #gnavi ul .link a {
	display: block;
	height: 33px;
	width: 100px;
	text-indent: -9999px;
}

#cloth #heart #music #gnavi ul #to-top a:hover {
	background-image: url(../images/g_navi_button00.gif);	
}
#cloth #heart #music #gnavi ul #profile a:hover {
	background-image: url(../images/g_navi_button01.gif);
}
#cloth #heart #music #gnavi ul #lesson a:hover {
	background-image: url(../images/g_navi_button02.gif);
}

#cloth #heart #music #gnavi ul #faq a:hover {
	background-image: url(../images/g_navi_button03.gif);
}
#cloth #heart #music #gnavi ul #mail a:hover {
	background-image: url(../images/g_navi_button04.gif);
}
#cloth #heart #music #gnavi ul #profile .on {
	background-image: url(../images/g_navi_button01.gif);
}
#cloth #heart #music #gnavi ul #lesson .on {
	background-image: url(../images/g_navi_button02.gif);
}

#cloth #heart #music #gnavi ul #faq .on {
	background-image: url(../images/g_navi_button03.gif);
}
#cloth #heart #music #gnavi ul #mail .on {
	background-image: url(../images/g_navi_button04.gif);
}
#cloth #heart #music #gnavi ul li {
	float: left;
}
#cloth #heart #music #title {
	background-image: url(../images/g_navi_guiter.gif);
	height: 103px;
	width: 567px;
}
#cloth #heart #music #title h2 {
	padding-top: 13px;
}
#cloth #heart #music #profile-main {
	background-image: url(../images/profile_pic01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:345px;
}
#cloth #heart #music #profile-main #profile-table {
	width: 330px;
	border: 1px solid #FFF;
}

#cloth #heart #music #profile-main #profile-table tr .cate {
	background-color: #e5e5e5;
	height: 24px;
	padding-left: 5px;
	vertical-align: middle;
	font-weight: bold;
}
#cloth #heart #music #profile-main #profile-table .main {
	padding-left: 5px;
}
#cloth #heart #music #carr h2 {
	margin-bottom: 10px;
	display: block;
}
#cloth #heart #music #carr p {
	background-image: url(../images/cari_back.gif);
	line-height: 1.6em;
}
#cloth #heart #music #profile-main #profile-table p {
	line-height: 1.4em;
}
#cloth #heart #music #lesson h2 {
	margin-bottom: 10px;
	display: block;
}
#cloth #heart #music #lesson #lesson1-1 {
	border: 1px solid #FFF;
}
#cloth #heart #music #lesson #lesson1-1 td {
	padding: 10px;
}
#cloth #heart #music #lesson #lesson1-1 .cate {
	font-weight: bold;
	background-color: #e5e5e5;
	width: 97px;
}
#cloth #heart #music #lesson #lesson1-2 #money-title {
	background-image: url(../images/lesson_tablebg01.gif);
	height: 43px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}
#cloth #heart #music #lesson #lesson1-2 .money {
	vertical-align: middle;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-repeat: repeat-x;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#cloth #heart #music .mini-attention {
	display: block;
	margin-top: 5px;
	text-align: right;
}
#cloth #heart #music .mail-button {
	margin-top: 20px;
	margin-bottom: 50px;
	background-image: url(../images/lesson_button_off.gif);
	height: 98px;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}
#cloth #heart #music #lesson .mail-button a {
	text-indent: -9999px;
	display: block;
	height: 98px;
	width: 310px;
}
#cloth #heart #music #lesson .mail-button a:hover {
	background-image: url(../images/lesson_button_on.gif);
}
#cloth #heart #music #faq h2 {
	margin-bottom: 5px;
}
#cloth #heart #music #faq .mail-link {
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
#cloth #heart #music #faq #faq-list dt {
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 34px;
	font-weight: bold;
	margin-bottom: 15px;
}
#cloth #heart #music #faq #faq-list dd {
	background-image: url(../images/icon03.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 34px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 15px;
}
#cloth #heart #music #faq #faq-list {
	margin-top: 30px;
}
#cloth #heart #music #faq #mail-button {
	background-image: url(../images/faq_button_off.gif);
	height: 98px;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}
#cloth #heart #music #faq #mail-button a {
	height: 98px;
	width: 310px;
	text-indent: -9999px;
	display: block;
}
#cloth #heart #music #faq #mail-button a:hover {
	background-image: url(../images/faq_button_on.gif);

}#cloth #heart #music #intro {
}
#cloth #heart #music #pn {
	height: 46px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
