@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato|Lato');
/*!
 * Default theme for Pingendo
 * Homepage: http://pingendo.com
 * Copyright 2015 Pingendo
 * Licensed under MIT
 * Based on Bootstrap v3.3.4
*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Add custom CSS classes here
 *
 * img {
 *   box-shadow : 0px 0px 10px black !important;
 * }
*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/** General Style Info **/
a img {
	border:none;
}

b, strong {
    font-weight: bold;
}

fieldset {
	border: 1px solid activecaption;
}

fieldset legend{
	margin-left:10px;
	width:150px
}

table th {
    background-color: tan;
}



#hd_name h3{

}

.hd_title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0 0 0;
  color: white;
}
#hd-nav {
  padding: 10px 0 0 10px;
}
/*::: 背景色 :::::*/
.cl-gray {
  background-color: #bcbdc0;
}
.cl-graylight {
  /*background-color: #d1d2d4;*/
  background-color: #e9e9e9;
}
.cl-gray1 {
  background-color: #efefef;
}

.cl-wheat {
  background-color: #f5deb3
 }

/*::::日報　今日 の背景色::::*/
.today_clr{
	background-color:#f6eaab;
}

/*::: 文字色 :::::*/
.clfnt-gray{
	color:#c0c0c0;
}
.clfnt-err{
	color:#9e2424;
}

/*::: 高さ :::::*/
.ht10 {
  height: 10px;
}
.ht20 {
  height: 20px;
}
.ht30 {
  height: 30px;
}
.ht50 {
  height: 50px;
}
.ht60 {
  height: 60px;
}

.ht80 {
  height: 80px;
}



/*::: 文字サイズ :::::*/
.s13em{
	font-size:1.3em;

}
.s13emb{
	font-size:1.3em;
	font-weight:bold;

}
.s15em{
	font-size:1.5em;

}
.s2em{
	font-size:2em;

}
/*::: 文字サイズ :::::*/
.s1emb{
	font-size:1em;
	font-weight:bold;

}

/*:::::::: マージン ::::::::::*/
.mg_top_30{
	margin-top:30px;
}
.mgn-left20 {
	margin-left:20px;
}
.mg_topbottom_5{
	margin-top:5px;
	margin-bottom:5px;
}



#menu li {
  height: 20px;
  margin: 10px 0;
  font-size: 0.9em;
  font-weight: bold;
  color: #57575a;
}
.phr {
  border-width: 5px 0 0 0; /* 太さ */
  border-style: solid; /* 種類 */
  border-color: #bcbdc0; /* 色 */

}

.phr-black {
  border-width: 5px 0 0 0; /* 太さ */
  border-style: solid; /* 種類 */
  border-color: #000; /* 色 */

}

#menu_gray{
	background:#333333;
	opacity: 0.6;
}

/* ストライプの色を変える*/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
 /*  background-color:#abced8; */
}
/* hover color */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #87cefa;
}

/****** テーブル　昇順/降順 ******/
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}

/**** ページング **************/
/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	/*border: 1px solid #ccc; rep2016-10-04*/
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

.paging a:hover {
	/*color: #367889;*/
	color: #a22041; /*add2015_12_25*/
	text-decoration:none;
}

/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

.message {
    font-size: 100%;
    font-weight: normal;
}
/**** error page ******/

#errorpage h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
#errorpage h1 {
	background:#fff;
	/*color: #003d4c;*/
	color: #a22041; /*add2015_12_25*/
	font-size: 100%;
}
#errorpage h2 {
	background:#fff;
	color: #e32;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 190%;
}
#errorpage h3 {
	color: #2c6877;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
}
#errorpage h4 {
	color: #993;
	font-weight: normal;
}



/*:::::::::  個別ベージ設定 :::::::::::::::*/
/*::::: user page ::::::*/
#user_list_tbl .wd10 {
  width: 10%;
}
#user_list_tbl .wd20 {
  width: 20%;
}
#user_list_tbl .wd30 {
  width: 30%;
}

/*::::: emplopyee_add page ::::::*/
#employee table {
  background-color: #fff;
}

#employee table .title {
  background-color: activecaption;
}

#employee fieldset {
	border: 1px solid activecaption;
}

#employee fieldset legend{
	margin-left:10px;
	width:150px
}

