@charset "utf-8";

/* ========================================================================================================================/

	Document    : common.css
	Description : 共通css

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("./basic.css");
@import url("./custom/margin.css");
@import url("./custom/padding.css");
@import url("./custom/width.css");


/* ------------------------------------------------------------------------------------------------------------------------/
   base
/------------------------------------------------------------------------------------------------------------------------ */

body {
	min-width:1200px;
	color:#232323;
	line-height:160%;
	background:#ffffff;
	font-size:14px;
	}
body.sub {
	min-width:auto;
	}

/* ------------------------------------------------------------------------------------------------------------------------/
   h* etc
/------------------------------------------------------------------------------------------------------------------------ */

#twitter-widget-0 {
	border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-o-border-radius:0 !important;
	-ms-border-radius:0 !important;
	}
.timeline-header {
	border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-o-border-radius:0 !important;
	-ms-border-radius:0 !important;
	}
.timeline-footer {
	border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-o-border-radius:0 !important;
	-ms-border-radius:0 !important;
	}

.fb-like-box {
	background-color:#ffffff;
	margin:0 0 10px 0;
	}


table.type01 {
	width:100%;
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#cccccc;
	border-collapse:collapse;
	}
	table.type01 th,
	table.type01 td {
		text-align:left;
		vertical-align:top;
		border-style:solid;
		border-width:0 1px 1px 0;
		border-color:#cccccc;
		padding:10px;
		}
	table.type01 th {
		background-color:#efefef;
		}

table.type02 {
	width:436px;
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#cccccc;
	border-collapse:collapse;
	}
	table.type02 th,
	table.type02 td {
		text-align:left;
		vertical-align:top;
		border-style:solid;
		border-width:0 1px 1px 0;
		border-color:#cccccc;
		padding:5px 10px;
		}
	table.type02 th {
		background-color:#efefef;
		}
	table.type02 td {
		background-color:#ffffff;
		}

table.type03 {
	width:100%;
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#cccccc;
	border-collapse:collapse;
	}
	table.type03 th,
	table.type03 td {
		text-align:center;
		vertical-align:top;
		border-style:solid;
		border-width:0 1px 1px 0;
		border-color:#cccccc;
		padding:5px;
		}
	table.type03 th {
		background-color:#efefef;
		}
	table.type03 td {
		background-color:#ffffff;
		}

