@charset "shift_jis";
@import url("http://mplus-fonts.sourceforge.jp/webfonts/general-j/mplus_webfonts.css"); /* M+ Type-1 (basic latin) Black */
@import url("http://mplus-fonts.sourceforge.jp/webfonts/basic_latin/mplus_webfonts.css");/* M+ Type-1 (basic latin) Black */

/* 全体
-------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0;}
@media screen and (min-width: 479px) {
		html { font-size: 200%; }
	}
html { overflow-y: scroll; height: 100%; }
body { margin: 0; padding: 0; height: 100%; font-family: "Meiryo UI", "Lucida Grande", "sans-serif"; }
img { border: none; vertical-align: middle; }
h1 { font-size:100%;}
ol { list-style-type: decimal; }
a { text-decoration: none; color:#000000;}
a:hover, a img:hover,input.submit:hover{opacity: 0.8; filter: alpha(opacity=80);}
div.tr p img,div#footer .info p ,div#footer img{ box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.white { color: #ffffff; }
.mrg10px{ margin: 10px; }
div.content { max-width: 800px; width: 100%; margin:0 auto; }
div.content2 { max-width: 800px; width: 100%; margin:0 auto; }
div.balloon { background:#ffffff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
div.balloon p { padding:20px;}
div.tr { width: 65%; margin-left:35%; }
p.toplink{ text-align:right; font-size:1rem; margin-top:10px;}

/* ヘッダー・フッター
-------------------------------------------------------------------------------------------------------- */

div#header { background:#ff0000; }
div#title { background: #f29715; text-align: center; }
div#header, div#title , div#footer  { width: 100%; }
div#header img, div#title img, div#footimg img  { margin: 0 auto; display: table; max-width: 800px; width: 100%; }
div#copy{ background:url("../images/back02.gif") repeat; font-size:0.3rem; padding:10px; border:1px solid #cccccc; margin:5px;}

/* セクション
-------------------------------------------------------------------------------------------------------- */

/* recruit */
div#recruit { background: #ffef00; width: 100%; color: #f96f00; padding:5px 0; font-size:1rem; }
div#recruit  div.content{ background:url("images/illust/annai.png") no-repeat bottom 10px left 10px; background-size: 35% auto;}
div#recruit   h1{ padding:20px 20px 20px 20px; text-align:center; }
p.r-btn{ display:table; margin:0 auto; margin-top:10px; }
p.r-btn img { width:50%; max-width:221px; padding: 10px 5px 0 5px;}

/* require1 */
div#require1 { background: #911482; width: 100%; color: #911482; padding:5px 0; font-size:1rem; }
div#require1 div.content{ background:url("images/illust/retsu2.png") no-repeat bottom 10px left 5px; background-size: 35% auto;}
div#require1 h1{ padding:20px; color: #911482; text-align:center; }
div#require1 ol{ margin-left:30px; margin-bottom:10px;  color: #911482; font-size:0.9rem; }
div#require1 p.strong{ padding:20px; color: #e30a20; text-align:right;  font-size:0.7rem; }
div#require1 div.border{ border-top:8px dashed #911482; margin:0 20px; padding:20px 0; }
div#require1 h2{ font-size:0.6rem; font-weight: normal; }
div#require1 ul{ margin-left:20px; font-size:0.5rem; list-style-type: none; }
div#require1 h3{ font-size:0.7rem; font-weight: normal; text-align:right; }

/* require2 */
div#require2 { background: #e30a20; width: 100%; color: #e30a20; padding:5px 0; font-size:1rem; }
div#require2 div.content{ background:url("images/illust/isuhanbai.png") no-repeat bottom 10px left 10px; background-size: 35% auto;}
div#require2 h1{ padding:20px; color: #e30a20; text-align:center; }
div#require2 ol{ padding:20px; color: #e30a20; font-size:0.7rem; }
div#require2 p.strong{ padding:20px; color: #e30a20; text-align:right;  font-size:0.7rem; }
div#require2 div.border{ border-top:8px dashed #e30a20; margin:0 20px; padding:20px 0; }
div#require2 h2{ font-size:0.6rem; font-weight: normal; }
div#require2 ul{  list-style-type: square; margin-left:20px; margin-bottom:10px; font-size:0.9rem; }
div#require2 h3{ font-size:0.7rem; font-weight: normal; text-align:right; }