/*::::: timecard page ::::::*/
#timecard-summary1 > tbody > tr > td, #timecard-summary1 > tbody > tr > th {
    border: 1px solid #dddddd;
}

#timecard-summary2 > tbody > tr > td, #timecard-summary2 > tbody > tr > th {
    border-top: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#timecard-summary2 .csfield-1 {
	border-right:none;
}
#timecard-summary2 .csfield-2 {
	border-left:none;
}

#timecard .timecard-hd1 td, #timecard .timecard-hd1 th {
    border: 1px solid #dddddd;
}

#timecard .timecard-hd2 td, #timecard .timecard-hd2 th {
	border-top: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

/*::::: timecard-edit page ::::::*/
.timecard-edit-tbl input.fieldwdtha {
	width:85%;;
	text-align:center;
}

.timecard-edit-tbl input.fieldwdthb {
	width:40%;;
	text-align:center;
}

/*::::: user-timecard page ::::::::*/
#user-timecard .cf:after {
	content:"";
	display:block;
	clear:both;
}

#user-timecard ul {
	margin:0;
	padding:0;
}

#user-timecard ul li {
	display:inline;
}

#user-timecard a.btn {
	text-decoration:none;
	display:block;
	/*float:left;*/
	/*height:300px;*/
	height:4vw;
	line-height:3vw;
	text-align:center;
	border-radius:40px;
	font-size:2vw;
}

#user-timecard a.btn1 {
	text-decoration:none;
	display:block;
	/*float:left;*/
	/*height:300px;*/
	height:4vw;
	line-height:3vw;
	text-align:center;
	border-radius:40px;
	font-size:2vw;
}

#user-timecard a.btn2 {
	text-decoration:none;
	display:block;
	/*float:left;*/
	/*height:300px;*/
	height:4vw;
	line-height:3vw;
	text-align:center;
	border-radius:40px;
	font-size:2vw;
}

#user-timecard a.btn3 {
	text-decoration:none;
	display:block;
	/*float:left;*/
	/*height:300px;*/
	height:4vw;
	line-height:4vw;
	text-align:center;
	border-radius:23px;
	font-size:1.8vw;
}

#user-timecard a.btn4 {
	text-decoration:none;
	display:block;
	/*float:left;*/
	/*height:300px;*/
	height:4vw;
	line-height:4vw;
	text-align:center;
	border-radius:40px;
	font-size:1.8vw;
}

#user-timecard a.col1 {
	width:80%;
	margin:20px 20px;
}
#user-timecard a.col2 {
	width:80%;
	margin:20px 20px;
}
#user-timecard a.col3 {
	width:80%;
	margin:20px 20px;
}

#user-timecard a.col4 {
	width:100%;
	margin:10px 20px;
}

#user-timecard a.col5 {
	width:100%;
	margin:10px 20px;
}


#user-timecard a.col1:link, a.col1:visited, a.col1:hover {
	background-color:#49d;
	color:#fff;
	border:1px solid #039;
}

#user-timecard a.col2:link, a.col2:visited, a.col2:hover {
	background-color:#8b2;
	color:#fff;
	border:1px solid #260;
}

#user-timecard a.col3:link, a.col3:visited, a.col3:hover {
	background-color:#f0e68c;
	color:#ff8c00;
	border:1px solid #ffa500;
}

#user-timecard a.col4:link, a.col4:visited, a.col4:hover {
	background-color:#f0e68c;
	color:#ff8c00;
	border:1px solid #ffa500;
}

#user-timecard a.col5:link, a.col5:visited, a.col5:hover {
	background-color:#ccc;
	color:#333;
	border:1px solid #777;
}

/*ロールオーバーしたとき*/
#user-timecard a.col1:hover {
	background-color:#05b;
	box-shadow:1px 1px 4px #006 inset;
}
#user-timecard a.col2:hover {
	background-color:#480;
	box-shadow:1px 1px 4px #030 inset;
}
#user-timecard a.col3:hover {
	background-color:#905;
	box-shadow:1px 1px 4px #400 inset;
}

#user-timecard a.col4:hover {
	background-color:#905;
	box-shadow:1px 1px 4px #400 inset;
}

#user-timecard a.col5:hover {
	background-color:#777;
	box-shadow:1px 1px 4px #333 inset;
}