.ft-counter {
	vertical-align:middle;
	margin-left:15px;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   container
/------------------------------------------------------------------------------------------------------------------------ */

#container {
	text-align:center;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   header
/------------------------------------------------------------------------------------------------------------------------ */

header {
	width:100%;
	height:152px;
	text-align:center;
	background:#ffffff;
	}
	header .inner {
		position:relative;
		width:1150px;
		height:124px;
		text-align:left;
		margin:0 auto;
		padding:0;
		}
		header .inner h1 {
			position:absolute;
			top:90px;
			left:0;
			}
		header .inner .anniversary {
			position:absolute;
			top:65px;
			left:5px;
			color:#ff0000;
			font-weight:bold;
			}
		header .inner .car {
			position:absolute;
			top:24px;
			left:486px;
			}
		header .inner .mail {
			position:absolute;
			top:10px;
			left:486px;
			}
		header .inner ul.tel {
			position:absolute;
			top:84px;
			left:486px;
			list-style:none;
			}
			header .inner ul.tel li {
				float:left;
				margin:0 5px 0 0;
				}
		header .inner .open {
			position:absolute;
			top:56px;
			right:0;
			font-size:13px;
			text-align:left;
			line-height:130%;
			}
			header .inner .open span {
				display:inline-block;
				margin:0 0 0 8px;
				}
		header .inner ul.child_navi {
			position:absolute;
			top:0;
			right:0;
			list-style:none;
			}
			header .inner ul.child_navi li {
				float:right;
				margin:0 0 0 2px;
				}

.reservation_button {
	position:fixed;
	right:0px;
	top:150px;
	z-index:150;
	}
.leaving_button {
	position:fixed;
	right:0px;
	top:360px;
	z-index:150;
	}
.recruit_button {
	position:fixed;
	right:0px;
	top:570px;
	z-index:150;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   navi
/------------------------------------------------------------------------------------------------------------------------ */

nav {
	width:100%;
	height:60px;
	text-align:center;
	background:transparent url('../image/navi/bg.png') left top repeat-x;
	}
	nav .inner {
		position:relative;
		width:1150px;
		margin:0 auto;
		padding:5px 0 0 0;
		}
		nav .inner ul {
			list-style:none;
			}
			nav .inner ul li {
				position:relative;
				float:left;
				margin:0;
				padding:0;
				cursor:pointer;
				}
				nav .inner ul li:nth-of-type(3) ul.child {
					display:none;
					position:absolute;
					top:50px;
					left:0;
					width:163px;
					background:#ffffff;
					margin:0 -5px 0 0;
					padding:0;
					z-index:999;
					}
					nav .inner ul li:nth-of-type(3) ul.child li {
						float:none;
						margin:1px 0 0 0;
						}
						nav .inner ul li:nth-of-type(3) ul.child li a {
							display:block;
							width:163px;
							color:#ffffff;
							font-size:12px;
							text-align:left;
							text-decoration:none;
							line-height:130%;
							background:#666666 url("../image/layout/ic02.png") 10px center no-repeat;
							box-sizing:border-box;
							margin:0;
							padding:10px 5px 10px 25px;
							}
						nav .inner ul li:nth-of-type(3) ul.child li a:hover {
							background:#0e1c72 url("../image/layout/ic02.png") 10px center no-repeat;
							}
				nav .inner ul li:nth-of-type(7) ul.child {
					display:none;
					position:absolute;
					top:50px;
					left:0;
					width:165px;
					background:#ffffff;
					margin:0 -5px 0 0;
					padding:0;
					z-index:999;
					}
					nav .inner ul li:nth-of-type(7) ul.child li {
						float:none;
						margin:1px 0 0 0;
						}
						nav .inner ul li:nth-of-type(7) ul.child li a {
							display:block;
							width:165px;
							color:#ffffff;
							font-size:12px;
							text-align:left;
							text-decoration:none;
							line-height:130%;
							background:#666666 url("../image/layout/ic02.png") 10px center no-repeat;
							box-sizing:border-box;
							margin:0;
							padding:10px 5px 10px 25px;
							}
						nav .inner ul li:nth-of-type(7) ul.child li a:hover {
							background:#0e1c72 url("../image/layout/ic02.png") 10px center no-repeat;
							}


/* ------------------------------------------------------------------------------------------------------------------------/
   mainVisual
/------------------------------------------------------------------------------------------------------------------------ */

#mainVisual {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
	}
	#mainVisual .inner {
		position:relative;
		width:1150px;
		height:535px;
		text-align:left;
		margin:0 auto;
		}
		#mainVisual .inner p.visual {
			position:absolute;
			top:55px;
			left:-2px;
			margin:0;
			}
		#mainVisual .inner p.catch {
			position:absolute;
			top:10px;
			/*left:478px;*/
			left:250px;
			margin:0;
			}
		#mainVisual .inner ul.navi {
			position:absolute;
			top:55px;
			left:470px;
			list-style:none;
			}
			#mainVisual .inner ul.navi li {
				float:left;
				margin:0 10px 0 0;
				}
			#mainVisual .inner ul.navi li:nth-of-type(3) {
				float:left;
				margin:0 !important;
				}

	#mainVisual .calendar {
		position:absolute;
		top:315px;
		left:0;
		width:201px;
		height:230px;
		background:transparent url("../image/mainVisual/bg01.png") left top no-repeat;
		}
		#mainVisual .calendar h2 {
			position:absolute;
			top:30px;
			left:20px;
			}
		/*#mainVisual .calendar .inner {
			position:absolute;
			top:100px;
			left:20px;
			width:161px;
			height:98px;
			box-sizing:border-box;
			padding:0 10px 0 0;
			list-style:none;
			overflow-y:auto;
			}
            #mainVisual .calendar .inner p {
				word-wrap:break-word;
				}*/
	#mainVisual .counter {
		position:absolute;
		top:315px;
		left:221px;
		width:230px;
		height:230px;
		background:transparent url("../image/mainVisual/bg02.png") left top no-repeat;
		}
		#mainVisual .counter h2 {
			position:absolute;
			top:30px;
			left:20px;
			}
		#mainVisual .counter p {
			position:absolute;
			top:80px;
			left:20px;
			width:188px;
			height:75px;
			color:#ffcc00;
			font-size:40px;
			font-weight:bold;
			text-align:center;
			line-height:75px;
			box-sizing:border-box;
			background:#333333;
			}
			#mainVisual .counter p span {
				font-size:25px;
				}
		#mainVisual .counter ul {
			list-style:none;
			}
			#mainVisual .counter ul li {
				position:absolute;
				top:170px;
				left:20px;
				font-size:13px;
				line-height:130%;
				text-indent:-1em;
				padding:0 0 0 1em;
				}

	#mainVisual .info {
		position:absolute;
		top:325px;
		left:470px;
		width:680px;
		height:220px;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 1px #cccccc;
		padding:20px;
		}
		#mainVisual .info .inner {
			width:638px;
			height:174px;
			box-sizing:border-box;
			padding:0 10px 0 0;
			overflow-y:auto;
			}
			#mainVisual .info .inner .text_box {
				box-sizing:border-box;
				border-bottom:dotted 1px #cccccc;
				margin:15px 0 0 0;
				padding:10px 10px 10px 0;
				}
			#mainVisual .info .inner .text_box:first-child {
				margin:0;
				}
				#mainVisual .info .inner .text_box .thum {
					float:left;
					max-width:450px;
					height:auto;
					margin:0 10px 10px 0;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
   breadcrumbs
