@charset "SHIFT-JIS";

INPUT,TEXTAREA,
BODY,TD,TH	{
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック",sans-serif;
}

p {
	margin: 0;
}

.clear {
	clear: both;
	line-height: 2;
}

.wide {
	width: 1250px;
}

#header p,
#header {
	float: left;
}

#header p {
	margin-left: 10px;
}

#loginBox {
	float: left;
	margin-left: 60px;
}

#loginBox p {
	float: left;
	width: 56px;
	margin: 5px 0;
}

#loginBox input {
	float: left;
	margin-left: 10px;
}

#login {
	padding: 10px 30px;
	font-size: 18px;
}

#history,
#profile,
#logout {
}

#login:hover,
#history:hover,
#profile:hover,
#logout:hover {
	cursor: pointer;
	font-weight: bold;
}

#groupname,
#username {
	width: 500px !important;
	font-size: 16px;
	color: blue;
	margin-bottom: 10px !important;
}
#username2 {
	width: 100% !important;
	font-size: 20px;
	font-weight: bold;
}
#info {
	width: 600px;
	background-color: #ddffff;
	white-space: normal;
	padding: 10px;
}

#ticketList {
	margin-top: 5px;
	margin-left: 5px;
}
#ticketList p {
	font-weight: bold;
	font-size: 18px;
}
#ticketList table {
	BORDER: #000000 1px solid;
	BORDER-COLLAPSE: collapse;
}
#ticketList th {
	background-color: lightyellow;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	padding: 3px 5px;
}
#ticketList td {
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	text-align: center;
	padding: 2px 5px;
}

.table_Cal {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.table_Cal th {
	height: 10px;
//	width: 35px;
	background-color:#bbccff;
	white-space: nowrap;
	text-align: center;
}
.table_Cal td {
	height: 40px;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	padding: 4px !important;
}
.table_Cal td div {
	display: table;
	width: 100%;
	height: 50%;
}
.table_Cal td div div {
	text-align: center;
	width: 100%;
//	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.table_Cal td > div:first-child div {
	border-bottom: 1px solid #999;
}

.table_Cal .reserve {
	background: lightgrey url(../image/top/icon_3g_32.png) no-repeat center center;
}

.table_Cal .reserve2 {
	background: lightgrey url(../image/top/cancel_ticket.png) no-repeat center center;
}

.table_Cal .disable {
	background-color: lightgrey;
}

.table_Cal .today {
	background-color: greenyellow !important;
}
.table_Cal .today:hover {
	background-color: #32cd32 !important;
}

.table_Cal .weekday {
	background-color: white;
}
.table_Cal .weekday:hover {
	background-color: #f4a460;
}

.table_Cal .sat {
	background-color: lightcyan;
}
.table_Cal .sat:hover {
	background-color: #7ec0ee;
}

.table_Cal .sun {
	background-color:pink;
}
.table_Cal .sun:hover {
	background-color: #ff6a6a;
}

.table_Cal .weekday,
.table_Cal .sat,
.table_Cal .sun {
	cursor: pointer;
}

.line {
	height: 1px;
	border-top: 1px solid #999;
	margin: 4px 0 1px;
}

#exp {
	float: left;
}

#exp div {
	margin-bottom: 10px;
}

#comment {
	width: 124px;
	padding: 5px;
}

#comment img {
	vertical-align: middle;
}

#MapArea {
	margin-bottom: 15px;
}

#MapArea > p{
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: red;
	font-size: 16px;
}

.Map {
	float: left;
	display: none;
}

#comment,
.Map table,
.Map th {
	BORDER: #000000 1px solid;
	BORDER-COLLAPSE: collapse;
}
.Map th {
	background-color: whitesmoke;
	border-right:1px solid #000;
}
.Map td {
	border-bottom:1px solid #000000;
	width: 7px;
	height: 40px;
}
.dl {
	border-right:1px solid #000;
}
.gl {
	border-right:1px solid #999999;
}
.b1 {
	background-color: #dcffdc;
	width: 15px;
}
.b2 {
	background-color: #a9ffa9;
	width: 15px;
}
.b3 {
	background-color: #76d976;
	width: 15px;
}
.b4 {
	background-color: forestgreen;
	width: 15px;
}
.b5,
.sel {
	background-color: darkorchid !important;
	width: 15px;
}

.b6,
.sel2 {
	background-color: moccasin;
	width: 15px;
}

