@charset "utf-8";
body
{
	color				:#000000;
	background-color	: #ffffff;
	margin				: 0px;
	padding-top			: 0px;
	font-family			: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size			: 1em;
	text-align			: center;
	background-image	: none;			/*url("image/body-background-image-1.jpg");*/
	background-repeat	: repeat;
}

table
{
	font-size			: 100%;
	border-collapse		: collapse;
	table-layout		: auto;
	empty-cells			: show;
}

td
{
	border-color		: #000000;
}

div
{
	font-size			: 100%;
	margin				: auto;
	text-align			: center;
	overflow			: auto;
}

p
{
	font-size			: 100%;
	margin				: 0px;
	padding				: 0px;
}

marquee
{
	font-size			: 100%;
	margin				: 0px;
	padding				: 0px;
}

form
{
	font-size			: 100%;
	text-align			: center;
	margin				: 0px;
	padding				: 0px;
}

fieldset
{
	border-width		: 3px;
	border-style		: double;
	border-color		: #aaaaaa;
}

legend
{
	font-weight			: bold;
}

input
{
	font-size			: 100%;
	vertical-align		: middel;
}

input[type="text"], input[type="password"], textarea, select
{
	background-color		: rgba(255, 255, 255, 0.85);
	border-style			: solid;
	border-width			: 1px;
	border-color			: rgba(0, 0, 0, 0.5);
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover
{
	border-color			: rgba(255, 0, 0, 0.5);
}


input[type="checkbox"]
{
	vertical-align		: middel;
}

input:focus, textarea:focus, select:focus
{
	border-color		: #a0a000;
	background-color	: #ffffd0;
}

input.number
{
	ime-mode: disabled;
	text-align: right;
}

input.alphabet {
	ime-mode: disabled;
}

input.stelth {
	border				: solid 1px #bbbbbb;
	background-color	: transparent;
	text-align			: right;
}

textarea.stelth {
	border: solid 1px #bbbbbb;
	background-color: transparent;
}

select.stelth {
	border: solid 1px #cccccc;
	background-color: transparent;
}

textarea {
	vertical-align		: middel;
}

pre {
	font-family			: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size			: 100%;
	margin				: 0px;
	padding				: 0px;
}

acronym {
	text-decoration		: none;
	cursor				: default;
}

fieldset
{
	margin				: 0px;
	padding				: 0px;
}

h1
{
	margin				: 0px auto;
	padding				: 0px;
}

h2 {
	margin				: 0px auto;
	padding				: 0px;
}

h3 {
	margin				: 0px auto;
	padding				: 0px;
}

h4 {
	margin				: 0px auto;
	padding				: 0px;
}

h5 {
	margin				: 0px auto;
	padding				: 0px;
}

h6 {
	margin				: 0px auto;
	padding				: 0px;
}

dl {
	margin				: 0px;
	padding				: 0px;
}

ol {
	margin-top					: 0px;
	margin-bottom				: 0px;
}

a {
	color						: #0000ff;
	text-decoration				: none;
	padding						: 1px 1px 0px 1px;	
	/*text-decoration-line		: none;
	text-decoration-style		: dotted;
	text-decoration-color		: #00a0ff;*/
	animation-name				: aLink;
	animation-duration			: 30s;
	animation-timing-function	: ease;
	animation-delay				: 1s;
	animation-iteration-count	: infinite;
	animation-direction			: alternate;
	animation-fill-mode			: none;
	animation-play-state		: running;
}
@keyframes aLink {
	0% {
		color					: #0000ff;

	}
	50% {
		color					: #008000;
	}
	100% {
		color					: #800000;
	}
}


a:link {
	/*padding						: 1px 1px 0px 1px;*/
	/*cursor						: pointer;*/
}

a:visited {
	/*padding						: 1px 1px 0px 1px;*/
	/*cursor						: pointer;*/
}

a:hover {
	color						: #ff0000;
	background-color			: #ffffff;
	text-decoration				: underline;
	/*text-decoration-color		: #ffffff;*/
	/*padding						: 1px 1px 0px 1px;*/
	cursor						: pointer;
	text-shadow					: 1px 1px 1px #808080;
	animation-name				: aHover;
	animation-duration			: 5s;
	animation-timing-function	: ease;
	animation-delay				: 1s;
	animation-iteration-count	: infinite;
	animation-direction			: alternate;
	animation-fill-mode			: none;
	animation-play-state		: running;
}
@keyframes aHover {
	0% {
		background-color		: #ffffff;

	}
	100% {
		background-color		: transparent;
	}
}

a.img, div.img {
	border-style				: solid;
	border-width				: 1px;
	border-color				: rgba(255, 0, 0, 0);
	border-radius				: 10px;
	display						: inline-block;
	overflow					: hidden;
}

a.img:hover, div.img:hover {
	animation-name				: aHoverImg;
	animation-duration			: 1.5s;
	animation-timing-function	: ease;
	animation-delay				: 0s;
	animation-iteration-count	: 1;
	animation-direction			: normal;
	animation-fill-mode			: forwards;
	animation-play-state		: running;
}
@keyframes aHoverImg {
	100% {
		border-color			: rgba(200, 0, 0, 1);
	}
}


a:active {
	position			: relative;
	top					: 1px;
	left				: 1px;
	color				: #ff0000;
	background-color	: transparent;
	/*padding				: 1px 1px 0px 1px;*/
	cursor				: none;
	text-decoration		: none;
}

.topMenu {
	font-weight			: bold;
	table-layout		: fixed;
	width				: 98.7%;
	position			: absolute;
	z-index				: 9999;
 	left				: 0px;
	top					: 4px;
	background-color	: transparent;
	cursor				: pointer;
	border-style		: none;
	border-width		: 0px;
}

.topMenu td {
	color				: #0000f0;
	text-align			: left;
	vertical-align		: top;
	background-color	: transparent;
	padding				: 0px 10px 0px 10px;
}

.topMenu div {
	font-size			: 120%;
	background-color	: rgba(223, 231, 247, 0.85);
	border-style		: solid;
	border-color		: #000000;
	vertical-align		: middle;
	text-align			: left;
	padding				: 1px 0px 1px 1em;
	width				: 100%;
	border-width		: 1px;
	border-radius		: 10px;
	text-shadow			: 1px 1px 1px #ffffff,
						  -1px 1px 1px #ffffff,
						  1px -1px 1px #ffffff,
						  -1px -1px 1px #ffffff;
}

.topMenu table
{
	font-size			: 120%;
	font-weight			: bold;
	background-color	: rgba(221, 230, 250, 0.85);
	border-collapse		: separate;
	border-style		: solid;
	border-color		: #000000;
	border-width		: 1px;
	width				: 100%;
	border-radius		: 10px;
	text-shadow			: 1px 1px 1px #ffffff,
						  -1px 1px 1px #ffffff,
						  1px -1px 1px #ffffff,
						  -1px -1px 1px #ffffff;
}

.topMenu table td
{
	width				: 100%;
	white-space			: nowrap;
	overflow			: visible;
	padding				: 0px 0px 0px 0px;
}

.topMenu hr
{
	color				: #0040ff;
	height				: 1px;
}

.topMenu a
{
	text-decoration		: none;
}

.listEven
{
	background-color	: #ffffe8;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #dddddd;
}

.listEven:hover
{
	background-color	: #ffffb0;
}

.listOdd
{
	background-color	: #e0ffff;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #dddddd;
}

.listOdd:hover
{
	background-color	: #b0ffff;
}

.listToday
{
	background-color	: #e0ffe0;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #dddddd;
}

.listToday:hover
{
	background-color	: #d0ffd0;
}

.listSelect
{
	background-color	: #ffe0a0;
	border-style		: solid;
	border-width		: 0px;
	border-color		: #dddddd;
}

.listSelect:hover
{
	background-color	: #ffd0d0;
}

.listEven:hover, .listOdd:hover, .listToday:hover, .listSelect:hover, .total:hover
{
	border-width		: 2px;
	border-color		: #ff8c00;
}

.mouseOver td, .mouseOver th
{
	background-color	: #e0e0e0;
	border-style		: solid none;
	border-width		: 2px;
	border-color		: #a0a0a0;
}

.searchFrame td
{
	font-weight			: bold;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #e0e0e0;
	background-color	: #f8f8f8;
}

.percent
{
	background-color:#f0fff0;
}

.footer
{
	background-color:#f0fff0;
}

.gap
{
	border-style:none;
	background-color:#ffffff;
	padding:0px;
	width:1px;
}

.void
{
	color:#b0b0b0;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}

.numSelect
{
	background-color:#f8f8f8;
	border-style:inset;
	border-width:1px;
	width:12px;
	ime-mode:disabled;
}

.floatLeft
{
	float:left;
	margin-left:1em;
	height:2em;
}

.floatLeft th
{
	white-space:nowrap;
	font-weight:normal;
	vertical-align: middle;
}

.floatLeft td
{
	white-space:nowrap;
	font-weight:normal;
	vertical-align: middle;
}

.float
{
	position:absolute;
	display:none;
	z-index:100;
	border-style:outset;
	border-width:1px;
	padding:2px;
	background-color:#ffffff;
}

.float td
{
	background-color:#fffff0;
	border-style:outset;
	border-width:1px;
	padding:2px;
	vertical-align:top;
}

tr.separator td
{
	border-top:solid 2px #bbbbbb;
	border-bottom:solid 2px #bbbbbb;
	background-color:#ffffff;
	padding:0px 0px;
	font-size:1px;
}

tr.separator2
{
	border				: none;
}

tr.separator2 td
{
	border				: none 0px #ffffff;
	background-color	:#ffffff;
	padding				:0px 0px;
	font-size			:1px;
}

tr.space
{
	background-color:transparent;
}

.space td
{
	border-top-style		: none;
	border-bottom-style		: none;
	border-left-style		: none;
	border-right-style		: none;
	background-color		:#ffffff;
	padding					: 0px 0px;
	font-size				: 180%;
}

.dataOnOff
{
	white-space:normal;
}

.bar
{
	background-color:#ffe0a0;
	border-style:solid;
	border-width:0px;
	border-color:#dddddd;
}

.bar2
{
	background-color:#a0e0ff;
	border-style:solid;
	border-width:0px;
	border-color:#dddddd;
}

.notMain
{
	background-color	: #f0f0f0;
	font-size			: 100%;
	border-style		: inset;
	border-width		: 1px;
}

.popup
{
	padding				: 0px;
	position			: absolute;
	z-index				: auto;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #808080;
	box-shadow			: 8px 8px 8px 0px rgba(0, 0, 0, 0.3)
}

.popupTitle
{
	background-color		: #fff0f0;
}

.popupTitleBar {
	background-color		: #00ff00;
}

.popupCloseButton {
	font-weight				: bold;
	/*font-size				: 60%;*/
	/*width					: 1em;*/
	text-align				: center;
	background-color		: #ff0000;
	cursor					: pointer;
}

.largeCharacter {
	/*font-size				: 130%;*/
	font-weight				: bold;
}

.warning {
	display					: table;
	margin					: auto;
	font-size				: 90%;
	color					: #ff0000;
	font-weight				: bold;
	animation				: warning 2.5s ease 0.5s infinite alternate;
}
@keyframes warning {
	0% {
		color				: transparent;
	}
	100% {
		color				: #ff0000;
	}
}

.message {
 	font-size				: 100%;
	color					: #0080ff;
	font-weight				: bold;
	margin					: auto;
	/*margin-top			: 0px;*/
	padding					: 0px 30px 0px 30px;
	border-radius			: 10px;
	animation				: message 3s ease 1s infinite alternate;
 }
 @keyframes message {
	0% {
		background-color	: transparent;
	}
	100% {
		background-color	: #ffff00;
	}
}

.abs {
	position				: absolute;
	background-color		: #ffffff;
	user-select				: none;
}

.object {
	margin					: auto;
	/*width					: 100%;*/
	display					: table;
	border-collapse			: separate;
	border-spacing			: 0px;
	border-style			: none;
	border-radius			: 0.5em;
	padding					: 0px;
	background-color		: #f8f8f8;/*transparent;*/
	/*border-width			: 1px;*/
	box-shadow 		 		: 0 -1px #fff,0 -2px #fff, 0 8px 15px rgba(0,0,0,0.4);
	vertical-align			: middle;
	animation				: object 90s ease 10s infinite alternate;
}
@keyframes object {
	0% {
		box-shadow 		 		: 0 -1px #fff,0 -2px #fff, 0 8px 15px rgba(0,0,0,0.4);
	}
	100% {
		box-shadow 		 		: 0 -1px #fff,0 -2px #fff, 0 2px 4px rgba(0,0,0,0.6);		
	}
}

.object caption {
	text-align				: left;
}

caption.bottom {
	text-align				: left;
	padding-top				: 2px;
	caption-side			: bottom;
	font-size				: 100%;
}

.inputTable {
	margin					: 0px;
	margin					: auto;
	padding					: 0px;
	border-style			: none;
}

.inputTable td,  .inputTable th {
	border-style			: solid;
	border-width			: 1px;
	border-color			: #b0b0b0;
	text-align				: left;
	padding					: 5px;
}

.inputTable th {
	background-color		: #f0f0f0;
}

.inputTable td, .object td {
	background-color		: #f8ffff;
}

.inputTable caption {
	text-align				: left;
	padding					: 2px;
}

.inputTable input[type="text"], .inputTable input[type="password"], textarea {
	width					: 100%;
}

.listTable {
	margin					: 0px;
	margin					: auto;
	padding					: 0px;
	width					: 100%;
}
	
.listTable td,  .listTable th {
	border-style			: solid;
	border-width			: 1px;
	border-color			: #b0b0b0;
	text-align				: left;
	padding					: 5px;
}
	
.listTable th {
	background-color		: #f0f0f0;
}
	
.listtTable td {
	background-color		: #f8ffff;
}
	
.listTable caption {
	text-align				: left;
	padding					: 2px;
	caption-side			: bottom;
}

.title {
	font-family				: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	display					: table;
	margin					: 5px auto;
	font-weight				: bold;
	font-size				: 130%;
	text-shadow				: 0px 0px 2px #FFF, 4px 4px 2px rgba(0,0,0,0.3); 
}

.listTitle {
    text-align          : left;
    /*margin-top          : 1.5em;*/
    font-weight         : bold;
}

.border {
	text-align			: left;
	width				: 100%;
	margin-bottom		: 0px;
    border-style		: solid;
    border-width        : 1px;
	border-color        : transparent;
	background-color	: rgba(255, 0, 0, 0.01);
	padding				: 0.4em;
	border-radius		: 0.5em;
	animation			: border 60s ease 0s infinite alternate;
}
@keyframes border {
	0% {
		border-color		: #0000ff;
		background-color	: rgba(0, 0, 255, 0.02);
    }
    50% {
		border-color		: #00ff00;
		background-color	: rgba(0, 255, 0, 0.02);
    }
	100% {
		border-color		: #ff0000;
		background-color	: rgba(255, 0, 0, 0.02);
	}
}

.small {
	/*height				: 1.2em;*/
	/*border				: solid 1px #000000;*/
	/*color				: #ff0000;*/
	position			: relative;
	top					: -4px;
	width				: 95%;
	font-size			: 70%;
	font-weight			: normal;
	margin				: 0px auto;
	padding				: 0px;
}

.listFrame {
    margin              : auto;
    max-width			: 92%;
	min-width          : 50em;
	/*border-collapse		: separate;
	border-width		: 30px;*/
}

.listFrame caption {
    text-align       : left;
    /*font-weight     : bold;*/
}

.listFrame td {
	vertical-align		: top;
}

/*
.redSup {
	color				: #ff0000;
	font-weight			: bold;
}
*/