@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;}

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"]{
	color: #fff;
	background: #888;
	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;
}

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

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

.clear { color:#333333; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:#aaaaaa;	cursor:pointer;}
.alert { color:#000000; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:#FFdddd;	cursor:pointer;}

INPUT[type="submit"].red {
	color: #ffffff;
	background: #FF0000;
	}
INPUT[type="submit"].teal {
	color: #ffffff; 
	background: teal;
	}
INPUT[type="submit"].navy {
	color: #ffffff; 
	background: navy;
	}

INPUT[type="submit"].olive {
	color: #ffffff; 
	background: olive;
	}

BUTTON.teal {
	color: #ffffff; 
	background: teal;
	cursor:pointer;
	font-size:18px;
	}
BUTTON.navy {
	color: #ffffff; 
	background: navy;
	cursor:pointer;
	font-size:18px;
	}

BUTTON.olive {
	color: #ffffff; 
	background: olive;
	cursor:pointer;
	font-size:18px;
	}


.indianred { color:#ffffff; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background: indianred;  cursor:pointer;}
.gray { color:#ffffff; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:gray;	cursor:pointer;}
.ylw { color:#888800; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:#ffffee;  cursor:pointer;}
.olive { color:#ffffff; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:olive;  cursor:pointer;}
.teal { color:#ffffff; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:olive;  cursor:pointer;}
.gr { color:#000000; font-size: 10pt; border-width:1; border-color:#999999; border-style:solid; background:#aaaaaa;  cursor:pointer;}



.headtitle{
	font-size: 20px;
	font-weight: bold;
	margin-right: 20px;
}

#hidden_menu_btn{
	position: fixed;
	bottom: 10px;	
	right: 10px;	
	display: none;
	padding:0px;
}
IMG.arrowUP_w{
	transition: .2s;
	width:100px;
	height:auto;
	background:#aaa;
	padding:0px;
	cursor:pointer;
	opacity:0.5;
}
IMG.arrowUP_w:hover{
	background:#555;
	opacity:0.8;
}

#mainlogo{
	cursor:pointer;
}
#globalmenu{
	display: none;
	z-index:90;
	position: fixed;
	top: 60px;
	left: 10;
	width:90%;
	max-width:400px;
	height:80%;
}
#bgcover{
	display: none;
	z-index:80;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: #000;
	opacity:0.5;
}

.footercopy{
	margin-top: 80px;
}

/* ------------------ */
	BUTTON.initialbtn{
		font-size:16px;
		height:60px;
		width:90px;
		margin-bottom: 10px;
		cursor:pointer;
		border-radius: 5px


	}
	BUTTON.thispos{
		background: #f88;
	}
	BUTTON.namebtn{
		font-size:20px;
		height:50px;
		width:140px;
		margin-bottom:10px;
		background: #ccf;
		cursor:pointer;
		border-radius: 5px
	}

	BUTTON.backtopbtn{
		font-size:18px;
		height:40px;
		width:200px;
		margin-bottom:10px;
		cursor:pointer;
		background: #eef;
	}
	.initstr{
		font-size:30px;
	}
/* ------------------ */
	BUTTON.numbtn{
		font-size:30px;
		height:30px;
		width:50px;
		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:350px;
		overflow:auto;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	#itemframe{
		width: 100%;
		height: 400px;
	}
	#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;
	}
/* ------------------ */