/------------------------------------------------------------------------------------------------------------------------ */

#breadcrumbs {
	width:1150px;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	}
	#breadcrumbs .inner {
		text-align:left;
		list-style:none;
		}
		#breadcrumbs .inner li {
			display:inline-block;
			height:21px;
			line-height:21px;
			padding:1px 0 0 0;
			}
		#breadcrumbs .inner li:first-child a {
			height:21px;
			background:transparent url("../image/layout/bread_home.png") left center no-repeat;
			padding:1px 0 0 30px;
			}
		#breadcrumbs .inner li:last-child {
			font-weight:bold;
			}
		#breadcrumbs .inner li:before {
			content:">";
			font-weight:normal;
			margin:0 10px;
			}
		#breadcrumbs .inner li:first-child:before {
			content:"";
			margin:0;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
   contents
/------------------------------------------------------------------------------------------------------------------------ */

#contents {
	width:1150px;
	text-align:left;
	margin:0 auto;
	}

	#contents #main {
		float:left;
		width:935px;
		}
	#contents.sub #main {
		float:left;
		width:695px;
		margin:20px 0 0 0;
		}
		#contents.sub #main .inner {
			box-sizing:border-box;
			border-style:solid;
			border-width:0 1px 1px 1px;
			border-color:#cccccc;
			background:#ffffff;
			margin:0 0 15px 0;
			padding:10px 20px 20px 20px;
			}

	#contents #side_l {
		float:left;
		width:220px;
		margin:30px 20px 0 0;
		}
	#contents.sub #side_l {
		float:left;
		width:220px;
		margin:20px 20px 0 0;
		}

		#contents #side_l .metro_navi {
			}
			#contents #side_l .metro_navi ul {
				list-style-type:none;
				}
				#contents #side_l .metro_navi ul li {
					float:left;
					margin:2px 0 0 0;
					}
				#contents #side_l .metro_navi ul li:nth-child(2n) {
					margin:2px 2px 0 0;
					}

		#contents #side_l .pist_navi {
			margin:10px 0 0 0;
			}
			#contents #side_l .pist_navi ul {
				list-style-type:none;
				}
				#contents #side_l .pist_navi ul li {
					margin:2px 0 0 0;
					}

		#contents #side_l .banner01 {
			position:relative;
			top:0;
			left:-9px;
			margin:10px 0 0 0;
			}

		#contents #side_l .side_navi {
			margin:10px 0 0 0;
			}
			#contents #side_l .side_navi ul {
				box-sizing:border-box;
				border-style:solid;
				border-width:1px 0 0 0;
				border-color:#cccccc;
				list-style-type:none;
				}
				#contents #side_l .side_navi ul li {
					box-sizing:border-box;
					background:#ffffff;
					border-style:solid;
					border-width:0 1px 1px 1px;
					border-color:#cccccc;
					}

		#contents #side_l .inquiry_box {
			width:220px;
			height:152px;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #cccccc;
			padding:20px 10px;
			margin:10px 0 0 0;
			}

	#contents #side_r {
		float:right;
		width:195px;
		margin:30px 0 0 0;
		}
	#contents.sub #side_r {
		margin:20px 0 0 0;
		}
		#contents #side_r .pist_info {
			position:relative;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #0e1c72;
			}
		#contents #side_r .pist_info h2 {
			margin:-1px 0 0 -1px;
			}
			#contents #side_r .pist_info .inner {
				width:185px;
				height:1138px;
				box-sizing:border-box;
				background:#ffffff;
				margin:10px 0;
				padding:0 10px;
				overflow:auto;
				}
				#contents #side_r .pist_info .inner dl {
					background-color:#ffffff;
					margin:0;
					padding:0 7px;
					}
					#contents #side_r .pist_info .inner dl dt {
						color:#006699;
						font-size:15px;
						font-weight:bold;
						word-wrap:break-word;
						border-style:dotted;
						border-width:0 0 1px 0;
						border-color:#c2c2c2;
						margin:0 0 10px 0;
						padding:0 0 5px 0;
						}
						#contents #side_r .pist_info .inner dl dt span {
							color:#666666 !important;
							font-size:12px !important;
							}
					#contents #side_r .pist_info .inner dl dd {
						font-size:15px;
						word-wrap:break-word;
						}
						#contents #side_r .pist_info .inner dl dd .thum {
							margin:0 10px 10px 0;
							}


