@charset "utf-8";
/* ---( override default )--------------------------------- */
*{
  padding: 0;
  margin: 0;
}
body {
  font-family:"メイリオ", "ヒラギノ角ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka;
  font-size: 12px;
  line-height: 20px;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}
img {
  border: none;
}
#detail h1 {
	font-size: 14px;
    padding: 6px 0 6px 24px;
    margin: 20px 0 20px 0;
    width: auto;
    color: #fff;
/*    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.48, rgb(51, 97, 133)), color-stop(0.52, #285576));
		background-image: -webkit-linear-gradient(top,#336185, #285576);
		background-image: -moz-linear-gradient(top,#336185, #285576);
		background-image: -ms-linear-gradient(top,#336185, #285576);
		background-image: -o-linear-gradient(top,#336185, #285576);
		background-image: linear-gradient(top,#336185, #285576);
    text-shadow: 0px -1px 1px #000;
		border-radius: 4px;
		background: #2889bb;*/
}
#entry h2, .document h2, .flow h2 {
	font-size: 14px;
    margin: 20px 0 20px 0;
    padding: 8px 0 6px 20px;
    border: 1px solid #ccc;
    border-top: 3px solid #518f46;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
/*  font-size: 14px;
  margin: 20px 0 5px 0;
  padding: 8px 0 0 20px;
  height: 36px;
  background: url("../images/subtitle_bg.jpg");
  background-repeat: no-repeat;
*/}
.over:hover{
  opacity: 0.8;
}
.btn_submit{
  display: inline-block;
  background-image: url(../images/btn_search.jpg);
  background-repeat: no-repeat;
  width:100px;
  height:35px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
}
.btn_submit:hover{
  opacity: 0.8;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #aaa; }

/* Firefox 18- */
:-moz-placeholder {
    color: #aaa; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #aaa; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #aaa; }

/* ---( util )--------------------------------- */
.clearfix:after {
  content:" ";
  display: block;
  clear:both;
  height:0em;
}
.clearfix {
  zoom:1;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.subnote {
    /*font-weight: bold;
    font-size: 14px;*/
		color: #555;
		/*margin: 10px 0;
	  margin-left: 10px;*/
}
.date_m {
    margin: 5px 0;
}
.reserved_0 {
		color: #fff;
    background: #2d823a;
    border-radius: 50px;
    padding: 1px 4px;
		font-size: 11px;
    margin-right: 2px;
}
.reserved_100 {
    color: #fff;
    background: #f35900;
    border-radius: 50px;
    padding: 1px 4px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
}
.key_msg {
    position: absolute;
    margin-left: 655px;
    /* background: #f3f3f3; */
    border-radius: 4px;
    /* padding: 5px 20px; */
    margin-top: -26px;
    color: red;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 11px;
    line-height: normal;
}
.strong {
    font-weight: 600;
}
.reserved_110,.reserved_190,.reserved_195,.reserved_200,.reserved_210,.reserved_300,.reserved_400,.reserved_410,.reserved_500,.reserved_510,.reserved_600,.reserved_610,.reserved_620,.reserved_630{
		color: #fff;
    background: #fda82a;
    border-radius: 50px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
		}
.reserved_120,.reserved_220,.reserved_320,.reserved_520,.reserved_980 {
    color: #fff;
    background: #989898;
    border-radius: 50px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
}
.reserved_700,.reserved_800 {
		color: #fff;
    background: #5897fb;
    border-radius: 50px;
    padding: 1px 4px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
    font-weight: bold;;
}
.reserved_801 {
    color: #fff;
    background: #3dccff;
    border-radius: 50px;
    padding: 1px 4px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
    font-weight: bold;
}
strong.red {
  color: #ff4500;
}
.red {
    color: red !important;
}
table.vertical {
  border: none;
  background: #ddd;
}
table.vertical.detail {
  border: none;
  background: #ccc;
}
table.vertical.detail th{
	background-color: #e5e5e5;
}
table.vertical.detail tr:nth-child(2n+1) {
    background: #f5f5f5;
}
table.vertical.detail tr:nth-child(2n) {
    background: #fff;
}
.regist_form {
    float: left;
}
input.back {
    background: #ccc !important;
    border: 1px solid #ccc !important;
    color: #444 !important;
}
table.vertical th {
  font-size:12px;
  line-height:20px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  background-color:#efefef;
  padding:0px 10px 0px 10px;
}
table.vertical td {
  font-size:12px;
  line-height:20px;
  text-align: left;
  /*background: #ffffff;*/
  padding:9px;
}

table.vertical.search_tb td {
  padding:14px 9px;
	line-height: 25px;
	background: #fff;
}
table.vertical.confirm td {
  width:383px;
	height: 34px;
}
table.vertical td.submit {
  text-align: center;
}
table.vertical td.submit input {
  padding: 5px 20px 3px 20px;
}
table.vertical.detail th {
    height: 38px;
		text-align: center;
}
.topmenu table.horizon th {
	  position: relative;
    padding: .5em 1em .5em 1em;
    /* border: 1px solid #ccc; */
    /* border-top: 3px solid #3277a5; */
    /* background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); */
    background-image: linear-gradient(to bottom, #bebebe, #9f9f9f);
    /* box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset; */
    text-align: left;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/*.topmenu table.horizon th:after {
    position: relative;
    padding: 0.5em 1em .5em 2em;
    background: -webkit-linear-gradient(top, #bebebe 0%, #9f9f9f 100%);
    background-image: linear-gradient(to bottom, #bebebe, #9f9f9f);
    text-align: left;
    color: #fff;
    border-radius: 4px;
		font-weight: normal;
}*/

/*table.table-design-set-1 {
    border-radius: 0;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #E8E8E8 inset;
    margin-bottom: 50px;
    overflow: hidden;
    width: 100%;
    border-spacing:1px;
    background: none repeat scroll 0 0 #d5e0ee;
		font-size: 12px;
}
table.table-design-set-1 th {
    background: none repeat scroll 0 0 #e6edf5;
    color: #4f76a3;
    padding: 12px 15px;
    text-align: center;
}
table.table-design-set-1  td {
    padding: 12px 15px;
	color: #555558;
}
table.table-design-set-1  tr:nth-child(2n+1) {
    background: none repeat scroll 0 0  #f7f9fc;
}
table.table-design-set-1  tr:nth-child(2n) {
    background: none repeat scroll 0 0  #FFF;
}
*//*table.horizon td {
  background: #fff;
  padding: 5px 4px 4px 5px;
}*/
.topmenu table.table-design-set-1 td {
    padding: 5px 5px;
    color: #555558;
}
td.nowrap, td.nowrap {
  white-space: nowrap;
}
.regist {
    float: left;
	  padding-right: 30px;
		border-right: 1px solid #e6e6e6;
}
.headline {
    border-bottom: 3px solid #009540;
    margin-bottom: 44px;
}
.headline h1 {
    background: none;
    color: #333;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 13px;
    border-radius: initial;
    padding-left: 0;
}
.login_box  {
    border: 1px solid #e6e6e6;
    padding: 50px 30px 30px;
}
.login a {
    text-decoration: underline;
}
table.regist_Tb th, table.forget_Tb th {
    width: 174px;
}
table.regist_Tb td table.forget_Tb td  {
    width: 383px;
}
table.regist_Tb.vertical input, table.regist_Tb.vertical textarea, .u_edit input, .u_edit textarea{
    border: 1px #ccc solid;
    padding: 5px;
		border-radius: 4px;
}
.login {
  width: 324px;
  float: right;
	color: #666;
}
.regist p.tit_login {
    font-size: 16px;
}
.arrow_ico a {
    text-decoration: underline;
}
form.login_Tb input, .forget_Tb input {
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
		width: 100%;
}
form.login_Tb input[type="submit"]{
  padding: 12px 43px;
	background: #ff9904;
	color: #fff;
	border: none;
	border-radius: 24px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 7px;
	width: inherit;
	cursor: pointer;
}
input#save {
    width: inherit;
}
.mas_pass {
    margin: 7px auto 30px;
}
.msg_regist {
  margin: 20px auto 0;
  line-height: 160%;
}
.regist_btn {
    text-align: center;
    margin: 30px auto 0;
}
.regist_btn a {
    padding: 12px 43px;
    background: #ff9904;
    color: #fff;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 7px;
    width: inherit;
    cursor: pointer;
	text-decoration: none;
}
.login p {
		color: #585858;
    font-size: 16px;
    font-weight: bold;
}
.login img {
    margin-right: 10px;
    vertical-align: -9px;
}
.login table {
    margin-top: 5px;
}
.login table th {
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  color: #666;
  padding: 5px 10px;
}
.login table td {
  font-size:12px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  padding: 7px 0 7px 5px;
}
.login table td.submit input {
  padding: 8px 40px;
}
.arrow_ico img {
    background: #285576;
    border-radius: 50%;
    padding: 2px;
    width: 19px;
	position: relative;
    bottom: -5px;
	margin-right: 5px;
}

/* ---( common )--------------------------------- */
#layout {
        min-height: 91%;
}
#header {
  border-top: 3px solid #007C36;
  border-bottom: 1px solid #ccc;
  min-width: 1200px;
}
#header .wrap {
  margin: 0 auto;
  width: 1200px;
}
#header .logo {
  padding: 10px 0;
  float: left;
}
#header .menu {
  padding: 13px 0;
  float: right;
}

