/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {font-family:Lato,"Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
body{position:relative;font-size:16px;color:#333;line-height:1.3;text-align:center;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,b,a{font-weight:bold}

hr{border:none;border-top:1px solid #ccc}

body,html{height:100%}
#BodyWrap{height:auto;min-height:100%;background-color:#F8F8F8}

span{display:inline-block}
p{text-align:left}

.box1{border:1px solid #CCC;border-radius:10px;box-shadow:0 0 6px #d0d0d0}
.mw800{width:800px; margin:0 auto 2em auto;overflow:hidden}
.mw800 > h2{background:#f8f4e6;font-weight:bold; padding:10px; border-bottom:1px solid #CCC}
.mw800 > div{padding:10px}
@media screen and (max-width:840px) {.mw800{width:auto;margin-left:3%;margin-right:3%}}

.last_child{margin-bottom:0}
.Yscroll{overflow:auto;/*overflow-y:scroll;*/-webkit-overflow-scrolling:touch}

#HeaderWrap{position:fixed;z-index:1;padding-bottom:30px;width:100%;display:table;background:repeat-x bottom url(../img/grd01.png)}
#Header{padding:8px 50px ;background:#e6eb94 url(../img/sato.png) 8px 15px no-repeat ;height:35px;border-bottom:1px solid #9fc24d;display:table-cell;vertical-align:middle;line-height:1}
#ContentWrap{padding-top:85px;}
#FooterWrap{margin-top:2em;padding-bottom:2em}

#Header img {height:20px;width:auto;vertical-align:middle;margin-right:3px}
#Header span {vertical-align:middle}

dl.dl1 > dt{font-weight:bold; text-align:left}
dl.dl1 > dd{display:block;margin:0 0 20px 0;padding:0 0 2px 5px;border-left:8px solid #DDD;text-align:left}

ul.s_size > li{float:left;width:21%;margin:0.5em 2% 0.5em 2%;text-align:left;overflow:hidden}
ul.s_size > li > label{white-space:nowrap}
ul.s_size:after{content:"";clear:both;display:block}
@media screen and (max-width:840px) {ul.s_size > li{width:29%}}
@media screen and (max-width:610px) {ul.s_size > li{width:46%}}
@media screen and (max-width:450px) {ul.s_size > li label{font-size:90%}}

input,textarea{font-size:16px;vertical-align:0}
textarea{height:15em;width:97%;padding:5px 1%;line-height:1.3;border:1px solid #CCC;border-radius:5px;}
input[type="button"],input[type="submit"]{padding:5px 10px;border-radius:5px}
input[type="checkbox"],input[type="radio"] {margin-right:5px;border-size:2px}
label{margin:0 1em 0.5em 0}
label > span{ font-size:80%; vertical-align: middle}

.FormWrap input[type="text"],
.FormWrap input[type="email"],
.FormWrap input[type="password"]
{
	padding:5px 1%;
	margin:3px auto;
	width:97%;
	border:1px solid #CCC;
	border-radius:5px;
}
.FormWrap input[type="button"],.FormWrap input[type="submit"]{font-weight:bold}

div#ErrorMessage{margin:1em 0 !important;color:#C00;background-color:#ebd8d8;border-left:8px solid #C00;font-size:75%;font-weight:bold;text-align:left}
div#ErrorMessage > p{padding:0.5em}


body.fncBodyScrollLock{position:fixed;width:100%;height:100%}

/* for fncAjaxSubmit fncAjaxLoading */
#AjaxLoading{position:fixed;z-index:999;margin:-12px 0 0 -12px;height:24px;width:24px;top:50%;left:50%;background:url(../img/loading2.gif) no-repeat;background-size:24px}
#AjaxLoadingModal{position:fixed;z-index:998;width:100%;top:0;left:0;height:100%;background-color:rgba(255,255,255,0.859);color:0;font-weight:bold;font-size:75%}