@charset "utf-8";
@import url("../css/layout.css");

/* #audition */
body#audition {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#audition h2 {
	font-size:22px;
	font-weight:bold;
	color:#020202;
	padding-bottom:20px;
}
#audition h3 {
	padding-bottom:15px;
}
#audition div.auditionBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:10px 65px 52px 65px;
}
#audition div.auditionBox p.txt {
	font-size:14px;
	padding-bottom:15px;
}

#audition div.auditionBox2 {
	width:735px;
	overflow:hidden;
	clear:both;
	padding:0 114px 0px 113px;
}

.artist1 {
width:227px;
float:left;
border:1px solid #94CBE5;
margin-bottom:25px;
padding:3px;
}

.artist2 {
width:352px;
float:left;
border:1px solid #94CBE5;
margin-bottom:25px;
padding:3px;
}

.photo {
width:98px;
float:left;
margin-right:15px;
}

.prof {
width:239px;
float:left;
font-size:10px;
padding-bottom:5px;
}

.artist3 {
width:127px;
float:left;
border:1px solid #94CBE5;
margin-bottom:15px;
padding:3px;
}

.prof2 {
width:113px;
font-size:10px;
padding-bottom:5px;
}

/* #audition2 */
body#audition2 {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#audition2 h2 {
	font-size:18px;
	font-weight:bold;
	color:#020202;
	padding-bottom:20px;
}
#audition2 h3 {
	padding-bottom:15px;
}
#audition2 div.auditionBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 52px 65px;
}
#audition2 div.auditionBox p.txt {
	font-size:14px;
	padding-bottom:15px;
}
#audition2 div.auditionBox ul {
	width:832px;
	overflow:hidden;
	clear:both;
}
#audition2 div.auditionBox ul li {
	float:left;
	padding-right:13px;
}
#audition2 div.auditionBox2 {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 20px 65px;
}
#audition2 div.auditionBox2 div {
	width:395px;
	overflow:hidden;
}
#audition2 div.auditionBox2 div dl {
	float:left;
	width:111px;
}
#audition2 div.auditionBox2 div dl dt {
	border:1px solid #a6a6a6;
	margin-bottom:5px;
}
#audition2 div.auditionBox2 div dl dd {
	text-align:center;
	padding-top:3px;
}
#audition2 div.auditionBox2 div p.names {
	float:right;
	padding:5px 0 8px 0;
}
#audition2 div.auditionBox2 div p.tit {
	font-size:11px;
	width:270px;
	float:right;
	padding-bottom:5px;
}
#audition2 div.auditionBox2 div p.txt {
	width:260px;
	float:right;
	font-size:11px;
	text-indent:-1em;
	padding-left:10px;
	padding-bottom:1px;
}
#audition2 div.auditionBox3 {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}
#audition2 div.auditionBox3 span.name{
	font-weight:bold;
	color:#333;
}
#audition2 div.auditionBox3 table {
	margin-bottom:30px;
	width:565px;
}
#audition2 div.auditionBox3 th{ 
	width:170px; 
	vertical-align:text-top; 
	padding-top:15px;
	text-align:left;
}
#audition2 div.auditionBox3 td { 
	vertical-align:text-top; 
	padding-top:15px;
}
#audition2 div.auditionBox3 td img {
	vertical-align:middle;
}

/* #company */
body#company {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#company div.companyBox {
	width:830px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
#company div.companyBox table {
	width:100%;
	clear:both;
	font-size:14px;
}
#company div.companyBox table th {
	width:103px;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	line-height:1.4;
	padding:5px 0 30px 0;
}
#company div.companyBox table td {
	padding:5px 0 30px 30px;
	vertical-align:top;
	line-height:1.4;
}
#company div.companyBox table td p.txt {
	padding:0 0 17px 0;
}
#company div.companyBox table td ul {
	width:500px;
	overflow:hidden;
	clear:both;
	padding:0 0 14px 0;
}
#company div.companyBox table td ul li {
	float:left;
	padding:0 0 0 20px;
}
#company div.companyBox table td p.txt2 {
	line-height:1.3;
	padding:0 0 18px 0;
}
#company div.companyBox table .pb0,
#company div.companyBox table td p.txt.pb0,
#company div.companyBox table td p.txt2.pb0 {
	padding-bottom:0px;
}