#login2,
#reserve {
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 5px 50px;
	font-size: 18px;
	font-weight: bold;
	color: orange;
}

#login2:hover,
#reserve:hover {
	color: red;
	cursor: pointer;
}

#map_comment {
	float: left;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#map_comment p {
	float: left;
}
#map_comment .spc {
	margin-left: 25px;
}

#divfee > div {
	width: 600px;
	background-color: #ffddff;
	white-space: normal;
	padding: 10px;
	margin-bottom: 40px;
}

.Dotted {
	BORDER: #000000 1px dotted;
	BORDER-COLLAPSE: collapse;
	color: red;
	padding: 10px;
}

#footer {
	width: 100%;
	height: 30px;
	border-top: 1px solid #003171;
	margin-top: 40px;
	text-align: center;
	padding: 7px 0 10px;
	font-size: 10px;
	font-weight: bold;
}

#pnlReserve {
	margin-top: 20px;
}

#tblTimeline {
	float: left;
}
#tblTimeline,
#tblTimeline th {
	BORDER: #000000 1px solid;
	BORDER-COLLAPSE: collapse;
}
#tblTimeline th {
	background-color: whitesmoke;
	border-right:1px solid #000;
}
#tblTimeline td {
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	width: 7px;
	height: 40px;
	text-align: center;
}

#pnlCourt {
	font-size: 18px;
	margin-top: 20px;
}
#pnlChangeEnable p,
#pnlChangeEnable h1,
#pnlNumPerson p,
#pnlNumPerson h1,
#pnlPayment div,
#pnlPayment h1,
#pnlCourt p,
#pnlCourt h1 {
	float: left;
}
#pnlReserve h1 {
	width: 130px;
	font-size: 18px;
	padding: 0;
	margin: 0;
}
#pnlPayment {
	font-size: 18px;
	margin-top: 20px;
}
#pnlPayment h2 {
	font-size: 16px;
	margin: 0;
	color: green;
}
.payment {
	margin-right: 30px;
	margin-bottom: 20px;
	border: 1px solid gray;
	padding: 15px 30px 15px 20px;
	line-height: 2;
}
.payment.disable {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#pnlChangeEnable,
#pnlNumPerson {
	margin-top: 20px;
	font-size: 16px;
}

.btn {
	margin-top: 20px;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
}
.btn:hover {
	cursor: pointer;
}

#btnReserve {
	margin-right: 20px;
	color: red;
}
#btnReserve:hover {
	color: orange;
}

#btnReserve:disabled {
	color: gray;
	cursor: default;
}

.btnBack {
	margin-right: 20px;
	color: black;
}
.btnBack:hover {
	color: gray;
}

#btnDelete {
	color: blue;
}
#btnDelete:hover {
	color: lightskyblue;
}

#btnSendMail {
	color: red;
}
#btnSendMail:hover {
	color: orange;
}

input:hover {
	cursor: pointer;
}
label:hover {
	cursor: pointer;
}

.tblEnableTicket {
	float: left;
}

#tblFrontOperationList,
#tblReserveList,
.tblEnableTicket {
	margin: 0px 0px 10px;
	padding: 0px;
	border-collapse: collapse;
}
#tblFrontOperationList th,
#tblReserveList th,
.tblEnableTicket th {
	padding: 4px 20px 2px 20px;
	text-align: center;
	color: midnightblue;
	background-color: khaki;
	border: 1px solid #6699CC;
	WHITE-SPACE: nowrap;
}
#tblFrontOperationList td,
#tblReserveList td,
.tblEnableTicket td {
	padding: 4px 8px 2px 8px;
	text-align: left;
	border: 1px solid #6699CC;
}

#pnlCancelComment {
	color: red;
	font-size: 20px;
	font-weight: bold;
}
#pnlCancelComment p {
	padding: 5px;
	margin: 5px;
	color: black;
	width: 400px;
	min-height: 200px;
	border: 1px solid #999;
}

#pnlInputComment {
	margin-top: 20px;
}
#pnlInputComment h1 {
	float: left;
}
#pnlInputComment > div {
	float: left;
	border: 1px solid #999;
	width: 500px;
	padding: 5px 5px 5px 5px;
	min-height: 20px;
	overflow: hidden;
}
#pnlInputComment textarea {
	width: 478px;
	padding: 10px;
}
#pnlInputComment p {
	margin-left: 10px;
	white-space: nowrap;
	height: 20px;
}