@charset "utf-8";


/* YUI CSS */
@import url("http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css");
@import url("http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css");


* {
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.wide {
  width: 100%;
}
.bold {
  font-weight: bold;
}
/* テキストを省略せずに表示する */
.ui-header .ui-title,.ui-footer .ui-title,.ui-btn-inner,.ui-li-heading,.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-desc {
  overflow: visible;
  white-space: normal;
}
#map {
  width: 100%;
  height: 300px;
  border: 8px solid #ccc;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

/*入力フォームの背景を調整*/
textarea.ui-body-b,input.ui-body-b {
  background-color: white;
}
/*見出しとフォーム部品の間の余白を調整*/
.ui-field-contain:first-child {
  padding-top: 0;
}


h1{ text-align:left;}


.msg{ width:90%;
	 margin:10px auto 20px auto; }
.msg_in{
	border:#999 1px solid;
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	margin-top:0; padding-top:0; background:#FFF;}
	
.msg h2{ color:#FFF; font-size:80%; padding:10px; background:#999; margin:0px;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
}

.msg p{ padding:5px 20px; margin:0; font-size:small;}
.msg dl{ padding:5px 20px; margin:0; font-size:small;}

.msg table{ margin:5px auto; font-size:small; border:1px solid #CCC;}
.msg th{ padding:2px 20px 2px 2px;}
.msg td{ padding:2px 10px;}

.inbox{width:90%; margin:auto; padding:10px 0px;}

.form{ margin-left:50px;}



/*微調整*/
#main_icon{ margin:20px 40px; }
#main_icon li{ margin:5px; }
.banner{ margin:10px auto; text-align:center;}

.mapsmall{ text-align:center; margin:0px 20px}
.mapsmall h5{ text-align:right; margin:0px;}

.stamp{ margin:10px 20px;}

.photo_left{ padding:5px 10px; float:left;}
.photo_right{ padding:5px 10px; float:right;}
.photo_center{ margin:auto; text-align:center;}

.mailarea{}

.imagecenter{ margin:auto auto 10px auto; text-align:center;}
.imagecenter a img { border:2px solid #FC0;}
.imagecenter a:hover img,.imagecenter a:active img  { border:2px solid #090;}

.complist dt{ background:#999; color:#FFF; padding:5px 10px; margin:5px;}
.complist dd{ font-size:small; margin:5px 20px;}

.width30{ text-align:center; margin:auto auto 10px auto; width:30%}



/*テンプレート*/
#header{ width:100%; height:40px;}

.title { margin-top:10px; padding-top:10px; border-top:5px solid #090;}
.title h2 { text-align:center; color:#0C0; font-weight:bold; font-size:18px;}
.title h2 strong{ text-align:center; color:#060; font-weight:bold; font-size:18px;}
.title h3 { text-align:center; color:#0C0; font-size:14px;}
.title h4 { color:#0C0; font-weight:bold; font-size:14px;}
.title h4 strong{  color:#060; font-weight:bold; font-size:14px;}

.comment{ margin:5px 10px;}

.mailarea{ margin:10px;}
.mailarea table{ width:100%;margin:10px 0px;border-collapse:separate;border-spacing:10px;}
.mailarea th{ background:#CF9; color:#060; padding:8px; font-size:14px;
				border-radius:8px;	-webkit-border-radius:8px;}

.audition{ margin:25px auto; width:70%; text-align:center;}

.fileinput{ width:250px; overflow:hidden;}

.wtn_copyright{ text-align:center}
.wtn_copyright a{ color:#FFF; font-size:9px;}

.centerbottom{ margin:20px auto; text-align:center;}


.prof{ margin:30px auto;}

.audition_day{ text-align:center; margin:30px 20px;}
.audition_day h3{ background:#060; color:#FFF; padding:5px; margin:5px;}
.audition_day p{ font-size:18px; font-weight:bold;}