/***** 全般 *****/
* {
	margin: 0;
	padding: 0;
}
HTML {
	font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
}
BODY {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #222222;
	font-size: 12px;
}
FORM {
	//margin: 0px !important;
}

A:link {
	color: darkorange;
}
A:visited {
	color: dodgerblue;
}
A:hover {
	color: skyblue;
}
A:active {
	color: skyblue;
}
A {
	text-decoration: none;
}

IMG {
	border: 0;
}
TH, TD {
	text-align: left;
}
INPUT {
	//font-size: 12px;
	//border: 1px solid #BBBBBB;
	vertical-align:middle;
}
INPUT:hover {
	background-color:snow;
}
TEXTAREA {
	//font-size: 11px;
	//font-family: "ＭＳ Ｐゴシック",sans-serif;
	//border: 1px solid #BBBBBB;
	vertical-align:middle;
	padding:3px;
}
TEXTAREA:hover {
	background-color:snow;
}
IFRAME {
	border: 1px solid #7F9DB9;
}
UL, LI {
	list-style: none;
}

select, button {

	vertical-align:middle;
	/*
	position:relative;
	margin: 0 4px 2px 0;
	*margin-right:3px;
	top:-1px;
	*/
}



/***** スライドバー *****/
input[type="range"] {
	-webkit-appearance: none; /* 🚩これ無しだとスタイルがほぼ全く反映されないので注意 */
	appearance: none;
	cursor: pointer; /* カーソルを分かりやすく */
	outline: none; /* スライダーのアウトラインは見た目がキツイので消す */
	height: 14px; /* バーの高さ */
	width: 100%; /* バーの幅 */
	background: #8acdff; /* バーの背景色 */
	border-radius: 10px; /* バーの両端の丸み */
	border: solid 3px #dff1ff; /* バー周囲の線 */
  }
  /* WebKit向けのつまみ */
  input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /*  🚩デフォルトのつまみのスタイルを解除 */
	background: #53aeff; /* 背景色 */
	width: 24px; /* 幅 */
	height: 24px; /* 高さ */
	border-radius: 50%; /* 円形に */
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
  }
  /* Moz向けのつまみ */
  input[type="range"]::-moz-range-thumb {
	background: #53aeff; /* 背景色 */
	width: 24px; /* 幅 */
	height: 24px; /* 高さ */
	border-radius: 50%; /* 円形に */
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
	border: none; /* デフォルトの線を消す */
  }
  /* Firefoxで点線が周りに表示されてしまう問題の解消 */
  input[type="range"]::-moz-focus-outer {
	border: 0;
  }
  /* つまみをドラッグしているときのスタイル */
  input[type="range"]:active::-webkit-slider-thumb {
	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.3);
  }




/***** 枠組み用 *****/
DIV#container {
    position: relative;
    height: 100%;
    min-height: 100%;
}


DIV#header {
    width: 100%;
    height: 65px;
	/*	SITE-COLOR: サイトタイトルバック	*/
	background-color: #00a968;
	//background-image: url('/manager/img/background_01.jpg');
}

DIV#headerContents {
	padding: 5px 5px 5px 5px;
	//width: 1030px;
}

DIV#headerLogo {
	padding: 7px 0 0 10px;
	float: left;
	/*	SITE-COLOR: サイトタイトル文字色	*/
	color: #FFFFFF;
	/*width: 184px;*/
}
DIV#headerLogo a {
	font-size: 36px;
    font-weight: bold;
    text-decoration: none;
	/*	SITE-COLOR: サイトタイトル文字色	*/
	color: #FFFFFF;
}

.headerLogoImg{

	height:40px;
	vertical-align: middle;
}

/*
DIV#headerInfo {
    float: right;
    //width: 820px;
}
DIV#headerInfo P.info {
    padding-top: 20px;
    float: left;
    //width: 580px;
    color: #fff;
    font-size: 80%;
}
*/
  
DIV#footer {
	position: fixed; /* 要素の位置を固定する */
	bottom: 0; /* 基準の位置を画面の一番下に指定する */
	padding:15px 15px 15px 15px;
	background-color: #FFFFFF;
}

DIV#menu {
	width: 100%;
	/*background-color: #333333;*/
}

DIV#menuContents {
	//width: 1030px;
}

