@charset "utf-8";
/**
 * コンテンツスタイル
 *
 * @since	2013.10.01
 * @version	1.0
 * @author	msc) ishimoto
 */

body {
	background: #eaf6fd url(../img/com_bg01.gif) repeat-x 0 0 fixed;
	border-top: 4px solid #234676;
}

#header,
#header-userlist,
#header-menulist,
#container,
#footer {
	min-width: 1280px;
}

/* ヘッダー部
----------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 128px;
	border-top: 4px solid #234676;
	background: inherit ;
	z-index: 100;
}
#header-inner {
	padding: 0 20px 0 12px;
	height: 49px;
	overflow: hidden;
}

#header-logo {
	float: left;
	width: 216px;
}

#header-loggedin-info {
	float: right;
	height: 48px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin-top: 0.2em;
	margin-right: 2em;
}

#header-loggedin-info a {
	color: #fff;
	display: inline-block;
	background: url("../img/com_link_ic03.gif") no-repeat left center;
	padding-left: 10px;

}

#header-font-switcher {
	float: right;
	margin-top: 8px;
	padding: 4px;
	background: #b9daf1;
}
#header-font-switcher dt,
#header-font-switcher dd,
#header-font-switcher li {
	float: left;
	height: 25px;
	line-height: 25px;
}
#header-font-switcher li {
	margin-left: 2px;
}
#header-font-switcher dt img {
	margin-right: 2px;
	vertical-align: middle;
}
#header-font-switcher a {
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#fontsize-L {
	background: url(../img/header_fontsize1.gif) no-repeat 0 0;
}
#fontsize-M {
	background: url(../img/header_fontsize2.gif) no-repeat 0 0;
}
#fontsize-S {
	background: url(../img/header_fontsize3.gif) no-repeat 0 0;
}
#header-font-switcher a.current,
#header-font-switcher a:hover {
	background-position: 0 -25px;
}

#header nav {
	height: 48px;
	background: url(../img/navigation_bg01.gif) repeat-x 0 0;
}
#header-gnav {
	padding-right: 20px;
}
#header-gnav,
#header-gnav li,
#header-gnav a {
	height: 100%;
}
#header-gnav li {
	float: left;
}
#header-gnav a{
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#header-gnav a.gnav-menu {
	width: 172px;
	background: url(../img/navigation_nav01.gif) no-repeat 0 0;
}
#header-gnav a.gnav-menu:hover {
	background-image: url(../img/navigation_nav01on.gif);
}
#header-gnav a.gnav-user {
	width: 103px;
	background: url(../img/navigation_nav02.gif) no-repeat 0 0;
}
#header-gnav a.gnav-user:hover {
	background-image: url(../img/navigation_nav02on.gif);
}
#header-gnav a.gnav-news {
	width: 120px;
	background: url(../img/navigation_nav03.gif) no-repeat 0 0;
}
#header-gnav a.gnav-news:hover {
	background-image: url(../img/navigation_nav03on.gif);
}
#header-gnav a.gnav-help {
	margin: 12px 10px 0px 0px;
	width: 73px;
	height: 25px;
	background: url(../img/navigation_nav04.gif) no-repeat 0 0;
}
#header-gnav a.gnav-help:hover {
	background-image: url(../img/navigation_nav04on.gif);
}

#header-gnav li.last {
	float: right;
}
#header-gnav a.gnav-logout {
	margin: 12px 0 0 0;
	padding: 0 6px;
	height: 25px;
	line-height: 25px;
	background: url("../img/com_link_bg01.gif") repeat-x left bottom #ffffff;
	text-indent: 0;
	font-size: 12px;
	text-decoration: none;
}
#header-gnav a.gnav-logout:hover {
	background: url("../img/com_link_bg01on.gif") repeat-x left top #ffffff;
}
#header-gnav a.gnav-logout span {
	display: inline-block;
	padding-left: 12px;
	background: url("../img/com_link_ic01.png") no-repeat left center;
}

#header-grayzone{
	position: relative;
	padding: 0 20px;
	background: #efefef;
	z-index: 2;
	overflow:hidden;
	height: 31px;
}
#header-wrap-submenu,
#header-wrap-submenu2{
	float: left;
	width: 100%;
	margin-right: -350px;
}
#header-user-info{
	width: 700px;
	height: 48px;
	line-height: 48px;
	overflow:hidden;
	margin-left: 10px;
	color: #fff;
}
#header-submenu,
#header-submenu2{
	font-size: 14px;
}
#header-submenu ul li,
#header-submenu2 ul li{
	float: left;
	height:31px;
}
#header-submenu ul li:last-child,
#header-submenu2 ul li:last-child{
	margin-right: 0;
}

#header-submenu ul li a,
#header-submenu2 ul li a{
	text-decoration: none;
	text-align: center;
	color: #193f6a;
	display: inline-block;
	min-width: 98px;
	height: 21px;
	line-height:21px;
	padding: 3px 5px 3px;
	overflow:hidden;
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
	border: 1px #afc4d0 solid;
	border-radius: 5px;
	margin: 2px 2px 2px 0;
}
#header-submenu ul li a.submenu_current,
#header-submenu2 ul li a.submenu_current{
	background-image: linear-gradient(#FFFFFF, #FFCC66);
}
#header-submenu ul li a:not(:target),
#header-submenu2 ul li a:not(:target){
	background: #eff8ff\9;/* IE9 */
}

#header-submenu ul li a:hover,
#header-submenu2 ul li a:hover{
	background-image: linear-gradient(#d9ecf9, #FFFFFF);
}
#header-submenu ul li a.submenu_current:hover,
#header-submenu2 ul li a.submenu_current:hover{
	background-image: linear-gradient(#FFCC66, #FFFFFF);
}
#header-submenu ul li a:hover:not(:target),
#header-submenu2 ul li a:hover:not(:target){
	background: #dbefff\9;/* IE9 */
}
.submenu-class{
	overflow: hidden;
	height: 132px;
}

