@charset "UTF-8";
/* CSS Document */

hr{ border:none; border-top:solid 1px #999999; margin-top:40px;}

.fit-top{ margin-top:0;}


.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}
article { *zoom: 1;}
article:before,article:after { display: table; line-height: 0; content: "";}
article:after { clear: both;}

/* sc */
.sc .article-title{ background:#EA6600; color:#FFFFFF; padding:5px 10px;}
.sc .sc-list{}
.sc .sc-list li{ margin:0; padding:0; border-bottom:solid 1px #CCCCCC;}
.sc .sc-list li a{ display:block; margin:0; padding:10px 5px;}

/* title */
.page-title{ background:#EB6100; color:#FFFFFF; padding:20px 20px; font-size:153.9%; line-height:1.0; border-radius:5px; font-weight:normal;}
.section-title{ border-bottom:solid 2px#EB6100; padding:0 0 5px 0; font-size:123.1%; font-weight:bold; color:#333333;}
.article-title{ background:#F0F0F0; padding:8px 10px; font-size:129%; color:#333333; border-radius:3px;}

/* text */
.text-right{ text-align:right;}
.text-center{ text-align:center;}
.text-caption{ font-size:85%; line-height:1.5; }
.text-attention{ color:#FF0000;}

/* list */
ul.ul{ margin-left:1.5em;}
.ul li{ list-style-type:disc !important; margin-left:1.5em;}
.ol li{ list-style-type:decimal !important; margin-left:1.5em;}

/* table */
.table{ width:100%;}
.table th,.table td{ margin:0; padding:5px 10px;  font-weight:normal;}
.table th{ white-space:nowrap;}
.table thead th{ background-color:#F0F0F0; text-align:center;}
.table th>*:nth-child(1),.table td>*:nth-child(1){ margin-top:0;}
.table-striped tbody tr:nth-child(even) th,.table-striped tbody tr:nth-child(even) td{ background-color:#f9f9f9;}


.table-bordered{ border:solid 1px #CCCCCC;  border-collapse: separate; border-spacing: 0; border-radius:5px;}
.table-bordered th,.table-bordered td{ border:1px #CCCCCC; border-style:none solid solid none;}
.table-bordered tr>*:last-child{ border-right:none;}
.table-bordered tr:last-child>*{ border-bottom:none;}

.table-cell-center th,.table-cell-center td{ text-align:center;}
.table-vertical th,.table-vertical td{ vertical-align:middle;}
.table-vertical-top th,.table-vertical-top td{ vertical-align:top !important;}

.table-smart{ }

/* well */
.well{ background:#f9f9f9; padding:7px 15px 7px 15px; border-radius:4px; } /*border:solid 1px #D9D9D9;*/
.well>*:first-child{ margin-top:0;}
.well-primary{ background:#337ab7; color:#FFFFFF;}/*border-color:#255C9B; */
.well-success{ background:#dff0d8; color:#3c763d;}/*border-color:#C0CEB4; */
.well-info{ background:#d9edf7;  color:#31708f;}/*border-color:#B7D1D6;*/
.well-warning{ background:#fcf8e3;  color:#8a6d3b;}/*border-color:#DCD4C1;*/
.well-danger{ background:#f2dede;  color:#a94442;}/*border-color:#D0BBBF;*/
.well-fit{ margin-top:5px;}
.well-inline{ display:inline-block; text-align:center; }

/* form */
form{ margin:0; padding:0;}
input,textarea{
}
input[type="text"],input[type="password"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="number"],input[type="url"],input[type="mail"]{ margin-top:0; width:100%; padding:15px 10px; border:solid 1px #CCCCCC; border-radius:4px; font-size:108%;}
input[type="number"]{ text-align:right;}
input[type="date"],input[type="time"]{ width:auto;}
input[type="text"]:disabled{ background:#E0E0E0;}
select{ margin:0; padding:10px 20px; min-width:200px; background:#FFFFFF; border:solid 1px #CCCCCC; border-radius:4px; font-size:108%; line-height:2.0;}
label{ display:inline-block; margin-right:20px; font-size:116%;}
input[type="radio"]{ margin:0 10px 0 0;}
input[type="checkbox"]{ margin:0 10px 0 0; padding:0; font-size:138.5%;}
textarea{ width:100%; min-height:100px; padding:10px; border:solid 1px #CCCCCC; border-radius:4px;}
input[readonly]{ background:#E0E0E0;}
input[disabled]{ opacity:0.6; cursor:default;}
form .require,.table-form .require,.form-require{ background-color:#CC3300; color:#FFFFFF; font-weight:bold; font-size:85%; padding:3px 10px; border-radius:3px; margin-left:15px;}
.table-form th{  font-weight:normal !important; text-align:right; vertical-align:middle;}
.table-form td{ vertical-align:middle;}
.table-form tr.error th,.table-form tr.error td{ background-color:#FFE0E0 !important;}
input.width-auto,input.form-autowidth{ width:auto;}

input.form-error,textarea.form-error{ background-color:#FFE0E0 !important;}
.form-caption{ color:#CC0000; font-size:93%;}
form em{ color:#B30000;}

/* btn */

.btn{ padding:3px 10px; text-align:center; cursor:pointer; background:#FFFFFF; border:solid 1px #CCCCCC; display:inline-block; color:#333333; border-radius:5px; font-weight:normal; vertical-align: middle; white-space: nowrap;  touch-action: manipulation; text-decoration:none !important; line-height:1.5; 
-moz-transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.btn:hover,.btn:focus{ background-color:#E8E8E8; border-color:#a8a8a8;}
.btn-primary{ background:#337ab7; border-color:#255C9B; color:#FFFFFF;}
.btn-primary:hover,.btn-primary:focus{ background-color:#255C9B; border-color:#22548C;}
.btn-success{ background:#5cb85c; border-color:#479E44; color:#FFFFFF;}
.btn-success:hover,.btn-success:focus{ background-color:#479E44; border-color:#41903E;}
.btn-info{ background:#5bc0de; border-color:#47A6C7; color:#FFFFFF;}
.btn-info:hover,.btn-info:focus{ background-color:#47A6C7; border-color:#4299B8;}
.btn-warning{ background:#f0ad4e; border-color:#DB933A; color:#FFFFFF;}
.btn-warning:hover,.btn-warning:focus{ background-color:#DB933A; border-color:#CC8936;}
.btn-danger{ background:#d9534f; border-color:#BF393A; color:#FFFFFF;}
.btn-danger:hover,.btn-danger:focus{ background-color:#BF393A; border-color:#B03536;}
.btn-block{ display:block;}
.btn-navi{ display:inline-block;  background:#337ab7; border-color:#255C9B; color:#FFFFFF;}
.btn-navi:hover{ background-color:#255C9B; border-color:#22548C; }
.btn-confirm{ border:none; background:#F59F68; color:#FFFFFF; border-radius:30px; font-size:131%; padding:10px 50px;}
.btn-confirm:hover,.btn-confirm:focus{ background-color:#F06A29;}
.btn-submit{ border:none; background:#F59F68; color:#FFFFFF; border-radius:30px; font-size:131%; padding:10px 50px;}
.btn-submit:hover,.btn-submit:focus{ background-color:#F06A29;}
.btn-sending{ border:none; background:#255C9B; color:#FFFFFF; border-radius:30px; font-size:131%; padding:10px 50px;
  -webkit-animation:sendingBlink 1.0s ease-in-out infinite alternate;
  -moz-animation:sendingBlink 1.0s ease-in-out infinite alternate;
  animation:sendingBlink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes sendingBlink{ 
  0% { opacity:0.5;}
  100% { opacity:1.0;}
}
@-moz-keyframes sendingBlink{ 
  0% { opacity:0.5;}
  100% { opacity:1.0;}
}
@keyframes sendingBlink{ 
  0% { opacity:0.5;}
  100% { opacity:1.0;}
}
.btn-sending:hover,.btn-sending:focus{ background-color:#255C9B;}
.btn-gooday{ border:none; background:#EA6000; color:#FFFFFF; border-radius:30px; font-size:131%; padding:10px 50px;}
.btn-gooday:hover,.btn-gooday:focus{ background-color:#FF8000; color:#FFFFFF;}
.btn-index{ border:none; background:#67B8F3; color:#FFFFFF; border-radius:30px; font-size:131%; padding:10px 50px;}
.btn-index:hover,.btn-index:focus{ background-color:#0A62C2; color:#FFFFFF;}

/* label */
.label{ display:inline-block; padding:2px 7px; border-radius:3px; background:#FF6600; color:#FFFFFF; margin-right:8px; line-height:1.5; font-size:93%;}
.label-require{ background:#CC0000;}