#header .menu .link{
		margin-right: 10px;
		float: left;
}
#header .menu a {
  text-decoration: none;
}
#header .menu a.top,
#header .menu a.flow {
  color: #5b5b5b;;
}
#header .menu a.logout {
  color: #fff;
}
.catch_c.fl {
    padding: 26px 20px;
    font-size: 18px;
    color: #E91E63;
    font-weight: 600;
}
nav  {
	background-image: linear-gradient(to bottom, #4fa25b, #358942);
	box-shadow: 0px 1px 2px #b3b3b3;
	-webkit-box-shadow: 0px 1px 2px #b3b3b3;
	-moz-box-shadow: 0px 1px 2px #b3b3b3;
	border-bottom: solid 1px #237a31;
    min-width: 1200px;
/*	border-top: 1px solid #aaa;*/
}

nav ul.inner {
	width: 1200px;
    margin: auto;
	 display: flex;
    justify-content: center;
}
.global-nav ul li.active {
    background: #2c7337;
}
.global-nav ul li .home-icon{
  transform: translateY(3px);
}
nav ul li:first-child {
	background: url(/common/images/nav_bar.jpg) no-repeat left top;
}
nav li#search {
    position: relative;
}
nav ul li ul {
  display: none;
	position: absolute;
	width: 100%;
	z-index: 1;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 5px solid #2c7337;
	margin-left: -1px;
	background: #fafafa;
}
nav ul li ul li {
  border-top: 1px dotted #ccc;
  display: block;
}
nav ul li ul li:first-child {
    background: none;
    color: #000;
}
nav ul+li:hover{
	background: #2c7337;
}
nav ul li ul li:hover{
    background: #2c7337;
	color: #fff;
}
nav .fa-angle-down {
	margin-left: 6px;
}
.mw1{
	width:108px;
}
.mw2{
	width:209px;
}
.mw3{
	width:135px;
}
.mw4{
	width:174px;
}
.mw5{
    width: 226px;
}
.mw6{
    width: 161px;
}
nav ul  li:hover {
    background:#2c7337;
}
nav ul  li a {
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	line-height: 37px;
	padding: 0 22px;
	background: url(/common/images/nav_bar.jpg) no-repeat right top;
}
nav ul li ul li a {
	color: #000;
	width: 169px;
	padding: 0 0 0 21px;
  background: none;
}

.contact_btn a {
    color: #fff;
		text-decoration: none;
}
.contact_btn:hover {
    background: #c1c1c1;
}
.head_btn {
    float: left;
    margin-bottom: 5px;
}
/*content*/
#content {
  margin: 20px auto 40px auto;
  width: 1200px;
}
#footer {
  padding: 10px 0 0 0;
  height: 30px;
  color: #ffffff;
  background:#358942;
  font-size: 90%;
  text-align: center;
  position: relative;
/*  margin-top: -80px;*/
  clear: both;
}
/* ---( index )--------------------------------- */
.topmenu {
  width: 310px;
  float: left;
}
.topmenu td.download a {
  margin-bottom: 3px;
  text-decoration:none;
  color: #3277a5;
}
.topmenu td.download {
    line-height: 200%;
}
.topmenu td.download a:hover{
  text-decoration:underline;
}
/*.side_banner_box img {
    margin-bottom: 6px;
}*/
.pdf_dw {
    margin-bottom: 15px;
    margin-top: 5px;
}
.pdf_dw a {
    color: #000;
	font-size: 13px;
	font-weight: bold;
}
.side_data {
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 10px 6px;
    border: 1px solid #DFDFDF;
}
.topsearch {
  width: 865px;
  float: right;
}
.topsearch .pickup {
  margin-left: 25px;
}
.full {
    padding: 0;
    margin: auto;
    width: 90%;
    margin-top: 60px;
}
.pickup table {
  font-size: 12px;
}
.pickup table img {
    margin: 0 0 6px 0;
}

