@charset "UTF-8"
body {font-size: 16px;font-size: 0.9rem;}
img{ width:100%; height:auto;}
.red{ color:#cc0000;}
.blue{ color:#354db5;}
/* header */
#header{ position:relative; height:70px; background:#c1272d;}
h1{ color:#fff; padding:0 0 0 2%; font-size:0.70rem;letter-spacing: -1px;}
#header ul{ padding:5px 3% 0 3%;}
#header ul li{ display:inline-table; width:40%;}
#header ul li:nth-child(2){ margin-left:10px;}
.menu{ position: absolute; top:25px; right:2%;}
.menubtn { background:transparent url(../img/menu.png) no-repeat 0 0;display: block;width:36px;height: 30px;cursor: pointer; z-index:1;}
.close {background-position: 0 -33px;}
#menu-list { display: none; box-sizing: border-box;position:absolute; top:70px; width:100%;background: #000;filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;}
#menu-list li a {color:#fff;display: block;position: relative;font-size: 1.0em;line-height: 1.5em;padding: 1em 2em 1em 0.5em;text-decoration:none; z-index:0; text-align:center}
#menu-list li a:hover { background:#222;}

#intro{z-index:-2; background-image: url(../img/top_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position: center top;}
#intro h2.mainTit{ padding:10px 5% 0 5%; }
#intro h2.mainsubTit{ padding-left:3%; padding-right:3%; padding-top:105px;}
#intro .mainCopy{padding-left:3%; padding-right:3%; padding-top:10px;}
#intro .mainCopy span{ font-weight:900;}
#intro .introImg{  padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:40px;}


.appBg{ background:url(../img/bg.gif); padding:15px 0;}
.appBox{ margin-left:3%; margin-right:3%; background:#fff; overflow:hidden; padding:20px; margin-bottom:20px;}
.appBg p.appBoxImg{ padding-left:5%; padding-right:5%;}
.appBg ul{ padding-left:5%; padding-right:5%; margin-top:10px; margin-bottom:10px;}
#genre h3{ margin-top:30px; padding-left:26%; padding-right:26%;}
#genre ul{ margin-right:4%; margin-left:4%;}
#genre ul li{ background-image:url(../img/genreBox.png); background-repeat:no-repeat; background-size:cover; text-align:center;  color:#fff; font-size:0.93em; font-weight:bold; padding:15px 0; margin-bottom:3px;}

.form_btnImg{ margin-right:8%; margin-left:8%; margin-top:20px; margin-bottom:20px;}
#howto{ margin-left:5%; margin-right:5%;}
#howto h3{border-bottom:1px solid #4b4b4b; padding-left:30%; padding-right:30%; padding-bottom:10px; margin-bottom:20px;}
#howto .howtoBox{
    -webkit-border-top-left-radius: 0px;  
    -webkit-border-top-right-radius: 0px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 0px;  
    -moz-border-radius-topright: 0px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  
	border:1px solid #EB002D;
	padding:10px;
	margin-bottom:20px;
	}
#howto .howtoBox li{  padding:10px 0}
#howto .howtoBox li:nth-child(1){ border-bottom:1px solid #ccc;}
#howto .howtoBox li span{ font-size:82%;}
#howto .howtoBox li em{ font-weight:900;}
#howto .howtoBox p{ margin-top:10px;}
#flow h3{ margin-left:28%; margin-right:28%;margin-top:50px;}
#flow p{ margin-left:5%; margin-right:5%; margin-top:20px; margin-bottom:30px;}


#pines{ background:url(../img/bg.gif); padding:30px 15px; overflow:hidden;}
#pines dd{ width:48%;margin-bottom:10px; float:left; margin-top:20px;}
#pines dd:nth-child(2){ float:right}
#pines dd:nth-child(4){ float:right}
#pines dd li{line-height:140%;}
#pines dd li:nth-child(1){ font-size:120%; text-align:center;}
#pines dd li:nth-child(2){ text-align:center;}
#pines dd li:nth-child(3){ margin-top:10px; font-size:87%;}


#company{ margin-left:5%; margin-right:5%; margin-top:50px; margin-bottom:30px;}
#company h3{border-bottom:1px solid #4b4b4b; padding-left:30%; padding-right:30%; padding-bottom:10px; margin-bottom:20px;}
#company .logo{ padding:0 20%;}
#company table{ border-top:1px solid #ced4da;border-right:1px solid #ced4da; border-left:1px solid #ced4da; margin-top:30px; font-size:92%;}
#company th{ padding:8px 0px 8px 8px; background:#fafafa; border-bottom:1px solid #ced4da; width:25%; vertical-align:top;}
#company td{ padding:10px 8px; border-bottom:1px solid #ced4da; vertical-align:top;}


/* footer */
#page-top {position: fixed; bottom: 10px;right: 5px;}
#page-top img{ max-width:30px; height:auto}

#footer{ background:#E60012; padding-left:3%; padding-right:3%; padding-top:20px; padding-bottom:20px; color:#fff; overflow:hidden;}
#footer .logo{ margin-right:35%;}
#footer ul{ float:left; width:56%; margin-top:20px; margin-bottom:30px;}
#footer ul li{ line-height:150%;}
#footer ul li a{ color:#fff; text-decoration:none;}
#footer .formBnr{ float:right; width:43%; margin-top:20px;}
.copyright{ clear:both; font-size:82%; text-align:center;}



/* form page */
#formintro{z-index:-2; background-image: url(../img/form_bg.jpg); background-repeat:no-repeat; background-size:cover; padding-bottom:60px; background-position: center top;}
#formintro h2.mainTit{ padding:10px 5% 0 5%; }
#formintro h3.mainSubTit{ padding:10px 10% 0 10%; }
#formintro p{ padding:10px 5% 0 5%; }

#form{ padding:0 5% 0 5%; }
#form dt{ font-size:115%;margin-bottom:5px;}
#form dt span{ color:#f80000; padding-left:12px;}
#form dd{ margin-bottom:10px;}
#form dt.coment{ font-size:90%; color:#1378aa;}
#form dd.coment02{ font-size:78%;}
input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   padding:10px;
}
input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
} 
 
input[type=text]:focus {
   border:solid 1px #20b2aa;
}
 
input[type=text], select { 
   outline: none;
}

input[type="button"] {
	padding:20px;
	background:#E60012;
	width:100%;
	color:#fff;
	font-size:1.2em;
	margin:15px 0;
	
}
input[type="submit"] {
	padding:20px;
	background:#E60012;
	width:100%;
	color:#fff;
	font-size:1.2em;
	margin:15px 0;
}
input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
	margin-right:5px;

}
input[type=radio] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	margin-right:5px;
}
input.inputL,textarea.inputL{ width:94%;}
input.inputM{ width:60%;margin-right:5px;}
input.inputS{ width:25%;margin-right:5px;}
input.inputSS{ width:8%;margin-right:5px; margin-left:5px;}
input.mt{ margin-top:5px;}
.formTable { width:100%;}
.formTable td{ width:50%; padding-bottom:5px;}
.privacyBox{ background:#E9ECEF; padding:15px; height:100px; overflow:auto;}