#header-grayzone2{
	padding: 0 20px;
	background: #efefef;
	display: none;
	position: fixed;
	top: 101px;
	left: 0;
	min-width: 984px;
}
.pass_change{
	cursor:pointer;
}
.pass_change:hover{
	text-decoration:underline;
}

/* ヘッダー部 利用者
----------------------------------------------- */
#header-menulist{
	display: none;
	position: fixed;
	top: 101px;
	left: 0;
	right: 0;
	background: #113c8c;
	color: #fff;
	z-index: 3;
}
/* 2019/10/30　利用者左固定のため変更 */
#header-userlist{
	display: none;
	position: fixed;
	top: 101px;
	left: 0;
	right: 0;
	background: #113c8c;
	color: #fff;
	z-index: 100;
}

#header-usersearch {
	padding: 10px 10px 0px;
}
#header-usersearch-bottom {
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid #4681bc;
}
.user_more_u_total {
	padding: 0px 10px 4px;
}
#header-userresult {
	padding: 4px 10px 4px;
}
#header-userresult table.tbl {
	color: #333;
}
.hwrap-tbl-left{
	position:relative;
	width: 350px;
	float: left;
	z-index: 2;
}
.hwrap-tbl-topleft{
	overflow: hidden;
}
#header-userresult table.htbl-topleft{
	width: 350px;
	height: 50px;
	border-bottom: none;
	border-right: none;
}
.hwrap-tbl-middleleft{
/*
	max-height: 190px;
*/
	max-height: 210px;
	overflow: hidden;
	overflow-x: scroll;
}
#header-userresult table.htbl-middleleft{
	width: 350px;
	margin-top: -1px;
	border-top: none;
	border-right: none;
}
.hwrap-tbl-right1{
	position:relative;
	width: 100%;
	margin-left: -350px;
	float: right;
	z-index: 1;
}
.hwrap-tbl-right2{
	margin-left: 350px;
}
.hwrap-tbl-topright1{
	overflow: hidden;
}
.hwrap-tbl-topright2{
	overflow:hidden;
	overflow-y:scroll;
	float: left;
	max-width: 100%;
}
#header-userresult table.htbl-topright{
	height: 50px;
	margin-left:-1px;
	border-bottom: none;
	border-left: none;
	table-layout: fixed;
}
.hwrap-tbl-middleright{
/*
	max-height:190px;
*/
	max-height:210px;
	overflow:scroll;
	float:left;
	max-width:100%;
}
#header-userresult table.htbl-middleright{
	margin-top:-1px;
	margin-left:-1px;
	border-top: none;
	border-left: none;
	table-layout: fixed;
}
#usermore{
	padding: 15px 10px;
}
#wrapper_usermore{
	height: 50px;
}
#usermore a{
	color: #fff;
}

div#header-userresult td.header-user-highlight {
	background: #ffeeaa;
}
.userresult_nintei_limit {
	width:50px;
}
.nintei_countdown_icon {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    background: #72a000;
		color: white;
    float: left;
    margin-left: 3px;
}
#header-userlist.header_position .nintei_countdown_icon {
    display:none;
}
.userresult_name_float {
    float: left;
}
/* ヘッダー部　メニュー
----------------------------------------------- */
#header-menulist {
	background: #295098;
}
#header-menulist-wrapper{
	width: 1004px;
}
#header-menulist-wrapper2{
	width: 233.8px;
}
#header-menulist-left {
	float: left;
	width: 172px;
}
#header-menulist-left dl {
	padding: 10px;
}
#header-menulist-right {
	float: right;
	margin-left: -172px;
	width: 100%;
}
#header-menulist-right-inner {
	margin-left: 172px;
	background: #113c8c;
	border-right: 1px solid #fff;
}
#header-menulist-right dl {
	float: left;
	padding: 10px;
	width: 150px;
	height: 120px;
	margin-right: -1px;
	border-left: 1px solid #fff;
}
#header-menulist-right dl:last-child {
	margin-right: 0;
	width: 149px;
	border-right: 1px solid #fff;
}

#header-menulist dt {
	font-size: 14px;
	background: #7e97b5;
	display: block;
}
#header-menulist dt a:hover {
	background: #90b0dc;
	text-decoration: none;
	display: block;
}
#header-menulist li {
	padding-left: 14px;
	background: url("../img/navigation_pd_ic01.png") no-repeat 2px 4px;
}

#header-menulist a {
	color: #fff;
	text-decoration: none;
}
#header-menulist a:hover {
	text-decoration: underline;
}
#user-tblhead.hwrap-tbl-top{
	overflow: hidden;
	overflow-y: scroll;
}
#header-userresult table.tbl-top{
	width:3500px;
}
#user-tblbody.hwrap-tbl-bottom{
	overflow: scroll;
	height: 170px;
}
#header-userresult table.tbl-bottom{
	width:3500px;
	margin-top:-1px;
}

#submenue{
	font-size: 14px;
}

#submenue ul li{
	float: left;
}
#submenue ul li:last-child{
	margin-right: 0;
}

#submenue ul li a{
	text-decoration: none;
	text-align: center;
	color: #193f6a;
	display: inline-block;
	width: 98px;
	padding: 3px 5px 3px;
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
	border: 1px #afc4d0 solid;
	border-radius: 5px;
	margin: 0 2px 2px 0;
}
#submenue ul li a:not(:target){
	background: #eff8ff\9;/* IE9 */
}
#submenue ul li a:hover{
	background-image: linear-gradient(#d9ecf9, #FFFFFF);
}
#submenue ul li a:hover:not(:target){
	background: #dbefff\9;/* IE9 */
}
#header-menulist-all {
	float: right;
	margin-left: 0;
	width: 100%;
}
#header-menulist-all-inner {
	margin-left: 0;
	background: #113c8c;
	border-right: 1px solid #fff;
}
#header-menulist-all dl {
	float: left;
	padding: 10px;
	width: 180px;
	margin-right: -1px;
	border-left: 1px solid #fff;
}
#header.fontsize-S #header-menulist-all dl {
	height: 120px;
}
#header.fontsize-M #header-menulist-all dl {
	height: 130px;
}
#header.fontsize-L #header-menulist-all dl {
	height: 140px;
}
#header-menulist-all dl:last-child {
	margin-right: 0;
	width: 179px;
	border-right: 1px solid #fff;
}