.news_box {
    padding: 15px;
    background: #fff;
}
.news_tit {
    font-size: 13px;
    background: #5d9a43;
    padding: 6px 0 6px 10px;
    position: relative;
    color: #fff;
    /* border-top-left-radius: 4px; */
    /* border-top-right-radius: 4px; */
    /* color: #ddf8c6; */
    /* text-align: center; */
    /* font-size: 54px; */
    /* line-height: 54px; */
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/*.news_tit::after {
    border-top: 20px solid #88b7d5;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -70px;
}*/
.news_box.accordion1 li {
    border-bottom: 1px dotted #ccc;
	  padding: 0 10px;
}
.news_box.accordion1 li:last-child {
    border-bottom: 0;
}
.topsearch .news.inner {
	display: none;
	width: 553px;
	float: right;
	/*background: #f5f5f5;*/
	margin-bottom: 15px;
	padding: 10px;
}
.l_date {
  color: #5d9a43;
	display: inline-block;
	padding-right: 20px;
}
.min_t {
    font-size: 10px;
}
.topsearch .news_box {
    padding: 15px;
    background: #fff;
}
.topsearch .news a {
    color: #444;
    text-decoration: none;
}
.topsearch .news a:hover {
    text-decoration: underline;
}
.topsearch .news .date {
		/*width: 60px;*/
    float: left;
    color: #3277a5;
    padding-top: 3px;
		font-weight: bold;
}
.topsearch .news .date .r {
    font-size: 12px;
    /* text-align: right; */
    float: right;
    margin-right: 35px;
    color: #9e9e9e;
}
.topsearch .news p.l_txt,.ac1.l_txt {
 		width: 100%;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 10px;
		padding-top: 10px;
}

.flow {
  margin-bottom: 30px;
}
.flow p {
  margin: 0 0 5px 30px;
  font-size: 14px;
}
.flow p.box {
  margin: 0 0 5px 30px;
  padding: 3px 5px;
  border: solid 1px #c1c1c1;
}
.flow h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 5px 15px;
}
/* ---( search )--------------------------------- */
.top_search_box {
	margin-bottom: 20px;
	/* border: 1px solid #ddd; */
	border-radius: 4px;
	padding: 10px;
	background: url(/common/images/bg_main.png);
}
.flex {
    display: flex;
    justify-content: space-between;
}
.flex.flex_pdf {
    justify-content: flex-start;
}
.flex.flex_pdf li {
    margin-right: 23px;
}
.flex.flex_pdf li:last-child {
    margin-right: 0;
}
#search_box th {
  padding: 5px 0 5px 10px;
}
#search_box .equipment {
  margin-top: 7px;
}
#search_box .equipment label {
  display: block;
  width: 24%;
  float: left;
}
#search_box .area {
  width: 170px;
}
#search_box .area br {
  clear: both;
}
#search_box .area label {
  display: block;
  width: 47%;
  float: left;
}
#search_box .layout br {
  clear: both;
}
#search_box .layout label {
  display: block;
  width: 23%;
  float: left;
}
#search_box .equipment01 label {
    display: block;
    width: 10%;
    float: left;
}
#search_box .submit input {
  padding: 5px 20px;
}
#search_box .submit {
  text-align: center;
  margin-top: 5px;
}
.search_tit {
    float: left;
    /* padding: 10px 0 0 0; */
    font-size: 18px;
    color: #555;
    /* font-weight: bold; */
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#search_box #rent_min,
#search_box #rent_max,
#search_box #mater_min,
#search_box #mater_max {
  font-size: 90%;
	height: 28px;
  border-radius: 4px;
}
#search_list {
  margin-bottom: 30px;
}
#search_list .left {
  text-align: left;
}
#search_list .center {
  text-align: center;
}
#search_list .right {
  text-align: right;
}
#search_list .hit {
  color: #ff6633;
  font-size: 120%;
  padding: 0 2px 0 0;
}
table.vertical.search_tb th {
    background: #efefef;
    color: #285576;
    font-weight: bold;
}
table.vertical.search_tb th.bg_orange {
    background: #ea6153;
    color: #fff;
}
table.vertical.search_tb td.bg_orange1 {
    background: #f4eddb;
}
.special_build li {

	 text-align: center;
    border: 1px solid #ddd;
    width: 27%;
    background-image: url(/images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
.special_build li a {
    color: #f44336;
	 background-image: none;
	 text-align: center;
    display: block;
    padding: 10px;
}
/*.special_build li:nth-child(2) {
    text-align: center;
    background-image: url(/images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
*/.special_build li:first-child {
    background: #efefef;
    color: #285576;
    font-weight: 600;
    text-align: center;
	 width: 35%;
  line-height: 42px;
}
#pager {
  font-size: 11px;
}
#pager a {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  border: solid 1px #ccc;
  text-align: center;
  margin: 10px 5px 0 0;
  text-decoration: none;
}
#pager a:hover {
  background-color:#3399FF;
  color: #FFFFFF;
}
#pager .current {
  font-weight: bold;
  background: #ddd;
  color: #000;
  text-decoration: none;
}
.fl_box input[type="text"], .fl_box .age_type, .fr select {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    /*cursor: pointer;*/
    display: inline-block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
		color: #444;
}
.input_key {
    padding-left: 8px;
}
/* ---( detail )--------------------------------- */
#map_canvas {
  width: 100%;
  height: 350px;
}
.photo_list {
  margin: 10px 0 0 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.photo_list img{
  width: 100%;
}
.photo_list .photo {
  width: 30%;
  text-align: center;
	margin: 10px;
}
.photo_list p {
  text-align: left;
  padding: 0 5px 0 10px;
  color: #535353;
}
/*#detail .headline p {
  font-size: 14px;
  margin: 10px 0;
}*/
#detail .title .ad a.member_Btn {
    font-size: 11px;
    padding: 2px 8px;
		height: initial;
    line-height: initial;
    width: initial;
}
#detail .title {
    width: 100%;
    border: 1px solid #ccc;
		margin-bottom: 20px;
}
#detail .headline h1 {
		font-size: 26px;
    font-weight: bold;
    /* border: 1px solid #ccc; */
    width: 100%;
    background: none;
    text-shadow: inherit;
    color: #444;
		margin-bottom: 0;
		border-bottom: none;
    padding-left: 24px;
}
#detail .headline h1 .rights {
    float: right;
    margin-top: -11px;
		text-align: center;
		margin-right: 50px;
}
#detail .headline .button {
  width: 100px;
  margin-top: 20px;
}
#detail .headline .button img {
  margin: aito;
}
#detail .rights {
    margin: 16px 22px 0;
}
.print_box {
  margin: 70px 0 0 0;
  text-align: center;
}
.down_Btn .fa-file-alt {
    margin: 9px 5px -4px 10px;
}
.ad_data button {
    border: none;
    background: none;
}
.print_box a {
    margin: 0 40px;
  font-family:"メイリオ", "ヒラギノ角ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka;
}
div#detail {
    padding-bottom: 40px;
}
.state_box {
    background: #f8f8f8;
    padding: 20px;
}
#detail .title .rights a {
    text-decoration: none;
    color: #fff;
		font-size: initial;
		margin-left: 10px;
	  float: right;
		text-align: center;
}
.fa-question-circle {
    color: #3a8e46;
}
.ex01 {
   font-size: 14px;
   color: red;
	padding-top: 5px;
	font-weight: normal;
	text-align: right;
	margin-right: 22px;
	padding-bottom: 4px;
}
.ad {
   float: left;
	margin-right: 20px;
}
.ad a {
    margin-right: 20px;
}
.ad_data span {
    padding-right: 20px;
}
.ad_btn{
    padding: 10px 16px 10px 13px;
    background: url(/common/images/bg_main.png);
}
.ad_data {
    margin-top: 4px;
}
/**** onoff button ***/
input#ad {
	display: none;
}
input#ad+label {
	display: inline-block;
	position: relative;
	width: 60px;
  height: 26px;
	border-radius: 15px;
	cursor: pointer;
}
.headline input+label::before {
	display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 3px;
    right: 8px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 18px;
}
.headline input+label::after {
	content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
}
input:checked+label::before {
	content: attr(data-on-label);
    left: 7px;
    right: auto;
    color: #fff;
}
input:checked+label::after {
	left: 34px;
  background-color: #f7f7f7;
}
#ad+label {
	background-color: #8BC34A;
	color: #fff;
}
#ad+label::before {
	color: #fff;
}
#ad:checked+label {
	background-color: #F44336;
}
#ad:checked+label::before {
	color: #fff;
}
p.link {
    /* display: inline-block; */
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    font-weight: 600;
    font-size: 14px;
}
/****.onoff button ***/