/* ------------------------------------------------------------------------------------------------------------------------/
   under
/------------------------------------------------------------------------------------------------------------------------ */

#under {
	position:relative;
	/*width:1150px;*/
	width:900px;
	text-align:center;
	box-sizing:border-box;
	background:#e4ffca;
	margin:30px auto 0 auto;
	padding:20px 20px 0 20px;
	}
	#under ul {
		list-style:none;
		}
		#under ul li {
			float:left;
			margin:0 20px 20px 0;
			}
			/*
		#under ul li:first-child {
			float:left;
			margin:0 40px 20px 0;
			}
			*/
		#under ul li:nth-of-type(4n) {
			float:left;
			margin:0 0 20px 0;
			}
.public_relations {
	width:900px;
	margin:30px auto 0 auto;
	}
	.public_relations section {
		float:left;
		width:440px;
		box-sizing:border-box;
		background:#f0fae2;
		border:solid 1px #7cbd22;
		padding:18px;
		}
	.public_relations section:nth-of-type(2) {
		float:right;
		background:#fdf1ec;
		border:solid 1px #df6529;
		}
		.public_relations section h2 {
			font-size:15px;
			box-sizing:border-box;
			border-bottom:dotted 1px #7cbd22;
			margin:0 0 10px 0;
			padding:0 0 5px 0;
			}
		.public_relations section:nth-of-type(2) h2 {
			border-bottom:dotted 1px #df6529;
			}
		.public_relations section p {
			text-align:left;
			}
		.public_relations section ul.notes {
			text-align:left;
			list-style:none;
			}
			.public_relations section ul.notes li {
				color:#ff0000;
				font-size:12px;
				}
	/*
	#under ul {
		width:640px;
		list-style:none;
		}
		#under ul li {
			float:left;
			margin:0 20px 20px 0;
			}
		#under ul li:nth-of-type(3),
		#under ul li:nth-of-type(5),
		#under ul li:nth-of-type(9) {
			margin:0 0 20px 0;
			}
	#under .akiya {
		position:absolute;
		top:20px;
		right:20px;
		width:450px;
		height:235px;
		text-align:left;
		box-sizing:border-box;
		background:#ffffff;
		padding:20px;
		}
		#under .akiya h3 {
			margin:-20px 0 12px -20px;
			}
		#under .akiya ul {
			width:auto;
			margin:3px 0 12px 0;
			}
			#under .akiya ul li {
				float:none;
				text-indent:-1em;
				line-height:130%;
				margin:0;
				padding:0 0 0 1em;
				}
				*/


/* ------------------------------------------------------------------------------------------------------------------------/
   footer
/------------------------------------------------------------------------------------------------------------------------ */

.geotrust {
	text-align:center;
	vertical-align:top;
	box-sizing:border-box;
	background:#efefef;
	border-top:solid 1px #cccccc;
	margin:50px 0 0 0;
	padding:30px 20px;
	}
	.geotrust img {
		display:inline-block;
		margin:0 20px 0 0;
		}
	.geotrust p {
		display:inline-block;
		color:#666666;
		font-size:13px;
		text-align:left;
		vertical-align:top;
		box-sizing:border-box;
		/*padding:5px 0 0 0;*/
		padding:30px 0 0 15px;
		}