DIV.pageTitle {
	/*	SITE-COLOR: ページタイトルバック	*/
	background-color: #fcc800;
	height: 25px;
	line-height: 25px;
	color: #444757;
	font-size: 115%;
	/*margin-bottom: 10px;*/
	width: 100%;
}

DIV.pageTitle DIV.pageTitleContents {
	padding-top: 1px;
	padding-left: 20px;
	font-weight: bold;
	//width: 1030px;
}

DIV.subTitle {
    margin: 0 0 5px 0;
    padding: 0 0 3px 5px;
    border-bottom: 2px solid lightsteelblue;
    color: #444757;
    font-size: 100%;
	font-weight: bold;
}

DIV.pageContents {
	padding: 10px 20px 100px 20px;
	//width: 1000px;
}

DIV.subContents {
	margin: 0 10px 25px 3px;
}



/* フロート解除 */
.clearfix:after {
    display:block;
    clear:both;
    height:0;
    line-height:0;
    visibility:hidden;
    content:".";
}



/***** テーブル *****/
TABLE.tb1 {
	margin: 0 0 5px 0;
	border-collapse: collapse;
	font-size: 100%;
}

TABLE.tb1 TH,
TABLE.tb1 TD {
	padding: 5px 8px 5px 5px;
	border: 1px solid #ccc;
}
TABLE.tb1 TH {
	background-color: #f4f5f5;
	font-weight: normal;
	text-align: left;
}
TABLE.tb1 TD.title1,
TABLE.tb1 TH.title1,
TABLE.tb1 TR.title1 TD,
TABLE.tb1 TR.title1 TH {
	text-align: center;
	font-weight: bold;
}



/***** DIVでテーブル *****/
DIV.tb1_table {
	display: table;
	border-collapse: collapse;
	
	margin: 0 0 5px 0;
	font-size: 100%;
}
DIV.tb1_tr {
	display: table-row;
}
DIV.tb1_th,
DIV.tb1_td {
	display: table-cell;
	
	padding: 5px 8px 5px 5px;
	border: 1px solid #ccc;
}
DIV.tb1_th {
	/*font-weight: bold;*/
	
	background-color: #f4f5f5;
	font-weight: normal;
	text-align: left;
}
DIV.tb1_td.title1,
DIV.tb1_th.title1,
DIV.tb1_tr.title1 DIV.tb1_td,
DIV.tb1_tr.title1 DIV.tb1_th {
	text-align: center;
	font-weight: bold;
}




/***** 装飾 *****/
.action1 TH,
TH.action1 {
	background-color: #FFE4B5 !important;
	font-weight: bold !important;
	text-align: center !important;
}

.action1 TD,
TD.action1 {
	background-color: #FDF5E6;
}

