@charset "utf-8";
@import "html5reset.css";

body {
	word-wrap:break-word;
	background:#fff;
	line-height:1.7em;
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	width:1000px;
	margin:0 auto;
}

a {
	color:#0059B2;
	font-weight:bold;
}

/*
a img {
	border:none;
	padding:0;
}
*/

header {
	position: relative;
}

section {
/*	margin-top:50px; */
	margin-bottom:40px;
}

h2 {
	font-size:23px;
	width:100%;
	padding-bottom: 3px;
	border-bottom:#3178CD 4px solid;
	margin-top:40px;
	margin-bottom:35px;
}

h3 {
	color:#3178CD;
	font-weight:bold;
	font-size:20px;
	margin-top:1.5em;
	margin-bottom:1em;
}

h4 {
	font-weight:bold;
	font-size:18px;
	margin-top:1.5em;
	margin-bottom:1em;
}

p {
	margin:1em 0;
}
img {
	max-width:100%;
	height:auto;
}

footer {
	text-align:right;
	margin-top:70px;
}

/* ### ID selecter ### */
#wrap {

}

#headerLogin {
	margin-top:-50px;
	margin-left:560px;
	position: absolute;
}

#content {
	width:850px;
	margin:0 auto;
}

#howto {

}

#info {
	margin-bottom:120px;
}

#infoTop ,
#infobtm {
	width:841px;
	marign:0 auto;
}

#infoTop {
	height:45px;
}

#infoMid {
	background:url(../images/infoMid.jpg) repeat-y;
	width:801px;
	padding:20px;
}

#infoBtm {
	background:url(../images/infoBtm.jpg) no-repeat;
	height:3px;
}

#calender {

}

#reserveForm label {
	min-width:5em;
}

.sub ul {
	margin:1em;
	margin-left:2em;
}

.sub li {
	margin-bottom:1em;
}

.buttonBox div {
	margin:20px;
}


.fl {
	float:left;
}

/* ### CLASS selecter ### */
.btnR {
	margin:25px 0;
	text-align:right;
}

.ar {
	text-align:right;
}

.fl {float:left;}

.fr {float:right;}

.none {
	margin:0;
	padding:0;
	border:0;
}

.note {
	font-size:90%;
	color:#444;
}

.caution {
	padding:1px 5px;
	background:#900;
	color:#fff;
}

.systemerr {
	padding:5px;
	background:#cb434f;
	text-align:center;
	margin:2em 0;
	color:#fff;
}

.err {
	padding:5px;
	background:#900;
	text-align:center;
	margin:2em 0;
	color:#fff;
}

.inputs {
	width:750px;
}

.inputslabel {
	font-size:18px;
	height:20px;
	width:100px;
	font-weight:bold;
	margin:5px 0;
	float:left;
}

.inputsinput {
	font-size:18px;
	height:20px;
	width:600px;
	margin:5px 0;
	float:left;
}

.fullsize {
	width:100%;
}

.halfsize {
	width:50%;
}

.border5r {
	border:#999 1px solid;
	border-radius: 5px;
	width:245px;
	overflow: hidden;
	background: #fff;
	padding:2px;
	padding-left:10px;
}

#content .memberLogin  {
	margin:50px 0;
	margin-left:460px;
}

.memberLogin .submit {
	border:none;
	border-left: 1px solid #999;background: #eee; /* FF3.6-15 */background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #fff 0%, #eee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */text-decoration: none;color: #333;font-family: 'rounded-mplus_m';padding: 0 7px;
background:#fff;
/*	border-top-right-radius: 4px\9; border-bottom-right-radius: 4px\9;*/
}

.buttonBox {
	margin:20px auto;
	width:380px;
}



/* カレンダー月選択タブ */
#monthTab {
	margin-left:177px;
}

#monthTab li {
/*	display:inline;*/
	float:left;
	width:96px;
	height:25px;
	padding-top:20px;
	background:url(../images/calenderTab.jpg) center bottom no-repeat;
	background-size:100% auto;
	list-style:none;
	text-align:center;
}

#monthTab li:hover,
#monthTab li.selected {
	background:url(../images/calenderTabActive.jpg) center bottom no-repeat;
	background-size:100% auto;
	height:35px;
	padding-top:10px;
}

#monthTab li a {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
display:block;
width:100%;
height:100%;
}

.calenderTabActive {

}


/* カレンダー部 */
		#calender table {
			width:850px;
			text-align: center;
		}
		
		#calender table th, 
		#calender table td {
			border:1px solid #868695;
			padding:3px;
		}
		
		#calender table td {
			width:25px;
			font-size:14px;
		}

		#calender table td.centerElm {
			border-left:1px dashed #868695;
			border-right:1px dashed #868695;
		}
		
		#calender table .tableIndex {
			font-weight: bold;
		}
		
		#calender table .indexWeekday {
			background: #FFFFBF;
		}
		
		#calender table .indexSaturday {
			background: #B7DEE8;
		}
		
		#calender table .indexSunday {
			background: #F2DCDB;
			color: #D90000;
		}
		
		#calender table .indexTerm {
			font-size:12px;
			background: #EAF1FA;
			color:#5F5F5F;
		}
		
		#calender table .indexGround {
			padding:2px 0.5em;
			background: #3F85D6;
			color:#fff;
		}

		#calender .none {
			border:none;
		}

		#calender .indexNone,
		#calender .tdNone {
			background:#dadada;
		}


@media screen and (min-width:768px){
	/* PC用 */
		.pc {
			display:block;
		}

		.sp {
			display:none;
		}

		body {
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:14px;
		}

		a img:hover,
		input[type=image]:hover {
			opacity: 0.7;
		}

} @media screen and (max-width: 767px) {
	/* スマホ用 */
			.pc {
				display:none;
			}

			.sp {
				display:block;
			}
			
			body {
/*				font-size:22px;*/
			}
		
}

/* 汎用クラス */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}