/* area1 */
div#area1 { background: #90c231; width: 100%; color: #2e4600; padding:5px 0; font-size:1rem; }
div#are1a div.content{ background:url("images/illust/konzatu.png") no-repeat top 20px left 10px; background-size: 35% auto;}
div#area1 h1{ padding:20px; text-align:center; color: #2e4600; }
div#area1 h2{ font-size:0.8rem; margin-bottom: 20px; }
div#area1 div.border{ border-top:8px dashed #90c231; margin:0 20px; padding:20px 0; font-size:0.5rem; }
div#area1 ul{ list-style-type: none; margin-left:10px; margin-bottom:10px; font-size:0.8rem; }
div#area1 ol{ margin-left:20px; }
div#area1 table { border-collapse:collapse; border:0px; }
div#area1 td { border: 1px solid #2e4600; padding:2px;}

/* area2 */
div#area2 { background: #90c231; width: 100%; color: #2e4600; padding:5px 0; font-size:1rem; }
div#area2 div.content{ background:url("images/illust/konzatu.png") no-repeat top 20px left 10px; background-size: 35% auto;}
div#area2 h1{ padding:20px; text-align:center; color: #2e4600; }
div#area2 h2{ font-size:0.8rem; margin-bottom: 10px; }
div#area2 div.border{ border-top:8px dashed #90c231; margin:0 20px; padding:20px 0; font-size:0.5rem; }
div#area2 ul{ list-style-type: none; margin-left:10px; margin-bottom:10px; font-size:0.7rem; }
div#area2 ol{ margin-left:20px; }
div#area2 table { border-collapse:collapse; border:0px; }
div#area2 td { border: 1px solid #2e4600; padding:2px;}

/* area3 */
div#area3 { background: #0168b7; width: 100%; color: #0168b7; padding:5px 0; font-size:1rem; }
div#area3 h1{ padding:20px; text-align:center; color: #0168b7; }
div#area3 h2{ margin-left:0px; font-size:0.8rem; margin-bottom: 10px; }
div#area3 div.border{ border-top:8px dashed #0168b7; margin:0 20px; padding:20px 0; font-size:0.5rem; }
div#area3 ul{ list-style-type: none; margin-left:10px; margin-bottom:10px; font-size:0.7rem; }
div#area3 ol{ margin-left:30px; margin-bottom:10px; font-size:0.7rem; }
div#area3 table { border-collapse:collapse; border:0px; }
div#area3 td { border: 1px solid #2e4600; padding:2px;}

/* entry */
div#entry { background: #f29715; width: 100%; color: #ffffff; padding:5px 0; font-size:1rem; }
div#entry div.content{ background:url("images/illust/retsu.png") no-repeat top 120px left 5px; background-size: 33% auto; position:relative;}
div#entry h1{ padding:30px 10px; text-align:center; font-size:1.6rem; }
div#entry div.tr{ font-size:0.7rem;}
div#entry dl  { margin:20px 10px 0 0; }
div#entry dt  { min-width:100px; }
div#entry dl span { color:#ff0000; }
div#entry input, div#entry textarea, div#entry select { border:0px; font-size:0.4rem; padding:5px; max-width: 100%;}
div#entry .submit { font-size:0.6rem; padding:8px 20px; display:table; margin:20px auto 10px auto;}
@media screen and (min-width: 479px) {
		div#entry dl:before, div#entry dl:after { content: "."; display: block; overflow: hidden; visibility: hidden; line-height: 0; width: 0; height: 0; }
		div#entry dl:after { clear: both; }
		div#entry dt,div#entry dd{ float: left; }
	}
div.global { width:35%; position:absolute; left:0; bottom:50px;}
div.global img{ margin:0 auto; display:table; }

/* qa */
div#qa { background: #911482; width: 100%; color: #911482; padding:5px 0; font-size:0.5rem; }
div#qa h1{ padding:0 30px 10px 30px; text-align:center; color:#ffffff; font-size:1.6rem; }
div#qa div.balloon{ padding:20px 30px; margin-top:20px; }
div#qa th{ font-size:1.2rem; }
div#qa th,div#qa td{ padding:5px 0; font-weight:bold; }
div#qa p.qr{ margin:0 auto; display:table; color:#ffffff; font-size:0.7rem; margin-top:20px; }

/* footer */
div#footer  { background:#e30a20; width: 100%; color: #ffffff; font-size:0.7rem; }
div#footer img { max-width: 800px; width: 100%; padding:30px 10px; }
div#footer .info:before, div#footer .info:after { content: "."; display: block; overflow: hidden; visibility: hidden; line-height: 0; width: 0; height: 0; }
div#footer .info:after { clear: both; }
div#footer .info p{ width:50%; float:left; padding:0 10px 30px 10px;}