#header-menulist-all2 {
	float: right;
	margin-left: 0;
	width: 100%;
}
#header-menulist-all-inner2 {
	margin-left: 0;
	background: #113c8c;
	border-right: 1px solid #fff;
}
#header-menulist-all2 dl {
	float: left;
	padding: 10px;
	width: 180px;
	margin-right: -1px;
	/* border-left: 1px solid #fff; */
}
#header-menulist-all2 dl:last-child {
	margin-right: 0;
	width: 213px;
	border-right: 1px solid #fff;
}

.oflow {
	overflow: hidden;
	width: 100%;
	height: 16.8px;
}
.d-height {
	height: 16.8px;
}
.oflow-h {
	overflow: hidden;
	width: 100%;
	height: 16px;
}
.d-height-h {
	height: 16px;
}

/* ヘッダー部　ヘルプ
----------------------------------------------- */
#header-help{
	display: none;
	position: fixed;
	top: 101px;
	right: 0;
	background: #113c8c;
	color: #fff;
	z-index: 3;
	width: auto;
}
#help-nav a{
	display: block;
	width:300px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	padding-left: 10px;
	text-decoration: none;
}
#help-nav a:hover{
	background: #90b0dc;
}

/* フッター部
----------------------------------------------- */
#footer {
	clear: both;
	position: relative;
	height: 40px;
	border-top: 1px solid #d3d3d3;
}

#footer-logo {
	position: absolute;
	top: 10px;
	left: 20px;
}

#footer-copyright {
	position: absolute;
	top: 16px;
	right: 20px;
	font-size: 14px;
}

#footer-totop {
	position: absolute;
	right: 20px;
	top: -20px;
	padding-left: 14px;
	display: inline-block;
	background: url("../img/com_link_ic10.gif") no-repeat left center;
	font-size: 12px;
	text-decoration: none;
}
/* ログイン部
----------------------------------------------- */
#login-page{
	border: 2px solid #a9cbe3;
	margin: 50px auto;
	width: 350px;
	padding: 30px;
	border-radius: 4px;
}
#login-inner{
	padding-top: 25px;
}
#login-input-area{
	line-height: 3em;
	text-align: right;
}
#login-btn-area{
	float:right;
	margin-top: 10px;
	}

/* メインコンテンツ部
----------------------------------------------- */
// 10250 mod start
#announce-page {
  //border: 2px solid #a9cbe3;
  margin: 50px auto;
  width: 600px;
  padding: 30px;
  border-radius: 4px;
}
#announce-page > p {
  margin-top: 20px;
  font-size: 20px;
  text-align: left;
}
// mod end

#container {
	clear: both;
}

#container-inner {
	padding: 128px 20px 30px;
}

#main-wrapper {
	padding: 5px 20px 10px;
	background: #fff;
	box-shadow: 0 0 10px #a9c6f3;
	border-radius: 0 0 10px 10px;
}

#main-title {
	padding: 4px 12px 0;
	height: 44px;
	line-height: 44px;
	background: url("../img/com_head_bg02.gif") repeat-x left bottom;
	border-bottom: 3px solid #3466cd;
	border-top: 1px solid #CCCCCC;
	font-size: 24px;
}

#main {
	margin-top: 20px;
	min-height: 400px;
	position: relative;
}

#main.fontsize-S {
	font-size: 14px;
}
#main.fontsize-M {
	font-size: 16px;
}
#main.fontsize-L {
	font-size: 18px;
}
#header.fontsize-S {
	font-size: 11px;
}
#header.fontsize-M {
	font-size: 13px;
}
#header.fontsize-L {
	font-size: 14px;
}
#header-userlist.fontsize-S {
	font-size: 11px;
}
#header-userlist.fontsize-M {
	font-size: 13px;
}
#header-userlist.fontsize-L {
	font-size: 14px;
}
.komidashi {
	padding: 0 5px 0 10px;
	height: 24px;
	line-height: 24px;
	background: url("../img/com_head_bg04.gif") no-repeat left top;
}
.komidashi2 {
	padding: 0 5px 0 10px;
	height: 24px;
	line-height: 24px;
	background: url("../img/com_head_bg03.gif") no-repeat left top;
}
.photo-border{
	height: 410px;
	border: 2px solid #a9cbe3;
	vertical-align: bottom;
	text-align: center;
}
.service, .pref {
	width: 100%;
	margin: 20px 0 5px 0;
}
.service:first-child, .pref:first-child {
	margin-top: 0;
}
.service label {
	float: left;
	display: inline-block;
	width: 50%;
	margin-bottom: 5px;
}
.pref label {
	float: left;
	display: inline-block;
	width: 14%;
	margin-bottom: 5px;
}
.service label span:first-child{
	float: left;
	width: 20px;
}
.service label span:last-child{
	float: left;
	width: 330px;
}
.user_nowrap{
	display: inline-block;
	white-space:nowrap;
	margin-bottom: 5px;
}
p.totop{
	margin-top: 20px;
	text-align: right;
	background: url("../img/navigation_pd_ic01.png") no-repeat left center;
	padding-left: 8px;
	display: inline-block;
}
#cause_area{
	font-size:14px;
}
#cause_area ul.cause{
	text-align: left;
	margin: 20px 0 20px 60px;
	list-style: disc;"
}
select:disabled,
textarea:disabled{
	background-color:rgb(235, 235, 228);
}
/* ボタン
----------------------------------------------- */
a.btn {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	cursor: pointer;
}
a.btn-new {
	width: 95px;
	height: 35px;
	background: url("../img/com_bt07.gif") no-repeat left top;
}
a.btn-new:hover {
	background-image: url("../img/com_bt07on.gif");
}
a.btn-ins {
	width: 95px;
	height: 35px;
	background: url("../img/com_bt08.gif") no-repeat left top;
}
a.btn-ins:hover {
	background-image: url("../img/com_bt08on.gif");
}
a.btn-del {
	width: 95px;
	height: 35px;
	background: url("../img/com_bt09.gif") no-repeat left top;
}
a.btn-del:hover {
	background-image: url("../img/com_bt09on.gif");
}

