/************************************
***          HTML TAG             ***
*************************************/

body{
	margin:0;
        padding:0;
	text-align:center;
  background : repeat-xy;background-image : url(img/bg_stripe.gif);
}

a{
	color:blue;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
        color:orange;
}
img{
        border:none;
}

small{
}

h1{
  margin:0;
}
H2{
  margin:0;
}
H3{
  margin:0;
}
H4{
  margin:0;
  font-size : 16px;
}
H5{
  margin:0;
  font-size : 16px;
}
H6{
  margin:0;
  font-size : 16px;
}

.white{
	color:#FFFFFF;
}
.size16{
   font-size : 16px;
} 
.size14{
   font-size : 14px;
   font-style : bold;
}
.size12{
   font-size : 12px;
}
.center{
   text-align:center;
}
.red{
   color:red;
}
.blue{
   color:blue;
}
.green{
   color:green;
}
.float_left{
   float:left;
   margin:0 6px 0 6px;
}
.float_right{
   float:right;
}


ul.fea {
   list-style-image: url(img/mark.gif);
}

ul.fea li {
   margin:10px 50px 0 40px;
   font-weight:bold;
}
.clear{
   clear:both;
}
p{
  margin:0;
  padding:0;
}
/**********************************
***        HEADER             ***
**********************************/

.container{
      width:900px;
      display:inline-block;
}

#container2{
      width:920px;
        background : repeat-y;background-image : url(img/container2.png);
      display:inline-block;
      text-align:center;
}

h1.audition{
  font-size : 12px;
  margin:0 0 0 20px;
  font-weight:bold;
  color:#FFAE00;
  text-align:left;
}

#title{
  margin:0 0 0 10px;
  width:290px;
  float:left;
      display:inline-block;
}

#head_info{
  float:left;
  width:600px;
  height:60px;
  background : no-repeat;background-image : url(img/head_info.png);
      display:inline-block;
}

ul#menu {
  list-style:none;
  width:600px;
  height:30px;
  margin:30px 40px 0 40px;
  padding:0;
      display:inline-block;
}

ul#menu li{
  float:left;
  width:130px;
  height:30px;
  display:block;
  font-size:12px;
  line-height:200%;
}

ul#menu li a{
  width:130px;
  height:30px;
  display:block;
  color:#ffffff;
  font-weight:bold;
  background : no-repeat;background-image : url(img/head_menu1.png);
}

ul#menu li a:hover{
  color:orange;
  background : no-repeat;background-image : url(img/head_menu1_up.png);
}


/**********************************
***            INDEX            ***
**********************************/

#head_menu {
  width:900px;
  height:30px;
  background : repeat-x;background-image : url(img/head_menu.png);
  margin:0;
  padding:0;
      display:inline-block;
  font-size:14px;
  color:#ffffff;
  text-align:left;
  line-height:200%;
}

#head_menu a{
  color:orange;
  text-decoration:underline;
}

.content_left{
  float:left;
  width:250px;
  padding:0;
  margin:10px 20px 0 30px;
  text-align:left;
      display:block;
}
.content_right{
  float:right;
  width:580px;
  font-size:12px;
  margin:10px 20px 0 0;
  text-align:left;
      display:block;
  padding:0 0 0 10px;
  border-width : 0 0 0 1px;
  border-style : solid;
  border-color : #2B2D87;
}

.content_all{
  width:860px;
  font-size:12px;
  margin:10px 20px 0 20px;
  text-align:left;
      display:inline-block;
}

h2.extra2{
        font-size:14px;
        color:#000000;
        margin-bottom:10px;
}

.top_info{
        background : no-repeat;background-image : url(img/top_info.png);
        width:255px;
        height:65px;
        padding:5px 5px 10px 310px;
        font-size:13px;
        line-height:130%;
        text-align:left;
      display:inline-block;
        margin:0;
        color:#FFFFFF;
        font-weight:bold;
}

.midashi{
        background : no-repeat;background-image : url(img/midashi.gif);
        width:840px;
        height:30px;
        padding:0 0 0 20px;
        font-size:14px;
        line-height:200%;
        text-align:left;
      display:inline-block;
}

