@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:100%; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; -webkit-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img { border:none;}
hr { display: none !important;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#b60006;}
.stred{color:#ee5533;}
.strgr{color:#23ac38;}
/*font-size*/
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:underline; color:#333;}
a:hover { text-decoration:underline; color:#333;}
#form #close a:hover,input.btnpst:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.5;
    filter: alpha(opacity=60);
}
.no-link{ pointer-events: none; cursor: default; text-decoration:none;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
@media print {
#photo{display: none;}
}
body {background:none; color:#231815;  letter-spacing: 1px;}
#wrap {width:960px; margin:60px auto 80px; background: url(../img/bk_cts.jpg) 0 0; padding:40px 0 80px; box-shadow:0 0 8px rgba(0,0,0,0.3); max-height: 100%;}
#wrap .sub { text-align:left; width:90%; margin:0 auto;}
#wrap .sub p { line-height:1.8; padding:10px 15px;}
#wrap h1 { background: url(../img/bk_ttl.jpg) no-repeat 0 0; width:960px; height:112px; margin:0 0 50px; padding:30px 0 0;}
#wrap h1 span.ttl{ background: url(../img/ttl.png) 0 0; width:437px; height:76px; margin:0 auto 0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#msg h1 span.ttl { background-position: 0 -380px;}
#form h1 { background: url(../img/ttl.png) 0 -380px; width:437px; height:76px; margin:10px auto 20px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*msg*/
#msg #formarea {width:800px; margin:0 auto; text-align:left; max-height: 100%;}
#msg #formarea select#backnum { color:#23ac38; font-size:130%; font-family: Garamond , "Times New Roman"; font-weight: bold; cursor: pointer;
    padding: 5px 50px 5px 10px; margin:0 0 5px;
    border: 1px solid #23ac38;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background:rgba(227, 242, 211, 0.3);
}
#msg h3 {font-weight:bold; font-size:120%; padding:0 0 0 5px; margin:0 20px 0;}
#msg h3:first-letter {font-size: 130%; color:#23ac38;}
#msg .entry{width:810px; margin:0 auto 30px; padding:30px 0 15px; background:rgba(227, 242, 211, 0.3); box-shadow:0 0 7px rgba(0,0,0,0.3);}
#msg #formarea p.txt { padding:10px 30px; line-height:2;}
#msg #pageidx{padding:10px 10px 20px; line-height:1.5;}
#msg #pageidx a{padding:2px 5px; text-decoration: underline; color:#23ac38;}
#msg #pageidx a:hover{ filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
#msg .hn{width:780px; margin:0; text-align:right; margin:15px 0 0; font-size:95%;}
#msg .hn strong{color:#23ac38;}

/*form*/
#form {padding:20px 0 0; background: url(../img/bk_cts.jpg) ;}
#form h2 {font-size:120%; border-bottom:1px dotted #111; padding:10px 0;}
#form dl dt {padding:10px 0 0;}
#form .inner{ width:526px; margin:0 auto 0; padding:10px 20px; text-align:left; background:rgba(227, 242, 211, 0.3); box-shadow:0 0 7px rgba(0,0,0,0.3);}
#form .inner p { line-height:1.7; text-align:left; padding:20px 10px 0;}
#form #agree a {font-size:130%; width:300px; height:80px; line-height:80px; margin:0 auto 20px; display:block; color:#fff; text-decoration:none; border:4px double #fff; background:#23ac38; border-radius: 5px; text-align:center;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#form #agree a:hover{color:#23ac38; text-decoration:none; border:4px double #23ac38; background:none;}
#form #close,#cast_dt #close { margin:30px auto;}
#form #close a,#cast_dt #close a{ font-size:120%; border:2px solid #23ac38; padding:12px 60px; text-decoration:none; color:#23ac38;}
#form .post { margin:10px auto;}
input.btnpst { font-size: 180％; font-weight: bold; padding: 10px 30px; background: #23ac38; color: #fff; border-style: none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
#form p.thanks{ padding:80px 0 100px; text-align:center;}