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

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

/* container */
#container {background:url(img/bg_main.png) repeat-y;}
#container div.article div.txtarea { font-size:80%;}
#container div.article div.txtarea p { margin:10px;}

#container #main { display:inline; float:right; width:630px; padding:20px 30px 0 0;}

#container #sub { display:inline; float:left; width:210px; margin:;}

div.PageTop { txtarea-align:right;} 
div.PageTop a { txtarea-align:right;} 

/* left */
#container #main div.section p {font-size:81.25%; line-height:1.6;}
#container #main div.section h3 {margin:20px 0;}

#container #main div.mailmag { margin:0; background:#FFF205; text-align:center; color:#000;}
#container #main div.mailmag h2 {}
#container #main div.mailmag div.txtarea { padding:0 0 10px 0;}
#container #main div.mailmag div.txtarea input.text { width:200px; margin:0 15px;}


#pageMovie #main {width:620px; padding:50px 25px 20px;}
#pageMovie #main .caution {background:#FFCCCC; border:1px solid #DA3838; font-size:75%; margin-bottom:10px; padding:10px;}

#pageMovie .movieDescription {margin-bottom:30px; font-size:90%;}

#pageMovie .movieDancers { margin-left:-10px; margin-top:-30px;}
#pageMovie .movieDancers h3 {margin-bottom:20px; padding-bottom:5px; border-bottom:3px solid #DD2C27;}
#pageMovie .movieDancers .movieIndex {padding-bottom:10px; border-bottom:3px solid #DD2C27;}
#pageMovie .movieDancers ul li {margin-right:20px; float:left;}

#pageMovie .movieGenre {margin-bottom:10px;}
#pageMovie .movieGenre h3 {width:190px; margin-right:12px; float:left;}
#pageMovie .movieGenre p {width:90px; line-height:22px; margin-top:3px; padding-top:1px; float:left; font-size:75%; font-weight:bold; color:#fff; text-align:center; background:url(img/ico_bg_red.png) no-repeat;}

#pageMovie .movieUI {width:600px; padding:0 10px; font-size:80%; background:url(../img/bg_movie_title.gif) top left no-repeat #171717; font-weight:bold;}
#pageMovie .movieUI .movieTitle {width:400px; float:left; color:#fff;}
#pageMovie .movieUI .movieTitle p {min-width:100px; padding:15px 0;padding-right:10px; float:left; background:url(../img/bg_movie_lesson.gif) center right no-repeat;}
#pageMovie .movieUI .movieTitle h3 {width:280px; padding:15px 0 15px 9px; float:right;}
#pageMovie .movieUI .btn {width:200px; margin:10px 0; float:right; overflow:hidden;}
#pageMovie .movieUI .btn ul {width:210px; margin-right:-10px; _zoom:1;}
#pageMovie .movieUI .btn ul li {margin-right:10px; float:left;}

#pageMovie .movieArea {margin-bottom:10px;}

#pageMovie .sns {margin-bottom:30px;}
#pageMovie .sns ul {width:360px; margin:0 auto;}
#pageMovie .sns ul li {width:120px; float:left;}
#pageMovie .sns #g01{ margin:-2px 0 0 0;}

#pageMovie .movieList {width:620px; overflow:hidden;}
#pageMovie .movieList ul {width:630px; margin-right:-10px; _zoom:1;}
#pageMovie .movieList ul li {width:200px; margin:0 10px 1em 0; float:left;min-height:50px;}

#pageMovie .movieList ul li h4 {padding:1px 2px; font-size:12px; color:#fff; text-align:center; background:url(../img/bg_movie_list.gif) top left no-repeat #000;}
#pageMovie .movieList ul li h4 strong {display:block; margin-top:5px; padding:5px; color:#000; background:#fff; min-height:35px; height: auto !important; height:35px; text-align:left;}
#pageMovie .movieList ul li p.movieCaption {font-size:80%;}

#pageMovie .att{ font-size:80%;}
#pageMovie .att p{ font-weight:bold; color:#900;}
#pageMovie .att ul{ margin:5px 0 25px 0;}
#pageMovie .att li{ list-style:inside; list-style-type:disc; text-indent:-1em; padding-left:1em; margin:5px 0 0 0;}



/* right */
#container #sub div.article { color:#FFF;}

#container #sub div.login { padding:15px 10px; background:url(img/sub_login_bg.jpg) left top repeat-x;}
#container #sub div.login div.txtarea { font-size:80%; letter-spacing:0;}
#container #sub div.login div.txtarea label.txt { padding:5px 0; display:block; line-height:1.0; font-size:90%;}
#container #sub div.login div.txtarea label.txt input { float:right; width:110px;}
#container #sub div.login div.txtarea label.autologin { padding:5px 0; clear:both; display:block;}
#container #sub div.login div.txtarea div.btn { margin:10px 0; text-align:center;}