.btn_txt {
    font-size: 11px;
    text-align: center;
}
.btn_print {
    background: #fff;
    padding: 4px 10px 0;
    border: 1px solid #757775;
}
.btn_apply {
    background: #efa50b;
    padding: 6px 10px 0;
		cursor:pointer;
}
.btn_doc {
    background: #f44336;
    padding: 6px 10px 0;
    cursor: pointer;
}
label input {
    vertical-align: -2px;
}
#detail .title a.btn_print {
    color:#444;
}
.btn_pam.lt {
    background: #285576;
    padding: 4px 10px 0;
    border: 1px solid #757775;
    margin-left: 10px;
}
.btn_site.lt {
    background: #50a35c;
    padding: 2px 10px;
    border: 1px solid #757775;
    margin-left: 10px;
}
.print_box i {
    margin:9px 5px 5px 10px;
}
.policy  i{
    margin:4px 5px 5px 10px;
}
.policy span {
    position: relative;
    top: -4px;
}
.status_ic_0 {
		color: #fff;
    padding: 5px 35px 5px 10px;
    position: relative;
    bottom: 5px;
    font-size: 13px;
    display: inline;
    /* left: -33px; */
    background-image: url(/common/images/apply_flag.png);
    background-size: 96px 30px;
    background-repeat: no-repeat;
}
/*.status_ic_0:after {
		    margin-top: 0.5em;
    content: "";
    float: left;
    border: 1.5em solid #009541;
    border-right-color: transparent;
    font-size: 10px;
    position: relative;
    left: 55px;
    top: -11px;

}
*/
/* ---( document )--------------------------------- */
#content .document {
  padding: 0;
  margin: auto;
  width: 100%;
}
#content .document a {
  background-image: url("../images/to_logout.gif");
  background-repeat: no-repeat;
  background-position: 10px 20px;
  float: left;
  width: 450px;
  color: #0033ff;
  padding: 10px  5px 10px 17px;
  margin: 10px 0;
  border: 1px solid #ccc;
  text-decoration: none;
  margin: 10px 60px;
}
#content .document a:hover {
  background-color: #efefef;
}
#content .get_adobe_reader {
  margin: 20px 0 20px 0;
  padding: 8px 10px;
  border: dotted 2px #999;
}
/* ---( material )--------------------------------- */
#content .material a {
  background-image: url("../images/to_logout.gif");
	background-repeat: no-repeat;
	background-position: 10px 20px;
	float: left;
	width: 200px;
	color: #0033ff;
	padding: 10px 5px 10px 17px;
	margin: 10px 6px 10px;
	border: 1px solid #ccc;
}
#content .material a:hover {
  background-color: #efefef;
}
/* ---( contact )--------------------------------- */
.need {
  color: #ff3300;
  font-weight: bold;
}
#content .contact {
/*  padding: 15px 20px 0 20px;*/
	padding: 0;
}
/*#content .contact form {
  float: left;
	margin-bottom: 40px;
}*/
#content .contact form .submit {
  text-align: center;
  margin: 40px 0 ;
}
#content .information form .submit input.back {
    background: #dedede;
    border: 1px solid #dedede;
    border-radius: 4px;
    color: #555;
}
#content .contact form .submit input, #content .information  form .submit input {
/*  padding: 5px 20px;
	cursor: pointer;
	background: #757775;
  color: #fff;*/
    padding: 10px 30px;
    cursor: pointer;
    background: #285576;
    color: #fff;
    border: 1px solid #285576;
    border-radius: 4px;
}
#content .contact .step {
  float: right;
  width: 285px;
}
#content .contact .step p {
  padding: 15px 30px;
  border: 1px solid #ccc;
	color: #757775;
}
#content .contact .step p.s_forget {
  padding: 10px 14px;
  border: 1px solid #ccc;
}
#content .contact .step div {
  text-align: center;
  color: #787878;
  margin: 5px 0 5px 0;
}
#content .contact .step p.current{
  background-color: #f8f8f8;
    border: 1px solid #518f46;
    border-top: 5px solid #518f46;
    color: #000;
}
#content .contact .error {
  border: solid 1px #ff6600;
  background: #fff6cc;
  padding: 5px 10px 5px 20px;
  width: 490px;
  margin: 0 0 20px 0;
}
p.vacation {
  text-align: center;
  padding:0;
  margin:0;
}

#holiday2{
border:solid 1px #D4D0D8;
margin-bottom:10px;
margin-top:10px;
background-color:#fbf9f2;
padding: 15px;
}
#holiday2 h3 {
	font-size: 16px;
	margin-bottom: 12px;
	color:#009900;
	text-align:center;
	/*padding: 0px 0px 10px 0px;*/
}
#holiday2 p.period{
font-size:13px;
/*line-height:20px;*/
padding:0px 0px 10px 0px;
margin: 0px;
margin-top:5px;
}
.regist p{
	font-size:14px;
	line-height:300%;
}
.madori{
	max-width:305px;
}

.hakatastyle_keshikomi{
  margin-bottom:10px;
}
.alert {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    line-height: 1.5;
}
.alert-danger ul {
    list-style: none;
}
/* ---( sidebar )--------------------------------- */

