@charset 'utf-8';

html, body {
margin: 0;
padding: 0;
}

body {
background: #82d7ee url(../img/user-bg.png);
font-size: 14px;
font-family: Helvetica,Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.container {
width:1000px;
margin-left: auto;
margin-right: auto;
}
.container:before, .container:after,
.form-group:before, .form-group:after,
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.container:after, .form-group:after, .clearfix:after {
clear: both;
}


.login .container {
width: 720px;
}
.login-box {
padding: 19px 39px;
border: 1px solid #999999;
background-color: white;
border-radius: 20px;
font-size: 16px;
}
.login-box h1 {
background: url(../img/bordered01.png);
margin: -39px -39px 20px;
padding: 10px 20px;
font-size: 16px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.login-box input {
vertical-align:bottom;
}

.login-box a,
.login-box a:link,
.login-box a:visited {
color: #145e8b;
}

.button {
display: inline-block;
padding: 10px 36px;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.3333333;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 10px;
text-decoration:none;
}

.button-register, a.button-register, a.button-register:link, a.button-register:visited {
background-color: #ff6c00;
color: white;
}
.button-primary, a.button-primary, a.button-primary:link, a.button-primary:visited {
background-color: #017BC7;
color: white;
}
.button-default, a.button-default, a.button-default:link, a.button-default:visited {
background-color: #428694;
color: white;
}
.button-xs {
padding: 6px 12px;
font-size: 14px;
}

.center {
text-align: center;
}

.form-group {
margin-bottom: 4px;
}
.form-controls {
margin-bottom: 20px;
}

.form-control {
display: inline-block;
height: 24px;
padding: 2px 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #999999;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.button-login {
border-radius: 20px;
cursor: pointer;
}

.form-label {
float: left;
width: 200px;
padding: 6px 0px 4px;
font-size: 16px;
}

.form-signin .form-label {
width: 140px;
}
.form-signin .form-control {
padding: 6px 12px;
}

.form-signin #UserEmail {
width: 310px;
}
.form-signin #UserPassword {
margin-right: 4px;
width: 200px;
}

.footer-links {
margin: 0 0 20px;
border: 1px solid #419bb5;
padding: 19px;
border-radius: 4px;
background-color: white;
text-align: center;
}
.footer-links li {
display: inline-block;
margin: 0;
padding: 0 10px;
border-right: 1px solid #ccc;
}
.footer-links li:first-child {
border-left: 1px solid #ccc;
}
.copyright {
margin: 40px 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #52aac4;
}

.alert {
margin-bottom: 20px;
padding: 6px 8px;
border: 2px solid #999;
background-color: #eeeeee;
}
.alert-danger {
border-color: #DF3B86;
background-color: #FFDEE7;
}
.alert-warning {
border-color: #E5BD1E;
background-color: #FFFCDE;
}
.alert-success {
border: 2px solid #3B8C52;
background-color: #D4FFD3;
}

.align-right {
float: right;
}

ul.inline,
.navbar ul {
list-style:none;
margin: 0;
padding: 0;
}
.navbar ul li,
ul.inline li {
display:inline;
}
.navbar ul li img,
ul.inline li img {
vertical-align: middle;
}