DIV.div_action1 {
/*
	background-color: #F0F0F0;
*/
	padding: 15px 0px 15px 0px;
	margin: 12px 0 12px 0;
	text-align: left;
	
	/* 角丸 */
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

DIV.hiddenDescription {
	background-color	: #B0C4DE;
	padding				: 10px;
	border				: solid 1px #4682B4;
	margin-bottom		: 5px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

DIV.errorMessage {
	background-color	: #F8F0F0;
	padding				: 8px;
	border				: solid 1px #F8C0C0;
	margin-bottom		: 5px;
	color				: #FF3333;
	
	/* 角丸 */
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.subTextMouseOver {
	position: absolute;
	z-index: 2;
	border: 1px solid #FF9933;
	padding: 5px;
	/*font-size: 12px;*/
	background-color: #f8e4b1;
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE6、IE7対応 */
	-moz-opacity: 0.8; /* Firefox1.5以前対応 */
	color: #FF6600;
	display: none;
	
	/* 角丸 */
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

/* ボタン */
/***** カスタムボタン *****/
.btn1 {
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	
	/*
	border: 1px #888888 solid;
	color: #fff;
	text-shadow: 0 1px 0 rgba(100,100,100,1);
	*/
	
	text-decoration: none;
	border: 1px #bbb solid;
	color: #555;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	
	/* border-radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	
	/* transition */
	
	transition: all 0.5s ease 0;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	
	/* gradient */
	background: linear-gradient(top, #eee 0%, #bbb 100%);
	background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
	
	/*
	background: linear-gradient(top, #ededed 0%, #555555 100%);
	background: -o-linear-gradient(top, #ededed 0%, #555555 100%);
	background: -moz-linear-gradient(top, #ededed 0%, #555555 100%);
	background: -webkit-linear-gradient(top, #ededed 0%, #555555 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #555555 100%);
	*/
	
	/* box-shadow */
	
	box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
	
}


.btn1:hover {
	/* gradient */
	/*
	background: linear-gradient(top, #888888 0%, #ededed 100%);
	background: -o-linear-gradient(top, #888888 0%, #ededed 100%);
	background: -moz-linear-gradient(top, #888888 0%, #ededed 100%);
	background: -webkit-linear-gradient(top, #888888 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #888888 0%, #ededed 100%);
	*/
	
	background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
}



.btn2 {
	cursor: pointer;
	background-color:#3bb3e0;
	padding: 10px 20px;
	/*position:relative;*/
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	border: solid 1px #186f8f;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.btn2::before {
	background-color:#ccd0d5;
	content:"";
	display:block;
	/*position:absolute;*/
	width:100%;
	height:100%;
	padding:8px;
	left:-8px;
	top:-8px;
	/*z-index:-1;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}

.btn2:active {
	padding: 10px 20px;
	/*
	padding-bottom:9px;
	padding-left:20px;
	padding-right:20px;
	padding-top:11px;
	*/
	/*top:1px;*/
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
}

.btn3 {
	margin: 5px 5px 5px 5px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border: 1px #bbb solid;
	color: #555;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	
	/* 端を丸く */
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-o-border-radius:		5px;
	-ms-border-radius:		5px;
	
	transition: all 0.5s ease 0;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;

	background: linear-gradient(top, #eee 0%, #bbb 100%);
	background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
	
	/* box-shadow */
	/*
	box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	*/
	
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}


.btn3:hover {
	margin: 8px 5px 5px 5px;
	padding: 10px 20px 7px 20px;
	background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	
	/* box-shadow */
	box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
}

.btn4 {
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border: 1px #bbb solid;
	color: #555;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	
	/* 端を丸く */
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-o-border-radius:		5px;
	-ms-border-radius:		5px;
	
	transition: all 0.5s ease 0;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;

	background: linear-gradient(top, #eee 0%, #bbb 100%);
	background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
	background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
	
	/* box-shadow */
	/*
	box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
	*/
	
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}


.btn4:hover {
	margin: 5px 5px 5px 5px;
	padding: padding: 5px 10px 5px 10px;
	background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	
	/* box-shadow */
	box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
}

/*
.btn0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffdccf 0%,
		#ff6f3b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffdccf),
		to(#ff6f3b));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 0px 7px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(255,68,0,1);
	-webkit-box-shadow:
		0px 0px 7px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(255,68,0,1);
	box-shadow:
		0px 0px 7px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(255,68,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}
*/

/* ON/OFFスイッチ */
.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #666666; border-radius: 5px;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner > div {
    float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner .onoffswitch-active {
    padding-left: 8px;
    background-color: #6194FD; color: #FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
    padding-right: 8px;
    background-color: #F8F8F8; color: #666666;
    text-align: right;
}
.onoffswitch-switch {
    width: 10px; margin: 0px;
    background: #FFFFFF;
    border: 1px solid #666666; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 46px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/***** 背景色 *****/
.sunday {
	background-color: #ffe6eb;
}

.saturday {
	background-color: #e6f7ff;
}

/***** 簡略化 *****/
.hidden {
	display: none;
}

/***** 配置 ******/
.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

/***** 文字色 *****/
.red {
	color: red;
}

.blue {
	color: blue;
}

/***** 文字の太さ *****/
.bold {font-weight: bold;}


/***** アップデート ******/
DIV.update {
	background-color: Lavender;
	border: solid 1px LightSteelBlue;
	color: SteelBlue;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

/***** メッセージ ******/
DIV.information {
	background-color: lightgreen;
	border: solid 1px mediumaquamarine;
	color: darkcyan;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

DIV.message {
	background-color: Lavender;
	border: solid 1px LightSteelBlue;
	color: SteelBlue;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

DIV.message1 {
	background-color: mistyrose;
	border: solid 1px lightpink;
	color: indianred;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

DIV.message2 {
	background-color: Lavender;
	border: solid 1px LightSteelBlue;
	color: SteelBlue;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}


/***** アラート ******/
DIV.alert {
	background-color: #FAEBD7;
	border: solid 1px #FFDAB9;
	color: Tomato;
	margin-bottom: 10px;
	padding: 10px;
	
	/* 角丸 */
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

DIV.debug {
	background-color: #ffe5f2;
	border: solid 1px #ff4500;
	color: Tomato;
	margin-top: 20px;
	padding: 10px;
	line-height: 120%;
}

/***** スイッチ *****/
.off {
	background-color: #DDDDDD !important;
}

.on {
	background-color: #ffd788 !important;
}

.ng {
	background-color: #ff4500 !important;
}


/***** DEBUG *****/
.debug1 {
	border: 1px solid red;
	padding: 10px;
	margin-top: 30px;
	background-color: pink;
	font-size: 14px;
}


/***** ジャストサイズボタン *****/
INPUT.button_fit1 {
	font-size: 14px !important;
	padding: 5px !important;
	width: 100% !important;
}


/***** モーダルウインドウ *****/

#lean_overlay {
	position: fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#userlogin {
	width: 300px;
	padding: 30px;
	display:none;
	background: #222;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}


/*
#test p { color: #666; text-shadow: none; }

#signup {
	width: 404px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#signup-header {
	background: url(../img/hd-bg.png);
	padding: 18px 18px 14px 18px;
	border-bottom: 1px solid #CCC;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#signup-header  h2 {
	color: #444;
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 3px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

#signup-header  p {
	color: #444;
	font-size: 1.3em;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: none;
}

#signup .txt-fld {
	position: relative;
	width: 364px;
	padding: 14px 20px;
	border-bottom: 1px solid #EEE;
	text-align: right;
}

#signup .btn-fld {
	width: 254px;
	overflow: hidden;
	padding: 12px 20px 12px 130px;
}

#signup .txt-fld label {
	display: block;
	float: left;
	width: 90px;
	padding-top: 8px;
	color: #222;
	font-size: 1.3em;
	text-align: left;
}

#signup .txt-fld input {
	width: 244px;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1.2em;
	color: #222;
	background: #F7F7F7;
	font-family: "Helvetica Neue";
	outline: none;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #E7E6E6;
	border-bottom: 1px solid #E7E6E6;
}

#signup .txt-fld input.good_input {
	background: #DEF5E1 url(../img/good.png) 236px center no-repeat;
}

#signup .txt-fld input.error_input {
	background: #FDE0E0;
}

p.error {
	position: absolute;
	bottom: 48px;
	right: 20px;
	width: 262px;
	color: #FFF;
	font-size: 1.1em;
	padding-bottom: 5px;
	background: url(../img/error-arw.png) 20px bottom no-repeat;
	text-align: left;
	margin: 0;
	text-shadow: none;
}

p.error span {
	display: inline-block;
	background: #D43636;
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.txt-fld input:focus, .txt-fld textarea:focus {
	background-color: #FAF9DC;
}

     
button {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
	width: auto;
	overflow: visible;
	font-size: 1.4em;
	color: #FFF;
	padding: 7px 10px; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
*/
       
.modal_close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(/manager/img/modal_close.png);
	z-index: 2;
}

.menuColor100 {
	color:indigo;
}


.menuColor50 {
	color:blueviolet;
}

/* 等幅フォント */
.fixed-width {
	font-family: 'ＭＳ ゴシック','MS Gothic';
}


/***********************************************
	表示調整
************************************************/
.w100	{width:100%;}






/***********************************************
	↓　admin_site.css　から
************************************************/

/***********************************************
	administrator権限表示
************************************************/
.admin_bg		{	background-color	: mistyrose				!important;}
.admin_border	{	background-color	: solid 1px lightpink;	!important;}


/***********************************************
	性別背景色	※固定＆他でこの色を使わない
************************************************/
.bg0 {background-color: #CCCCCC !important;}
.bg1 {background-color: #DDDFFB !important;}
.bg2 {background-color: #FFE5FC !important;}
.bg3 {background-color: #FFCCFB !important;}
.bg4 {background-color: #C7CBF9 !important;}

/* 強調 */
.bg_r1 {background-color: pink !important;}

/***********************************************
	1行毎濃淡　性別背景色	※固定＆他でこの色を使わない
************************************************/
.rowbg0		{background-color: #DDDDDD !important;}	/* 濃 */
.rowbg00	{background-color: #EEEEEE !important;}	/* 淡 */
.rowbg1		{background-color: #DDDFFB !important;}	/* 濃 */
.rowbg11	{background-color: #ECEDFD !important;}	/* 淡 */
.rowbg2		{background-color: #FFE5FC !important;}	/* 濃 */
.rowbg22	{background-color: #FFF6FE !important;}	/* 淡 */

/***********************************************
	性別文字色	※固定＆他でこの色を使わない
************************************************/
.text0 {color: #555555 !important;}
.text1 {color: #636DED !important;}
.text2 {color: #FF5DEC !important;}
.text3 {color: #FF5DEC !important;}
.text4 {color: #636DED !important;}

/***********************************************
	性別枠線色	※固定＆他でこの色を使わない
************************************************/
.border0 {border-color: #AAAAAA !important;}
.border1 {border-color: #8A92F2 !important;}
.border2 {border-color: #FF99F7 !important;}
.border3 {border-color: #FF99F7 !important;}
.border4 {border-color: #8A92F2 !important;}

/***********************************************
	文字配置
************************************************/
.c	{text-align		: center	!important;}
.l	{text-align		: left		!important;}
.r	{text-align		: right		!important;}

.t	{vertical-align	: top		!important;}
.m	{vertical-align	: middle	!important;}
.b	{vertical-align	: bottom	!important;}

/***********************************************
	幅＆高さ
************************************************/
.w100	{width	: 100%	!important;}
.w95	{width	: 95%	!important;}
.w90	{width	: 90%	!important;}
.w80	{width	: 80%	!important;}

.h100	{height	: 100%	!important;}
.h95	{height	: 95%	!important;}
.h90	{height	: 90%	!important;}
.h80	{height	: 80%	!important;}

/***********************************************
	文字の大きさ
************************************************/
.f_xs	{font-size: 9px		!important;}
.f_s	{font-size: 10px	!important;}
.f_m	{font-size: 12px	!important;}
.f_l	{font-size: 14px	!important;}
.f_xl	{font-size: 16px	!important;}

/***********************************************
	文字の太さ
************************************************/
.fw1	{font-weight	: bold	!important;}

/***********************************************
	強調色表示
************************************************/
.strong1 {color: red	!important;}
.strong2 {color: blue	!important;}
.strong3 {color: black	!important;}


/***********************************************
	目立たせない色表示
************************************************/
.light1 {color: #AAAAAA	!important;}



/***********************************************
	[カスタム設定]
	表示条件操作エリア
	※性別毎
************************************************/
DIV.custom_sex {
	padding			: 8px;
	border			: solid 1px;
	margin-bottom	: 10px;
}


/***********************************************
	[カスタム設定]
	ON・OFF切替＆表示エリア
************************************************/
DIV.custom_sw {
	padding				: 8px;
	border				: solid 1px;
	margin-bottom		: 10px;
}

.status0	{	background-color	: #DDDDDD !important;
				border-color		: #AAAAAA !important;}

.status1	{	background-color	: #ffd788 !important;
				border-color		: #FFA500 !important;}

/***********************************************
	汎用スイッチBGカラー
************************************************/
.off	{	background-color	: #DDDDDD !important;}
.on		{	background-color	: #ffd788 !important;}

/***********************************************
	冒頭説明スペース
************************************************/
DIV.ex1 {
	background-color	: #EEEEFF;
	padding				: 8px;
	border				: solid 1px #CCCCFF;
	margin-bottom		: 10px;
}

SPAN.sub_ex1,
DIV.sub_ex1 {
	font-size			: 10px;
	color				: darkorange;
	cursor				: pointer;
}

SPAN.sub_ex2,
DIV.sub_ex2 {
}




/***********************************************
	該当件数: ○件
************************************************/
DIV.cnt {
	margin-top	: 20px;
}

/***********************************************
	[カスタム設定]
	VIP選択エリア用
************************************************/
DIV.vip_setting	{
	margin-bottom		: 10px;
	padding				: 1px;
	color				: #555555;
}

DIV.vip_setting .title {
	border-color		: #333333;
	background-color	: #BBBBBB;
	text-align			: center;
	font-size			: 14px;
	font-weight			: bold;
	border				: 1px 1px 0px 1px;
	padding				: 10px;
}

DIV.vip_setting .item {
	padding				: 0px;
	border				: 0px;
}


/***********************************************
	デバッグ出力用エリア
************************************************/
.debug1 {	border				: 1px solid red;
			padding				: 10px;
			margin-top			: 30px;
			background-color	: pink;
			font-size			: 14px;
}


/***********************************************
	テンプレートプレビュー表示用
************************************************/
DIV.tmpTitle{	background-color: #FFFFFF;
				border			: solid 1px #CCCCCC;
				padding			: 4px;
				text-align		: left;
}
DIV.tmpBody	{	background-color: #FFFFFF;
				border			: solid 1px #CCCCCC;
				padding			: 4px;
				overflow-y		: auto;
				text-align		: left;
}

/***********************************************
	テーブル中のフォームパーツ用
************************************************/
.padding0			{	padding		: 0px		!important;
						margin		: 0px		!important;}

.fit1				{	margin		: 0px		!important;
						width		: 100%		!important;
						box-sizing	: border-box;
}

.fit2				{	margin		: 0px		!important;
						width		: 100%		!important;
						height		: 100%		!important;
}

/***********************************************
	submitボタン用
************************************************/
INPUT.submit_fit1	{	font-size	: 14px		!important;
						padding		: 5px		!important;
						width		: 100%		!important;
}

INPUT.submit_fit2	{	font-size	: 14px		!important;
						margin-top	: 10px		!important;
						padding		: 7px 20px 7px 20px		!important;
}

INPUT.submit_fit3	{	font-size		: 14px		!important;
						margin			: 0px		!important;
						width			: 100%		!important;
						height			: 100%		!important;
						padding-left	: 20px		!important;
						padding-right	: 20px		!important;
}

INPUT.submit_half1	{	font-size	: 14px		!important;
						padding		: 5px		!important;
						width		: 49%		!important;
}

INPUT.submit_s		{	
}

INPUT.submit_m		{	font-size	: 14px		!important;
						padding		: 5px		!important;
}

/***********************************************
	リスト横並び表示用
************************************************/
ul.horizontal1	{	list-style	: none;
					margin		: 0px;
					padding		: 0px;	/* chrome */
}

li.horizontal1	{	float			: left;
					list-style-type	: none;
					padding			: 3px;
					text-align		: left;
}

/***********************************************
	検索結果などの表示用テーブル
************************************************/
TABLE.result1				{	border-collapse	: collapse;
								margin			: 0px 0px 10px 0px;
								border			: 0px;
								padding			: 3px;
								font-size		: 12px;
								color			: #555555;
								empty-cells		: show;
}

TABLE.result1 TH			{	border			: solid 1px #FFFFFF;
								padding			: 3px 10px 3px 10px;
								font-weight		: normal;
								white-space		: nowrap;
								text-align		: center;
}

TABLE.result1 TD			{	border			: solid 1px #FFFFFF;
								padding			: 3px;
								text-align		: center;
}

TABLE.result1 .title1		{	background-color	: #a8b3bd;
								color				: #FEFEFE;
}

TABLE.result1 .title1 TH	{	padding		: 5px;
							/*	font-weight	: bold;	*/
								white-space	: nowrap;
}

TABLE.result1 .title1 TD	{	padding: 5px;}

TABLE.result1 .title2		{	background-color	: #d8dde2;}

TABLE.result1 .item1		{	background-color	: #f5f6f8;}
TABLE.result1 .item2		{	background-color	: #e2e6e9;}

TABLE.result1 .sum1			{	background-color	: #a8b3bd;
								font-size			: 14px;
}

TABLE.result1 .sum1 TH		{	padding		: 5px;
								font-weight	: bold;}
TABLE.result1 .sum1 TD		{	padding		: 5px;}

/***********************************************
	検索条件テーブル
************************************************/
TABLE.search1				{	border-collapse	: collapse;
								border			: 0px;
								margin			: 0px 0px 10px 0px;
								padding			: 0px;
								font-size		: 12px;
								color			: #555555;
								empty-cells		: show;
}

TABLE.search1 TH			{	border			: solid 1px #FFFFFF;
								padding			: 3px 10px 3px 10px;
								font-weight		: normal;
								white-space		: nowrap;
								text-align		: left;
}

TABLE.search1 TD			{	border			: solid 1px #FFFFFF;
								padding			: 3px;
								text-align		: left;
}

TABLE.search1 .title1		{	background-color	: #BBBBBB;
								font-size			: 14px;
}

TABLE.search1 .title1 TH	{	padding: 10px;	font-weight: bold;	white-space: nowrap;}
TABLE.search1 .title1 TD	{	padding: 10px;}

TABLE.search1 .item1		{	background-color: #DDDDDD;}
TABLE.search1 .item2		{	background-color: #EFEFEF;}

/***********************************************
	汎用テーブル設定1
************************************************/
TABLE.setting1				{	border-collapse	: collapse;
								border			: 0px;
								margin			: 0px 0px 10px 0px;
								padding			: 0px;
								font-size		: 12px;
								color			: #555555;
								empty-cells		: show;
}

TABLE.setting1	TH			{	border			: solid 1px #FFFFFF;
								padding			: 3px 10px 3px 10px;
								font-weight		: normal;
								white-space		: nowrap;
								text-align		: center;
}

TABLE.setting1	TD			{	border			: solid 1px #FFFFFF;
								padding			: 3px;
								text-align		: left;
}

TABLE.setting1 .title0		{	background-color: #AFEEEE;
								font-size		: 12px;
								font-weight		: bold;
}

TABLE.setting1 .title0 TH	{	padding: 10px;	font-weight: bold;	white-space: nowrap;}


TABLE.setting1 .title1		{	background-color: #AFEEEE;
								font-size		: 12px;
								font-weight		: bold;
}

TABLE.setting1 .title1 TH	{	padding: 10px;	font-weight: bold;	white-space: nowrap;}
TABLE.setting1 .title1 TD	{	padding: 10px;}

TABLE.setting1 .title2		{	background-color	: #AFEEEE;
								font-weight			: normal;
}

TABLE.setting1 .rowTitle1	{	background-color: #AFEEEE;
								font-size		: 12px;
								font-weight		: bold;
}

TABLE.setting1 .item1		{	background-color: #DDDFFB;}
TABLE.setting1 .item2		{	background-color: #ECEDFD;}
TABLE.setting1 .item1_2		{	background-color: #ced1f9;}
TABLE.setting1 .item2_2		{	background-color: #dddffb;}
TABLE.setting1 .item3		{	background-color: #ECEDFD;}

TABLE.setting1 .regist_title1		{	background-color	: #FFAAAA;
										font-size			: 12px;
										color				: #FF0000;
}
TABLE.setting1 .regist_title1 TH	{	padding: 10px;	font-weight: bold;	white-space: nowrap;}
TABLE.setting1 .regist_title1 TD	{	padding: 10px;}

TABLE.setting1 .regist_item1		{	background-color: #FFCCCC;}


/***********************************************
	汎用テーブル設定1でのレイアウト表示用
************************************************/
TABLE.setting1-layout		{	border-collapse	: collapse;
								border			: 0px;
								margin			: 0px;
								padding			: 0px;
								font-size		: 11px;
								color			: #777777;
								empty-cells		: show;
								width			: 100%;
}

TABLE.setting1-layout	TD	{	border			: 0px;
								padding			: 0px;
								text-align		: left;
}

TABLE.setting1-layout .item1		{	background-color: #DDDFFB;}
TABLE.setting1-layout .item2		{	background-color: #ECEDFD;}
TABLE.setting1-layout .item3		{	background-color: #ECEDFD;}


/***********************************************
	入金集計
************************************************/
TABLE.calc1				{	border-collapse		: collapse;
							margin-top			: 10px;
							border				: 0px;
							padding				: 3px;
							font-size			: 12px;
							color				: #555555;
							empty-cells			: show;
}

TABLE.calc1 TH			{	border				: solid 1px #FFFFFF;
							padding				: 3px 10px 3px 10px;
							font-weight			: normal;
							white-space			: nowrap;
							text-align			: center;
}

TABLE.calc1 TD			{	border				: solid 1px #FFFFFF;
							padding				: 3px;
							text-align			: center;
}

TABLE.calc1 .caption1	{	text-align			: left;
							color				: #888888;
							font-size			: 16px;
}

TABLE.calc1 .title1		{	background-color	: #a8b3bd;
							color				: #EFEFEF;
							font-size			: 14px;
}

TABLE.calc1 .title1 TH	{	padding				: 10px;
							font-weight			: bold;
							white-space			: nowrap;}

TABLE.calc1 .title1 TD	{	padding				: 10px;}

TABLE.calc1 .title2		{	background-color	: #d8dde2;}

TABLE.calc1 .rowTitle1	{	background-color	: #d8dde2;}

TABLE.calc1 .rowTitle2	{	background-color	: #d8dde2;}


TABLE.calc1 .item1		{	background-color	: #e2e6e9;}
TABLE.calc1 .item2		{	background-color	: #ebedf0;}

TABLE.calc1 .sum1		{	background-color	: #a8b3bd;
							font-size			: 14px;
}

TABLE.calc1 .sum1 TH	{	padding				: 5px;
							font-weight			: bold;
}
TABLE.calc1 .sum1 TD	{	padding				: 5px;}


/***********************************************
	タグ一覧テーブル用
************************************************/
TABLE.tags_table			{	border-collapse	: collapse;
								border			: 0px;
								margin-bottom	: 10px;
								font-size		: 12px;
								color			: #555555;
								empty-cells		: show;
}
TABLE.tags_table TH,TD		{	text-align		: center;
								border			: solid 1px #FFFFFF;
}

TABLE.tags_table .title		{	background-color: #BBBBBB;
								font-size		: 14px;
								font-weight		: bold;
								padding			: 10px;
}

TABLE.tags_table .subtitle	{	background-color: #CCCCCC;
								font-size		: 12px;
								font-weight		: bold;
								padding			: 5px;
}

TABLE.tags_table .item1		{	background-color: #DDDDDD;
								padding			: 3px 10px 3px 10px;
								text-align		: left;
								font-weight		: normal;
}

TABLE.tags_table .item2		{	background-color: #EFEFEF;
								padding			: 3px;
								font-weight		: normal;
}

TABLE.tags_table INPUT		{	width			: 100%;}


/***********************************************
	履歴表示テーブル設定
************************************************/
TABLE.history1				{	border-collapse	: collapse;
								border			: 0px;
								margin			: 0px 0px 10px 0px;
								padding			: 0px;
								text-align		: left;
								font-size		: 12px;
								color			: #555555;
								empty-cells		: show;
}

TABLE.history1 TH			{	border			: solid 1px #FFFFFF;
								padding			: 5px;
								text-align		: center;
}
TABLE.history1 TD			{	border			: solid 1px #FFFFFF;
								padding:5px;
}

TABLE.history1 .title1		{	background-color	: #BBBBBB;
								font-size			: 14px;
}

TABLE.history1 .title1 TH	{	padding: 10px;	font-weight: bold;	white-space: nowrap;}
TABLE.history1 .title1 TD	{	padding: 10px;}

TABLE.history1 .title2		{	background-color	: #CCCCCC;
								font-weight			: normal;
}

TABLE.history1 .item1		{	background-color: linen;}
TABLE.history1 .item2		{	background-color: pink;}
TABLE.history1 .item3		{	background-color: lavender;}



/***********************************************
	レイアウト用示テーブル設定
************************************************/
TABLE.layout1				{	border-collapse	: collapse;
								border			: 0px;
								margin			: 0px;
								padding			: 0px;
								font-size		: 12px;
								empty-cells		: show;
}

TABLE.layout1 TH			{	border			: 0px;
								font-weight		: normal;
								text-align		: right;
								padding-right	: 10px;
}

TABLE.layout1 TD			{	border			: 0px;
								text-align		: left;
}


/***********************************************
	簡易テーブル表示用
************************************************/
DIV.t				{	font-size		: 12px;
						line-height		: 27px;	
}

DIV.t .t_tr			{	clear			: left;
						border			: 0px;
}

DIV.t .t_tr .t_c1	{	height			: 100%;
						float			: left;
						width			: 70px;	/*　左項目の幅　*/
						text-align		: right;
						padding-right	: 15px;
						/*
						display			: table-cell;
						vertical-align	: middle;
						*/
}

DIV.t .t_tr .t_c2	{	height			: 100%;
						float			: left;
						border			: 0px;
						/*
						display			: table-cell;
						vertical-align	: middle;
						*/
}

/***********************************************
	画面右下のTOPへ戻るボタン
************************************************/
#page_top{
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	z-index: 9999;
}
#page_top a{
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #3f98ef;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'PAGE TOP';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 45px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #3f98ef;
}