@charset "utf-8";

*{ box-sizing: border-box; }

p,div,td,dd,li,h1,h2,h3{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); }

/*body,*/
html{ height: 100%; }

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body{ background: #FFF; margin: 0px; padding: 0px; min-width: 1350px; position: relative; }
body,th,td{ color: #333; }
body,h1,h2,h3,h4,dl,dt,dd,ul,li,p,hr,big,span,form {  }
pre{ padding: 0px; }
form{ display: inline; }

*::-webkit-input-placeholder{ color: #BBB; }
*::-moz-placeholder{ color: #BBB; }
*:-ms-input-placeholder{ color: #BBB; }

img{ vertical-align: middle; border: none; max-width: 100%; }

a{ text-decoration: underline; color: #1A780C; }
a:hover{ color: #85CC33; text-decoration: none; }
a:hover img{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

hr{ border: none; border-bottom: 1px dashed #CCC; margin: 30px 0px 50px; }

input[type="tel"],
input[type="text"]{ -webkit-appearance: none; appearance: none; border-radius: 0; margin: 0; outline: none; }
input[type="password"]{ -webkit-appearance: none; appearance: none; border-radius: 0; margin: 0; outline: none; }
input[type="submit"]{ -webkit-appearance: none; appearance: none; border-radius: 0; margin: 0; outline: none; }
input[type="checkbox"] {
	width: 19px;
	height: 19px;
	vertical-align: middle;
	position: relative;
	margin-top: -1px;
}
input[type="radio"] {
	width: 19px;
	height: 19px;
	vertical-align: middle;
	position: relative;
	margin-top: -1px;
}
input[type="tel"],
input[type="text"]{ border: 1px solid #CCC; box-shadow: 0 0 1px 0 rgba(200,200,200,0.5); padding: 6px 10px; font-size: 15px; border-radius: 2px; }
input[type="tel"]:focus,
input[type="text"]:focus{ border: 1px solid #1A780C; box-shadow: 0 0 2px 0 rgba(19,90,140,1); }
input[type="tel"].full,
input[type="text"].full{ width: 100%; }
input[type="password"]{ border: 1px solid #CCC; padding: 6px 10px; font-size: 15px; box-shadow: 0 0 1px 0 rgba(200,200,200,0.5); }
input[type="password"]:focus{ border: 1px solid #1A780C; box-shadow: 0 0 2px 0 rgba(19,90,140,1); }
input[type="checkbox"]{ cursor: pointer; }
input[type="radio"]{ cursor: pointer; }
textarea{ border: 1px solid #CCC; padding: 6px 10px; font-size: 15px; box-shadow: 0 0 1px 0 rgba(200,200,200,0.5); }
textarea:focus{ border: 1px solid #1A780C; box-shadow: 0 0 2px 0 rgba(19,90,140,1); }
textarea.full{ width: 100%; }
textarea:disabled{ background: #EEE; }
select{ padding: 5px 8px; border: 1px solid #CCC; border-radius: 2px; box-shadow: 0 0 1px 0 rgba(200,200,200,0.5); font-size: 15px; }
select:focus{ box-shadow: 0 0 2px 0 rgba(19,90,140,1); }
select.full{ width: 100%; }

optgroup{ background: #F5F5DC; }
option{ background: #FFF; }
option.disabled{ background: #EEE; color: #AAA; }

label{ cursor: pointer; }

_label{ display: inline-block; font-size: 14px; line-height: 19px !important; position: relative; margin-right: 10px; padding-left: 20px; padding-top: 3px; }
_label input[type="radio"]{ position: absolute; margin: 0px; top: 6px; left: 0px; }
_label input[type="checkbox"]{ position: absolute; margin: 0px; top: 6px; left: 0px; }

.btnLabel label{ display: block; font-size: 14px; line-height: 19px !important; position: relative; margin-bottom: 5px; padding: 3px 5px 3px 5px; cursor: pointer; background: #EEE; border: 1px solid #CCC; border-radius: 3px; overflow: hidden; text-align: center; }
.btnLabel label input[type="radio"]{ position: absolute; margin: 0px; top: 6px; left: -30px; }
.btnLabel label input[type="checkbox"]{ position: absolute; margin: 0px; top: 6px; left: -30px; }
.btnLabel label.checked{ background: #1A780C; border: 1px solid #1A780C; color: #FFF; }
.btnLabel label.none.checked{ background: #BD29AF; border: 1px solid #BD29AF; }
	

input.write_false,
select.write_false,
textarea.write_false,
select.write_false option{ background-color: #DDD; }
label.write_false{ color: #999; }

input.write_true,
select.write_true,
textarea.write_true,
select.write_true option{ background-color: #F6FFFF; }

input.readOnly,
select.readOnly,
textarea.readOnly,
select.readOnly option{ background-color: #EED; color: #444; border: 1px solid #CCC; }

.right{ text-align: right; }
.center{ text-align: center !important; }

.hide{ display: none; }

.mt5{ margin-top: 5px !important; }
.mt7{ margin-top: 7px !important; }
.mt8{ margin-top: 8px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }

.mb0{ margin-bottom: 0px !important; }
.mb3{ margin-bottom: 3px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb12{ margin-bottom: 12px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb70{ margin-bottom: 70px !important; }

.mr5{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }

.p0{ padding: 0px !important; }
.pr0{ padding-right: 0px !important; }

/*
	1枠＝白、2枠＝黒、3枠＝赤、4枠＝青、5枠＝黄、6枠＝緑、7枠＝橙、8枠＝桃
*/
span.waku{ display: inline-block; width: 26px; border: 1px solid #999; border-radius: 2px; }

.waku.w1{ background: #FFF; color: #000; }
.waku.w2{ background: #000; color: #FFF; }
.waku.w3{ background: #F00; color: #FFF; }
.waku.w4{ background: #00F; color: #FFF; }
.waku.w5{ background: #FF0; color: #000; }
.waku.w6{ background: #0F0; color: #000; }
.waku.w7{ background: #F90; color: #FFF; }
.waku.w8{ background: #F0F; color: #FFF; }

/*
	iziModal
*/

.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap{
    -webkit-animation: iziM-fadeIn 0.5s !important;
    -moz-animation: iziM-fadeIn 0.5s !important;
    animation: iziM-fadeIn 0.5s !important;
}
.iziModal.comingIn, .iziModal-overlay.comingIn {
    -webkit-animation: iziM-comingIn 0.2s ease !important;
    -moz-animation: iziM-comingIn 0.2s ease !important;
    animation: iziM-comingIn 0.2s ease !important;
}
.iziModal.comingOut, .iziModal-overlay.comingOut {
    -webkit-animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    -moz-animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    animation: iziM-comingOut 0.2s cubic-bezier(.16,.81,.32,1) !important;
    animation-fill-mode: forwards;
}