/*クリックしたとき*/
#user-timecard a.col1:active {
	background-color:#ee7b1a;
	/*color:#ff4500;*/
	color:#8b0000;
	box-shadow:2px 2px 4px #002 inset;
}
#user-timecard a.col2:active {
	background-color:#ee7b1a;
	/*color:#ff4500;*/
	color:#8b0000;
	box-shadow:2px 2px 4px #020 inset;
}
#user-timecard a.col3:active {
	background-color:#ee7b1a;
	/*color:#ff4500;*/
	color:#8b0000;
	box-shadow:2px 2px 4px #200 inset;
}

#user-timecard a.col4:active {
	background-color:#ee7b1a;
	color:#ff4500;
	box-shadow:2px 2px 4px #200 inset;
}

#user-timecard a.col5:active {
	background-color:#ee7b1a;
	/*color:#ff4500;*/
	color:#8b0000;
	box-shadow:2px 2px 4px #200 inset;
}

#user-timecard a.logoff {
    color: #fff;
}





/*:::::::::  個別ページ設定　End

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px ){
	.non-display {
		display: none;
	}
}

/*   SQL LOG   */
.cake-sql-log {
    background: #fff none repeat scroll 0 0;
}
table.cake-sql-log {
    border-right: 0 none;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}

input[type="button"] {
   padding: 3px 10px;
   border: 0;
   -webkit-border-radius: 3px;
   line-height: 1.5;
   font-size: 100%;
   background: linear-gradient(to bottom, #1f706a 0%,#005c57 100%);
   color: #fff;
}

table td, table th {
    padding: 9px 10px;
    text-align: left;
}

.table th {
    width: 150px;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    line-height: inherit;
    margin: 0;
}



input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
        line-height: inherit;
    margin: 0;
}







input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.sample {
    padding: 6px;
}

.sample input[type="radio"] + label, .sample input[type="checkbox"] + label {
    padding: 0 0 0 24px;
}

.sample input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sample input[type="radio"], .sample input[type="checkbox"] {
    display: none;
    margin: 0;
}

.sample input[type="radio"] + label, .sample input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

.sample input[type=radio]:checked + label::after, .sample input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.sample input[type="radio"] + label::before, .sample input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}
.sample input[type=checkbox] + label::before {
    border: 2px solid #ccc;
}

#service_list_tbl, #result_list_tbl {
    width: 70%;
    max-width: 100%;
    margin-bottom: 20px;
}

/*::: 表画面(class="find") :::]:*/
#main #sidebar {
    float: right;
    width: 225px;
    padding: 30px 0;
}

#main #header h1 {
    font-size: 110%;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}
#main #wrapper, #main .inner {
    margin: 0 auto;
    width: 960px;
}

#main #content {
    float: left;
    width: 710px;
    padding: 30px 0;
}

#main #head-line {
	background: #505f3e;
}

#main .kataoshi {
    text-shadow: 0px 1px 2px #666;
    color: #fff;
    font-size: 20px;
}

#main .fa {
	text-rendering: auto;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .fa-map-o::before {
    content: "\f278";
}

#main ul {
	padding: 0px;
}
#main #acdbox1 > li,
#main #acdbox2 > li {
	display: inline-block;
}

@media only screen and (max-width:959px){
  #main #wrapper, #main #header, #main .inner {
    margin: 0 auto;
    width: 100%;
  }

  #main #content, #main #sidebar {
    clear: both;
    width: 95%;
    float: none;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
  }

  #main #banners{width:100%;margin:0 auto;text-align:center;}

  #main #banners p{display:inline;margin:0 10px;}

  #main #banners p img{width:100%;height:auto;}

}/* end @media only  959px */


/*ACCORDION*/
#main div.accordion {
	width: 100%;
}
#main div.accordion > ul > li > a {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	background-color:#91b374;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	padding: 10px 12px;
	position: relative;
}

#main div.accordion > ul > li > a:hover{
	background-color: #698053;
}

#main div.accordion > ul > li > a:after, #main div.accordion > ul > li > a.active:after{
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 16px;
	color: #2f7f99;
}