footer {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	background:#ffffff;
	border-top:solid 1px #cccccc;
	}
	footer .inner {
		position:relative;
		width:1150px;
		height:250px;
		text-align:left;
		box-sizing:border-box;
		margin:0 auto;
		}
		footer .inner p {
			position:absolute;
			top:80px;
			left:0;
			font-size:13px;
			}
		footer .inner p:nth-of-type(2) {
			top:80px;
			left:0;
			}
		footer .inner p:nth-of-type(3) {
			top:215px;
			left:0;
			}
		footer .inner ul.tel {
			position:absolute;
			top:150px;
			left:0;
			font-size:13px;
			list-style:none;
			}
			footer .inner ul.tel li {
				font-size:17px;
				font-weight:bold;
				vertical-align:middle;
				line-height:25px;
				margin:0 0 5px 0;
				}
			footer .inner ul.tel li:nth-of-type(1) { color:#0e1c72; }
			footer .inner ul.tel li:nth-of-type(2) { color:#d62476; }
				footer .inner ul.tel li span {
					display:inline-block;
					width:120px;
					color:#ffffff;
					font-size:12px;
					font-weight:bold;
					text-align:center;
					line-height:25px;
					margin:0 10px 0 0;
					padding:2px 0 0 0;
					}
				footer .inner ul.tel li:nth-of-type(1) span { background:#0e1c72; }
				footer .inner ul.tel li:nth-of-type(2) span { background:#d62476; }
		footer .inner p.logo {
			position:absolute;
			top:25px;
			left:0;
			}
		footer .inner .fnavi01 {
			position:absolute;
			top:73px;
			left:480px;
			width:90px;
			height:93px;
			list-style:none;
			}
		footer .inner .fnavi02 {
			position:absolute;
			top:73px;
			left:570px;
			width:165px;
			height:93px;
			list-style:none;
			}
		footer .inner .fnavi03 {
			position:absolute;
			top:73px;
			left:735px;
			width:415px;
			height:93px;
			list-style:none;
			}
		footer .inner .fnavi01 p,
		footer .inner .fnavi02 p,
		footer .inner .fnavi03 p {
			position:absolute;
			top:10px;
			left:0;
			color:#59b200;
			font-weight:bold;
			line-height:100%;
			box-sizing:border-box;
			border-left:dotted 1px #59b200;
			padding:0 0 0 10px;
			}
		footer .inner .fnavi01 ul,
		footer .inner .fnavi02 ul,
		footer .inner .fnavi03 ul {
			position:absolute;
			top:30px;
			list-style:none;
			}
			footer .inner .fnavi01 ul li,
			footer .inner .fnavi02 ul li,
			footer .inner .fnavi03 ul li {
				font-size:13px;
				}
			footer .inner .fnavi03 ul li:nth-of-type(odd) {
				float:left;
				width:250px;
				}
			footer .inner .fnavi03 ul li:nth-of-type(even) {
				float:left;
				width:165px;
				}
				footer .inner .fnavi01 ul li a,
				footer .inner .fnavi02 ul li a,
				footer .inner .fnavi03 ul li a {
					color:#121212;
					text-decoration:none;
					}
				footer .inner .fnavi01 ul li a:hover,
				footer .inner .fnavi02 ul li a:hover,
				footer .inner .fnavi03 ul li a:hover {
					color:#121212;
					text-decoration:underline;
					}
	footer .copyright {
		color:#ffffff;
		line-height:25px;
		background:#20208b;
		}
		footer .copyright .inner {
			position:relative;
			width:1150px;
			height:25px;
			text-align:left;
			box-sizing:border-box;
			margin:0 auto;
			}
		footer .copyright .inner p {
			position:absolute;
			top:0;
			left:0;
			}
		footer .copyright .inner .counter {
			position:absolute;
			right:0;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
   expansion
/------------------------------------------------------------------------------------------------------------------------ */

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-size:14px;
		font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		text-decoration:none;
		line-height:40px;
		box-sizing:border-box;
		background:#0e1c72 url("../image/layout/ic02.png") 17px center no-repeat;
		border:solid 1px #0e1c72 !important;
		margin:0 5px !important;
		padding:0 15px 0 30px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#0e1c72;
		box-sizing:border-box;
		background:#ffffff url("../image/layout/ic01.png") 17px center no-repeat;
		border:solid 1px #0e1c72 !important;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   pager
/------------------------------------------------------------------------------------------------------------------------ */

.pager {
	margin:10px 0 0 0;
	overflow:hidden;
	}
	.pager span {
		position:relative;
		display:inline-block;
		color:#121212;
		width:2em;
		text-align:center;
		font-weight:bold;
		background:#efefef;
		border-style:solid;
		border-width:1px;
		border-color:#cccccc;
		margin-bottom:4px;
		padding:5px 2px;
		}
	.pager span:hover {
		color:#121212 !important;
		background:transparent;
		/*background:transparent url('../image/layout/pager_on.png') left top no-repeat;*/
		}
	.pager span.stay {
		color:#ffffff !important;
		background:#0e1c72 !important;
		border-color:#0e1c72 !important;
		}