.logo {
float:left;
width: 600px;
height: 110px;
background: url(../img/brand-bg.png) no-repeat 0 bottom;
text-align: center;
}
.logo p {
display: inline-block;
margin: 0;
}
.logo .userinfo {
clear: left;
float: none;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #FF6B10;
}
.header-controls {
float: right;
width: 290px;
}
.header-controls ul.header-links {
background: url(../img/header-nav01-bg.png) no-repeat 0 bottom;
min-height: 30px;
margin-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
}
.header-links a {
display: inline-block;
color: white;
margin: 3px 8px;
text-decoration: none;
}
.header-links a:hover,
.header-links a:active {
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.header-login-info {
min-height: 24px;
padding: 6px 12px;
background: url(../img/login-info-bg.png) no-repeat 0 0;
color: white;
}
.header-login-info img { vertical-align:middle }

.header-login-info a:hover,
.header-login-info a:active {
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.navbar {
margin-bottom: 20px;
}
.navbar ul {
float:left;
min-height: 40px;
margin-right: 10px;
text-align: center;
}
.navbar .navbar-home {
width: 80px;
background: url(../img/navbar-home-bg.png) no-repeat 0 0;
}
.navbar .navbar-nav {
width: 720px;
background: url(../img/navbar-nav-bg.png) no-repeat 0 0;
}
.navbar .navbar-config {
width: 180px;
margin-right: 0;
background: url(../img/navbar-config-bg.png) no-repeat 0 0;
}
.navbar a:hover,
.navbar a:active {
position:relative;
top: 1px;
left: 1px;
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.breadcrumbs, .breadcrumbs a {
color: #236e98;
margin-bottom: 10px;
text-decoration:none;
}
.breadcrumbs {
font-size: 12px;
}
.breadcrumbs .separator {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

.box {
margin-bottom: 20px;
/*border: 1px solid #419bb5;
padding: 19px;
border-radius: 3px;
background-color: white;*/
}
.box-header {
margin: 0;
/* background: url(../img/titlebar-bg.png) 0 0; */
background-color: transparent;
border-left: 1px solid #419bb5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.box-header:before, .box-header:after {
content: " ";
display: table;
}
.box-header:after { clear:both }
.box-header.box-header-table {
display:table;
/*table-layout:fixed;*/
width: 998px;
border-right: 1px solid #419bb5;
border-top-right-radius: 4px;
}
.box-header.box-header-table>* {
display:table-cell;
width:25%;
}
.box-header>*>a,
.box-header>*>span {
display:block;
text-align: center;
}
.box-header-title {
float: left;
min-width: 250px;
width: auto;
margin: 0;
padding: 12px 10px;
text-align: center;
background-color: #fdee3a;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 18px;
line-height:1;
}
.box-header.box-header-table .box-header-title {
float:none;
border-top-right-radius: 0;
}
.box-header.box-header-table>*:last-child a,
.box-header.box-header-table>*:last-child span {
border-top-right-radius: 4px;
}
.box-header-title a img { display:block; }
/*
.box-header {
margin: -19px -19px 19px;
background: url(../img/titlebar-bg.png) 0 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.box-header:before, .box-header:after {
content: " ";
display: table;
}
.box-header:after { clear:both }
.box-header .box-header-title {
float: left;
display: inline-block;
margin: -11px;
padding: 8px 24px;
background-color: #fdee3a;
border-top-left-radius: 4px;
font-size: 18px;
height: 27px;
line-height: 27px;
box-sizing: content-box;
}
.box-header-link {
float: right;
margin: -11px;
}
.box-header-link a {
float: right;
display: block;
padding: 8px 24px 8px 48px;
font-size: 16px;
background: #fff url(../img/icon-arrow-right.png) 18px center no-repeat;
line-height: 27px;
color: #000;
text-decoration: none;
}
.box-header .align-right {
margin: -6px 0;
}
*/
.box-header a, .box-header span {
display: block;
padding: 8px 24px 8px 48px;
font-size: 16px;
line-height: 28px;
color: #000;
text-decoration: none;
}
.box-header a { background: #fff url(../img/icon-arrow-right.png) 18px center no-repeat; }
.box-header a.primary {
background-color: #fff;
background-color: rgba(255, 253, 232, 0.8);
}
.box-header a.secondary {
background-color: #fff;
background-color: rgba(224, 245, 255, 0.8);
}
.box-header .duration { background-color:#fff; font-weight:bold; color:#1C7A96; }
.box-header a.image-link { background:none; }
.box-header a.image-link img { margin:-2px 2px -2px -33px; display:block; }

.box-header .align-right a,
.box-header .align-right select {
vertical-align: middle;
display: inline-block;
}
.box-content {
background-color: white;
min-height: 100px;
padding: 14px 19px;
border: 1px solid #419bb5;
border-top: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.box-content-vscroll {
margin: -10px -19px -14px;
padding: 10px 15px;
overflow-y: scroll;
height: 90px;
}
.box-content dl {
margin: 5px 0;
}

.graph {
min-height: 360px;
margin-bottom: 20px;
border: 1px solid #999;
}

.table-view {
width: 100%;
padding-bottom: 20px;
overflow-x: scroll;
}
table.table-data {
min-width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 1px;
background: #999;
text-align: center;
}
table.table-data tr th,
table.table-data tr td {
background-color: #fff;
}
table.table-data thead tr th {
border-top: 1px solid white;
background-color: #e3e3e3;
}
table.table-data tbody tr th {
background-color: #e8f3f9;
}
table.table-text tbody tr th,
table.table-text tbody tr td {
padding: 4px;
}
.table-view table tbody tr td {
min-width: 50px;
}
.table-view table tbody tr th {
min-width: 160px;
}
table.table-data tr td.td-great {
background-color: #FFE1D9;
}
table.table-data tr td.td-good {
background-color: #FFF6D9;
}
table.table-data tr td.td-not-good {
background-color: #D6F9EB;
}
table.table-data tr td.td-bad {
background-color: #E0F0FF;
}


.table-report-input {
table-layout:fixed;
}
.table-report-input tbody tr th {
text-align: right;
}
.table-report-input tbody tr td .form-control {
width: 40%;
max-width: 100%;
}

.subtitle {
font-size: 18px;
padding-bottom: 9px;
border-bottom: 1px solid #aaa;
margin: 15px 0;
color: #005DB8;
}

.form-inline {
background-color: #efefef;
margin-bottom: 20px;
padding: 8px 20px;
border: 1px solid #ccc;
}


.table-inquiry {
width: 100%;
min-height: 100px;
margin-bottom: 10px;
}
.table-inquiry tr th {
text-align: right;
font-weight: normal;
}
.table-inspection-inquiry tr th {
text-align: center;
}
.table-inquiry textarea.form-control {
width: 88%;
height: 140px;
}

.input-short {
width: 46px;
}
.input-long {
width: 88%;
}

.submit {
margin-left: 200px;
}

.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row .col { float:left }
.row .col-short { width: 27%; margin-right:2.4%; }
.row .col-long { width: 67%; margin-right:2.4%; }

.question-view dt {
font-size: 18px;
margin-bottom: 18px;
padding: 6px 12px;
border: 1px solid #ccc;
background-color: #efefef;
}
.question-view dd {
margin-bottom: 16px;
}


dl.messages:before, dl.messages:after {
display: table;
content: ' ';
}
dl.messages:after {
clear:both;
}
dl.messages dt {
clear: left;
float:left;
width: 180px;
text-align: right;
}
dl.messages dd {
margin-left: 220px;
margin-bottom: 6px;
}
dl.messages dd.read a,
dl.messages dd.unread a:visited {
color: rgb(85, 26, 139);
}
dl.messages dd.unread a {
color: rgb(0, 0, 238);
}

.page-nav {
text-align: center;
}
.page-nav li {
display: inline-block;
list-style: none;
}
.page-nav li a {
display: block;
padding: 5px 10px;
border: 1px solid #ccc;
background-color: #efefef;
color: #333;
text-decoration: none;
}
.page-nav li.current a {
background-color: #ccc;
}

.td-success, .td-warning, .td-danger, .td-normal {
	text-align: center;
}
body table tbody tr td.td-success { background-color: #DDFFC6; }
body table tbody tr td.td-warning { background-color: #F5EFAA; }
body table tbody tr td.td-danger  { background-color: #ED1850; }
body table tbody tr td.td-normal  { background-color: #efefef; }


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


.user-config {
width: 600px;
margin: 0 auto;
}



table.table-book-settings {
width: 100%;
}
table.table-book-settings tr th {
text-align: left;
border-left: 4px solid #000;
padding-left: 4px;
}
table.table-book-settings tr td {
padding-left: 60px;
padding-bottom: 20px;
}
table.table-book-settings input {
width: 100px;
}


table.table-books {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
table.table-books tr th,
table.table-books tr td {
border: 1px solid #ccc;
}
table.table-books input {
display: block;
width: 91%;
margin: 1px;
}
table.table-books tr th {
background: #3F96B5;
border-color: #86C4DF;
color: white;
font-weight: 100;
}

.advice {
border: 2px solid #FF7400;
margin-bottom: 20px;
padding: 18px;
background-color: #FFEDE2;
}
.advice .title {
font-size: 18px;
line-height: 1.33;
margin: 12px 0;
color: #FF7400;
}

.button-lg {
font-size: 18px;
padding: 2px 28px;
}

input.big {
font-size: 25px;
}
input.result {
color: #FF5700;
}

input.safe {
background-color: #E5FFCD;
}
input.danger {
background-color: #fffeee;
}

.h2 {
  margin: 15px 0;
  padding: 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

.alert-title {
  margin: 10px 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #FF8A05;
}

.well {
border: 1px solid #ccc;
padding: 9px 19px;
background-color: #f3f3f3;
}


p.well-subtitle {
margin-top: 0;
margin-bottom: 5px;
}
p.well-subtitle span {
display: inline-block;
padding: 4px 12px;
background-color: #0C8AC2;
color: white;
border-radius: 4px;
}

.well .table {
width: 100%;
background-color: #ccc;
border-spacing: 1px;
}
.well .table tr th,
.well .table tr td {
background-color: white;
padding: 5px 10px;
}
.well .table tr th {
background-color: #FFFEE6;
}

.lead {
font-size: 20px;
}

.stripe-bordered {
padding: 8px;
background-image: url(../img/stripe.png);
}
.stripe-bordered-inner {
padding: 16px;
background-color: white;
}
.inner-bold {
padding: 20px 70px;
}

.note {
color: #CF8B0F;
}
.em {
color: #FF5904;
font-weight: bold;
}

.well-links {
margin: 0;
text-align: center;
}
.well-links li {
list-style:none;
display: inline-block;
margin: 2px;
}
.well-links li a {
display: block;
padding: 14px 28px;
background-color: #73CBD7;
color: white;
text-decoration: none;
}
.well-links li a:hover,
.well-links li a:active,
.well-links li a.active {
background-color: #22ADC0;
}
.well-links-vertical li {
display: block;
width: 320px;
margin-left: auto;
margin-right: auto;
}

.narrow {
margin: 20px 50px;
}

input.readonly {
border-style: dotted;
border-color: #BFC8D7;
}

.top-text {
  margin-top: 0;
  padding: 1px 3px;
  text-align: center;
}
.top-text span {
  font-size: 125%;
  font-weight: bold;
  vertical-align: bottom;
  color: #FF5904;
}

.input-center input {
text-align: center;
}
.input-right input {
text-align: right;
}


.inspection-buttons {
	margin: 10px 100px 0;
}
.inspection-buttons li {
	list-style:none;
	margin: 0 0 10px;
}
.inspection-buttons li a,
.inspection-buttons li span {
	display: block;
	padding: 12px 18px;
	border: 3px solid #eee;
	font-size: 16px;
	font-weight: normal;
	background-color: #f6f6f6;
	border-radius: 6px;
}
.inspection-buttons li a {
	border-color: #26B4D3;
	text-decoration: none;
	color: #26B4D3;
	background-color: #EDFCFF;
}

.form-inquiry table p {
margin: 4px 0;
}

.hide { display:none; }


.table-info { table-layout:fixed; border-collapse:collapse; width:100%; }
.table-info tr th, .table-info tr td { border:1px solid #ccc; padding:10px;  }
.table-info tr th { background-color:#efefef; }


/* 160527 デザイン変更 */
.main-header-top { background-color:white; }
.main-header-top p { margin:0; }
.main-header-top .logo { width:auto; height:auto; margin-right:10px; padding:15px 0; }
.logo-copy { float:left; width:350px; padding:18px 0 0; }
.main-header-nav { float:right; width:365px; }
.main-header-nav ul { margin:0 0 6px; padding:0; }
.main-header-nav ul:before, .main-header-nav ul:after { content:' '; display:table; }
.main-header-nav ul:after { clear:both; }
.main-header-nav ul li { float:left; list-style:none; width:120px; border:1px solid #ccc; border-top:0; margin-left:-1px; text-align:center; }
.main-header-nav ul li a { display:block; padding:2px 4px; background-color:white; color:#666; text-decoration:none; }
.main-header-nav ul li a:hover { background-color:#e1e1e1; }
.main-header-top .blue-button { display:inline-block; min-width:220px; padding:3px 10px; text-decoration:none; color:white; background-color:#0098d9; border-radius:20px; text-align:center; }
.main-header-top .blue-button:hover { background-color:#007CB1; }

.main-header-bottom { margin-bottom:20px; padding:5px 0; background-color:#419bb5; }
.main-header-bottom .pull-left { float:left; }
.main-header-bottom .pull-right { float:right; }
.main-header-bottom ul { margin:0; padding:0; }
.main-header-bottom ul:before, .main-header-nav ul:after { content:' '; display:table; }
.main-header-bottom ul:after { clear:both; }
.main-header-bottom ul li { float:left; list-style:none; margin-left:10px; margin-right:10px; }
.main-header-bottom ul li a { display:block; color:white; text-decoration:none; font-size:16px; line-height:40px; text-shadow:-1px -1px 0 rgba(0,0,0,.1); }
.main-header-bottom ul li a:hover { position:relative; top:1px; left:1px; }
.main-header-bottom ul li img { vertical-align:middle; }
.main-header-bottom .pull-left li { margin-right:40px; }