a.btn-calender {
	width: 23px;
	height: 25px;
	background: url("../img/icn-calendar.gif") no-repeat left top;
	vertical-align: middle;
}
a.btn-calender:hover {
	background-image: url("../img/icn-calendar-on.gif");
}
p.btn-calender-off {
	width: 23px;
	height: 25px;
	background: url("../img/icn-calendar-off.gif") no-repeat left top;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	cursor: default;
}
a.btn-clock {
	width: 24px;
	height: 25px;
	background: url("../img/icn-clock.png") no-repeat left top;
	background-size:cover;
	vertical-align: middle;
}

a.btn-txt1 {
	display: inline-block;
	padding: 2px 4px;
	background: #fff url("../img/com_link_bg01.gif") repeat-x left bottom;
	border: 1px solid #b1c7d3;
	text-decoration: none;
}
a.btn-txt1:hover {
	background-image: url("../img/com_link_bg01on.gif");
}
a span.plus {
	display: inline-block;
	background: url("../img/com_link_ic14.png") no-repeat left center;
	padding-left: 16px;
}
a span.plus2 {
	display: inline-block;
	background: url("../img/com_link_ic13.png") no-repeat left center;
	padding-left: 16px;
}
a span.minus {
	display: inline-block;
	background: url("../img/com_link_ic15.png") no-repeat left center;
	padding-left: 16px;
}
input.btn{
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
	border: 1px solid #aec3cf;
	color:#316291;
	cursor: pointer;
}
input.btn:not(:target){
	background: #eff8ff\9;/* IE9 */
}
input.btn:hover{
	background-image: linear-gradient(#d9ecf9, #FFFFFF);
}
input.btn:hover:not(:target){
	background: #dbefff\9;/* IE9 */
}
input.btn-del{
	background-image: linear-gradient(#FFFFFF, #e2e2e1);
	border: 1px solid #cbcccc;
	color:#ce141b;
}
input.btn-del:not(:target){
	background: #f2f2f2\9;/* IE9 */
}
input.btn-del:hover{
	background-image: linear-gradient(#e2e2e1, #FFFFFF);
}
input.btn-del:hover:not(:target){
	background: #e2e2e1\9;/* IE9 */
}
input.btn-blue{
	background-image: linear-gradient(#3365CC, #0D43AF);
	border: 1px solid #08399B;
	color:#FFFFFF;
}
input.btn-blue:not(:target){
	background: #2f62c9\9;/* IE9 */
}
input.btn-blue:hover{
	background-image: linear-gradient(#0D43AF, #3365CC);
}
input.btn-blue:hover:not(:target){
	background: #0D43AF\9;/* IE9 */
}
input.btn-ent{
	background-image: linear-gradient(#d5553f, #a31f24);
	border: 1px solid #a31f24;
	color:#FFFFFF;
}
input.btn-ent:not(:target){
	background: #c63027\9;/* IE9 */
}
input.btn-ent:hover{
	background-image: linear-gradient(#a31f24, #d5553f);
}
input.btn-ent:hover:not(:target){
	background: #a31f24\9;/* IE9 */
}
input.btn[disabled],input.btn[disabled]:hover,
input.btn-ent[disabled],input.btn-ent[disabled]:hover,
input.btn-blue[disabled],input.btn-blue[disabled]:hover,
input.btn-del[disabled],input.btn-del[disabled]:hover{
	background-image: linear-gradient(#F7F7F7, #dddddd);
	border: 1px solid #a4a4a4;
	color:#7f7f80;
	cursor:default;
	}
input.btn[disabled]:not(:target),
input.btn[disabled]:hover:not(:target),
input.btn-ent[disabled]:not(:target),
input.btn-ent[disabled]:hover:not(:target),
input.btn-blue[disabled]:not(:target),
input.btn-blue[disabled]:hover:not(:target),
input.btn-del[disabled]:not(:target),
input.btn-del[disabled]:hover:not(:target){
	background: #dddddd\9;/* IE9 */
	}
.reten_box{
	border-radius:5px;
	border: #D9E2EA 1px solid;
	padding: 15px 15px 20px 15px;
	display: inline-block;
	background: #F5F9FB;
}
input.btn.is-active {
    background: #316291;
    border-color: #316291;
    color: #fff;
}

/* テーブル
----------------------------------------------- */
table.tbl-frame,
table.tbl-noneborder,
table.tbl {
	line-height: 1.2;
	background: #fff;
	border: 2px solid #a9cbe3;
}
table.tbl-frame th,
table.tbl-frame td,
table.tbl-noneborder th,
table.tbl-noneborder td,
table.tbl th,
table.tbl td {
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #fff;
	word-break: break-all;
	word-wrap: break-word;
}
table.tbl.none-topborder,
table.tbl th.none-topborder,
table.tbl td.none-topborder {
	border-top: none;
}
table.tbl.none-bottomborder,
table.tbl th.none-bottomborder,
table.tbl td.none-bottomborder {
	border-bottom: none;
}
table.tbl.none-leftborder,
table.tbl th.none-leftborder,
table.tbl td.none-leftborder {
	border-left: none;
}
table.tbl.none-rightborder,
table.tbl th.none-rightborder,
table.tbl td.none-rightborder {
	border-right: none;
}
table.tbl th {
	background: #eaf6fd;
}
table.tbl-noneborder th {
	background: #fff;
}
table.topbottom th {
	text-align: right;
}
table.leftright th {
	text-align: center;
}
table.tbl.coltop td {
	vertical-align: top;
}
table.tbl .pad0 {
	padding: 0;
}
table.tbl .pad0 table {
	margin: -1px;
}
table.tbl td.tbl-dotR{
	border-right: 1px dashed #ccc;
}
table.tbl td.tbl-dotL{
	border-left: 0px dashed #ccc;
}
table.tbl-frame th,
table.tbl-frame td,
table.tbl-noneborder,
table.tbl-noneborder th,
table.tbl-noneborder td {
	border: none;
}
table.tbl-noneborder caption{
	height: 25px;
}
.noneborder{
	border: none !important;
}
table.noneborder td{
	border: none;
}
.list_tbl{
	display:none;
	padding-left: 1em;
}
.p_left2{
	padding-left: 2em;
}

/* タブ
----------------------------------------------- */
.tabBtn{
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	}
.tabBtn li{
	float: left;
	margin-right: 2px;
}
.tabBtn li:last-child{
	margin-right: 0;
}
.tabBtn li a{
	display: table-cell;
	width: 64px;
	height: 65px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
	border: 1px solid #9bc4e4;
	border-bottom: 3px solid #9bc4e4;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.tabBtn li a:not(:target){
	background: #eff8ff\9; /* IE9 */
}
.tabBtn li a.tab-1{
	width: 63px;
}
.tabBtn li a:hover,
.tabBtn li a.current{
	border-bottom: 1px solid #fff;
	border-top: 3px solid #9bc4e4;
	background: #fff;
}

.tabBox{
	position: relative;
	top: -1px;
	left: 0;
	border: 1px solid #9bc4e4;
	padding: 10px 20px 10px 20px;
	z-index: 0;
}
.tab-long{
	width: 904px;
}

/* メッセージ
----------------------------------------------- */
.req {
	margin: 0 2px;
	color: red;
	font-weight: bold;
}
.blue_comment {
	color: blue;
}

.req_non_bold {
	margin: 0 2px;
	color: red;
}

.red_comment {
	color: red;
	font-size: 90%;
}

.content_flash_message {
	margin: 20px 0;
	padding: 0.5em 1em;
	background: #efe;
	border: 2px solid #9c6;
}

.content_error_message {
	margin: 20px 0;
	padding: 0.5em 1em;
	background: #fee;
	border: 2px solid #f00;
}

.long {
	width: 944px;
}

li.disabled,
tr.disabled th,
tr.disabled td {
	background: #ccc;
}
div.innerscroller {
	float: left;
	overflow: hidden;
	overflow-y: scroll;
}
.cbtool-sg div.innerscroller {
	overflow-y: auto;
	max-height: 300px;
}
div.innerscroller:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
* html div.innerscroller {
	zoom: 1;
}
*:first-child+html div.innerscroller {
	zoom: 1;
}
div.innerscroller > table.tbl {
	margin-top: -1px;
}
img.sortbtn {
	margin-left: 2px;
}

a.btn_up,
a.btn_dw {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/sort-asc.gif) no-repeat center center;
	vertical-align: middle;
}
a.btn_dw {
	background-image: url(../img/sort-dsc.gif);
}

/* 時分ツール用 */
a.btn_up2,
a.btn_dw2 {
	width: 16px;
	height: 16px;
	background: url(../img/sort-asc.gif) no-repeat center center;
}
a.btn_dw2 {
	background-image: url(../img/sort-dsc.gif);
}

/* 固定ボタンブロック
----------------------------------------------- */
#fixedbtnblock  {
	padding: 8px;
	background: #f3f9ff;
	border: 1px solid #d3d3d3;
}
#fixedbtnblock ul {
	margin-bottom: -8px;
}
#fixedbtnblock li {
	margin-bottom: 8px;
}
.fixed-bottom {
	position: fixed;
	right: 40px;
	bottom: 20px;
}
.absolute-bottom{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
hr.hr0 {
	margin: 2px 0;
	padding: 0;
	height: 1px;
	border: 0;
}
hr.hr1 {
	margin: 20px 0;
	padding: 0;
}
.isp-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}
.isp{
	width: 100%;
	height: 100%;
}

#isp-tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 10px;
	font-size: 12px;
	background: rgba(0,0,0,0.8);
	white-space: nowrap;
	z-index: 999;
}

#isp-tooltip a {
	color: #fff;
	text-decoration: none;
}

.bunreilist,
.bunreilist2,
.bunreientry,
.bunreientry2,
.bunreiadd,
.bunreiadd2,
.bunreidelete,
.bunreidelete2,
.bunreicopy,
.bunreicopy2,
.bunreikai,
.bunreikai2,
.bunreiup,
.bunreiup2,
.bunreidown,
.bunreidown2,
.conference_entry,
.senmonin_name,
.senmonin_name2{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/bunrei_list.png) no-repeat center center;
	vertical-align: middle;
}
.bunreientry,
.bunreientry2{
	background: url(../img/bunrei_entry.png) no-repeat center center;
}
.bunreiadd,
.bunreiadd2{
	background: url(../img/bunrei_add.png) no-repeat center center;
}
.bunreidelete,
.bunreidelete2{
	background: url(../img/bunrei_delete.png) no-repeat center center;
}
.bunreicopy,
.bunreicopy2{
	background: url(../img/bunrei_copy.png) no-repeat center center;
}
.bunreikai,
.bunreikai2{
	background: url(../img/bunrei_kai.png) no-repeat center center;
}
.bunreiup,
.bunreiup2{
	background: url(../img/bunrei_up.png) no-repeat center center;
}
.bunreidown,
.bunreidown2{
	background: url(../img/bunrei_down.png) no-repeat center center;
}
.conference_entry{
	background: url(../img/conference_entry.png) no-repeat center center;
}

.senmonin_name,
.senmonin_name2 {
	background: url(../img/bunrei_sen.png) no-repeat center center;

}

/* 年月日入力ツール
----------------------------------------------- */
#cbtool-ymd-tooltip {
	background: #fff;
	padding: 10px;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	position: relative;
	z-index: 1001;
}
#cbtool-ymd-tooltip .select_ym {
	text-align: center;
}
#cbtool-ymd-tooltip table.tbl-select_ba{
	width: 290px;
}
#cbtool-ymd-tooltip table.tbl-select_ba td{
	text-align: center;
}
#cbtool-ymd-tooltip table.tbl-select_d{
	border: 2px solid #a9cbe3;
}
#cbtool-ymd-tooltip table.tbl-select_d th {
	text-align: center;
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
}
#cbtool-ymd-tooltip table.tbl-select_d th:not(:target){
	background: #eff8ff\9; /* IE9 */
}
#cbtool-ymd-tooltip table.tbl-select_d td {
	width: 40px;
	height: 40px;
	border: 1px solid #aec3cf;
	font-size: 14px;
}
#cbtool-ymd-tooltip table.tbl-select_d td a {
	display: block;
	width: 36px;
	height: 36px;
	padding: 2px;
	background: #FFFFFF;
	color:#316291;
	text-decoration: none;
	overflow: hidden;
}
#cbtool-ymd-tooltip table.tbl-select_d td a:hover,
#cbtool-ymd-tooltip table.tbl-select_d td.sun_cell a:hover,
#cbtool-ymd-tooltip table.tbl-select_d td.sat_cell a:hover {
	background: #c8f3ff;
}
#cbtool-ymd-tooltip table td.disabled {
	background:#e2e2e1;
	height: 40px;
}
/*曜日：土*/
th.sat,
span.sat {
	color: #0000ff;
}
/*曜日：日*/
th.sun,
span.sun {
	color: #ff0000;
}

