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

.sp_only{ display:none;}

a{ color:#40A207; text-decoration:none;}
a:hover{ color:#40A207; text-decoration:underline;}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {clear: both;}
 
.cf {*zoom: 1;}

.red{ color:#900;}
.font_s{ color:#666; font-size:0.8em;}

.clear{ clear:both; font-size:1px; line-height:100%; overflow:hidden; height:0px;}

.arrow{ background:url(../common/arrow.png) no-repeat left center; padding-left:10px;}

.coution_mail{ color:#900; border:#900 solid 2px; text-align:center; padding:5px; margin-bottom:15px;}

.maxnum{color:#900; border:#900 solid 2px; text-align:center; padding:5px;}
.maxnum p{ text-align:center;}

@media screen and (min-width: 830px) {
.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.6; filter: alpha(opacity=70);}   
}

img{ vertical-align:bottom;}

html,body{width:100%; margin:0; padding:0;}

body{font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#3F3F3F; text-align:center;
 font-size:100%; line-height:180%; width: 100%; letter-spacing:0.1em; background-color:#fff;
 background:url(../common/background.jpg) no-repeat left bottom; background-size:100%; min-width:860px; height: 100%;}

body#endmovie{font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#3F3F3F; text-align:center;
 font-size:100%; line-height:180%; width:640px; min-width:inherit; letter-spacing:0.1em; background-color:#fff; background:none;}


header{ background:#40A207; width:100%;}
header a{ color:#fff;}

header .innr{max-width:900px; padding:0 10px; text-align:left; margin:0 auto;}

header .innr h1{ float:left;}
header .innr .logout{ float:right;}
header .innr .logout a{ border-left:#B8DCA3 dotted 1px; border-right:#B8DCA3 dotted 1px; line-height:120%; font-size:0.8em; display:block; padding:12px 12px; background:#40A207;}
header .innr .logout a:hover{ color:#fff; background:#A6CA00;}

.login header .innr h1{ margin-bottom:10px;}

.cover{max-width:900px; text-align:left; margin:0 auto; padding:40px 10px 30px 10px;}

.cover h2{ float:left;}
.cover h2 span.sub,.cover h2 span.main{ display:block;}
.cover h2 .main{ font-size:2.0em; line-height:160%;}
 
#user .cover nav{ float:right;}

#company .cover h2{ float:left; margin-bottom:20px;}

#admin .cover h2{ float:left; margin-bottom:20px;}

.cover nav ul{}
.cover nav ul li{ border:#CCC solid 1px; border-radius:5px; float:left; line-height:110%; margin:0 10px 10px 0; background:#fff;}
.cover nav ul li a{ display:block; padding:15px 20px 15px 50px; color:#000; font-weight:bold; border-radius:5px;}

.cover nav ul li.user a{ background:url(../common/icon_user.png) no-repeat 10px center; background-size:30px;}
.cover nav ul li.movie a{ background:url(../common/icon_movie.png) no-repeat 10px center; background-size:30px;}
.cover nav ul li.news a{ background:url(../common/icon_news.png) no-repeat 10px center; background-size:30px;}
.cover nav ul li.config a{ background:url(../common/icon_config.png) no-repeat 10px center; background-size:30px;}

.cover nav ul li.addcompany a{ background:url(../common/icon_company_s.png) no-repeat 10px center #FF7F00; background-size:30px;}
.cover nav ul li.addmovie a{ background:url(../common/icon_movie_s.png) no-repeat 10px center #FF7F00; background-size:30px;}
.cover nav ul li.addnews a{ background:url(../common/icon_news_s.png) no-repeat 10px center #FF7F00; background-size:30px;}

.cover nav ul li.addcompany a,.cover nav ul li.addmovie a,.cover nav ul li.addnews a{ color:#fff;}
.cover nav ul li.addcompany a:hover,.cover nav ul li.addmovie a:hover,.cover nav ul li.addnews a:hover{ background-color:#FF7F00;}

.cover nav ul li a:hover{ background-color:#FBF5E1;}

.cover nav ul li.adduser a{ display:block; padding:15px 20px 15px 20px; background:#FF7F00; 
font-weight:bold; border-radius:5px; color:#fff;}
.cover nav ul li.adduser a:hover{background-color:#FF7F00; }

#user .cover nav ul li.config{ margin-right:0px;}

#user nav{ margin-top:20px;}

.maintitle{max-width:900px; padding:0 10px; margin:0 auto;}
.maintitle .innr{text-align:left; background:url(../common/gradation_g.png) repeat-x left bottom #80C15A; border-radius:10px; padding:15px 0px; margin-bottom:30px;}

.maintitle h3{ color:#fff; font-size:1.6em; float:left; line-height:110%; margin-left:20px;}
.maintitle .sort{float:right; margin-right:20px; color:#fff;}

.maintitle .sort select{ padding:5px;}

.wrapmain_data{max-width:900px; padding:0 10px; margin:0 auto;}
.wrapmain_data .onebox{ border:#CCC solid 1px; background:#fff; padding:10px 20px; text-align:left; border-radius:10px;
margin-bottom:10px;}

.wrapmain_data .onebox td img{ max-width:100px; max-height:80px;}

.wrapmain_data .statsstop{ background:#FAF2D8; opacity:0.6;}

.wrapmain_data .onebox .thumbnail{ float:left; width:100px; border:#CCC solid 1px; text-align:center;}
.wrapmain_data .onebox .thumbnail img{max-width:100px; max-height:80px; }
.wrapmain_data .onebox .title{ float:left; margin-left:20px; width:480px;}
.wrapmain_data .onebox .btn{ float:right;}
.wrapmain_data .onebox .btn_c{ float:none; text-align:center;}

#user .wrapmain_data .onebox .btn{ margin-top:25px;}
#user .wrapmain_data .onebox .btn_c{ margin-bottom:20px;}

.wrapmain_data .onebox .step{ color:#fff; line-height:110%; padding:4px 0px;
border-radius:5px; font-size:14px; font-weight:bold; display:block; text-align:center; margin-bottom:15px;}

.wrapmain_data .onebox .step01{background:#EFEFEF; color:#333;}
.wrapmain_data .onebox .step02{background:#A6CA00;}

.wrapmain_data .onebox span.update{ display:block; font-size:0.8em; line-height:110%; margin-bottom:10px; letter-spacing:0;}

.wrapmain_data .onebox span.main{ font-size:1em; line-height:160%; display:block; font-weight:bold;}

.wrapmain_data .onebox .print{ font-size:0.8em; display:block;}

.wrapmain_data h4{background:#A6CA00; font-size:1.2em; text-align:center; border-radius:10px; color:#fff;
line-height:180%; padding:8px 10px; margin-bottom:30px; margin-top:10px;}

.wrapmain_data .des{ margin-bottom:20px; text-align:left;}

.moviebox{ margin:0 auto; text-align:center; margin-bottom:20px;}
.moviebox iframe{ width:640px; height:510px; border:none; overflow-x:hidden;}

span.btn_s a{ background:#FF7F00; color:#fff; font-size:1.2em; line-height:110%; font-weight:bold;
border-radius:5px; padding:10px 20px; box-shadow: #999 0px 0px 2px; display:inline-block;}
span.btn_s a:hover{ text-decoration:none;}

span.btn_m a{ background:#FF7F00; color:#fff; font-size:1.4em; line-height:110%; font-weight:bold;
border-radius:5px; padding:10px 20px; box-shadow: #999 0px 0px 2px; display:inline-block; margin-bottom:20px;}
span.btn_m a:hover{ text-decoration:none;}

span.backlink{ display:block;}

.wrapmain_data table{border-left:#CCC solid 1px; border-top:#CCC solid 1px; width:620px; margin:0 auto; font-size:0.8em; margin-bottom:20px; background:#FFF; line-height:160%;}
.wrapmain_data table th,.wrapmain_data table td{border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px;}
.wrapmain_data table th{ text-align:right; vertical-align:top; white-space:nowrap;}
.wrapmain_data table td{ text-align:left; vertical-align:top;}

.wrapmain_data table input{ border:none; border:#CCC solid 1px; padding:5px; width:200px;}
.wrapmain_data table input.checkbox{ border:none; border:#CCC solid 1px; padding:5px; width: auto;}

.seikyu .wrapmain_data table{ width:800px;}
.seikyu .wrapmain_data table th,.seikyu .wrapmain_data table td{ text-align:center;}

body.popup h4{ font-size:1.6em; border-bottom:#CCC solid 1px; width:620px; margin:0 auto;
 margin-bottom:20px; padding-bottom:20px; line-height:140%;}

body.popup .address{ width:600px; margin:0 auto; text-align:left; border:#ccc solid 1px; border-radius:5px;
padding:10px; margin-bottom:20px; line-height:140%;}

body.popup .address h5{line-height:110%; text-align:center; border-bottom:#ccc solid 1px; margin-bottom:15px;
padding-bottom:10px;}
body.popup .address h6{ margin-bottom:5px;}
body.popup .address p{ font-size:0.8em;}

body.popup table{ border-left:#CCC solid 1px; border-top:#CCC solid 1px; width:620px; margin:0 auto; font-size:0.8em; margin-bottom:20px; background:#FFF; line-height:160%;}
body.popup table th,body.popup table td{border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px;}
body.popup table th{ text-align:right; vertical-align:top; white-space:nowrap;}
body.popup table td{ text-align:left; vertical-align:top;}

body.popup .btn{ padding-bottom:20px;}
body.popup .backlink{ font-size:0.8em;}

body.login .backlink{ font-size:0.8em; margin-bottom:10px;}

.coution{ font-size:0.8em;}

.login h2 img{ max-width:100%;}

.coution_red{ text-align:center; border:#900; padding:10px; border:#900 2px solid; margin-bottom:20px; color:#900;}

.wrapnews{max-width:900px; padding:0 10px; margin:0 auto; margin-bottom:30px; }
.wrapnews .innr{ border:#CCC solid 1px; border-radius:5px; text-align:left; padding:10px; line-height:160%; background:#fff;}


.wrapnews .title_news{ color:#40A207; border-bottom:#CCC solid 1px; margin-bottom:10px; padding-bottom:10px; font-weight:bold;}
.wrapnews dl{ font-size:0.8em;}
.wrapnews dl dt,.wrapnews dd{ display:inline; margin-left:10px;}
.wrapnews dl dt,.wrapnews dd a{}

#company .user .wrapmain_data .onebox .title{margin-left:0px; width:560px;}
#company .user .wrapmain_data .onebox .main{ font-size:1.4em; float:left; margin-right:20px;}
#company .user .wrapmain_data .onebox .moviestep{ float:left; font-size:0.8em; margin-top:5px;}
#company .user .wrapmain_data .onebox .mail{ font-size:0.8em; display:block;}

#company .user .wrapmain_data .onebox .btn{ text-align:right;}
#company .user .wrapmain_data .onebox .print{ margin-bottom:10px;}

#admin .user .wrapmain_data .onebox .title{margin-left:0px; width:560px;}
#admin .user .wrapmain_data .onebox .main{ font-size:1.4em; float:left; margin-right:20px;}
#admin .user .wrapmain_data .onebox .moviestep{ float:left; font-size:0.8em; margin-top:5px;}
#admin .user .wrapmain_data .onebox .mail{ font-size:0.8em; display:block;}

#admin .user .wrapmain_data .onebox .btn{ text-align:right;}
#admin .user .wrapmain_data .onebox .print{ margin-bottom:10px;}

.wrapmain_data textarea{ border:none; border:#CCC solid 1px; padding:10px; width:300px; height:200px;}

.btn_contfoot{ padding-top:10px;}

.userlist{ margin-bottom:20px; margin-left:100px;}
.userlist h5{ margin-bottom:10px;}
.userlist p{ margin-bottom:px; font-size:0.8em; line-height:160%;}

.movielist .moviestep{font-size:0.8em;}
.movielist .btn{ margin-top:20px;}

.newsmain{ margin-bottom:30px;}
.newsmain .update{ font-size:0.8em; margin-bottom:10px;}

.logintitle{ text-align:center; margin-bottom:20px;}

.btn_spstop10{ margin-top:20px;}

footer address{ color:#999; font-size:0.7em; font-style:normal; letter-spacing:0; padding:10px; text-align:center;}
footer #page-top{background:#40A207; width:100%; padding:5px 0;}
footer #page-top a{ display:block; width:100%; padding:5px 0; color:#fff; font-size:0.8em; line-height:110%;}

.BTNdelete{ padding:30px 0; display:block;}

.moviebox{ text-align:center;}

.plugin-example-container{ text-align:center; margin:0 auto; display:inline-block;}
.plugin-example-container video{border:#CCC solid 1px;}