/* #course */
body#course {
	background:url(../images/bg_body_org.jpg) repeat-x left top;
}
#course div.courseBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}
#course div.courseBox p.img {
	float:right;
	border:1px solid #a6a6a6;
	margin-bottom:25px;
}
#course div.courseBox ul {
	float:right;
	width:252px;
}
#course div.courseBox ul li {
	border:1px solid #a6a6a6;
	margin-bottom:20px;
}
#course div.courseBox ul li.last {
	margin-bottom:0px;
}
#course div.courseBox h2 {
	font-size:18px;
	color:#020202;
	padding-bottom:20px;
}
#course div.courseBox p.tit {
	font-size:16px;
	padding-bottom:10px;
}
#course div.courseBox p.txt {
	width:510px;
	font-size:16px;
	line-height:1.4;
	padding-bottom:12px;
	text-indent:-0.6em;
	padding-left:14px;
}
#course div.courseBox p.txt2 {
	width:510px;
	font-size:16px;
	line-height:1.4;
	padding-bottom:12px;
	padding-left:14px;
}

#course div.courseBox p.txt3 {
	width:510px;
	font-size:16px;
	line-height:1.4;
	padding-bottom:35px;
	text-indent:-0.6em;
	padding-left:14px;
}
#course div.courseBox p.pb {
	padding-bottom:0px;
}
#course div.courseBox p.tit2 {
	font-size:16px;
	font-weight:bold;
	color:#009ed6;
	line-height:1.4;
	padding:18px 0 5px 0;
}

#course div.courseBox p.midasi {
	color:#009ed6; 
	font-size:21px; 
	font-weight:bold;
	line-height:1.4;
	padding:0px 0px 7px 5px;
}

/* #experience */
body#experience {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#experience div.experienceBox {
	width:870px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding:0 0 0 38px;
}
#experience div.experienceBox p.btn {
	float:right;
	padding:0 38px 50px 0;
}
#experience div.experienceBox p.btn2 {
	text-align:center;
}
#experience div.experienceBox p.btn img {
	border:#e7e7e7 1px solid;
}
#experience div.experienceBox h2 {
	width:600px;
	font-size:18px;
	font-weight:bold;
	float:left;
	padding:0 0 18px 0;
}
#experience div.experienceBox p.txt {
	width:600px;
	font-size:14px;
	float:left;
	line-height:1.3;
	padding:0 0 34px 0;
}
#experience div.experienceBox ul {
	width:870px;
	overflow:hidden;
	clear:both;
	padding:0 0 30px 0;
}
#experience div.experienceBox ul li {
	float:left;
	padding:0 38px 33px 0;
}
#experience div.experienceBox ul li img {
	border:#a6a6a6 1px solid;
}