#cbtool-ymd-tooltip table.tbl-select_d td.sun_cell a {
	background: #ffeeee;
}
#cbtool-ymd-tooltip table.tbl-select_d td.sat_cell a {
	background: #f0faff;
}

/* 年月入力ツール
----------------------------------------------- */
#cbtool-ym-tooltip {
	background: #fff;
	padding: 10px;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	position: relative;
	z-index: 1001;
}
.cbtool-ym-close,
.cbtool-ymd-close{
	display: inline-block;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	width: 16px;
	height: 16px;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor:pointer;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	background: none;
	border: none;
	color:#316291;
	cursor: pointer;
}
.cbtool-ym-close:hover,
.cbtool-ymd-close:hover{
	color: #d93c3b;
}
#cbtool-ym-tooltip table.tbl-bna td {
	width: 82px;
	text-align: center;
	text-decoration: none;
}
#cbtool-ym-tooltip table.cbtool-ym-month-tbl {
	border: 2px solid #a9cbe3;
}
#cbtool-ym-tooltip table.cbtool-ym-month-tbl td {
	width: 60px;
	height: 30px;
	border: 1px solid #aec3cf;
	line-height: 30px;
	text-align: center;
	background: #FFFFFF;
}
#cbtool-ym-tooltip table.cbtool-ym-month-tbl td a{
	display: block;
	text-decoration: none;

}
#cbtool-ym-tooltip table.cbtool-ym-month-tbl td a:hover{
	background: #c8f3ff;
}
.cbtool-ym-switch{
	color: #06c;
	text-decoration: underline;
	cursor: pointer;
}
.cbtool-ym-switch:hover{
	text-decoration: none;
}