table.horizon {
    font-size: 12px;
	line-height:170%;
}
.side_list a {
    line-height: 170%;
		color: #444;
    text-decoration: none;
}
.side_list a.link {
    color: #3277a5;
}
.side_list a:hover,.ac1:hover {
    text-decoration: underline;
    color: #285576;
}
.accordion1 li:hover {
    background: #f5f5f5;
}
hr.side_hr {
	border: 0;
  height: 1px;
	margin: 10px 0;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
/*.side_btn {
    margin: 10px 0 5px 0;
}
*/
.side_btn a{
    background: #5d9a43;
    border-radius: 3px;
    padding: 2px 8px;
    color: #fff;
		text-decoration: none;
}
.side_btn a:hover {
    color: #fff;
	  text-decoration: none;
    background: #66b743;
}
.side_btn {
    margin-top: 10px;
}
.mr20 {
    margin: 20px !important;
}
a.logout {
    background: #aeaeae;
	  padding: 2px 8px;
    border-radius: 4px;
}
a.logout:hover {
    color: #fff;
    text-decoration: none;
    background: #66b743;
}
.in_t {
    margin-left: 36px;
    font-size: 11px;
    display: block;
    margin-top: -5px;
    color: #888;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 4px;
		margin-right: 5px;
}
.side_data div:last-child span.in_t {
    border-bottom: none;
}
.reserved2 {
    color: #fff;
    background: #fda82a;
    border-radius: 50px;
    padding: 3px 3px;
    font-size: 9px;
    line-height: 20px;
    text-shadow: none;
}
.reserved3 {
    color: #fff;
    background: #989898;
    border-radius: 50px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
}
.topmenu table td {
    color: #3a3a3a;
}
.topmenu table td a {
    text-decoration: none;
}
.ul_c {
    background: #aaa;
    width: 15px;
    position: relative;
    bottom: -4px;
    margin-right: 5px;
}
.no_doc {
		background: #faf4f4;
    /* border-radius: 4px; */
    /* padding: 10px; */
    /* margin-bottom: 15px; */
    /* margin-top: 10px; */
    border: 2px solid #ea6153;
    color: #888;
    border-top: none;
}
.topmenu table.horizon th.re_bar {
    background-image: linear-gradient(to bottom, #e56558, #c0392b);
}
.topmenu table.horizon th.re_bar1 {
    background-image: linear-gradient(to bottom, #f86f0f, #e75500);
    padding: 0 1em .4em;
}
.icon_pdf_img {
    position: relative;
    bottom: -5px;
    /* margin-right: 5px; */
    /* width: 18px; */
    padding: 0;
}
a.red {
    color: #ff3300;
}

/* ---( agent_edit )--------------------------------- */
table.vertical.u_edit th {
    width: 170px;
		height: 41px;
}
table.vertical.u_edit td, table.vertical.forget_Tb td {
    width: 390px;
		height:34px;
}
/*.ce {
    margin: auto;
    display: block;
}*/
.mt40 {
    margin-top: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.loadmap.pb45 {
    padding-bottom: 45px;
}

.ce{
	text-align: center;
}
.reserved {
  color: #ff3300;
  font-weight: bold;
}
/* ---( パスワードをお忘れの方へ )--------------------------------- */

.btn {
    display: block;
    background-color: #00963f;
    color: #fff;
    border: none;
    padding: .4em 2em;
    cursor: pointer;
    border-radius: .3em;
    margin: 30px auto;
    width: 85px;
}
.btn_big {
    display: block;
    background-color: #00963f;
    color: #fff;
    border: none;
    padding: .4em 2em;
    cursor: pointer;
    border-radius: .3em;
    margin: 30px auto;
    width: 150px;
}
.btn_gray {
    display: block;
    background-color: #999;
    color: #fff;
    border: none;
    padding: .4em 2em;
    cursor: pointer;
    border-radius: .3em;
    margin: 30px auto;
    width: 85px;
}
/* button */
input.cancel_btn {
    padding: 14px 12px 14px 35px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 20px;
    background: #868686;
    color: #FFF;
}
.cancel_sec {
    position: relative;
    /*bottom: 86px;*/
    left: 48px;
}
/* button */
.down_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7cd45), color-stop(1, #efa207) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #efa207 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#efa207');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:45px;
	line-height:45px;
	/*width:180px;*/
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #efa207;
}
.down_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efa207), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #efa207 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efa207', endColorstr='#f6b33d');
	background-color:#efa207;
}.down_Btn:active {
	position:relative;
	top:1px;
}
.contact_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb75e), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffb75e 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb75e', endColorstr='#fb9e25');
	background-color:#ffb75e;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #cc9f52;
}
.contact_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffb75e) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffb75e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffb75e');
	background-color:#fb9e25;
}.contact_Btn:active {
	position:relative;
	top:1px;
}
.member_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #048c3d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #048c3d;
	box-shadow:inset 0px 1px 0px 0px #048c3d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #50a35c), color-stop(1, #2d823a) );
	background:-moz-linear-gradient( center top, #50a35c 5%, #2d823a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a35c', endColorstr='#2d823a');
	background-color:#50a35c;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height: 21px;
	line-height: 21px;
	width: 82px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #009440;
}
.policy .down_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffb75e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffb75e;
	box-shadow:inset 0px 1px 0px 0px #ffb75e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb75e), color-stop(1, #ff8000) );
	background:-moz-linear-gradient( center top, #ff8000 5%, #ff8000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ff8000');
	background-color:#ff8000;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #ff8000;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:180px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ff8000;
	border-radius: 4px;
}
.policy .down_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffb75e) );
	background:-moz-linear-gradient( center top, #ff8000 5%, #ffb75e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffb75e');
	background-color:#ff8000;
}
.policy .down_Btn:active {
	position:relative;
	top:1px;
}
.link.fr {
    margin-right: 20px;
}
.member_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2d823a), color-stop(1, #50a35c) );
	background:-moz-linear-gradient( center top, #2d823a 5%, #50a35c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d823a', endColorstr='#50a35c');
	background-color:#2d823a;
}.member_Btn:active {
	position:relative;
	top:1px;
}
.detail_Btn {
		moz-box-shadow: inset 0px 1px 0px 0px #8b8d8b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8b8d8b;
    box-shadow: inset 0px 1px 0px 0px #8b8d8b;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #757775) );
    background: -moz-linear-gradient( center top, #e5e5e5 5%, #757775 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#757775');
    background-color: #d1d1d1;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 31px;
    line-height: 31px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0px 1px 0px #888;
}
.policy .down_Btn {
    width: 250px;
    height: 35px;
}
.detail_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#757775 ), color-stop(1, #e5e5e5) );
	background:-moz-linear-gradient( center top, #757775 5%, #e5e5e5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757775', endColorstr='#e5e5e5');
	background-color:#d1d1d1;
}.detail_Btn:active {
	position:relative;
	top:1px;
}
.logout_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #aaa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #aaa;
	box-shadow:inset 0px 1px 0px 0px #aaa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaa), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #aaa 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc');
	background-color:#ccc;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #999;
}

.lt {
    float: left;
}
.rt {
    float: right;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
/* pagination */
ol, ul {
    list-style: none;
}
.pagination li.disabled, .pagination li.active, .pagination li {
    display: block;
		float: left;
}
.pagination li.active {
    display: block;
    float: left;
    height: 20px;
    /*border: solid 1px #ccc;*/
    text-align: center;
    margin: 10px 5px 0 0;
    text-decoration: none;
    background: #555;
    color: #fff;
		padding: 5px 10px;
    font-size: 16px;
}
#pager a, #pager .disabled {
    display: block;
    width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    text-align: center;
    margin: 10px 5px 0 0;
    text-decoration: none;
}
 .pagination a, span .disabled {
    display: block;
    float: left;
    /*width: 20px;*/
    height: 20px;
    border: solid 1px #ccc;
    text-align: center;
    margin: 10px 5px 0 0;
    text-decoration: none;
		padding: 4px 10px;
    font-size: 16px;
	  color: #555;
}
/* thanks */
.msg_box {
    margin: 0 auto 100px;
    text-align: center;
    border: 3px solid #ccc;
    border-radius: 4px;
    width: 42%;
    padding: 40px;
    background: #f5f5f5;
    color: #285576;
    font-weight: 700;
    line-height: 200%;
}
.msg_box.regist_box {
    width: 60%;
}
/* 個通 */

.mb10 {
    margin-bottom: 10px;
}
.w100 {
    width: 100%;
}
.max_w {
    max-width: 200px;
    width: 200px;
}
.sub_msg {
    width: 340px;
    float: right;
    margin: 30px 0 30px;
    padding: 8px 0 5px 8px;
    border: solid 3px #336185;
    border-radius: 4px;
}
.side_box  {
    padding: 9px;
    border-radius: 4px;
    background: #3173a5;
    color: #fff;
}
 .side_box a {
    color: #fff;
    padding-left: 9px;
}
.submit, select, input {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka;
}
.mr10 {
    margin: 10px;
}
label {
    margin-right: 5px;
}
/* apply_list */
.agent-apply_conf-person-edit .list_ps button,
.agent-apply_conf-person-edit .list_ps a,
.agent-apply-show .list_ps button,
.agent-apply-show .list_ps a {
    padding: 2px 13px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 13px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    display: block;
    background: #518f46;
}
input#cancel,
input#update_no,
input#hon_send {
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 11px;
    border: none;
    cursor: pointer;
}
input#cancel, button#cancel {
    background: #999;
}
input#update_no, button#update_no {
    background: #5897fb;
}
input#hon_send {
    background: #fca638;
}
.file_upload input#doc_up1 {
    border: none;
    margin-left: 20px;
}
h2#upload_tit span {
    color: red;
}
.doc_tit {
    font-size: 12px;
}
.file_upload input[type="submit"] {
    padding: 1px 10px;
}
.file_upload input[type="submit"] {
    padding: 5px 10px;
    background: #336185;
    border-radius: 4px;
    color: #fff;
}
.doc_1 {
    margin: 5px 0;
}
.file_upload{
    border-bottom: 3px solid#ccc;
    width: 100%;
}
.file_upload .chkfile {
    border: 0;
}
.file_upload_list {
    background: #efefef;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 20px;
    width: 95%;
    line-height: 170%;
    font-size: 12px;
    border-spacing: 0;
}
.file_upload_list tr:nth-child(2n) {
    background: #f5f5f5;
}
.file_upload_list input#del {
    padding: 0 10px;
		background: #eae9e9;
    margin: 3px;
		cursor: pointer;
}
.file_upload_list .date {
    font-size: 13px;
	font-weight: normal;
}
.file_list {
    color: #888;
    margin-right: 5px;
}
.entry input[type=file] {
    border: 0;
}
.entry input.back {
    padding: 12px 35px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 30px;
}
input#moving {
    border: 1px solid red;
		box-shadow: 0px 0px 7px #c12727;
}
.agree_btn {
    font-size: 17px;
}
.agree_btn input[type="checkbox"] {
    width: 15px;
    height: 15px;
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
/*.accordion_sub {
	display: none;
}
*/.accordion_title,.ga_add,.ga_del {
    display: inline-block;
    margin-bottom: 10px;
}
.birth {
    width: 140px;
}
/* 年プルダウンの変更 */
select.ui-datepicker-year{
  padding:3px 0!important;    // 余白は最小限に
  margin-right:5px!important; // 年ラベルとの余白
  width:60px!important;       // サイズ微調整
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
  padding:3px 0!important;    // 余白は最小限に
  margin-left:5px!important;  // 年ラベルとの余白
  width:56px!important;       // サイズ微調整
}
/* popup */
#fadeandscale,
#fadeandscale_add,
#fadeandscale_edit1,
#fadeandscale_edit2,
#apply_document,
#apply_e_contract,
.agent-apply-show .popup_content,
.agent-apply_conf-person-edit .popup_content,
.agent-apply_conf-person-edit-old .popup_content {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
		border: 3px solid #ccc;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
}
.popup_visible #fadeandscale,
.popup_visible #fadeandscale_add,
.popup_visible #fadeandscale_edit1,
#fadeandscale_edit2,
.popup_visible #apply_document,
.popup_visible #apply_e_contract,
.agent-apply-show .popup_content,
.agent-apply_conf-person-edit .popup_content,
.agent-apply_conf-person-edit-old .popup_content {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
#apply_document,
#apply_e_contract {
    width: 440px;
}
#apply_document li,
#apply_e_contract li {
    padding-left: 1em;
    text-indent: -1em;
}
.cancel_reason {
    width: 300px;
}
input#send_add, input.fadeandscale_add_close , input.fadeandscale_edit1_close, input.fadeandscale_edit2_close{
    color: #fff;
}