/* #form, #completion, #confirm */
body#form,
body#completion,
body#confirm {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
div.formBox {
	width:585px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
div.formBox div.cont {
	width:549px;
	background:#eeeeee;
	padding:12px 18px 13px 18px;
	margin-bottom:27px;
}
div.formBox div.cont p.txt {
	padding:0 0 10px 0;
}
div.formBox div.cont ul {
	width:540px;
	overflow:hidden;
	clear:both;
	padding:0 0 5px 0;
}
div.formBox div.cont ul.ul01 li {
	width:115px;
	padding:0 10px;
	float:left;
	background:url(../../images/form/ico.gif) no-repeat left 4px;
}
div.formBox div.cont ul.tel li {
	width:100px;
	padding:0 10px 0px 25px;
	float:left;
	background:url(../../images/form/ico2.gif) no-repeat left 2px;
}
div.formBox div.cont2 {
	width:585px;
	clear:both;
}
div.formBox div.cont2 p.txt01 {
	padding:18px 18px 21px 18px;
	line-height:1.3;
	background:url(../../images/form/ln.gif) repeat-x left bottom #FFF;
	clear:both;
}
div.formBox div.cont2 p.txt02 {
	text-align:center;
	clear:both;
	padding:20px 0 30px 0;
}
div.formBox span.red {
	color:#FF0000;
}
div.formBox span.pl10 {
	padding-left:10px;
}
div.formBox span.pl5 {
	padding-left:5px;
}
div.formBox span.size01 {
	font-size:9px;
}
div.formBox div.cont2 div.inner {
	width:574px;
	padding:7px 5px 11px 5px;
	background:url(../../images/form/ln.gif) repeat-x left bottom #f1eff0;
	float:right;
	clear:both;
}
div.formBox div.cont2 div.inner table {
	width:100%;
	clear:both;
}
div.formBox div.cont2 div.inner table th {
	font-weight:normal;
	width:153px;
	background:#FFF;
	padding:9px 0 3px 12px;
	text-align:left;
	vertical-align:middle;
}
div.formBox div.cont2 div.inner table td {
	padding:3px 0 3px 7px;
	vertical-align:middle;
}
div.formBox div.cont2 div.inner table td select {
	width:163px;
}
div.formBox div.cont2 div.inner table td input.txt {
	width:100px;
}
div.formBox div.cont2 div.inner table td input.txt2 {
	width:30px;
}
div.formBox div.cont2 div.inner table td input.txt3 {
	width:165px;
}
div.formBox div.cont2 div.inner table.ta01 td {
	padding:2px 0;
}
div.formBox div.cont2 div.inner table.ta01.way td {
	padding:0px;
}
div.formBox div.cont2 div.inner table.ta01 td.letter {
	line-height:1.3;
	padding:2px 0 0 0;
}
div.formBox div.cont2 div.inner table textarea.text {
	width:400px;
	height:120px;
}
div.formBox div.cont2 div.inner table textarea.text2 {
	width:300px;
	height:100px;
}
div.formBox div.cont2 div.inner table td.td01 {
	padding-bottom:0px;
}
div.formBox div.cont2 div.inner table td.td02 {
	padding:3px 0 0 0;
}
div.formBox div.cont2 div.inner table td.td03 {
	text-align:left;
	padding:0 0 0 2px;
}
div.formBox div.cont2 p.btn {
	text-align:center;
}


/* #instructors */
body#instructors {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#instructors div.instructorsBox {
	width:830px;
	clear:both;
	margin:0 auto;
}
#instructors div.instructorsBox h2 {
	font-weight:bold;
	font-size:16px;
	background:#11ade6;
	color:#FFF;
	padding:3px 0 2px 10px;
}
#instructors div.instructorsBox h2.pink {
	background:#fe70d7;
}
#instructors div.instructorsBox h2.green {
	background:#83d028;
}
#instructors div.instructorsBox h2.orange {
	background:#FF9000;
}
#instructors div.instructorsBox div.cont {
	width:830px;
	overflow:hidden;
	clear:both;
	padding:26px 0 24px 0;
}
#instructors div.instructorsBox div.cont.pb40 {
	padding-bottom:40px;
}
#instructors div.instructorsBox div.cont.pb65 {
	padding-bottom:65px;
}
div.instructorsBox p.photo {
	float:left;
	border:#a6a6a6 1px solid;
}
#instructors div.instructorsBox div.contInner {
	width:600px;
	float:right;
	padding:0 4px 0 0;
}
#instructors div.instructorsBox div.cont p.tit {
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	padding:0 0 16px 0;
}
#instructors div.instructorsBox div.cont p.tit.pb12 {
	padding-bottom:12px;
}
#instructors div.instructorsBox div.cont p.txt {
	padding:0 0 6px 0;
}
#instructors div.instructorsBox div.cont dl {
	width:600px;
	overflow:hidden;
	clear:both;
}
#instructors div.instructorsBox div.cont dl dt {
	width:60px;
	float:left;
}
#instructors div.instructorsBox div.cont dl dd {
	width:530px;
	float:right;
	padding-right:10px;
}
#instructors div.instructorsBox div.cont.lihi dl {
	line-height:2;
}
#instructors div.instructorsBox div.cont dl dt.dt01 {
	width:42px;
	text-align:right;
}
#instructors div.instructorsBox div.cont dl dd.dd01 {
	width:400px;
	float:left;
	padding:0 0 0 6px;
}

/* #lesson */
body#lesson {
	background:url(../images/bg_body_yellow.jpg) repeat-x left top;

}
#lesson div.lessonBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}

#lesson div.lessonBox p.kotoba {
	color:#00A0E9; 
	font-size:18px; 
	font-weight:bold;
	line-height:1.4;
	padding:0px 0px 10px 0px;
}

#lesson div.lessonBox p.koe {
	color:#E4007F; 
	font-size:18px; 
	font-weight:bold;
	line-height:1.4;
	padding:0px 0px 10px 0px;
}

#lesson div.lessonBox p.hyogen {
	color:#92CC16; 
	font-size:18px; 
	font-weight:bold;
	line-height:1.4;
	padding:0px 0px 10px 0px;
}

#lesson div.lessonBox p.txt {
	font-size:14px; 
margin:0px 0px 0px 0px;
}

#lesson div.lessonBox p.txt2 {
	font-size:19px; 
	font-weight:bold;
margin:0px 0px 0px 0px;
}


/* #lesson2 */
body#lesson2 {
	background:url(../images/bg_body_green.jpg) repeat-x left top;
}
#lesson2 div.lessonBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}
#lesson2 div.lessonBox p.img {
	float:right;
	border:1px solid #a6a6a6;
}
#lesson2 div.lessonBox h2 {
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 10px;
	line-height:1.2;
}
#lesson2 div.lessonBox h2 span {
	font-size:10px;
}
#lesson2 div.lessonBox h2.col {
	border-left:6px solid #81d381;
}
#lesson2 div.lessonBox h2.col2 {
	border-left:6px solid #f8a2e5;
}
#lesson2 div.lessonBox h2.col3 {
	border-left:6px solid #ffa018;
}
#lesson2 div.lessonBox h2.col4 {
	border-left:6px solid #bd70f8;
}
#lesson2 div.lessonBox h2.col5 {
	border-left:6px solid #ff3b65;
}
#lesson2 div.lessonBox h2.col6 {
	border-left:6px solid #4d94ff;
}
#lesson2 div.lessonBox h2.col7 {
	border-left:6px solid #f4e21e;
}
#lesson2 div.lessonBox p.txt {
	width:635px;
	padding:10px 0 30px 0;
}
#lesson2 div.lessonBox p.txt2 {
	font-size:16px;
	font-weight:bold;
	color:#009ed6;
	padding:8px 0 30 10px;
	line-height:1.5;
        margin-bottom:25px
}


