/*
 * 予約ページレイアウト
*/
@charset 'utf-8';

/***************************************/
/***** 全般 *****/
/***************************************/
body {
	font-size:				85%;
	font-family:			meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Roboto, 'Droid Sans', sans-serif;
	margin:					0;
}

.Wrap {
	width:					100%;
	margin:					0px auto;
	max-width:				1600px;
	min-width:				1200px;
}

.Wrap:after {
	content:				'';
	display:				block;
	clear:					both;
}

a {
	color:					#4169e1;
	cursor:					pointer;
	text-decoration:		none;
}
a:hover {
	color:					#ff6347;
	text-decoration: 		underline;
}

table {
	font-size:				100%;
	border-collapse:		collapse;
	border-spacing:			0;
	box-sizing:				border-box;
}

p {
	line-height: 			130%;
	margin:					5px 0px 5px 10px;
}

.FloatClear {
	height:					0px;
	content:				'';
	display:				block;
	clear:					both;
}
/***************************************/
/***** Main *****/
/***************************************/
.Main {
	width:					100%;
}

/***************************************/
/***** Header *****/
/***************************************/
.Header{
	background-color:		#fff;
	margin-top:				10px;
	margin-left:			10px;
}
.Header:after {
	content:				'';
	display:				block;
	clear:					both;
}

/***** LeftArea *****/
.LeftArea {
	width:					70%;
	float:					left;
}
.LeftArea img{
	width:					100%;
	max-width:				550px;
}

/***** RightArea *****/
.RightArea {
	width:					30%;
	float:					right;
}
.RightArea img{
	width:					100%;
	max-width:				280px;
}


/***************************************/
/***** Pankuzu *****/
/***************************************/
.Pankuzu {
	font-size:				85%;
	width:					auto;
	padding:				5px;
}

/***************************************/
/***** Contents *****/
/***************************************/
.Contents {
	width:					auto;
	background-color:		#fff;
	padding:				2px;
	margin-left: 			10px;
	margin-right: 			10px;
}
.ContentsFooter {
	height:					30px;
}
.ToPageTop {
	margin-right:			10px;
	text-align:				right;
}

/***************************************/
/***** Footer *****/
/***************************************/
.Footer {
	max-width:				1600px;
	min-width:				1200px;
	padding-top:			10px;
	background-color:		#2f4f4f;
	color:					#fff;
	margin:					0px auto;
}
/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.Footer {
		max-width:			100%;
		min-width:			100%;
	}
}


.SiteInfo {
	margin:					0px auto;
	padding:				0px 0px 0px 80px;
	min-width:				240px;
	max-width:				400px;
	height:					80px;
	background-image:		url('../../img/logo_s.png');
	background-size:		55px 55px;
	background-repeat:		no-repeat;
	background-position:	10px 0px;
}

.CopyLight {
	width:					100%;
	padding-top:			10px;
	padding-bottom:			10px;
	text-align:				center;
}




/***************************************/
/***** MediaQuery *****/
/***************************************/
/* 599以下はスマホ */
@media (max-width: 599px) {
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
}

/* 768以上は大型タブレット＆PC */
@media (min-width: 768px) {
}