.midashi_top{
        padding:10px 0 10px 25px;
        font-size:14px;
        text-align:left;
      display:inline-block;
        color:orange;
}

.midashi_left{
        background : no-repeat;background-image : url(img/left_midashi.gif);
        width:260px;
        height:30px;
        padding:0 0 0 10px;
        font-size:14px;
        line-height:200%;
        text-align:left;
      display:inline-block;
        margin:0;
}

.midashi_right{
        background : no-repeat;background-image : url(img/midashi_right.png);
        width:260px;
        height:20px;
        padding:0 0 0 25px;
        font-size:14px;
        line-height:160%;
        text-align:left;
      display:inline-block;
        color:blue;
        margin:0 0 0 10px;
}

.midashi_right2{
        background : no-repeat;background-image : url(img/midashi_right2.gif);
        width:530px;
        height:35px;
        padding:0 0 0 20px;
        font-size:18px;
        line-height:200%;
        text-align:left;
      display:inline-block;
        color:#FFFFFF;
        margin:10px 0 10px 10px;
}
p.right_content{
        padding:0 10px 0 20px;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
}

.all_content{
        padding:10px 10px 0 10px;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
}

.all_content_oubo{
        padding:0 10px 0 10px;
        margin:0 0 0 0;
        text-align:center;       
}

.notes_body{
        width:235px;
        padding:5px 0 5px 0;
        font-size:14px;
        display:inline-block;
}
.notes_text{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #cccccc;
        width:240px;
  padding:0 5px 5px 5px;
  font-size:16px;
}
.notes_bottom{
        font-size:12px;
        display:inline-block;
        margin-bottom:10px;
}

.kiyaku{
  width:820px;
  font-size:12px;
  padding:0 20px 0 20px;
  margin:0 auto;
}

.audition_foot{
        background : no-repeat;background-image : url(img/audition_foot.gif);
  width:400px;
  height:140px;
  font-size:14px;
  font-weight:bold;
  margin:10px 0 0 0;
  text-align:left;
      display:inline-block;
  padding:20px 20px 20px 440px;
  color:#ff0000;
  line-height:120%;
}
.audition_foot_group{
        background : no-repeat;background-image : url(img/audition_foot.gif);
  width:400px;
  height:140px;
  font-size:14px;
  font-weight:bold;
  margin:300px 0 0 0;
  text-align:left;
      display:inline-block;
  padding:20px 20px 20px 440px;
  color:#ff0000;
  line-height:120%;
}
#debut_banner{
   margin:20px 0 0 0;
}

#school_banner{
   margin:5px 0 0 0;
   font-size:14px;
   color:red;
   line-height:150%;
}

.kakomu{
   border-style:solid;
   border-color:#cccccc;
   border-width:1px;
   width:570px;
}

/**********************************
***            FOOTER           ***
**********************************/

.foot{
   text-align:right;
   margin:20px 30px 10px 0;
   font-size:12px;
}

#foot_navi{
   text-align:center;
   margin:0;
   font-size:12px;
}

#copyright{
   text-align:center;
   margin:10px 0 10px 0;
   font-size:12px;
}


