@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
	line-height: 150%;
}

img { border-style: none; }
	
a:link { color: #C60;	text-decoration: none; }
a:visited { color: #C60;text-decoration: none; }
a:hover { color: #C30;text-decoration: none; }
a:active { color: #C30;text-decoration: none; }

dl {
	margin: 0px;
	padding: 0px;
}

dt {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #088;
}

dd {
	color: #000;
}

dd.date {
	margin-bottom: 5px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}
dd.body {
	margin-bottom: 20px;
}

ul,li {
	margin: 0px;
	padding: 0px;
}



h1,h2 {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 12px;
	text-align: center;
	background-repeat: repeat-y;
	background-position: bottom;
	background-attachment:fixed;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Microsoft Sans Serif",Helvetica,Arial,"�q���M�m�p�S Pro W3","�l�r �o�S�V�b�N",Osaka,sans-serif;
}

#container {
	width: 750px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	border: 1px solid #666;
}

#head {
	width: 750px;
	height: 100px;
	background: url("../images/head.jpg") no-repeat;
	text-indent: -9999px;
}


#right {
	width: 550px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url("../images/line.jpg") repeat-y;
}

#main {
	width: 530px;
	margin: 10px 0px 0px 10px;
}


/* sideleft
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#sideLeft {
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu {
	width: 200px;
	height: 30px;
	background: url("../images/contents.jpg");
	text-indent: -9999px;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

/* navigation
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navi {
	width: 200px;
}

#navi li,#navi a {
	text-indent: -9999px;
	text-decoration: none;

	display: block;
	border-bottom: 1px solid #666;
}


#navi1 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-information.jpg");
}

#navi2 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-profile.jpg");
}

#navi3 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-works.jpg");
}

#navi4 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-live.jpg");
}

#navi5 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-instruments.jpg");
}

#navi6 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-sound.jpg");
}

#navi7 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-blog.jpg");
}

#navi8 a {
	width: 200px;
	height: 60px;
	background: url("../images/navi-contact.jpg");
}

#navi9 a {
	width: 200px;
	height: 60px;
	background: url("../images/lesson.jpg");
}

#navi1 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-information_on.jpg");
}

#navi2 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-profile_on.jpg");
}

#navi3 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-works_on.jpg");
}

#navi4 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-live_on.jpg");
}

#navi5 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-instruments_on.jpg");
}

#navi6 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-sound_on.jpg");
}

#navi7 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-blog_on.jpg");
}

#navi8 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/navi-contact_on.jpg");
}

#navi9 a:hover {
	width: 200px;
	height: 60px;
	background: url("../images/lesson_on.jpg");
}


/* information
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#information {
	width: 530px;
	height: 30px;
	background: url("../images/information.jpg") no-repeat;
	text-indent: -9999px;
}

#maintext {
	width: 510px;
	padding: 10px 0px 20px 10px;
	float: left;
}

#maintext dl {
border-bottom: dotted 1px #000
}

#maintext p {
	line-height: 150%;
}

#maintext span {
	color: #B91C22;
	font-size: 15px;
}

/* profile
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#profile {
	width: 530px;
	height: 30px;
	background: url("../images/profile.jpg") no-repeat;
	text-indent: -9999px;
	float: left;
}

#profile-img {
	width: 530px;
	height: 250px;
	margin: 10px 0 0 0;
	background: url("../images/nishikawa.jpg") no-repeat;
	text-indent: -9999px;
	float: left;
}

#profiletext {
	width: 510px;
	padding: 10px 0px 30px 10px;
	float: left;
}

#profiletext p {
	line-height: 150%;
}




/* lesson
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#lesson {
	width: 530px;
	height: 30px;
	background: url("../images/lessonpic.JPG") no-repeat;
	text-indent: -9999px;
	float: left;
}

#lesson-img {
	width: 530px;
	height: 250px;
	margin: 10px 0 0 0;
	background: url("../images/lesson-img.jpg") no-repeat;
	text-indent: -9999px;
	float: left;
}

#lessontext {
	width: 510px;
	padding: 10px 0px 30px 10px;
	float: left;
}

#lessontext p {
	line-height: 150%;
}



/* works
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#works {
	width: 530px;
	height: 30px;
	background: url("../images/works.jpg") no-repeat;
	text-indent: -9999px;
}

#support {
	width: 530px;
	height: 30px;
	margin: 10px 0 20px 0;
	background: url("../images/support.jpg") no-repeat;
	text-indent: -9999px;
}

#belongs {
	width: 530px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url("../images/belongs.jpg") no-repeat;
	text-indent: -9999px;
}

#project {
	width: 530px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url("../images/project.jpg") no-repeat;
	text-indent: -9999px;
}

#freejamsession {
	width: 530px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url("../images/freejamsession.jpg") no-repeat;
	text-indent: -9999px;
}

/* live schedule
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#live {
	width: 530px;
	height: 30px;
	background: url("../images/live.jpg") no-repeat;
	text-indent: -9999px;
}

#liveset {
	width: 520px;
	margin-bottom: 10px;
}

.livetop {
	width: 510px;
	margin: 0 0 0 5px;
	padding: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	color: #088;
	border-bottom: 1px dotted #bbb;
}

.livetext {
	width: 520px;
	margin: 20px 0px 10px 2px;
	float: left;
	border-bottom: 1px solid #666;
}

.livetext span {
	color: #B91C22;
	font-weight: bold;
}

.livedate {
	width: 70px;
	margin: 5px 0px 5px 10px;
	float: left;
}

.livedate2 {
	width: 430px;
	margin: 5px 0px 5px 0px;
	float: left;
}

/* instruments
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#instruments {
	width: 530px;
	height: 30px;
	background: url("../images/instruments.jpg") no-repeat;
	text-indent: -9999px;
}

.parts1 {
	width: 130px;
	margin: 10px 0 0 0;
	float: left;
}

.parts2 {
	width: 350px;
	margin: 10px 0 0 0;
	float: left;

}

/* sound
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#sound {
	width: 530px;
	height: 30px;
	background: url("../images/sound.jpg") no-repeat;
	text-indent: -9999px;
}

#soundtext {
	width: 510px;
	padding: 20px 0px 449px 10px;
	float: left;
}

/* contact
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contacttext {
	width: 470px;
	padding: 50px 0px 120px 30px;
	line-height: 150%;
	float: left;
}

#contact {
	width: 530px;
	height: 30px;
	background: url("../images/contact.jpg") no-repeat;
	text-indent: -9999px;
}







/* foot
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#foot {
	width: 750px;
	height: 30px;
	background: url("../images/foot.jpg") no-repeat;
	text-indent: -9999px;
	clear: both;
	overflow: hidden;
}