@media screen and (min-height: 800px){

div.kahen_tbl {
	max-height: 200px;
}

}
@media screen and (max-height: 800px){

div.kahen_tbl {
	max-height: 100px;
}

}
/* #13536 Start 各種マスタ登録一覧の表示幅変更（縮小時）*/
div.mst_tbl {
    max-height: 200px;
}
/* #13536 End */
div.kahen_tbl_jigyo_list {
	max-height: 350px;
}



/* PowerTip Plugin */
#powerTip {
	cursor: default;
	background-color: #3466cd;
	background-color: rgba(50, 100, 200, 0.8);
	border-radius: 6px;
	color: #fff;
	display: none;
	padding: 10px;
	position: absolute;
	margin-left: 10px;
	white-space: nowrap;
	z-index: 100;
}
#powerTip:before {
	content: "";
	position: absolute;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -7px;
	top: 50%;
	border-right: 10px solid #3466cd;
	border-right: 10px solid rgba(50, 100, 200, 0.8);
	left: -10px;
}
#powerTip a{
	color: #fff;
}
.helper{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/hatena.png) no-repeat center center;
	vertical-align: middle;
	cursor: pointer;
}

/* 選択利用者共通
----------------------------------------------- */
#block_select_user .tbl-fontL{
	font-size:20px;
}
#block_select_user .tbl-fontS{
	font-size:14px;
}

#tbl_select_user{
	min-width: 944px;
}
#block_select_user .tbl-userbox{
	min-width: 250px;
}
#block_select_user .tbl-naiyobox{
	min-width: 600px;
}
#block_select_user .kyotaku-tip{
	display: none;
}
#block_select_user .kyotaku-key{
	cursor:pointer;
}
#kyotakuTip {
	cursor: default;
	background-color: #fdedea;
	border-radius: 6px;
	color: #000;
	display: none;
	padding: 10px;
	position: absolute;
	margin-top: -10px;
	margin-left: 10px;
	white-space: nowrap;
	z-index: 100;
	border: 1px solid #ccc;
}
#kyotakuTip:after,
#kyotakuTip:before {
	border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
	top: 50%;
    position: absolute;
    width: 0;
}
#kyotakuTip:after{
    border-width: 6px;
    border-right-color: #fdedea;
	margin-top: 2px;
}