/* #live */
body#live {
	background:url(../images/bg_body_green.jpg) repeat-x left top;
}
#live div.liveBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}
#live div.liveBox h2 {
	padding-bottom:25px;
}
#live div.liveBox h3 {
	font-size:18px;
	padding-bottom:12px;
}
#live div.liveBox p.txt {
	font-size:14px;
	font-weight:bold;
	color:#009ed6;
	line-height:1.6;
	padding-bottom:54px;
}
#live div.liveBox p.img {
	padding:0 0 0 87px;

}


/* #privacy */
body#privacy {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#privacy div.privacyBox {
	width:830px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
#privacy div.privacyBox p.txt {
	font-size:14px;
	padding:0 10px 15px 0;
	line-height:1.4;
}
#privacy div.privacyBox p.txt2 {
	font-size:14px;
	padding:0 10px 16px 0;
	line-height:1.4;
	text-indent:-1.3em;
	padding-left:1.3em;
}
#privacy div.privacyBox p.txt2 span {
	padding-right:3px;
}
#privacy div.privacyBox p.txt2.last {
	line-height:1.3;
	padding-bottom:0px;
}


/* #reason */
body#reason {
	background:url(../images/bg_body_pink.jpg) repeat-x left top;
}
#reason div.reasonBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}
#reason div.reasonBox ul {
	float:right;
	width:252px;
}
#reason div.reasonBox ul li {
	border:1px solid #a6a6a6;
	margin-bottom:20px;
}
#reason div.reasonBox ul li.last {
	margin-bottom:0px;
}
#reason div.reasonBox h2 {
	font-size:18px;
	color:#020202;
	padding-bottom:24px;
}
#reason div.reasonBox p {
	width:550px;
	font-size:16px;
	font-weight:bold;
	color:#009ed6;
	line-height:1.4;
	padding-bottom:12px;
	text-indent:-0.6em;
	padding-left:10px;
}


/* #store */
body#store {
	background:url(../images/bg_body_blue.jpg) repeat-x left top;
}
#store div.storeBox {
	width:758px;
	clear:both;
	margin:0 auto 0 69px;
	overflow:hidden;
	padding:0 0 40px 0;
}
#store div.storeBox h2 {
	width:467px;
	margin:0 auto 0 92px;
	overflow:hidden;
	clear:both;
	padding:0px 0 36px 0;
}
#store div.storeBox h2 span {
	float:left;
}
#store div.storeBox h2 span.pr {
	padding-right:47px;
}
#store div.storeBox ul{
	width:536px;
	clear:both;
	margin:0 0 0 210px;
	overflow:hidden;
}
#store div.storeBox ul li {
	float:left;
}
#store div.storeBox ul li.voat {
	padding:0 13px 0 0;
}
#store div.storeBox address {
	text-align:center;
	padding:10px 0 10px 0;
}
#store div.storeBox dl {
	float:left;
	width:360px;
	overflow:hidden;
}
#store div.storeBox dl dt {
	width:360px;
	padding:0 0 20px 0;
	text-align:center;
}
#store div.storeBox dl dd {
	text-align:center;
	line-height:1.3;
}
#store div.storeBox div.map {
	width:360px;
	float:right;
}
#store div.storeBox div.map p.arrowLink {
	text-align:center;
	padding:5px 0 0 0;
}
#store div.storeBox div.map p.arrowLink a {
	background:url(../../images/store/arrow_link1.png) no-repeat left center;
	padding:2px 0 2px 20px;
	color:#1d90c5;
}

/* #feature */
body#feature {
	background:url(../images/bg_body_pink.jpg) repeat-x left top;
}

#feature div.featureBox {
	width:832px;
	overflow:hidden;
	clear:both;
	padding:0 65px 0 65px;
}

#feature div.featureBox p.midasi {
	color:#009ed6; 
	font-size:21px; 
	font-weight:bold;
	line-height:1.4;
	padding:0px 0px 7px 5px;
}

#feature div.featureBox p.txt{
	font-size:13px; 
margin:15px 0px 35px 0px;
}