#fadeandscale h4 ,
#fadeandscale_add h4 ,
#fadeandscale_edit1 h4,
#fadeandscale_edit2 h4,
#apply_document h4,
#apply_e_contract h4,
.agent-apply-show .popup_content h4,
.agent-apply_conf-person-edit .popup_content h4,
.agent-apply_conf-person-edit-old .popup_content h4 {
	margin: 17px;
    font-size: 17px;
    border-bottom: 2px solid #285576;
    padding-bottom: 30px;
}
#fadeandscale_add, #fadeandscale_edit1, #fadeandscale_edit2 {
    width: 962px;
    background: #fff;
    padding: 20px;
    border: 4px solid #ccc;
    border-radius: 4px;
}
#apply_document .btn,
#apply_e_contract .btn {
	width: 50%;
}
.apply_document_close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: initial;
    margin: 0;
    padding: 1px 12px;
    font-size: 20px;
    border-radius: 0;
}
.modal_tit01 {
    background: #ccc;
    display: block;
    margin: auto;
    text-align: center;
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
	font-size: 14px;
	width: 88%;
}
table.sub_comment_TBL {
    width: 100%;
    font-size: 13px;
    color: #000;
    border-spacing: 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
		line-height: 100%;
}
.sub_comment_TBL th {
    background: #efefef;
}
.sub_comment_TBL td {
    padding: 7px 10px;
    background: #fff;
		vertical-align: top;
}
.sub_comment {
    margin-top: 5px;
}
h2 + .sub_comment,
.sub_comment + .sub_comment {
    margin-top: -10px;
    margin-bottom: 10px;
    color: firebrick;
}
.sub_comment + .sub_comment {
    padding-left: 100px;
}
.sub_comment.big {
    font-size: 1rem;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb50 {
    margin-bottom: 50px;
}
.ml10 {
    margin-left: 10px;
}
.w730 {
    width: 730px;
}
.small10{
	font-size:10;
}
.small12{
	font-size:12;
}
.wtd_4 {
    width: 15%;
}
.wtd_45 {
    width: 145px;
}
.wtd_6 {
    width: 18%;
}
.wtd_8 {
    width: 8%;
}
.wtd_10 {
    width: 10%;
}
.wtd_26 {
    width: 26%;
}
.wtd_23 {
    width: 23%;
}
.gray {
    color: #ccc;
}
.gray5 {
    color: #555;
}
.ex, .ex1 {
    color: firebrick;
		font-size: 12px;
}
.n_bold {
    font-weight: normal;
}
.w_middle {
    width: 182px;
}
.close_btn {
    position: absolute;
    top: 36px;
    font-size: 24px;
    background: #ccc;
    padding: 7px 7px 5px;
    right: 37px;
		cursor:pointer;
}
.sub_sel {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    margin-top: 10px;
    border-top: 1px solid #EEEEEE;
	 padding-top: 10px;
}
.sub_sel:first-child {
    border: 0;
    margin: 0;
}
/******** Progress Tracker v2 **********/
ol.progress[data-steps="2"] li { width: 49%; }
ol.progress[data-steps="3"] li { width: 33%; }
ol.progress[data-steps="4"] li { width: 24%; }
ol.progress[data-steps="5"] li { width: 19%; }
ol.progress[data-steps="6"] li { width: 16%; }
ol.progress[data-steps="7"] li { width: 14%; }
ol.progress[data-steps="8"] li { width: 12%; }
ol.progress[data-steps="9"] li { width: 11%; }
ol.progress[data-steps="11"] li { width: 9%; }
ol.progress[data-steps="99"] li { width: 113px; }

.loadmap .progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    margin: 20px 0 20px 0;
    padding: 0;
		text-align: center;
}

.loadmap .progress li {
    float: left;
    text-align: center;
    position: relative;
}

.loadmap .progress .name {
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 1em;
    color: black;
    opacity: 0.8;
		font-size: 11px;
}

