/* ---------------------------------------------------------
	HTML5 Bones
	This stylesheet contains print styling and a section for
	you to simply add your own. This is a basic template
	after all.
---------------------------------------------------------*/

	body,a,input,h1,h2,h3,h4,h5,h6,h7,p,div,li,span,button,pre,nav,table,th,tr,td,caption,label,select,option{
		font-family:"メイリオ", Meiryo, sans-serif;
		/*min-width:1236px;*/
	}

	/* Default link styling */
	a:link{ color:#3366ff; font-size:15px;}
	a:visited{ color:#3366ff; }
	a:hover, a:focus{ color:#b80040; }
	a:active{ color:#990000; }
	a{font-size:1.2em;}
/* ---------------------------------------------------------
	Author's styles
---------------------------------------------------------*/
	body{
	}
/* ---------------------------------------------------------*/
	header{
		position:absolute;
		z-index:1000;
		top:0px;
		left:0px;
		width:98%;
		height:55.5px;
		padding:15px 10px;
		background-color:#d61518;
		min-width:900px;
	}
	header h1{
		float:left;
		margin:0px;
		font-size:2em;
		color: white;
		text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
	}
	header h2{
		float:left;
		margin:0px;
		margin-left:9px;
		color:#ffffff;
		font-size:1.6em;
		font-weight:normal;
		text-shadow: -2px 2px 0 rgba(0,0,0,0.3);
	}

	header h2:before{
		content:"> ";
	}

	header .text-version{
		text-align:right;
		margin:0 8px 4px 0;
		color:#ffffff;
		font-size:1.2em;
		font-weight:normal;
		text-shadow: -2px 2px 0 rgba(0,0,0,0.3);
	}

	header ul{
		float:right;
		margin:0px;
		padding:0px;
		margin-right:8px;
	}
	header ul li{
		float:left;
		margin:0px;
		margin-left:4px;
		padding:0px;
		list-style-type:none;
	}
/*　ヘッダーボタンclass　※headerbtnを作成
	header ul li button{
		height:42px;
		padding:0px 15px;
		border:solid 2px #b71232;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#ffffff;
		color:#333333;
		font-size:1.4em;
		font-weight:bold;
		line-height:1.8em;
		border:3px;
	}
	header ul li button:hover{
		border:solid 2px #ffffff;
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
	}
	header ul li button:active{
		border:solid 2px #ffffff;
		background:#990000;
		color:#ffffff;
	}
	header ul li input{
		height:40px;
		padding:0px 15px;
		border:solid 2px #b71232;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#ffffff;
		color:#333333;
		font-size:1.4em;
		line-height:1.8em;
	}
	header ul li input:hover{
		border:solid 2px #ffffff;
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
	}
	header ul li input:active{
		border:solid 2px #ffffff;
		background:#990000;
		color:#ffffff;
	}*/

/*　文字サイズ(小･中･大)変更ID　※未使用
	header ul#fontSize{
		float:right;
		margin:0px;
		padding:0px;
		margin-right:30px;
	}
	header ul#fontSize li{
		float:left;
		margin:0px;
		margin-left:6px;
		padding:0px;
		list-style-type:none;

		height:36px;
		padding:0px 10px;
		border:solid 2px #b71232;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#ffffff;
		color:#898989;
		font-size:1.4em;
		line-height:1.8em;
		cursor:pointer;
	}
	header ul#fontSize li.active{
		color:#b71232;
		font-weight:bold;
		font-weight:normal;
	}
	header ul#fontSize li:hover{
		border:solid 2px #ffffff;
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
	}*/


/* ---------------------------------------------------------*/
	footer{
		position:fixed;
		bottom:0px;
		left:0px;
		width:100%;
		height:60px;
		padding:20px 10px 20px 20px;
		background-color:#000000;
	}
	footer ul{
		margin:0px;
		padding:0px;
	}
	footer ul li{
		float:left;
		margin:0px;
		margin-right:23px;
		padding:0px;
		list-style-type:none;
	}
	footer ul li button{
		width:80px;
		height:60px;
		border:solid 3px #b71232;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #fefefe, #eeeeee);
		background:-moz-linear-gradient(top, #fefefe, #eeeeee);
		background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee));
		color:#b71232;
		font-weight:bold;
		font-weight:normal;
		font-size:2.4em;
		line-height:1.5em;
	}
	footer ul li button:hover{
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
	}
	footer ul li button:active{
		background:#990000;
		color:#ffffff;
	}
	footer ul li button.clear{
		font-size:1.2em;
		line-height:3em;
	}
	footer ul li button.submit{
		width:143px;
		height:60px;
		background-color:#b71232;
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
		font-size:1.6em;
		line-height:2.2em;
	}
	footer ul li button.submit:hover{
		background:linear-gradient(to bottom, #b71232, #f28788);
		background:-moz-linear-gradient(top, #b71232, #f28788);
		background:-webkit-gradient(linear, left top, left bottom, from(#b71232), to(#f28788));
	}
	footer ul li button.submit:active{
		background:#990000;
		color:#ffffff;
	}
	footer ul li input{
		width:80px;
		height:60px;
		border:solid 3px #b71232;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #fefefe, #eeeeee);
		background:-moz-linear-gradient(top, #fefefe, #eeeeee);
		background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee));
		color:#b71232;
		font-weight:bold;
		font-weight:normal;
		font-size:2.4em;
		line-height:1.5em;
	}
	footer ul li input:hover{
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
	}
	footer ul li input:active{
		background:#990000;
		color:#ffffff;
	}
	footer ul li input.clear{
		font-size:1.2em;
		line-height:3em;
	}
	footer ul li input.submit{
		width:143px;
		height:60px;
		background-color:#b71232;
		background:linear-gradient(to bottom, #f28788, #b71232);
		background:-moz-linear-gradient(top, #f28788, #b71232);
		background:-webkit-gradient(linear, left top, left bottom, from(#f28788), to(#b71232));
		color:#ffffff;
		font-size:1.6em;
		line-height:2.2em;
	}
	footer ul li input.submit:hover{
		background:linear-gradient(to bottom, #b71232, #f28788);
		background:-moz-linear-gradient(top, #b71232, #f28788);
		background:-webkit-gradient(linear, left top, left bottom, from(#b71232), to(#f28788));
	}
	footer ul li input.submit:active{
		background:#990000;
		color:#ffffff;
		height:Auto;
	}
/* ---------------------------------------------------------*/
	main{
		margin-top:80px;
		margin-bottom:10px;
		padding:20px;
	}

/*-----------------------------
■(div.)
------------------------------*/
/*各画面の枠線(Not Use...)*/
	main div.box-border{
		border-radius:10px;
		padding: 0px;
		background: #fff;
		border: 1px #fff solid;
		box-shadow: 0 2px 3px 0 #fff;
		-moz-box-shadow: 0 2px 3px 0 #fff;
		-webkit-box-shadow: 0 2px 3px 0 #fff;
		float:clear;
		min-width:900px;
	}
	main div.box-border-error{
		margin-bottom:40px;
		border:solid 5px #F0E68C;
		padding:20px 20px 20px 20px;
		background-color:#ffffee;
	}
	main div.box-border-error td{
		color:#F0E68C;
		padding-top:0px!important;
	}
/*枠線ありのbox*/
	main div.box-border-alerterr{
		margin:20px 0 40px 5px;
		border:solid 1px #898989;
		border-radius: 2px;
		padding:10px;
		width:400px;
	}
/*画面のトップ*/
	main div.top-head{
		padding:0px 0px 20px;
	}

	div#last_login{
		width: 850px;
		height: 5px;
	}

	div#last_login ul li{
		font-size:1.4em;
		font-weight:bold;
		list-style-type:none;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
		position:absolute;
		top:-20px;
		left:-14px;
		position: relative;
		margin-top:20px;
	}

	div#last_login ul li::after,
	div#last_login ul li::before {
		display: block;
		content: '';
		position: absolute;
	}
	div#last_login ul li::after {
		top: .1em;
		left: -1.4em;
		width: 14px;
		height: 14px;
		background-color: #3498db;
		border-radius: 100%;
	}
	div#last_login ul li::before {
		z-index: 2;
		top: .355em;
		left: -1.2em;
		width: 4px;
		height: 4px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
/*boxからhr-lineに修正*/
	main hr.hr-line {
		margin:0;
		padding:0px;
		border:solid 1px #dddddd;
	}

	main hr.hr-line-bold {
		margin: 10px 0;
		padding:0px;
		border:solid 1px #a5a4a4;
	}

  main hr.hr-line-thin {
		border: solid 1px #ece9e9;
	}

	main .note{
		color:#999999;
		font-size:0.6em;
		font-weight:normal;
	}
/*「必須」*/
	main .note2{
		color:#b71232;
		font-size:0.6em;
		font-weight:normal;
	}
	main .ac{
		text-align:center;
	}
	main .al{
		text-align:right;
	}
	main .ar{
		text-align:right;
	}
	main tr.label td{
		padding-bottom:0px!important;
		font-size:0.6em;
	}
	main tr.last td{
		padding-bottom:0px!important;
	}
	main tr.holiday{
		background-color:#f5f5f5;
	}
	main td.cointube{
		width:4.5em;
		text-align:right;
	}
	main td.option{
		width:11em;
		font-size:0.8em;
	}
	main td.base{
		width:10em;
	}
	main td.output{
		width:4em;
		font-size:0.8em;
		color:#cccccc;
	}
	main td.holiday{
		font-size:0.8em;
		padding-right:40px!important;
	}
	main td.alert{
		font-size:0.8em;
	}
	main td.checked{
		color:#b71232;
	}
	main td.num{
		color:#696969;
		text-align:right;
		font-size:20pt;
	}

	main td.date1{
		color:#b71232;
		color:#3366ff;
	}
	main td.date2{
		color:#b71232;
		color:#3366ff;
		width:2em;
		text-align:right;
	}
	main td.date3{
		width:2em;
		text-align:center;
	}

	button{
		outline:none;
	}

	button.small{
		width:80px;
		height:28px;
		padding-bottom:0px;
		border:solid 3px #2c5207;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #ffffff, #60ae0d);
		background:-moz-linear-gradient(top, #ffffff, #60ae0d);
		background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#60ae0d));
		color:#2c5207;
		font-size:1.5em;
		font-weight:bold;
		font-weight:normal;
	}

/*searchPark.htmlのみ使用している*/
	button.middle{
		width:160px;
		height:28px;
		padding-bottom:0px;
		border:solid 3px #2c5207;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #ffffff, #60ae0d);
		background:-moz-linear-gradient(top, #ffffff, #60ae0d);
		background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#60ae0d));
		color:#2c5207;
		font-size:1.5em;
		font-weight:bold;
		font-weight:normal;
	}

	button.btnadd{
		width:100px;
		height:auto;
		font-size:1.1em;
		font-weight:bold;
		text-decoration:none;
		background-image: -webkit-linear-gradient(top, #2d70d2, #174e9e);
		background-image: linear-gradient(to bottom, #2d70d2, #174e9e);
		border-radius: 4px;
		color: #fff;
		-webkit-transition: none;
		transition: none;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
		padding: 5px 20px;
	}
	input.middle{
		width:160px;
		height:28px;
		padding-bottom:0px;
		border:solid 3px #2c5207;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #ffffff, #60ae0d);
		background:-moz-linear-gradient(top, #ffffff, #60ae0d);
		background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#60ae0d));
		color:#2c5207;
		font-size:1.5em;
		font-weight:bold;
		font-weight:normal;
	}

	input.checkbox{
		border:solid 30px #cccccc;
	}
	ul.btn{
		margin:0px;
		padding:0px;
	}

	ul.btn:after{
		content:".";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

	ul.btn li.center{
		position: relative;
		left: 20%;
		float: left;
	}
	ul.btn li{
		float:left;
		margin:0px;
		margin-top:2px;
		margin-right:20px;
		padding:0px;
		list-style-type:none;
	}
	ul.btn li right{
		margin:0px;
		margin-top:2px;
		margin-right:20px;
		padding:0px;
		list-style-type:none;
	}
	ul.btn li input{
		width:200px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		font-size:1.5em;
		font-weight:bold;
		text-decoration:none;
		display:block;
		text-align:center;
		color:#fff;
		margin: 3px 0px;
		padding:10px;
		background-color:#6B8E23;
	}

/*旧緑ボタンとして使用*/
	ul.btn li button{
		width:210px;
		height:auto;
		padding-bottom:0px;
		border:solid 3px #2c5207;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		background-color:#eeeeee;
		background:linear-gradient(to bottom, #ffffff, #60ae0d);
		background:-moz-linear-gradient(top, #ffffff, #60ae0d);
		background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#60ae0d));
		color:#2c5207;
		font-size:1.5em;
		font-weight:bold;
		font-weight:normal;
	}
	ul.btn li button:hover{
		background:linear-gradient(to bottom, #cccc99, #cccc99);
		background:-moz-linear-gradient(top, #cccc99, #cccc99);
		background:-webkit-gradient(linear, left top, left bottom, from(#cccc99), to(#cccc99));
		color:#ffffff;
	}
	ul.btn li button:active{
		background:#2c5207;
		color:#ffffff;
	}

/* ---------------------------------------------------------
	http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
---------------------------------------------------------*/
label{
	display:inline;
}

.regular-checkbox{
	display:none;
}

.regular-checkbox + label{
	background-color:#fafafa;
	border:1px solid #cacece;
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding:9px;
	border-radius:3px;
	display:inline-block;
	position:relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active{
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label{
	background-color:#e9ecee;
	border:1px solid #adb8c0;
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color:#99a1a7;
}

.regular-checkbox:checked + label:after{
	content:'\2714';
	font-size:14px;
	position:absolute;
	top:0px;
	left:3px;
	color:#99a1a7;
}

.big-checkbox + label{
	padding:18px;
	padding:15px;
	padding:13px;
	margin-top:5px;
}

.big-checkbox:checked + label:after{
	font-size:28px;
	font-size:23px;
	font-size:20px;
	left:6px;
}

/* RADIO */

.regular-radio{
	display:none;
}

.regular-radio + label{
	-webkit-appearance:none;
	background-color:#fafafa;
	border:1px solid #cacece;
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding:9px;
	border-radius:50px;
	display:inline-block;
	position:relative;
	margin-top:7px;
}

.regular-radio:checked + label:after{
	content:' ';
	width:12px;
	height:12px;
	border-radius:50px;
	position:absolute;
	top:3px;
	background:#99a1a7;
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow:0px;
	left:3px;
	font-size:32px;
}

.regular-radio:checked + label{
	background-color:#e9ecee;
	color:#99a1a7;
	border:1px solid #adb8c0;
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active{
	box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label{
	padding:12px;
}

.big-radio:checked + label:after{
	width:20px;
	height:20px;
	left:2px;
	top:2px;
}

/* ---------------------------------------------------------
	Print styles
---------------------------------------------------------*/
@media print{
	*{
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
		background:transparent !important;
	}
	html{ background-color:#fff; }
	/* Hide navigation */
	nav{ display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after{ content:" (" attr(href) ") "; }
	a[href]{
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */
	a[href^="javascript:"]:after, a[href^="#"]:after{ content:""; }

	/* Show abbr title value in brackets after the text */
	abbr[title]:after{ content:" (" attr(title) ")"; }

	figure{
		margin-bottom:1em;
		overflow:hidden;
	}

	figure img{ border:1px solid #000; }
}



/*----------------
見出し スタイル
------------------*/

	main h3{
		background-color:#ffffffff;
		color:#333333;
		font-size:1.6em;
		font-weight:bold;
		margin:15px 0px;
		padding:8px 20px 8px 25px;
		min-width:850px;
	}

h3 {
    position: relative;
    padding-left: 55px;
    border-bottom: 3px solid #019c96;
    color: #333333;
    font-size: 25px;
    line-height: 29px;
}

h3:before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #019c96;
    content: "";
}

h3:after {
    position: absolute;
    top: 3px;
    left: -9px;
    width: 13px;
    height: 13px;
    border: 2px solid #019c96;
    content: "";
}

	main h4{
		font-size:1.6em;
		font-weight:bold;
		margin:0px;
		padding:20px 0px 20px 0px;
	}

h4 {
  position: relative;
  color: #555555;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}
/*　※一時的にコメントアウト
h4:before {
  content: "";
  position: absolute;
  background: #D7AC9D;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h4:after {
  content: "";
  position: absolute;
  background:#A55142;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}*/

/*-----------------------------
テーブルレイアウト
------------------------------*/

table tbody tr td label{
  margin:5px;
  font-size:1.2em;
}

main table tbody td.box-body changeArea{
  padding:0;
}
main table tbody th.notice_date{
  font-size:1.2em;
  text-aligh:lef;
  font-weight:normal;
  width:150px;
  margin-right:10px;
  margin-left:0;
}
td.notice_title p{
  text-aligh:lef;
}
td.notice_title{
  font-size:1.2em;
  font-weight:bold;
  margin:0;
}
td.notice_message{
  text-aligh:lef;
  padding:10px 0;
}

/*---リスト---*/

table#tbl_list{

}

table#tbl_list tbody tr td.num{
  font-size:1.6em;
  font-weight:normal;
  margin:0;
}

table#tbl_list tbody tr td.name{
  font-size:1.6em;
  font-weight:bold;
  margin:0;
}

/*-----------------------------
ol ulレイアウト
------------------------------*/

ol.num_style{
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  margin:0;
  padding:0;
}
ol.num_style li{
    float: left;
    background: #8bcdba;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
ol.num_style li:before{
  /* カウンタ（数字になる部分） */
  counter-increment: number; /* 任意の名前 */
  content: counter(number); /* 名前を付けたカウンターを呼び出し */
}



/*-----------------------------
メニューレイアウト
------------------------------*/

border.top_table div#parking_top_menu{
  width:100%;
  margin-left: auto;
}

div#menu-block{
  padding:20px  10px;
}

div#menu-block table tbody tr {
  padding:10px;
}

div#menu-block table tbody tr th{
  width:180px;

}

div#menu-block table tbody tr td{
  padding:0;

}

/*-----------------------------
チェックボックス
------------------------------*/
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 ;
  padding: 2px 12px 2px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
/*マウスイベント*/
/*.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}*/
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}
/*ラジオボタンのチェック後のイベント*/
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

#small_submit{
  width:160px;
  height:35px;
  padding:0;
  font-size:1.2em;
  font-weight:normal;
}


/*-----------------------------
駐車場情報
------------------------------*/

main table.table-view tr th.left-fixed-box-name{
	width:250px;
	padding:5px;
	border-right:solid 5px #ffffffff;
	font-size:1.4em;
	font-weight:normal!important;
	line-height:1.4em;
	text-align:left;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}

	.overflowellipsis{
	    width: 400px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    -webkit-text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	}

table#textbox-row tbody tr th.box-name{
  width:10px;
  text-align:left;
  padding:10px 15px;
}

/*-----------------------------
caption
------------------------------*/
	main table{
	}
	main table.right-caption{
		margin-bottom:40px;
	}

	main table.right-caption caption{
		text-align: right;
		margin-bottom:5px;
	}

main table.table-box caption{
		text-align: right;
		margin-bottom:5px;
}

	main div.top_table{
		display: table;
	}

	main div.top_left{
		width: 900px;
		text-align:left;
		display: table-cell;
	}

	main div.top_right{
		display: table-cell;
		text-align:right;
		width: 1000px;
	}

/*-----------------------------
トップ画面
------------------------------*/
	main table.top-view-textbox-row{
	}
	main table.top-view-textbox-row tr{
		vertical-align:middle;
	}
	main table.top-view-textbox-row tr th.box-name{
		width:Auto;
		padding:5px;
		border-right:solid 5px #ffffffff;
		font-size:1.4em;
		font-weight:normal!important;
		line-height:1.4em;
		text-align:left;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
	}

	main table.top-view-textbox-row tr td{
		padding-right:10px;
		padding-bottom:10px;
	}
/*テキストボックス*/
	main input.text-top-parking{
		width:350px;
		padding:5px;
		margin:8px;
		font:normal;
	}
/*配置*/
	main div.left-top-parking{
		display: table-cell;
		width: 500px;
		padding:0px 30px;
		border:1px solid #EEE;
		background-color:rgba(226,200,15,0.1);
		box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
	}

	main div.center-top-parking{
		width: 40px;
		text-align:center;
		display: table-cell;
	}

	main div.right-top-parking{
		display: table-cell;
		width: 230px;
		padding:20px 30px;
		text-align:center;
		border:1px solid #EEE;
		background-color:rgba(226,200,15,0.1);
		box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
	}
/*お知らせの枠*/
	main div.box-login-notices{
		overflow: scroll;
		overflow-x:hidden;
		max-height: 111px;
		width:930px;
		width:882px;
		padding:10px;
		margin-bottom:15px;
		background-color:rgba(255,255,255,0.5);
		border:1px solid #CCC;
		background-color:rgba(255,255,255,0.5);
		box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
		-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
	}

/*お知らせの文字*/
	main h2.point-h2-label{
		position:relative;
		padding-left:0px;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 38px;
		margin-bottom:0px;
		margin-top:0px;
	}
/*お知らせのアイコン*/
/*	main h2.point-h2-label:after, 	main h2.point-h2-label:before{
		content:'';
		height:18px;
		width:4px;
		display:block;
		background:#00A8FF;
		position:absolute;
		top:8px;
		left:15px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}

	main h2.point-h2-label:before{
		height:10px;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		top:16px;
		left:7px
	}
*/

/*「検索結果」表示領域*/
	main div.result-top-parking{
		padding:20px 0px;
	}

/*各ボタン、駐車場検索の表示領域*/
	div.button-area{
		width: 900px;
	}
/*-----------------------------
グループ登録画面
------------------------------*/
/*左の枠*/
	main div.top_left_groups{
		min-width: 600px;
		text-align:left;
		display: table-cell;
		padding:30px;
		border:solid 1px #bfbfbf;
		border-radius: 5px;
	}

	main div.top_right_groups{
		min-width: 600px;
		display: table-cell;
		text-align:right;
		padding:0px 30px;
	}
/*右の2つの枠*/
	main div.right_groups_line{
		padding:30px;
		border:solid 1px #bfbfbf;
		border-radius: 5px;
	}

	main hr.line_groups{
		margin:5px 10px 15px 0;
		padding:0px;
		border:solid 1px #dddddd;
	}
	main th.th-item-groups{
		min-width: 250px;
	}
	select.width-select {
		height:150px;
		width:270px;
	}

	.h4-bottom{

}

/*-----------------------------
アカウント管理画面（テーブル）
------------------------------*/
/*編集ボタン*/
	main ul.btn li.btn_center{
              margin-left: auto;
              margin-right: auto;
              margin: 5px;
	}

/*-----------------------------
テーブル(table.)
------------------------------*/
/*Not Use...*/
	main table.box-border{
		margin-bottom:40px;
		border-top:none;
		padding:20px 20px 20px 20px;
	}

	main table.table-view {
		/*bg-lineの対応*/
		margin:5px 10px 5px 0px;
		width:100%;
	}
	main table.table-view tr{
		vertical-align:top;
	}
	main table.table-view tr.bg-line{
		background-color:#f5f5f5;
	}
	main table.table-view tr.bg-line-title{
		background-color:#eeeeee;
		font-weight:bold!important;
	}
	main table.table-view tr.bg-line-title th.box-name-table{
		font-weight:bold!important;
		text-align:left;
	}
	main table.table-view tr th.box-name{
		width:Auto;
		padding:5px;
		border-right:solid 5px #ffffffff;
		font-size:1.4em;
		font-weight:normal!important;
		line-height:1.4em;
		text-align:left;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
	}
	main table.table-view tr th.box-name-table{
		padding:10px 0px 0px 10px;
		border-right:solid 5px #b71232;
		font-size:1.4em;
		font-weight:normal!important;
		text-align:left;
		width:180px;
	}
	main table.table-view tr th.output{
		width:250px;
	}
	main table.table-view tr td{
		padding:5px ;
	}

	main table.table-view tr td.box-body{
		padding:20px 0px 20px 0px;
		text-align:left;
		font-size:2.6em;
	}
	main table.table-view tr td.box-body_right{
		padding:10px 0px 10px 20px;
		margin-left: auto;
		text-align: right;
		font-size:2.6em;
	}
	main table.table-view tr td.box-body-first{
		font-size:2.6em;
		text-align:left;
	}
	main table.table-view tr td.box-body-table{
		padding:10px 10px 10px 20px;
		border-right:solid 1px #cccccc;
		text-align:left;
		font-size:1.4em;
	}


	main table.textbox-row{
	}
	main table.textbox-row tr{
		vertical-align:middle;
	}
	main table.textbox-row tr th.box-name{
		width:340px;
	}
	main table.textbox-row tr td{
		padding-right:10px;
		padding-bottom:20px;
		padding-bottom:10px;
	}



	main table.table-box{
		border:solid 1px #cccccc;
		font-size:1.1em;
		margin-bottom:10px;
	}
	main table.table-box tr th{
		vertical-align:middle;
		text-align:center;
		border:solid 1px #cccccc;
	}

	main table.table-box tr td{
		padding:5px;
		text-align:left;
		border:solid 1px #cccccc;
		vertical-align:middle;
	}

/*表のチェックボックス*/
	main table.table-box tr th.th_check{
		min-width: 90px;
		align:center;
              	margin-left: auto;
              	margin-right: auto;
              	margin: 5px;
	}
	main table.table-box tr td.td_check{
		text-align:center;
		padding:5px 5px 5px 15px;
	}
/*表の項目*/
	main table.table-box tr th.th_item{
		min-width: 200px;
	}

	main table.table-box tr th.th_item_small{
		min-width: 100px;
	}

	main table.table-box tr th.th_item_big{
		min-width: 610px;
	}
/*表のID*/
	main table.table-box tr th.th_id{
		min-width: 70px;
	}

/*表のボタン*/
	main table.table-box tr th.th_button{
		min-width: 100px;
	}

/*表のサムネイル*/
	main table.table-box tr th.th_thumbnail{
		min-width: 100px;
	}

	main table.table-box tbody tr td label{
		font-size:15px;
	}

	main table.table-box ul.btn li{
              margin-left: auto;
              margin-right: auto;
	      margin: 5px;
	}



	main table.layout2{
	}
	main table.layout2 tr{
		vertical-align:middle;
	}
	main table.layout2 tr th{
	}
	main table.layout2 tr td{
		padding-right:20px;
		padding-bottom:20px;
	}
	main table.layout4{
	}
	main table.layout4 tr{
		vertical-align:middle;
	}
	main table.layout4 tr th{
	}
	main table.layout4 tr td{
		padding-right:40px;
		padding-bottom:20px;
	}
/*-----------------------------
精算機ログ取得画面
------------------------------*/
/*枠線*/
	main div.box-border_get_log{
		border-radius:10px;
		padding: 50px 20px;
		background: #fff;
		border: 1px #ccc solid;
		box-shadow: 0 2px 3px 0 #ddd;
		-moz-box-shadow: 0 2px 3px 0 #ddd;
		-webkit-box-shadow: 0 2px 3px 0 #ddd;
		float:clear;
		width:800px ;
	}

	#ui-datepicker-div div.ui-datepicker-header > a.ui-datepicker-prev > .ui-icon {
		/*transform: scale(1.5);*/
	}
	#ui-datepicker-div div.ui-datepicker-header > a.ui-datepicker-next > .ui-icon {
		/*transform: scale(1.5);*/
	}

	/* カレンダーの休日スタイル */
	.date-sunday .ui-state-default {
	  background-image: none; background-color: #FF9999
	}
	.date-saturday .ui-state-default {
	  background-image: none; background-color: #66CCFF
	}
	.date-holiday0 .ui-state-default {
	  background-image: none; background-color: #FF9999
	}
	.date-holiday1 .ui-state-default {
	  background-image: none; background-color: #FFFF33
	}

/* label */
.label {
  font-size: 11px;
  border-radius:10px;
  padding:1px 15px;
}
.label-blue {
  color:white;
  background-color:#4488c5;
}