#main div.accordion > ul > li > a:after{
	content: "▼";
}
#main div.accordion > ul > li > a.active:after{
	content: "▲";
}
/*
#main div.accordion > ul > li > ul {
	display: none;
}
*/
#main div.accordion > ul > li > ul > li > a{
	display: block;
	color: #fff;
	font-size: 14px;
	background-color: #79c9b8;
	border-bottom: 1px solid #fff;
	padding: 6px 12px;
	position: relative;
}
#main div.accordion > ul > li > ul > li > a:hover{
	background-color: #67ab9c;
}

/*トップ検索用ラジオチェックボタン*/
#main .accordion {
    padding: 0;
    margin:0;
}


#main .accordion input[type=radio],
#main .accordion input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

#main .accordion input[type=radio] + label,
#main .accordion input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

#main table th {
	*text-shadow: 0px 1px 2px #666;
	color: #fff;
	font-size: 20px;
    background-color: #91b374;
    font-weight: bold;
}

#main .srch-txt {
    color: #232323;
    font-size: 20px;
}

/*@media (min-width: 1px) {*/
#main .accordion input[type=radio],
#main .accordion input[type=checkbox] {
    display: none;
    margin: 0;
}

#main .accordion input[type=radio] + label,
#main .accordion input[type=checkbox] + label {
    padding: 0 0 0 24px;
}

#main .accordion input[type=radio] + label::before,
#main .accordion input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}

#main .accordion input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;
}

#main .accordion input[type=checkbox] + label::before {
    border: 2px solid #ccc;
}

#main .accordion input[type=radio]:checked + label::after,
#main .accordion input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

#main .accordion input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #E71063;
    border-radius: 8px;
}

#main .accordion input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*}*/

/*----- ヘッドリスト -----*/
#main .boxWrap .boxCh {
    height: auto;
    width: 100%;
    margin: 10px;
    margin-left: 10px;
    margin-left: 0;
    padding: 10px;
    border: solid 1px #AAA;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    word-wrap: break-word;
}

#main .boxCi {
    height: auto;
    width: 100%;
    margin: 1px 0px 3px 0px;
    padding: 5px;
    border: solid 1px #AAA;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    word-wrap: break-word;
}

#main .frame {
    background-color: #ffffff;
    display: inline-block;
    font-size: 12px;
    width: 200px;
    padding: 2px;
    margin: 2px;
    border: 1px orange solid;
    border-radius: 10px;
    text-align: center;
}
#main .frame_lang {
    background-color: #ffffff;
    display: inline-block;
    font-size: 12px;
    width: 110px;
    padding: 2px;
    margin: 2px;
    border: 1px orange solid;
    border-radius: 10px;
    text-align: center;
}
#main .frame_server {
    background-color: #ffffff;
    display: inline-block;
    font-size: 12px;
    width: 130px;
    padding: 2px;
    margin: 2px;
    border: 1px orange solid;
    border-radius: 10px;
    text-align: center;
}
#main .region {
    background-color: #ffffff;
    display: inline-block;
    font-size: 12px;
    width: 70px;
    padding: 2px;
    margin: 2px;
    border: 1px solid #232323;
    border-radius: 10px;
    text-align: center;
}

#main .hd_name{
	font-size: 15px;
	color: #232323;
	font-weight:bold;
	display: inline;
}
#main .apeal_point {
	font-size: 17px;;
}
#main .apeal_dt {
	font-size: 15px;;
}

#main .result_point {
	font-size: 17px;;
}
#main .result_dt {
	font-size: 15px;;
	margin-left: 20px;
}

#main .table_basic {
    width: 100%;
}
#table_detail {
    width: 60%;
}
#main .table_basic th {
    font-weight: bold;
    /*background-color: #66CCFF;*/
    background-color: #5ab4bd;
    width: 30%;
    text-align: center;
}
#main .table_basic th, .table_basic td {
    border: solid 1px #CCC;
    padding: 5px;
    font-size:15px;
}
#main .imagebox {
    float: left;
    padding: 5px;
}
#main .region_box {
	margin-top: 10px;
	display: inline;
}