#container #sub div.category { margin:15px 0;}
#container #sub div.category div.txtarea p { margin:5px; letter-spacing:0;}
#container #sub div.category div.txtarea ul { border:#666 solid 1px; border-bottom:none;}
#container #sub div.category div.txtarea ul li { border-bottom:#666 solid 1px;}
#container #sub div.category div.txtarea ul li a { padding:10px; display:block;}

#container #sub div.dancers { margin:15px 0;}
#container #sub div.dancers div.txtarea p { margin:5px; letter-spacing:0;}
#container #sub div.dancers div.txtarea ul { border:#666 solid 1px; border-bottom:none;}
#container #sub div.dancers div.txtarea ul li { border-bottom:#666 solid 1px;}
#container #sub div.dancers div.txtarea ul li a { display:block;}



/*---------------------------------
		PageCSS 個別ページCSS
---------------------------------*/
#page-genre div.pagetype01 div.txtarea ul li { padding:20px 0; clear:both;}
#page-genre div.pagetype01 div.txtarea ul li div.txt_box { float:right; width:415px;}
#page-genre div.pagetype01 div.txtarea ul li img.thumb { float:left;}

#page-teacher div.pagetype01 div.txtarea ul li { padding:0; clear:both; background:url(../img/teacher_list_li_bg.png) left 36px repeat-x;}
/* li.clearfix */
#page-teacher div.pagetype01 div.txtarea ul li:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
#page-teacher div.pagetype01 div.txtarea ul li { display:inline-block; }
/* for macIE \*/
* html #page-teacher div.pagetype01 div.txtarea ul li { height:1%; }
#page-teacher div.pagetype01 div.txtarea ul li { display:block; }

#page-teacher div.pagetype01 div.txtarea ul li div.txt_box { float:right; width:500px; padding:36px 0 0 0;}
#page-teacher div.pagetype01 div.txtarea ul li div.txt_box h4 { position:relative; background:#000;}
#page-teacher div.pagetype01 div.txtarea ul li div.txt_box h4 img.profile_btn { position:absolute; left:400px; top:5px;}
#page-teacher div.pagetype01 div.txtarea ul li div.txt_box {}
#page-teacher div.pagetype01 div.txtarea ul li img.thumb { float:left;}

#page-teacher .movieArea {margin-bottom:25px;}

#page-teacher div.pagetype02 div.txtarea {width:620px; overflow:hidden;}
#page-teacher div.pagetype02 div.txtarea ul {width:630px; margin-right:-10px; _zoom:1;}
#page-teacher div.pagetype02 div.txtarea ul li { margin:0 10px 20px 0; float:left; width:200px;}
#page-teacher div.pagetype02 div.txtarea ul li h3 { margin:0 0 5px 0;}
#page-teacher div.pagetype02 div.txtarea ul li p {margin:0; padding:0;}
#page-teacher div.pagetype02 div.txtarea ul li p span {font-size:90%;}
#page-teacher div.pagetype02 div.txtarea ul.member li { float:left; width:104px; margin:10px; background:url(../img/teacher_detail_ul_member_li_bg.png) left top no-repeat; text-align:center; letter-spacing:0;}
#page-teacher div.pagetype02 div.txtarea ul.member li img { margin:6px 0;}
#page-teacher div.pagetype02 div.txtarea ul.member li p { margin:0;}

#page-teacher #main div.ttlbox { margin:25px;}
#page-teacher #main div.ttlbox h2 { display:inline;}

#page-teacher #main div.introduction {padding:25px; padding-top:0; font-size:90%;}
#page-teacher #main div.introduction h2 {margin-bottom:20px;}
#page-teacher #main div.introduction div.teacherImg {width:140px; margin-right:10px; font-weight:bold; text-align:center; float:left;}
#page-teacher #main div.introduction div.teacherImg p {margin-top:10px;}
#page-teacher #main div.introduction div.txtarea {width:470px; float:left;}
#page-teacher #main div.introduction div.txtarea p {margin-bottom:1em;}
#page-teacher #main div.introduction div.txtarea p.lesson {padding-top:1em; border-top:1px solid #4A4A4A;}

#page-login div.pagetype01 div.txtarea label { display:block; margin:15px 130px;}
#page-login div.pagetype01 div.txtarea label input { float:right; width:200px; font-size:110%; vertical-align:middle; margin:0 5px;}
#page-login div.pagetype01 div.txtarea p { margin:25px 20px;}
#page-login div.pagetype01 div.txtarea p.submit_btn { text-align:center;}

