@charset "utf-8";


body#formbody {
background-color:#f7f5eb;
padding-top:10px;
}


.container {
max-width:820px;
}


p { 
font-size:1em;
line-height:1.8em;
}

p + p {
margin-top:1em;
}

img {
display:block;
max-width:100%;
}


.str_inline-block {
display:inline-block;
}

.str_block {
display:block;
}

.ib_v-top { vertical-align:top; }
.ib_v-middle { vertical-align:middle; }
.ib_v-bottom { vertical-align:bottom; }
.ib_v-base { vertical-align:base-lline; }

.btn {
background-image:url(./resources/images/bg_btn.png);
background-repeat:no-repeat;
background-position:left top;
background-size:100% 100%;
}

.pull_none {
float:none;
}

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}

.t-m5{margin-top:5px;}
.t-m10{margin-top:10px;}
.t-m15{margin-top:15px;}
.t-m30{margin-top:30px;}

.b-m0{margin-bottom:0px;}
.b-m5{margin-bottom:5px;}
.b-m10{margin-bottom:10px;}
.b-m15{margin-bottom:15px;}
.b-m20{margin-bottom:20px;}

.h-m0{margin-top:0px;margin-bottom:0px;}
.h-m5{margin-top:5px;margin-bottom:5px;}
.h-m10{margin-top:10px;margin-bottom:10px;}
.h-m15{margin-top:15px;margin-bottom:15px;}

.w-m5{margin-left:5px;margin-right:5px;}
.w-m10{margin-left:10px;margin-right:10px;}
.w-m15{margin-left:15px;margin-right:15px;}

.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}

.t-p0{padding-top:0px;}
.t-p5{padding-top:5px;}
.t-p10{padding-top:10px;}
.t-p15{padding-top:15px;}

.b-p0{padding-bottom:0px;}
.b-p5{padding-bottom:5px;}
.b-p10{padding-bottom:10px;}
.b-p15{padding-bottom:15px;}
.b-p30{padding-bottom:30px;}

.h-p0{padding-top:0px;padding-bottom:0px;}
.h-p5{padding-top:5px;padding-bottom:5px;}
.h-p10{padding-top:10px;padding-bottom:10px;}
.h-p15{padding-top:15px;padding-bottom:15px;}
.h-p30{padding-top:30px;padding-bottom:30px;}

.w-p5{padding-left:5px;padding-right:5px;}
.w-p10{padding-left:10px;padding-right:10px;}
.w-p15{padding-left:15px;padding-right:15px;}
.w-p20{padding-left:20px;padding-right:20px;}

.bg-fff {
background-color:#fff;
}



/* form */
h2 {
position:relative;
font-size:1.2em;
color:#fff;
background-color:#17bbef;
padding:10px 10px;
font-weight:bolder;
margin-bottom:0px;
}

h2:after {
position:absolute;
bottom:0;left:20%;
content:'◆';
margin-left:0.5em;
margin-bottom:-0.5em;
font-size:1em;
color:#17bbef;
}

.bg-l-warning { background-color:#d9f3ff; color:#0098c1; }


.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
padding-top:0px;
}

.f-radio-set label {
font-size:1.1em;
line-height:normal;
padding:0.6em 1em 0.6em 0.6em;
box-shadow:0px 0px;
margin-bottom:3px;
min-width:10em;
}

.f-radio-set label > span ,
.f-radio-set label > input {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-top:0px;
}

.f-radio-set br {
display:none;
}


.f-radio-set label input {
position:relative;
z-index:-1;
visibility:hidden;
}


.f-radio-set label input + span:before {
text-indent:-1.2em;
margin-right:0.2em;
color:#999;
font-weight:normal;
}

.f-radio-set label input:checked + span:before {
color:#44bb44;
}

.radio label input + span:before {
content:"◯";
}

.radio label input:checked + span:before {
font-size:0.8em;
content:"\e165";
}

.checkbox label + label {
margin-top:-1px;
}

.checkbox label input + span:before {
font-size:0.8em;
content:"\e157";
}

.checkbox label input:checked + span:before {
content:"\e067";
}


.small {
font-size:0.7em;
font-weight:normal;
line-height:1.4em;
}


@media (min-width:768px) {
.col-sm-free { width:auto;float:none; }
}


.formButton input[type=submit],
.formButton input[type=button] {
padding-top:1em;
padding-bottom:1em;
}

.sp_4em {
width:4em;
height:2.2em;
padding:0px 0.3em;
display:inline-block;
}