/*****  詳細画面 *****/
#main .syosaioubo ul li {
    margin-bottom: 0.5em;
    border-radius: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    box-shadow: 2px 1px 3px rgba(0,0,0,0.4);
}
#main .oubosuru {
	background: rgb(255,140,0);
    background: -moz-linear-gradient(top, rgba(255,140,0,1) 0%, rgba(227,108,11,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,140,0,1) 0%,rgba(227,108,11,1) 100%);
    background: linear-gradient(to bottom, rgba(255,140,0,1) 0%,rgba(227,108,11,1) 100%);
	/*
    background: rgb(255,48,25);
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    */
}
#main .syosaioubo ul {
    margin: 0 0 2em 0;
    padding: 0;
    list-style: none;
}
#main .syosaioubo ul li a {
    color: #fff;
    display: block;
    padding: .5em 1em;
    border-radius: 20px;
}
#main h4 {
    font-size: 1.2em;
    margin: 0px 0px 5px 0px;
    position: relative;
    padding: .75em 1em .75em 2em;
    border: 1px solid #ccc;
        border-top-color: rgb(204, 204, 204);
        border-top-style: solid;
        border-top-width: 1px;
    border-bottom: 3px solid #3498db;
    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;
}
#main h4::after {
    position: absolute;
    top: 1em;
    left: .6em;
    z-index: 2;
    content: '';
    width: 10px;
    height: 10px;
    border: 3px solid #3498db;
    border-radius: 100%;
}
#main h5.subtitle {
	padding-left: 0px;
    padding-left: 14px !important;
    font-size: 14px;
    color: #494949 !important;
    font-weight: bold;
    border-left: 5px solid #d70035 ;

    margin: 10px 0px 12px;
    margin-bottom: 12px;
    font-weight: bold;


}

/****  タブ レイアウト **********/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /*width: 690px;*/
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 5px 5px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#profile:checked ~ #profile_content,
#service:checked ~ #service_content,
#result:checked ~ #result_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

.table_tabs td {
    padding: 10px;
    font-size: 15px;
}

#new_recruit dt {
    display: list-item;
    list-style: disc outside;
    font-weight: normal;
    padding-left: 0;
    float: left;
    clear: left;
    width: 60%;
}

#main a:hover, a:active {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    outline: none;
    /*color: #23547f;*/
    color:#800000 ;
}
#main a {
    color: #232323;
}

/* スマホだけに適用するCSS */
/*@media screen and ( max-width:479px ){*/
/* タブレット以下に適用するCSS */
@media screen and ( max-width:768px ){
	#wrapper {
	  margin-left: 10px;
	}

	#table_detail {
      width: 80%;
	}
	#main .table_basic th {
	  width:40%
	}
}

/* 問い合わせ*/
.post p {
    padding-bottom: 15px;
}
.text-red {
    color: #ff3682;
    font-weight: bold;
}
.post table {
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 20px;
}
.post table th {
    padding: 10px;
    border: #ccc solid;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 0 1px 1px;
    background: #efede7;
}
.post table td {
    padding: 10px;
    border: 1px #ccc solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-width: 0 0 1px 1px;
    background: #fff;
}
.statsDay {
    width: 95%;
}
.statsDay th {
    width: 35%;
}
.statsDay td {
    width: 65%;
}

.post input[type="text"],
.post input[type="email"],
.post textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
    width: 90%;
}

.post textarea {
	ime-mode: active;
	width: 560px;
	height: 245px;
}

/****  送信用画面　確認チェック *****/
#send input[type="checkbox"] {
    display: none;
    margin: 0;
}
#send input[type="checkbox"] + label {
    padding: 0 0 0 24px;
    position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
#send input[type="checkbox"] + label::before {
    border: 2px solid #ccc;
    content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
}

#send input[type="checkbox"]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}

#send .warning-sign {
    background: rgba(255,0,0,0.7);
    color: #fff;
    padding: 5px;
}

/***** privacy policy *******/
#main h2.kiyaku {
    margin: 0 0 1.5em;
    padding: 0.8em;
    font-size: 1.143em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #eee;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}
#main h3.komidashi {
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #505f3e;
    border-bottom: 1px dashed #505f3e;
    font-size: 1.143em;
    font-weight: bold;
}

#question p {
	border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
}
#question h5 {
	margin: 0;
}

#main .pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    display: block;
}
#main .pagetop a:hover {
    color: #FFF;
    background-color: #4169e1;
}

#main .pagetop a {
    width: 100%;
    padding: 5px 0 4px;
    display: block;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 20px;
    color: #4169e1;
    background-color: #FFF;
    border-color: #4169e1;
    border-width: 1px;
    border-style: solid;
}













/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Add custom CSS classes end
*
*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/