.loadmap .progress .step {
    color: #fff;
    border: 3px solid silver;
    background-color: silver;
    border-radius: 50%;
    line-height: 1.2;
    width: 1.2em;
    height: 1.2em;
    display: block;
    z-index: 0;
		margin-left: 43px;
}
.loadmap {
    background: #eee;
    padding: 10px 0 25px;
		border: 1px solid #e0e0e0;
		text-align:center;
}
.arrow_box {
	position: relative;
	background: #fff;
	border: 4px solid #ddd;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
 .status_wait.arrow_box:after, .status_wait.arrow_box:before {
	 left: 0;
}
.arrow_box:after {
	border-color: rgba(213, 68, 68, 0);
	border-bottom-color: #fff;
	border-width: 14px;
	margin-left: 19px;
}
.arrow_box:before {
	border-color: rgba(255, 222, 112, 0);
	border-bottom-color: #ddd;
	border-width: 20px;
	margin-left: 13px;
}

.loadmap .progress .active1 .name,
.loadmap .progress .active1 .step span {
    opacity: 1;
}

.loadmap .progress li .step:before {
    content: "";
    display: block;
    background-color: silver;
    height: 0.4em;
    width: 38%;
    position: absolute;
    bottom: 0.6em;
    left: 2px;
    z-index: 0;
}

.loadmap .progress li .step:after {
    content: "";
    display: block;
    background-color: silver;
    height: 0.4em;
    width: 48%;
    position: absolute;
    bottom: 0.6em;
    right: -7px;
    z-index: 0;
}
.loadmap .progress[data-steps="99"] li .step:before {
    content: "";
    display: block;
    background-color: silver;
    height: 0.4em;
    width: 48%;
    position: absolute;
    bottom: 0.6em;
    left: -8px;
    z-index: 0;
}

.loadmap .progress[data-steps="99"] li .step:after {
    content: "";
    display: block;
    background-color: silver;
    height: 0.4em;
    width: 51%;
    position: absolute;
    bottom: 0.6em;
    right: 0px;
    z-index: 0;
}

.loadmap .progress li:first-of-type .step:before {
    display: none;
}

.loadmap .progress li:last-of-type .step:after {
    display: none;
}

.loadmap .progress .done .step,
.loadmap .progress .done .step:before,
.loadmap .progress .done .step:after,
.loadmap .progress .active1 .step,
.loadmap .progress .active1 .step:before,
.loadmap .progress[data-steps="99"] .done .step,
.loadmap .progress[data-steps="99"] .done .step:before,
.loadmap .progress[data-steps="99"] .done .step:after,
.loadmap .progress[data-steps="99"] .active1 .step,
.loadmap .progress[data-steps="99"] .active1 .step:before{
    background-color: #009744;
}

.loadmap .progress .done .step,
.loadmap .progress .active1 .step {
    border: 3px solid #009744;
}
.loadmap .progress .active1 .step {
    background-color: #fff;
}
.status_doc {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 2px 10px 15px;
    /*padding: 10px 0 10px 20px;*/
		border-radius: 10px;
		margin-left: 105px;
		font-size: 11px;
		letter-spacing: -1PX;
}
.status_wait {
    display: table;
    margin-top: 10px;
    padding: 10px 10px 10px 15px;
    border-radius: 10px;
    left: 193px;
    font-size: 11px;
    letter-spacing: -1PX;
		max-width: 590px;
    text-align: left;
	  min-width: 40px;
}



/******tab*****/

.tabs {
	font-size: 13px; line-height: 20px;
}
.tabs ul:before, .tabs ul:after {
	content: "\0020"; display: block; height: 0; visibility: hidden;
}
.tabs ul:after { clear: both; }
.tabs ul {
	margin:0;
	list-style:none;
	zoom: 1;
}

.tabs ul li {
	position: relative;
	float: left;
	margin: 0;
}
.tabs ul li a {
	background: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	border: 1px solid #e0e0e0;
	color: #909090;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.75);
	padding: 6px 25px; margin: 0 5px -1px 0;
	/* Border Radius */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-decoration:none;
	border-bottom: 1px solid #e0e0e0;;
}
.tabs ul li a:hover {
	border-color: #ccc;
	color: #606060;
}
.tabs ul li.activee a {
	background: #eee;
	color: #ff8000;
	margin-top: -4px;
	padding-top: 10px;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 13px 26px -9px #aaa inset;
}
.loadmap  ul.square {
    list-style: square;
}
.loadmap ul.square {
    margin: 10px 40px 0;
		text-align: left;
}

.name_w {
    width: 100px;
}
.add_w {
    width: 200px;
}
.gray8 {
    color: #888;
}
.new {
    position: absolute;
    top: 6px;
    right: 8px;
		display: none;
}
#entry h2.impact {
    border-top: 3px solid #ff953d;
}
table.table-design-set-1.important th {
    background: #ff953d;
    color: #fff;
}
table.table-design-set-1.important tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f4eddb;
}

table.table-design-set-1.important tr:nth-child(2n) {
    background: none repeat scroll 0 0 #fff;
}
table.table-design-set-1.important{
	background: none repeat scroll 0 0 #ddd;
}
.pagetop {
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    opacity: 0.8;
    display: block;
		display:none;
}
.tip {
    width: 18px;
    vertical-align: text-top;
}
.hakatathetime p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 2px;
}

.page_box {
    padding-top: 2px;
    padding-left: 20px;
}
#search_list table.table-design-set-1 th:nth-child(1) {
    width: 22px;
}
#search_list table.table-design-set-1 th:nth-child(2) {
    width: 160px;
}
#search_list table.table-design-set-1 td:nth-child(2) {
    width: 160px;
}
#search_list table.table-design-set-1 th:nth-child(3) {
    width: 30px;
}
#search_list table.table-design-set-1 th:nth-child(4) {
    width: 108px;
}
#search_list table.table-design-set-1 th:nth-child(5) {
    width: 61px;
}
#search_list table.table-design-set-1 th:nth-child(6) {
    width: 44px;
}
#search_list table.table-design-set-1 th:nth-child(7) {
    width: 60px;
}
#search_list table.table-design-set-1 th:nth-child(8) {
    width: 57px;
	 min-width: 57px;
}
#search_list table.table-design-set-1 th:nth-child(9) {
    width: 48px;
}
#search_list table.table-design-set-1 td:nth-child(10) {
    width: 85px;
    white-space: pre-wrap;
}
#search_list table.table-design-set-1 th:nth-child(11) {
    width: 35px;
}
.mt20 {
    margin-top: 20px;
}




/************ print setting *****************/
@media print {
	body{
		-webkit-print-color-adjust:exact;
	}
	div#header {
			display: none;
	}
	h1 {
    padding: 10px 0 4px 10px !important;
	}
	nav.global-nav {
			display: none;
	}
	.ex, .ex1 {
		display:none;
	}
	.print {
		display:none !important;
	}
	.tabs, .tab_container, .list_ps {
    display: none;
	}
	.policy{
    display: none;
	}
	#upload_tit, .file_upload{
    display: none;
	}
	.pagetop{
    display: none !important;
	}
	input#add_guarantee {
    display: none;
	}
  ::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
  }
	table.table-design-set-1 {
    background: none repeat scroll 0 0 #000 !important;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #000 inset !important;
		font-size: 11px;
	}
	table.table-design-set-1 th {
    padding: 0px 2px;
	}
	table.table-design-set-1 td {
    padding: 6px 2px;
	}
	.entry input {
    padding: 2px;
	}
	.name_w {
    width: 60px;
	}
	input {
    font-size: 10px;
	}
	.formError {
    display: none !important;
	}
}