#page-teacher .pagetype03 { margin:15px auto 0 auto; width:590px;}
#page-teacher .pagetype03 li { float:left; margin:0 10px 0 0;}

#page-link .linkList h3 {margin-bottom:20px;}
#page-link .linkList dl {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #C0C0C0;}
#page-link .linkList dl dd {font-size:80%;}
#page-link .linkText {margin-bottom:20px; font-size:70%;}
#page-link .linkText p {margin-bottom:1em;}
#page-link .linkText pre {display:block; padding:15px; border:1px solid #C0C0C0;}

.bg_box { height:170px; background:url(../img/about/bg_box.png) no-repeat left bottom;}
.bg_box a { text-decoration:underline;}

.dname { padding:2px 10px 0; line-height:24px; color:#fff; font-size:81.25%;}
.sectionD1 { margin-top:8px; padding-left:190px; padding-bottom:30px; min-height:163px; position:relative; font-size:81.25%;}
.sectionD1 .photo { position:absolute; top:0; left:0;}
.sectionD2 { padding:0 5px 30px;}
.sectionD2 h4 { margin-right:-5px; margin-left:-5px; padding:2px 10px 0; line-height:24px; font-size:81.25%;}
.sectionD2 p { line-height:1.4; margin-top:1.5em; margin-bottom:1.5em;  font-size:81.25%;}
.sectionD2 img { float:right; margin:10px -10px 10px 10px;}

#page-schedule .scheduleTable {margin-left:5px; padding-bottom:30px;}
#page-schedule .scheduleTable table{ width:590px;}
#page-schedule .scheduleTable th {width:78px; padding:5px; font-size:65%; font-weight:normal; text-align:center; border:1px solid #999; background:#d2d2d2; word-break:break-all;}
#page-schedule .scheduleTable td {width:78px; padding:5px 5px 15px; font-size:65%; border:1px solid #999; word-break:break-all;}
#page-schedule .scheduleTable td.bgGray {background:#fafafa;}


/**************** music.html ****************/
ul.musicbox1 {margin-bottom:20px;}
ul.musicbox1 li {float:left; padding-right:9px;}
ul.musicbox1 li.last {padding-right:0px;}
ul.musicbox2 {padding-left:80px;}
ul.musicbox2 li {float:left; padding-right:9px;}
ul.musicbox2 li.last {padding-right:0px;}

/*追加*/
#musicbox1 {padding-top:20px;}
#musicbox2 {padding-top:20px;padding-left:80px;}

#musicbox1 ul,#musicbox2 ul { list-style: none; margin:0; padding: 0;}
#musicbox1 li,#musicbox2 li{ float: left; min-width: 138px; /*white-space: nowrap;*/ padding-right:9px;}
#musicbox1 li.last,
#musicbox2 li.last{padding-right:0px;}
#musicbox1 ul ul,
#musicbox2 ul ul { display: none; position: absolute; z-index: 10;}
#musicbox1 li li,
#musicbox2 li li{ clear: left; position:relative; width: 138px; background:#666666; padding:5px; color:#ffffff;}
#musicbox1 li li.gray,
#musicbox2 li li.gray{background:#999999;}
#musicbox1 li li a,
#musicbox2 li li a{color:#ffffff;}
#musicbox1 ul li:hover > ul,
#musicbox2 ul li:hover > ul { display: block;}
*+html #musicbox1 ul ul a,
*+html #musicbox2 ul ul a{width: 116px; white-space: normal; }


/**************** movie/index.html ****************/
h3.movie-artist-name {width:555px; height:39px; padding-top:21px; padding-left:75px; font-size:150%;  background:url(../img/more/movie_title_bg.png);}

ul.movie-list li {float:left; width:200px; padding-right:10px;}
ul.movie-list li span {display:block; height:45px; padding:5px 10px; color:#FFF; font-size:87.5%; background:#000; line-height:1.1;}
ul.movie-list li span.fs12 {display:block; height:45px; padding:5px 10px; color:#FFF; font-size:75%; background:#000; line-height:1.1;}


/**************** movie/movieXXX.html ****************/
h2.movie-title {width:535px; height:35px; padding-top:25px; padding-left:95px; font-size:100%; color:#FF0; background:url(../img/more/movie_title_bg2.png);}
.movie-play {margin:25px 5px 15px;}

.movie-point {padding:5px;}
.movie-point .flame-inner {padding:10px; border-left:5px solid #000; border-right:5px solid #000; font-size:87.5%;}


/*ダンサーズエピソード*/
div.epi{ width:620px; padding-top:25px;}
div.epi dl{ float:left; width:205px;}
div.epi dl dd{ padding: 10px 0; border-bottom:#666666 dashed 1px; height:2em;}