/* リセットCSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside,bside,cside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle;}
li { list-style:none;}

/* float解除 */
.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height: 1px; }
* html .clr { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }

/* 基本設定 */
html,body { height: 100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#666;}
.back01{ background:#FFFFFF;}
.back02{ background:#F1F1F1;}
.back03{ background:#5DAA24;}

/* ヘッダーフッター基本設定 */
#header{ background:#FFFFFF; height:100px; width:100%; overflow:hidden; background:url(../img/headbak.jpg) no-repeat;}
#header h1{ clear:both; font-size:10px; text-align:right;}
#header h1 a{ color:#407311; text-decoration:none; padding:0 0.4%;}
#header h2{ float:left;}
#header h2 img{ width:130px; height:75px;}
#header ul{ float:right; margin-top:15px;}
#header li{ float:right; width:100px;}
.headlist01 a,.headlist02 a,.headlist03 a{ display:block; font-size:12px; text-align:center; padding:8px 0; text-decoration:none; color:#FFFFFF; }
.headlist01 a{background:#5DAA24}
.headlist02 a{background:#95BC00}
.headlist03 a{background:#ADD900}

#navi{ clear:both; width:100%; overflow:hidden; }
#navi ul{ }
#navi li{ float:left; width:24.6%; padding:0 0.2%;}
#navi li img{ width:100%;}
@media screen and (max-width: 600px) {
#navi li{ float:left; width:49.6%; padding:0.25% 0.2%;}
}

@media screen and (max-width: 700px) {
.header_in ul, .footer_in ul{ display:none; }
}

/* トップスライド設定 */
#slide { width:80%; margin:20px auto 5px auto; }
#slide img { max-width:100%;}

#container	{ }


.maininfo,.subinfo{ width:48%; padding:1%; float:left;}
.maininfo_in,.subinfo_in{ background:#FFFFFF; box-shadow:2px 2px 2px #BDBDBD;position: relative;}
.maininfo_in h2{ font-size:14px;color:#FFFFFF; font-weight:normal; text-align:center;}
.maininfo_in h2 a{ display:block; color:#FFFFFF; text-decoration:none;height:20px;overflow:hidden; background:#5DAA24; padding:2% 1%}
.maininfo_in h2 a:hover{ background:#95BC00}
.maininfo_in h3{font-size:10px; padding:2% 0; color:#CCCCCC; overflow:hidden; height:10px; font-weight:normal; text-align:right; display:block; padding-right:10px; padding:1%;}

.subinfo_in h2{ font-size:14px; padding:2% 0; background:#95BC00; color:#FFFFFF; overflow:hidden; height:20px; font-weight:normal; text-align:center; display:block;}
.subinfo_in h3{font-size:10px; padding:2% 0; color:#CCCCCC; overflow:hidden; height:10px; font-weight:normal; text-align:right; display:block; padding-right:10px;}

.topmenu_msg h4 a,.subinfo_in h3 a{ color:#5DAA24; display:block; text-decoration:none; font-size:12px; padding:2px 5px; margin:auto 10px; }
.topmenu_msg h4 a:hover,.subinfo_in h3 a:hover{ background:#ADD900; color:#FFFFFF;}


.topmenu_msg { height:20px; overflow:hidden;}
.topmenu_msg h4 { text-align:center; font-size:14px;}
.topmenu_msg h3 a{ text-align:center; font-size:14px;}


.youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin:2%; text-align:center}
.youtube iframe,  
.youtube object,  
.youtube embed {position: absolute;	top: 0;	left: 0;width:100%;height: 100%;}

.mainphoto {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin:2%; text-align:center}
.mainphoto img {position: absolute;	top: 0;	left: 0;width:100%;height: 100%;}

.mainlist{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin:2%; text-align:center}
.mainlist dl { position: absolute;	top: 0;	left: 0;width:100%;height: 100%; overflow:auto;text-align:left; font-size:12px;}
.mainlist dt { padding:5px; margin-top:5px;color:#418E3E; border-bottom:1px solid #418E3E; border-top:1px solid #418E3E;}
.mainlist dd { padding:5px 10px;}
.mainlist dd p { padding-left:10px; }




#footer ul{ float:right; width:25.7%; padding:0.31% 0 0 2%; margin-top:15px;}
#footer li{ margin:0px auto 10px auto; padding:}
#footer li a{ display:block; padding:10px 0 10px 0; border-radius:5px;}
#footer dl{ float:left; width:32%; padding:1%; margin-top:10px;}
#footer dt{ font-size:14px; color:#FFF;}
#footer dd{ font-size:12px; color:#FFF;}
#footer dd a{ display:block; color:#FFF; text-align:center; padding:5px 0 5px 10px; text-decoration:none; border-radius:5px; margin:0 auto 2px; border:1px dotted #ADD900}
#footer dd a:hover{ background:#ADD900; }

.post_footer a{background:#ADD900; display:block; text-align:center;}

#copy{ clear:both;text-align:center;}
#copy a{  font-size:10px ; text-decoration:none; color:#FFFFFF;}





/* メイン幅指定 */
#wrap		{ max-width: 900px; margin:auto;}
#container  { max-width: 900px; margin:auto;}
#footer     { max-width: 900px; margin:auto;}
#header	{ width: 100%; float: left;}
#content	{ margin-right: 300px;}
#sidebar	{ width: 300px; float: right; margin-left: -300px; }
@media screen and (max-width: 900px) {
#content	{ margin-right: 150px;}
#sidebar	{ width: 150px; float: right; margin-left: -150px; }
}
@media screen and (max-width: 800px) {
#content	{ margin-right: 100px;}
#sidebar	{ width: 100px; float: right; margin-left: -100px; }
}
@media screen and (max-width: 500px) {
#content	{ margin-right: 55px;}
#sidebar	{ width: 55px; float: right; margin-left: -55px; }
}


/* メイン色 */
#wrap		{ min-height:70%;}
#container	{ }
#content	{ min-height:500px; background:#FFF; }
#content_in { background:#FFF;}





/* このページのトップへ */
.totop{ text-align:right; padding:10px; font-size:10px; margin:20px auto;}
.totop a { color:#5DAA24; text-decoration:none; padding:5px; border-radius:10px;}
.totop a:hover { background:#ADD900; color:#FFF;}

/* パンくずリスト */
.topicpath { text-align:left; padding:15px 0px 10px 0px;color:#5DAA24;  font-size:10px; }
.topicpath a { color:#5DAA24; text-decoration:none;} 
.topicpath a:hover { color:#FC6; background:#ADD90;}
.topicpath ol li {display: inline;list-style-type: none;}
.topicpath ol li:before {content: " > "; margin-right:10px;}
.topicpath ol li:first-child:before { content:""; }

@media screen and (max-width: 800px) {
.topicpath { font-size:6px;  padding:2px }
}








}
/* フェードイン用 */
.none{ display:none; }


.footerlist{ background:#FFFFFF; clear:left}






.pagetitle{ text-align:center; padding-top:10px;}
.pagetitle h2{ margin:10px auto; background:#5DAA24; padding:20px; color:#FFFFFF; font-size:18px;}

.pageentry{ width:85%; margin:20px auto; background:#FFFFFF; box-shadow:1px 2px 2px #CCC; padding:3% 3% 5% 3%;}
.pageentry h3{ text-align:center; padding:10px;}
.pageentry h4{ padding:1% 5%;color:#5DAA24;}
.pageentry h3 a{ color:#5DAA24; text-decoration:none; padding:1% 3%; border-radius:5px;}
.pageentry h3 a:hover{ background:#ADD900}
.pageentry p{ padding:2% 5%; font-size:14px; }


.backbtt{ clear:both; text-align:center;}
.backbtt h2{ width:25%; margin:20px auto; font-size:14px; line-height:1.1;}
.backbtt h2 a{ display:block; text-decoration:none; padding:10px; color:#FFFFFF; background:#5DAA24; border-radius:10px;}
.backbtt h2 a:hover{}







.company{ margin:0px 0px 10px 15px; text-align:center;}

.company_main table { width:90%; margin:20px auto; text-align:left; font-size:12px;}
.company_main th,.company_main td,.company_main table { border:#F2F2F2 1px solid; padding:2px;}
.company_sub th,.company_sub td,.company_sub table { border:none;}

.company_main th{ background:#F2F2F2; text-align: center; padding: 2px 5px}
.company_main td{ padding:2px 10px;}
.company_main td a:link{ color:#006699;}
.company_main td ul{ padding: 5px 10px 5px 20px;}
.company_main td li{ padding:3px; line-height:140%}

.company_main h5{ margin:30px; text-align:center; }

.company h3{ text-align:left; padding:10px; background-color:#6A9E20; color:#FFFFFF; width:90%; margin:auto;  }
.company h4{ text-align:left; padding:10px; width:90%; margin:auto; font-size:14px; }

.company_sub table{ width:98%; margin:auto; text-align:left;}
.company_sub th{ text-align:left;}
.company_sub h3{background:#E8E8E8; color:#333333;  padding:10px; margin-top:20px;}
.company_sub h4{margin:5px 20px; border-bottom:1px solid #006633; color:#006600; font-size:12px; padding:2px;}
.company_sub p{margin:10px 30px; line-height:110%;}



.privacy{ width:600px; margin:10px auto; text-align:left;line-height:180%;}
.privacy h2{ margin:15px 5px; font-size:14px; color:#006600;line-height:180%;}
.privacy p{ margin:5px 20px; font-size:12px; line-height:180%;}
.privacy ol{ margin:5px; font-size:12px; padding:5px 20px 5px 40px;margin:5px 20px;}
.privacy li{ line-height:180%; padding:5px;}

.privacy table{ border:1px solid #CCFFFF;}
.privacy th{ background:#CCFFFF; text-align:center}
.privacy td{ padding:10px; text-align:center}


.result{ margin:20px 40px; font-size:14px;}
.result h4{ text-align:right; font-weight:normal; margin:5px 40px; font-size:9px;}


.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */}

.tabheader table tr td {margin:0;padding:0;border-width:0}

.tabheader .close {
  border-style: solid;
  border-width: 1px; 
  border-color: #000;
  background:#009900;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;}

.tabheader .open {
  border-style: solid;
  border-width: 1px; 
  border-color: #000 #000 #fff #000;
  background:#EEFEEF;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

.tabheader .spc {
  border-style: solid;
  border-width: 1px 0 1px 0; 
  border-color: #fff #fff #000 #fff;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;}

.tabheader a {text-decoration: none;}

.open a{ color:#006600;}
.close a{ color:#FFFFFF;}

.tabbody {
  border-color: black;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: 1em;
  background:#EEFEEF;
  text-align:left;
}

.tabbody h2 { background:#009900; color:#FFFFFF; padding:5px 10px; font-size:14px; margin-top:15px;}
.tabbody p { padding:5px 40px; font-size:12px; line-height:180%;}






.audition{ margin:0px 0px 10px 15px; text-align:center; font-size:14px;}


.form{margin:20px 40px;}
.form p{ text-align:left; margin:10px; line-height:180%;}
.form h5{ text-align:left; margin:5px 30px; line-height:180%;}


.summary{margin:20px 40px;}
.summary p{ text-align:left; margin:5px 30px; line-height:180%;}

.summary h2{ text-align:left; margin:15px 20px 5px 20px;border-bottom:2px #6A9E20 solid; border-left:5px #6A9E20 double;color:#006600; padding:8px 10px; background:#E2FEB4;}
.summary h3{ text-align:left; margin:10px; line-height:120%; padding:0px 40px;}


.summary h4{ text-align:left; margin:15px 5px 5px 5px; background: #6A9E20;color:#FFFFFF; padding:8px 10px;}
.summary h5{ text-align:left; margin:15px 5px 5px 5px;color: #6A9E20;padding:8px 10px;}


.audition_table{ width:480px; margin:auto;}
.audition_table td p{ font-size:11px; line-height:120%; margin:5px 30px;}

.audition_table a:hover img,.audition_bt a:hover img{filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

.audition_bt{margin:30px auto 10px auto;}