#kyotakuTip:before {
    border-width: 8px;
    border-right-color: #ccc;
}
/* 背景色
----------------------------------------------- */
.back_gray td{
	background-color: #D3D3D3 !important;
}
.back_red td{
	background-color: #FA6964 !important;
}
.back_orange td{
	background-color: #F4A460 !important;
}
.back_green td{
	background-color: #92D050 !important;
}
input[type="text"].textback-red{
	background: #FA6964;
}
input[type="text"].textback-blue{
	background: #6981F7;
}

/* スライドボックス
----------------------------------------------- */
.slide_wrapper{
	border:2px solid #a9cbe3;
	margin: 20px 0;
}
.midashi_box{
	padding: 6px;
	background: #eaf6fd;
	cursor: default;
}
.midashi_box span.slide_btn{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(../img/sort-asc.gif) no-repeat center center;
	vertical-align: middle;
}
.midashi_box span.dsc{
	background-image: url(../img/sort-dsc.gif) !important;
}
.slide_box{
	border-top:1px solid #ccc;
	display: none;
}

/* サイドバー
---------------------------------------------- */
#header-userlist.side_position {
	transition: margin-left 0.5s;
	z-index: 3;
	position: absolute;
	left: 0;
	width: 189px;
	margin: 0;
	padding: 0px;
	min-width: 160px;
	overflow: hidden;
}
#header-userlist.side_position.riyosha_no_display {
	width: 275px;
}

.open-trigger {
	z-index: 3;
	width: 30px;
	height: 100px;
	background: #113c8c;

	display: none;
	cursor: pointer;
	position: absolute;
	top: 125px;
	left: 0px;
	border-radius: 0px 10px 10px 0px;
	color: #fff;
}
.riyosha {
	padding: 20px 0px 0px 5px;
}

.close-trigger {
	display:none;
}
#header-userlist.side_position .close-trigger {
	z-index: 3;
	width: 30px;
	height: 30px;
	background: #cd5c5c;

	visibility: hidden;
	display: inline-block;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	border-radius: 0px 0px 5px 0px;
}
.toji {
	font-size: 27px;
    padding: 0px 0px 0px 2px;
}

.sub-side-trigger {
	display: none;
}
#header-userlist.side_position .sub-side-trigger {
	z-index: 3;

	height:30px;
	cursor: pointer;
	position: relative;
    right: 5px;
	float: right;

	color: white;
    font-size: 27px;
}

.side-user-list-pin {
	display:none;
}
#header-userlist.side_position .side-user-list-pin {
	display:inline-block;
	margin-top: 8px;
	margin-right: 5px;
	right: 5px;
	float: right;
}

#header-userlist.side_position .side-user-list-pin-botton{
    font-size: 14px;
    background-image: linear-gradient(#FFFFFF, #d9ecf9);
    border: 1px solid #aec3cf;
    color: #316291;
    cursor: pointer;
}
#header-userlist.side_position .side-user-list-pin-botton.current,
#header-userlist.side_position .side-user-list-pin-botton:hover {
	background: #013261;
	color:white;
	border: 1px solid #fff;
}


.sub-side-open {
	display:inline;
}
.sub-side-close {
	display:none;
}

.side_user_list_search {
	display:none;
}
#header-userlist.side_position .side_user_list_search {
	display:block;
	color:white;
	cursor: pointer;
	text-decoration: underline;
	position: absolute;
	right:0px;
	top: 67px;
}

#header-userlist.side_position #header-usersearch{
	display: none;
	padding: 10px 5px 0px;
    position: relative;
    width: auto;
    background-color: #3453b3;
    top: 25px;
    z-index: 3;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
#header-userlist.side_position #header-usersearch.side_user_list_search_open{
	display: block;
}
#header-userlist.side_position .usersearch_open_tag {
	display:inline;
}
#header-userlist.side_position .usersearch_close_tag {
	display:none;
}

.side-header-usersearch-top {
	display:none;
}
#header-userlist.header_position .side_user_list_top_custom {
	display:none;
}
#header-userlist.side_position .side_user_list_top_custom {
	display:inline;
}
#header-userlist.side_position.riyosha_no_display .side_user_list_top_custom {
	display:none;
}
#header-userlist.side_position #header-usersearch .w12 {
	width:7rem;
}
#header-userlist.side_position.riyosha_no_display #header-usersearch .w12 {
	width: 12rem;
}
#header-userlist.side_position #header-usersearch .w08 {
	width:6rem;
}
#header-userlist.side_position.riyosha_no_display #header-usersearch .w08 {
	width:8rem;
}
#header-userlist.header_position .patternblock_custom {
	display:none;
}
#header-userlist.side_position .patternblock_custom {
	display:inline;
}
#header-userlist.header_position .patternblock_search_to_custom {
    padding-left: 0px;
}
#header-userlist.side_position .patternblock_search_to_custom {
    padding-left: 62px;
}
#header-userlist.side_position.riyosha_no_display .patternblock_search_to_custom {
    padding-left: 109px;
}
#header-userlist.header_position .patternblock_search_from_to_custom {
	display:none;
}
#header-userlist.side_position .patternblock_search_from_to_custom {
	padding: 2px;
}
#header-userlist.side_position .user_more_u_total{
	padding: 0px 0px 4px 0px;
}
#header-userlist.side_position #header-userresult{
	padding: 4px 0px 0px 0px;
}

#header-userlist.header_position .side_user_list {

}
#header-userlist.side_position .side_user_list {
    left: 29px;
    position: absolute;
    top: 86px;
    overflow: hidden;
    width: 159px;
}
#header-userlist.side_position.riyosha_no_display .side_user_list {
	width: 245px;
	overflow: hidden;
}