/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmtext15 {
	float: left; 
	display: block;
	width: 15%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmtext30 {
	float: left; 
	display: block;
	width: 30%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}

.form_name1{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:20px;
   float:left;
   border-width:1px 1px 0 1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

.form_name2{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:220px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

.form_name3{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

.form_name4{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:592px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

.form_name5{
   background-color:#FBD373;
   color:#9D9D9D;
   width:733px;
   height:20px;
   border-width:1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:10px 5px 10px 5px;
   text-align:center;
   margin:0;
}

.form_name6{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:592px;
   height:120px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

.form_name7{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:120px;
   float:left;
   border-width:1px 1px 0 1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
   text-align:left;
}

ul.aboutaudition{
   list-style:none;
}
ul.aboutaudition li{
   padding:0 0 5px 0;
}
ul.aboutaudition li.title_pc{
   background : no-repeat;background-image : url(img/title_pc.gif);
   width:500px;
   height:30px;
   padding:0 0 0 40px;
   line-height:200%;
   color:blue;
   font-weight:bold;
}
ul.aboutaudition li.title_post{
   background : no-repeat;background-image : url(img/title_post.gif);
   width:500px;
   height:30px;
   padding:0 0 0 40px;
   line-height:200%;
   color:blue;
   font-weight:bold;
}

ul.faq{
   list-style:none;
}
ul.faq li{
   padding:0 0 5px 0;
}
ul.faq li.q{
   background : no-repeat;background-image : url(img/faq_q.gif);
   width:700px;
   padding:10px 0 0 40px;
   line-height:150%;
   color:#CCCCCC;
   font-weight:bold;
}
ul.faq li.a{
   background : no-repeat;background-image : url(img/faq_a.gif);
   width:700px;
   padding:10px 0 0 40px;
   line-height:150%;
   margin-bottom:20px;
}
#flow{
   width:700px;
   height:30px;
   padding:0 0 0 40px;
   color:#000000;
   font-weight:bold;
   margin:10px 0 0 0;
   line-height:150%;
   font-size:20px;
}
.flow1{
   background : no-repeat;background-image : url(img/flow1.gif);
}
.flow2{
   background : no-repeat;background-image : url(img/flow2.gif);
}
.flow3{
   background : no-repeat;background-image : url(img/flow3.gif);
}
.flow4{
   background : no-repeat;background-image : url(img/flow4.gif);
}
.flow5{
   background : no-repeat;background-image : url(img/flow5.gif);
}
.flow6{
   background : no-repeat;background-image : url(img/flow6.gif);
}

.flow_right{
  float:right;
  width:220px;
  padding:0;
  margin:5px 20px 0 30px;
  text-align:left;
      display:block;
}
.flow_left{
  float:left;
  width:520px;
  font-size:12px;
  margin:5px 30px 0 0;
  text-align:left;
      display:block;
  padding:0 0 0 10px;
}

#auditionflow{
   background : no-repeat;background-image : url(img/auditionflow.gif);
   width:300px;
   height:100px;
   padding:50px 50px 50px 50px;
   line-height:150%;
   font-size:12px;
   margin:20px 0 0 40px;
}


.prof_left{
  float:left;
  width:200px;
  padding:0;
  margin:10px 20px 0 30px;
  text-align:left;
      display:block;
}
.prof_right{
  float:right;
  width:550px;
  font-size:12px;
  margin:10px 30px 0 0;
  text-align:left;
      display:block;
  padding:0 0 0 10px;

}
h3.prof_name{
  font-size:14px;
}
h4.syutsuen{
   margin:10px 0 0 0;
  font-size:14px;
}
ul.prof_page{
   padding:0 0 0 10px;
   font-weight:bold;
   margin-left:0;
}
ul.prof_page li{
   margin:0;
   font-weight:normal;
}

.right_sitemap{
   font-size:14px;
}
ul.audition_foot_banner{
   list-style:none;
   margin:5px 0 0 0;
   padding:0;
}
ul.audition_foot_banner li{
   margin:0 0 0 0;
   float:left;
   width:200px;
}

.audition_group{
   border-width:0 0 2px 0;
   border-style:solid;
   border-color:#cccccc;
   padding:10px 10px 0 10px;
   margin:10px 0 10px 0;
}

.top_left{
   float:left;
        padding:0 10px 0 40px;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
        width:260px;
}
.top_right{
   float:left;
}
.top_left_info{
   float:left;
        padding:0;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
        width:300px;
}
.top_right_info{
   float:left;
        padding:0 10px 0 40px;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
        width:260px;
}

.top_info_rtext{
        background : no-repeat;background-image : url(img/top_info_right.gif);
        width:255px;
        height:65px;
        padding:5px 5px 10px 5px;
        font-size:13px;
        line-height:130%;
        text-align:left;
      display:inline-block;
        margin:10px 0 0 0;
        color:#FFFFFF;
        font-weight:bold;
}

.audition_left{
   float:left;
        margin:0 0 0 0;
        line-height:150%;
        font-size:14px;
        width:400px;
}
.audition_left1{
   float:left;
        margin:0 10px 0 0 ;
        line-height:150%;
        font-size:14px;
        width:450px;
}
.kakukoumoku{
        font-weight:bold;
        margin:10px 0 0 0;
        font-size:16px;
        color:red;
}