@charset "utf-8";

.cake-debug {display: none;}

html,body {height: 100%;}

html {font-size: 62.5%;}
body{font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ"}
ul li,ol li {list-style: none;list-style-image: none;}
h1,h2,h3,h4 {margin: 0; padding: 0; font-weight: normal; font-size: 14px;}
dl,ol,ul,dd,p,address {padding: 0; margin: 0;}

body {background-color: #F9F6F1;}

* {color: #525252;}

#wraper {width: 100%;position: relative;min-height: 100%;}
#footer{height:50px;position:absolute;bottom:0;width: 100%;}
.main-contens {padding-bottom: 50px; padding-top: 2%;}


/*レイアウト
***********************************/
/*ヘッダー*/
#header  {
background: linear-gradient(to bottom, rgba(62, 62, 62, 1) 0%, rgba(33, 33, 33, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
/*position: fixed;*/
top: 0;width: 100%;overflow: hidden; padding: 10px 0; border-bottom: 7px solid #01AFD2;}
#header h1 {color: #fff; font-size: 1.6rem; float: left;}

#header #login-menu {float: right;}
#header #login-menu li {display: inline-block; color: #fff; font-size: 1.3rem;}

/*メインコンテンツ*/
#main-contens {overflow: hidden;}

#footer {background-color: #000; text-align: center; color: #fff; font-size: 1.2rem; padding: 15px 0; color: #fff;}

.contents-main {padding-bottom: 40px;}

/*.scroll-row-wid {width: 2860px; }*/
.scroll-row {overflow-x: auto; background-color: #5B5B5B;}

/*ナビ
***********************************/
#gnav {background-color: #fff; border-bottom: 1px solid #d6d6d6; }
#gnav #gnav-conts > div {border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; float: left; position: relative;}
#gnav #gnav-conts > div:hover .btn,
#gnav #gnav-conts > div:hover .btn i {color: #01AFD2;}
#gnav #gnav-conts > div .btn {background-color: #fff;  width: 95px; padding: 8px 0; border-radius: 0;}
#gnav #gnav-conts > div .btn i {display: block; text-align: center; height: 40px; font-size: 3.7rem;}

#gnav #gnav-conts > div.current .btn {background-color: #354A5F; color: #fff;}
#gnav #gnav-conts > div.current i {color: #fff;}

#gnav #gnav-conts .nav-sougou {border-right: 1px solid #d6d6d6;}
#gnav #gnav-conts :visited {color: #525252;}

.dropdown-menu > li > a {padding: 6px 15px 6px 15px;}
.dropdown-header {padding: 5px 10px;}

.dropdown-menu > li > a:before {
content: " \f0da";
font-family: FontAwesome;
margin-right: 3px;
}

/*#gnav-nav > li a:hover {text-decoration: none;}
#gnav-nav > li a:before {
content: " \f1b9";
font-family: FontAwesome;
display: block;
text-align: center;
font-size: 2.3rem;
}*/


/*local-nav
*********************************/
.local-nav {background-color: #fff;}
.local-nav ul {text-align: center; padding: 15px 0;}
.local-nav ul li { display: inline-block; margin: 0 5px;}
.local-nav ul li a {font-size: 1.2rem; color: #444; display: inline-block; padding: 5px 10px; background-color: #E3E3E3; border-radius: 15px;}
.local-nav ul li a:hover  {text-decoration: none;  background-color: #CEE3F9;}
.local-nav ul li.current a {text-decoration: none;  background-color: #1871C9; color: #fff;}

.breadcrumb {padding-left: 0;}

.paging {text-align: center;}
.paging li > span {padding: 0; margin: 0 2px;}

.pagination li a, .pagination li span.current {
	display: block;
	padding: 6px 12px;
}
.pagination li span.current {color: #fff; background-color: #FF8040;}

/*site-nav
*********************************/
.site-nav {/* background-color: #fff; */}
.site-nav ul {/* width: 100%; */text-align: center; padding: 15px;}
.site-nav ul li { display: inline-block; /* margin: 10px; width: 30%; */}
.site-nav ul li a {font-size: 200%; color: #fff; display: inline-block; padding: 60px; background-color: #428bca; border-radius: 15px;}
.site-nav ul li a:hover  {text-decoration: none;  background-color: #CEE3F9;}
.site-nav ul li.current a {text-decoration: none;  background-color: #1871C9; color: #fff;}


/*共通スタイル
************************************/
.fs-13 {font-size: 1.3rem;}
.clear {clear: both;}

/*タイトル
***********************************/
.page-ttl {font-size: 3.0rem; margin-bottom: 1.6%;}
h3 {font-weight: bold; margin-bottom: 8px; font-size: 1.8rem;}

.ttl-kasi:before {content: " \f018"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}
.ttl-yoyaku:before {content: " \f022"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}
.ttl-seikyu:before {content: " \f1ec"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}
.ttl-syaryou:before {content: " \f1b9"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}
.ttl-toukei:before {content: " \f080"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}
.ttl-kadou:before {content: " \f080"; font-family: FontAwesome; margin-right: 5px; font-size: 3.2rem;}


/*デスクトップ表示ではホバー操作でドロップダウンを表示
***********************************/
@media only screen and (min-width : 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}
.dropdown-menu {margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; left: -1px;}


/*フォーム
***********************************/
.form-control {padding: 6px 4px 6px 4px;}

.ipt-date {width: 140px !important;}

textarea.form-control {width: 99% !important;}

.bg-danger {padding: 10px 15px; color: #FF0000; font-weight: bold; font-size: 18px;}
.bg-attention {padding: 10px 15px; color: #FF6600; font-weight: bold; font-size: 18px;}

/*#ajaxTenant .form-control {width: 100% !important;}*/

.error-msg {border:3px #f00 double;padding:15px;color:#f00;font-size:16px;text-align:center; font-weight: bold; margin-bottom: 20px;}
.error-msg p {color:#f00;}

.error-message {color:#f00; font-weight: bold; margin-top: 5px;}

.red {color		: #FF0000; padding-left: 5px;}

/*テーブル
***********************************/
.table th {background-color: #E9ECF1;}
.table thead th {vertical-align: middle !important; text-align: center !important; padding-left: 0 !important; padding-right: 0 !important;}
.table {background-color: #fff;}

.table .va-m {vertical-align: middle !important;}

.channel {font-size: 12px;}

.table.table-th-wid-sm th{width: 15%;}
.table.table-th-wid-md th{width: 28%;}
.table.table-th-wid-25p th{width: 25%;}

tr.sta-cancel {background-color: #FFEEEE !important;}
tr.sta-def {background-color: #fff !important; }



/*マージン
***********************************/
.m-bs,
.mb-s {margin-bottom: 5px !important;}
.m-bm,
.mb-m {margin-bottom: 20px;}

.m-ts {margin-top: 7px !important;}

.p-bm {padding-bottom: 25px;}

.i-arrow:before {
content: " \f0da";
font-family: FontAwesome;
margin-right: 5px;
}


/*幅
***********************************/
.ovh {overflow: hidden;}
.wid-2x {width: 28px !important;}
.wid-3x {width: 30px !important;}
.wid-4x {width: 40px !important;}
.wid-5x {width: 50px !important;}
.wid-6x {width: 60px !important;}
.wid-7x {width: 70px !important;}
.wid-8x,
#TmpEndMeter {width: 80px !important;}
.wid-9x {width: 90px !important;}
.wid-10x {width: 100px !important;}
.wid-11x {width: 110px !important;}
.wid-12x {width: 120px !important;}
.wid-13x {width: 130px !important;}
.wid-14x {width: 140px !important;}
.wid-15x {width: 150px !important;}
.wid-16x {width: 160px !important;}

.wid-17x {width: 170px !important;}
.wid-18x {width: 180px !important;}
.wid-19x {width: 190px !important;}
.wid-20x {width: 200px !important;}
.wid-21x {width: 210px !important;}
.wid-22x {width: 220px !important;}

.wid-30x {width: 300px !important;}
.wid-33x {width: 330px !important;}
.wid-35x {width: 350px !important;}



.wid-35p {width: 35% !important;}

.btn-wp {clear: both; text-align: center; margin-bottom: 30px;}
.btn-wp.side-mgn { margin: 0 15px;}
.btn-wp .btn {width: 80%;}
.btn-wp .btn.btn-wid-min {width: 50%;}
.btn-wp .btn.btn-wid-xs {width: 30%;}

.wid-max {width: 98% !important;}

.inplaceeditor-form {width: 200px;}


/*Bootstrap上書き
***********************************/
.btn-wid {display: block; padding-left: 0; padding-right: 0; width: 100%;}
.btn-wid + .btn-wid {margin-top: 5px;}

.badge-danger {background-color: #b94a48;}
.badge-warning {background-color: #f89406;}
.badge-success {background-color: #468847;}
.badge-info {background-color: #0EC0DA;}
.badge-inverse {background-color: #787878;}


div.btn--group > .group {display: inline-block;}
div.btn--group > .group {width: 46%;}
div.btn--group > .group .btn {display: block; width: 100%;}

.page-top {bottom: 0;position: fixed;right: 0;}
.page-top a {background-color: #505245; display: block;padding: 15px 0;text-align: center;text-decoration: none;width: 60px;}
.page-top a i {color: #fff;}
.page-top a:hover {background-color: #717461;text-decoration: none;}




#loginForm {width: 290px; position: absolute; left: 50%; top: 50%; margin-top: -94px; margin-left: -145px;}
#loginForm .input-group {margin-bottom: 10px;}
#loginForm .btn-wp {margin-top: 15px;}

.icon-login {position: relative;}
.icon-login:after {
content: " \f090";
font-family: FontAwesome;
position: absolute;
left: 45px; top: 9px;
font-size: 2.0rem;color: #fff;
}



.local-tab {float: right;}