@charset "utf-8";
@import url("util-mh.css?230417"); 

html{
	overflow-y: scroll;
}
body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

FORM{
	margin:0px;
}

INPUT, TEXTAREA, SELECT{
	font-size:16px;
	background:#dfdfff;
}

A:link {text-decoration:none; color:#0000ff;}
A:visited {text-decoration:none; color:#0000ff;}
A:active {text-decoration:none; color:#ff0000;}
A:hover {text-decoration:underline; color:#ff0000;}

.caution{
	color: #f00;
	text-decoration: underline;
	}

.kome {color:#880000;font-size:8pt;}
.revision {color:#008800;font-size:8pt;}


input, textarea {
	font-size:16px;
	border:1px solid #999999;
	padding:4px;
	border-radius:3px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
	background:#ffd;
	
}

input[type="text"], input[type="time"]{
	background:#ffe;
}
input[type="text"]:focus, input[type="time"]:focus {
	background:#eff;
}
input[type="url"] {
	background: #fee;
	color: #00f;
	width:620px;
}
input[type="url"]:focus {
	background: #eff;
}


TEXTAREA {
	background:#ffe;
	width:99%;
	line-height: 1.5em;
	height: calc( 1.3em * 3 );
}
TEXTAREA:focus {
	background:#eff;
}

LABEL:hover{
	background:#fddd;
	}
#listopen{
	cursor:pointer;
	}

input[type="radio"]:checked + label,input[type="checkbox"]:checked + label{
	background:#800;
	color: #fff;
	border-top: solid 1px #fff;
}

.linethrough{text-decoration:line-through;font-size:100%;}option:checked {
	color: red;
}

/* jquery UI calendar */
.ui-state-active
, .ui-widget-content .ui-state-active
, .ui-widget-header .ui-state-active
, a.ui-button:active
, .ui-button:active
, .ui-button.ui-state-active:hover {
   border: 1px solid #003eff !important;
   background: #007fff !important;
   font-weight: normal !important;
   color: #ffffff !important;
}
.ui-datepicker-holiday a.ui-state-default{
   border: 1px solid #ecc0c0;
   background-color: #ffecec !important;
   color: #ff0000 !important;
}
.ui-datepicker-holiday a.ui-state-active{
   border: 1px solid #003eff !important;
   background: #007fff !important;
   font-weight: normal !important;
   color: #ffffff !important;	
}
/* 日曜日のカラー設定 */
.ui-datepicker-week-end:first-child a{
   background-color: #ffecec;
   color: #ff0000;
}
/* 土曜日のカラー設定 */
.ui-datepicker-week-end:last-child a{
   background-color: #eaeaff;
   color: #0000ff;
}


@keyframes s1bAnime{
	50% { transform: rotateX(360deg) }
	100% { transform: rotateX(360deg) }
}

.updatemark{
	display 	   : inline-block;
	content 	   : "UPDATE";
	color		   : #00ff00;
	font-weight    : bold;
	font-size	   : 7pt;
	vertical-align : middle;
	margin-left    : 5px;
	animation	   : s2bAnime 3.5s infinite alternate;
}
@keyframes s2bAnime{
	50% { transform: rotateY(360deg) }
	100% { transform: rotateY(360deg) }
}


INPUT[type="submit"]{
	position:relative;
	top:0;
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: all .1s;
}

INPUT[type="submit"]:hover {
	top:-3px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}

INPUT[type="submit"]:active {
	top:0px;
	box-shadow: none;
}


INPUT[type="reset"]:hover{
	color: #fff;
	background: #855;
}


/* ------------------ */
	BUTTON.initialbtn{
		font-size:24px;
		height:80px;
		width:150px;
		margin-bottom: 10px;
		cursor:pointer;
		border-radius: 5px;
		background: rgb(172,191,0);
		background: linear-gradient(0deg, rgba(172,191,0,1) 0%, rgba(192,199,125,1) 15%, rgba(255,255,255,1) 100%);
	}
	BUTTON.thispos{
		background: #f88;
		background: linear-gradient(0deg, rgba(191,0,0,1) 0%, rgba(199,125,125,1) 15%, rgba(255,255,255,1) 100%);
	}
	BUTTON.namebtn{
		font-size:20px;
		height:80px;
		width:150px;
		margin-bottom:10px;
		background: #ccf;
		cursor:pointer;
		border-radius: 5px;
		background: linear-gradient(0deg, rgba(0,163,191,1) 0%, rgba(125,174,199,1) 15%, rgba(255,255,255,1) 100%);
	}

	BUTTON.backtopbtn{
		font-size:18px;
		height:40px;
		width:200px;
		margin-bottom:10px;
		cursor:pointer;
		background: #eef;
	}

	BUTTON.historybtn{
		font-size:18px;
		height:40px;
		width:200px;
		margin-bottom:10px;
		cursor:pointer;
		background: #fef;
	}




/* ------------------ */
	BUTTON.numbtn{
		font-size:40px;
		height:90px;
		width:90px;
		margin-bottom:10px;
		background: #888;
		cursor:pointer;
		color: #fff;
	}
	BUTTON.delbtn{
		font-size:40px;
		height:90px;
		width:185px;
		margin-bottom:10px;
		background: #888;
		cursor:pointer;
		color: #fff;
	}
	BUTTON.numbtn:hover{
		background: #f88;
	}
	BUTTON.delbtn:hover{
		background: #f88;
	}
	DIV#passcode{
		height:24px;
	}

/* ------------------ */
	TABLE#regimain{
		width:100%;
		padding: 0;
		margin: 0;
	}

	TABLE#regimain TD#itemlist{
		vertical-align: top;
		width:60%;
		padding: 0;
		margin: 0;
	}

	TABLE#regimain TD#regi{
		vertical-align: top;
		padding: 0;
		margin: 0;
	}
	.purchaselist{
		background-color: #eee;
		height:200px;
		overflow:auto;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	#itemframe{
		width: 100%;
		height: 450px;
	}
	#priceview{
		font-size:24px;
		margin-left:20px;
	}
	SPAN#totalplice{
		display: inline-block;
		width: 100px;
		background: #faa;
		text-align: right;
		padding-right:5px;
		margin-bottom: 10px;
	}
	INPUT[type="submit"].purchaseBTN{
		border:solid 1px #555;
		font-size:24px;
		height:40px;
		width:150px;
		margin-bottom:10px;
		background: #aaa;
		color: #ccc;
	}
	INPUT[type="submit"].purchaseBTN_on{
		background: #8f8;
		color: #f00;
		cursor: pointer;
	}
/* ------------------ */