#header-userlist.side_position .hwrap-tbl-left {
	width:159px;
}
#header-userlist.side_position.riyosha_no_display .hwrap-tbl-left {
	width: 245px;
}
#header-userlist.side_position .hwrap-tbl-topleft{
    overflow-y: scroll;
}
#header-userlist.side_position.riyosha_no_display .htbl-topleft{
    width: 228px;
}
#header-userlist.side_position .htbl-topleft{
    width: 142px;
}
#header-userlist.side_position .hwrap-tbl-middleleft{
	min-height: 30px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#header-userlist.side_position.riyosha_no_display .htbl-middleleft{
    width: 228px;
}
#header-userlist.side_position .htbl-middleleft{
    width: 142px;
}
#header-userlist.side_position .hwrap-tbl-right1{
    width: 0%;
}

#header-userlist.side_position .hwrap-tbl-middleright{
	min-height: 46px;
}

#header-userlist.side_position #usermore {
	padding: 0px 10px;
	padding-top: 4px;
}

#header-userlist.side_position .left{
	display: none;
}

#user-list-switcher {
	float: right;
	margin-right: 8px;
	margin-top: 8px;
	padding: 4px 4px 0px 0px;
}
#user-list-switcher dt {
	float: left;
	line-height: 21px;
	color:#316291; margin-right: 2px;
	font-size: 14px;
	padding-top: 4px;
}
#user-list-switcher dd {
	float: left;
}
#user-list-switcher li {
	float: left;
}
#user-list-switcher-head,
#user-list-switcher-side {
	display:block;
	height: 25px;
	margin-right: 2px;
	font-size: 14px;

	background-image: linear-gradient(#FFFFFF, #d9ecf9);
    border: 1px solid #aec3cf;
    color: #316291;
    cursor: pointer;
}
#user-list-switcher-head.current,
#user-list-switcher-side.current{
	display:none;
}
#user-list-switcher-head:hover,
#user-list-switcher-side:hover  {
	background: #013261;
	color:white;
	border: 1px solid #fff;
}

#header-userlist.side_position .side_userresult_no {
	display:none;
}
#header-userlist.side_position .userresult_nintei_limit {
	display:none;
}

.side_userresult_id_no {
	display:none;
}
#header-userlist.riyosha_no_display .side_userresult_id_no {
	display:table-cell;
	width:81px;
}


#header-userlist .userresult_id_no_in {
	width:81px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	direction: ltr;
}
#header-userlist.side_position .side_userresult_id_name_in {
	width:100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.side_user_gojuon_search {
	display: none;
}

#header-userlist.side_position .side_user_gojuon_search {
	display: inline-block;
    position: absolute;
    top: 112px;
}
.side_user_gojuon_button {
	padding-left: 4px;
	margin: 0px 0px 0px 0px;
	height: 25px;
	width: 25px;
	font-size: 14px;
	background-image: linear-gradient(#FFFFFF, #d9ecf9);
    border: 1px solid #aec3cf;
    color: #316291;
    cursor: pointer;
}
.side_user_gojuon_button.current,
.side_user_gojuon_button:hover {
	background: #013261;
	color:white;
	border: 1px solid #fff;
}

.riyousha_id_no {
    margin: 4px  0px 0px 10px;;
    padding-top: 6px;
    border-bottom: 1px solid #4681bc;
}
body.side_user_list_open #container {
	margin-left:179px;
}
body.side_user_list_open.id_no_plus #container {
	margin-left:265px;
}
body.side_user_list_open footer {
	margin-left:179px;
}
body.side_user_list_open.id_no_plus footer {
	margin-left:265px;
}

#header-userlist.side_position span.user_cache_check_container {
	display: none;
}

#header-userlist.header_position span.user_cache_check_container {
	margin-left: 1em;
	padding: 0em 0.5em;
	border: solid 1px #6091d3;
	border-radius: 5px;
	background-color: #fff766;
	color: #113c8c;
}

#header-userlist.side_position .user_head_only {
	display:none;
}

/* 利用者スクロール
---------------------------------------------- */
#user-list-scroll-trigger {
	display: none;
}

/* プログレスバー
----------------------------------------------- */
@keyframes STRIPES-SCROLL {
	from {
		transform: translateX(0);
	}
	to { 
		transform: translateX(46px);
	}
}

.progressbar-container {
	border: 1px solid gray;
	border-radius: 5px;
	width: 100%;
}

.progressbar {
	height: 2rem;
	position: relative;
    overflow: hidden;
    width: 0%;
}

.progressbar .progressbar-animation {
	position: absolute;
	left: -46px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
  
	background: repeating-linear-gradient(
		-55deg,
		#dfdfdf 1px,
		#aaaaaa 2px,
		#aaaaaa 11px,
		#dfdfdf 12px,
		#dfdfdf 20px
	);
	
    animation-name: STRIPES-SCROLL;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/* テキストカウンター
----------------------------------------------- */
.balloon-counter {
  position: absolute;
  background: #fffd92;
  border: 1px solid #aaa;
  padding: 4px 8px;
  font-size: 16px;
  border-radius: 6px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  white-space: nowrap;
  z-index: 1000;
}

/* 端末保存項目
----------------------------------------------- */
.hznitem,
.hznitem2 {
  background-color: #E0F3FD !important;
}

.hznitem2 {
  display: inline-block;
  height: 21px;
  margin: 0px 0px 3px 0px;
}

.hznitem::after,
.hznitem2::after,
.hznitem-nobg::after {
  content: '';
  display: inline-block;

  width: 12px;
  height: 12px;
  margin-left: 2px;

  background-image: url('/assets/img/hznitem.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  /* opacity: 0.6; */
  vertical-align: middle;
}