#oshirase {
  border:1px #ff0000 solid;
  padding: 15px;
  margin-top: 15px;
}
#oshirase p{
  line-height: 140%;
}
.banners {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.renovation{
  display: block;
}

.renovation a:first-child{
  margin-bottom: 8px;
}


/*スマサポ*/
.sumasapo {
    margin: 0 90px;
}
.box_l {
    font-size: 14px;
    line-height: 28px;
    float: left;
}
.sumasap_msg {
    font-size: 14px;
    padding-top: 10px;
}
.sumasapo .note {
    margin-top: 20px;
    font-size: 12px;
}
.box_r {
    float: right;
}
.box_w {
    margin-top: 65px;
}
.box_w a:nth-child(1) {
    background: #ff9904;
    padding: 25px 0;
    display: inline-block;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 325px;
    text-align: center;
    padding-right: 25px;
    margin: 0 28px;
	  background-image: url(/images/icon_blank.png);
    background-repeat: no-repeat;
    background-position: 78% center;
}
.box_w a:nth-child(2) {
    background: #2c7337;
    padding: 25px 0;
    display: inline-block;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 325px;
    text-align: center;
    padding-right: 25px;
    margin: 0 28px;
    background-image: url(/images/icon_pdf_s.png);
    background-repeat: no-repeat;
    background-position: 93% center;
}

.mt30{
  margin-top: 30px;
}
.mt20{
  margin-top: 28px;
}
.side_banner_box .newBuildTtl,.side_banner_box .BuildTtl, .side_banner_box .renoveBuildTtl{
  padding: 5px 8px;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin-bottom: 5px;
  font-size:14px;
  background-color: #000;
  color: #fff;
}
.side_banner_box .newBuildTtl:before{
  content: "";
  display: block;
  width: 48px;
  height: 26px;
  background-image: url(/img/icon_newbuild.png);
  position: absolute;
  left:5px;
  top:-3px;
}
.side_banner_box .newBuildTtl.eastpark{
  background-color: #f6c87a;
}
.side_banner_box .newBuildTtl.kasiihama {
    background-color: #081042;
    color: #fff;
}
.side_banner_box .newBuildTtl.kukodori{
  background-color: #195393;
  color:#fff;
}
.side_banner_box .newBuildTtl.hakatagate{
  background-color: #674a3c;
  color:#fff;
}
.side_banner_box .newBuildTtl.tenjinlark {
    background-color: #705e44;
    color: #fff;
}
.side_banner_box .newBuildTtl.bay_tenjin_east{
  background-color: #7c7572;
  color: #fff;
}
.side_banner_box .newBuildTtl.kashiisepiadori{
  background-color: #004b1d;
  color: #fff;
}
.side_banner_box .newBuildTtl.gofukumachi{
  background-color: #244661;
  color: #fff;
}
.side_banner_box .newBuildTtl.chihaya{
  background-color: #122f5a;
  color: #fff;
}
.side_banner_box .newBuildTtl.meinohama{
  background-color: #5e5042;
  color: #fff;
}
.side_banner_box .newBuildTtl.tenjin_life{
  background-color: #4c829a;
  color: #fff;
}
.BuildTtl.banner1 {
    background: #f86f0f;
    color: #fff;
}
.BuildTtl.banner2 {
    background: #f86f0f;
    color: #fff;
}

.side_banner_box .renoveBuildTtl{
  background-color: #000;
  color: #fff;
}
.side_banner_box .renoveBuildTtl:before{
  content: "";
  display: block;
  width: 48px;
  height: 26px;
  background-image: url(/img/icon_rinovation.png);
  position: absolute;
  left:5px;
  top:-3px;
}
.pdf_down {
    padding: 6px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.headline .pdf_down {
    margin-top: -9px;
}
/*.contect_wrap {
  height: 517px;
}*/
.contact_info {
    width: 25%;
    border: 1px solid #ddd;
    /*min-height: 517px;*/
}
.info_head {
    background: #499c55;
    color: #FFF;
    padding: 12px;
    text-align: center;
}
.info_body {
    padding: 10px 10px 15px;
    line-height: 2;
    border-bottom: 1px solid #ddd;
    margin: 15px;
}
.info_body .code_msg {
    margin-top: 18px;
    margin-bottom: 10px;
    display: inline-block;
}
.info_footer {
    padding: 5px 25px 20px;
}
.strong_li {
    font-weight: 600;
    margin-top: 10px;
}
.contact_msg {
    width: 73%;
}
.send_box {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 10px 20px;
}
.send_box_file {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 20px;
}
.send_head {
    display: flex;
    justify-content: space-between;
	 align-items: center;
}
.send_body {
    margin-top: 10px;
}
/*
.send_msg {
    display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
    justify-content: space-between;
    align-items: flex-end;
    margin-right: 20px;
}

.msg_send_Btn {
    background: #fb9f27;
    color: #fff;
    border-radius: 4px;
    padding: 8px 20px;
    white-space: nowrap;
    border: 0;
	font-size: 1rem;
}
*/
.file-reset {
    background: #ddd;
}
.send_file {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    border: 2px dotted #c7c7c7;
    /* line-height: 2; */
    color: #92AAB0;
    text-align: center;
    padding: 15px;
}
.imagePreview {
    max-width: 200px;
    display: inline-block;
}
.file_box {
    color: #aaa;
    position: relative;
		ALIGN-ITEMS: CENTER;
    DISPLAY: FLEX;
		cursor: pointer;
		justify-content: flex-end;
		width: 200px;
}
.file_box #file {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0;
}
.acco_header {
    background: #285576;
    padding: 5px 15px;
    cursor: pointer;
	 color: #fff;
	border-radius: 4px;
}
.list_box {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow-y: auto;
    padding: 20px;
    margin-bottom: 2%;
    max-height: 408px;
    height: 408px;
}
.direct-chat-name {
    font-weight: 600;
}
.direct-chat-timestamp {
    font-size: .5rem;
}
.direct-chat-text a {
    text-decoration: underline;
}
.push_mail {
    display: flex;
    align-items: center;
}
#pushomail {
    display: none;
}
input#pushomail+label {
    display: inline-block;
    position: relative;
    width: 54px;
    height: 20px;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    background-color: #ccc;
    border: 1px solid #ccc;
}
input#pushomail+label:before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: -2px;
    right: 8px;
    color: #fff;
}
input#pushomail+label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
}
#pushomail:checked+label {
    border: 1px solid #499c55;
    background-color: #499c55;
}
#pushomail:checked+label::before {
    content: attr(data-on-label);
}
#pushomail:checked+label::after {
    left: 34px;
}
.count_field {
    position: relative;
}
.count_field.checked{
  background-color: #3dccff;
}
.count {
    position: absolute;
    background: #ff5500;
    border-radius: 25px;
    color: #fff;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 5px;
    line-height: 2.4;
    font-weight: 600;
   text-align: center;
   font-size: 11px;
}
.count.nav{
  top: -14px;
}
#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs span {
  	position: relative;
    background: #499c55;
    padding: .7em 3.5em;
    float: left;
    text-decoration: none;
    color: #fff;
    border-radius: 5px 0 0 0;
}

#tabs span::after {
	  content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.8em;
    bottom: 0;
    width: 1rem;
    background: #499c55;
    transform: skew(19deg);
    border-radius: 0 5px 0 0;
}
.apply_list  {
    border-top: 1px solid #499c55;
    border-bottom: 1px solid #499c55;
    padding: 10px;
    display: flex;
    BACKGROUND: #a1dfaa12;
    PADDING: 20PX;
    display:-webkit-box;
  	 display:-ms-flexbox;
  	 display:flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
    justify-content: space-around;
    text-decoration: underline;
}
.apply_list li {
    cursor: pointer;
	font-size: 14px;
}
input[type="search"] {
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 5px;
}
.reload {
    text-decoration: none;
    text-align: center;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
    box-sizing: border-box;
    background: #1f9040;
    margin-right: 10px;
}
.entry textarea.send_msg{
	width: 89%;
}
.search_box {
    float: left;
    background: #ddd;
    padding: 6px 5px;
    border-radius: 4px;
    font-size: 10px;
    margin: 0px 4px 20px;
    font-weight: 600;
}
.search_box form input[type="text"], form select {
    border: 1px #ccc solid;
    padding: 4px;
    border-radius: 4px;
}
.search_box input, .search_box textarea {
    padding: 4px;
}