@charset "utf-8";
/*---------------------------------------  -----------------------------------------*/
 * {
	margin: 0px;
	padding: 0px; }
img { border: none; vertical-align: bottom; }
ul { list-style: none; }
body {
	margin: auto;
	text-align: center;
	letter-spacing: 1px;
	background-color: #ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif; }
a,a:link,a:visited {
	text-decoration: none;
	background: url(../img/underline.gif) repeat-x 100% 100%;/**/
	color: #4b312d; }
a:active, a:hover {
	text-decoration: underline;
	/*background: url(../img/underline_over.gif) repeat-x 100% 100%;*/
	background: url('');
	color: #ff8000; }
a.image { background: url(''); }
a.image:hover { background: url(''); }
p {
	line-height: 1.7em;
	letter-spacing: 2px;
	text-align: justify; }
table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show; }
object { vertical-align: top; }
h1,h2,h3,h4 { font-weight: normal; }
h1 a,h1 a:link,h1 a:visited,
h2 a,h2 a:link,h2 a:visited { background: url(''); }
h1 { font-size:130%; }
h2 { font-size:120%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
/*input:focus,textarea:focus { background-color: #fdfeed; }faf9ec*/
input,textarea { color: #4b312d; font-size: 110%; }
textarea { overflow:auto; }

/*---------- class ----------*/
.caution { color: #eb0202; }
.imgleft {
	float: left;
	margin-right: 15px; }
.imgright {
	float: right;
	margin-left: 15px; }
.imgtop { margin-bottom: 10px; }
.imgbottom { margin-top: 10px; }
p.center {
	text-align: center;
	padding: 15px 0px; }
p.to-head {
	clear: both;
	padding: 10px 0;
	font-size: 85%;
	text-align: right; }

/*---------- clearfix ----------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0; }
.clearfix {
	display: inline-block;
	min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*---------------------------------------  -----------------------------------------*/

/*---------- container ----------*/
#container {
	width: 800px;
	height: 800px;
	margin: auto;
	margin-top: 15px;
	overflow: hidden;
	text-align: left;
	font-size: 80%;
	color: #4b312d;
	background-color: #f9facd; }
* html #container { overflow: visible; }

/*---------- header ----------*/
#header { height: 80px; }
	#header h1 { padding: 30px 0px 0px 45px; }

/*---------- navi ----------*/
#navi {
	padding-left: 45px;
	height: 115px; }
	#navi li.navi {
		height: 115px;
		width: 140px;
		float: left;
		background-image: url('../img/nav_base.gif');
		background-attachment: scroll;
		background-repeat: no-repeat; }
	#navi li.navi a {
		height: 0px;
		padding-top: 115px;
		overflow: hidden;
		display: block;
		background: url(''); }
		* html #navi li.navi a { height: 115px; }
		#navi li#time { background-position: 0px 30px; }
		#navi li#access { background-position: -140px 30px; }
		#navi li#about { background-position: -280px 30px; }
		#navi li#staff { background-position: -420px 30px; }
		#navi li#inquiry { background-position: -560px 30px; }
#navi_inquiry {
/*display:none;*/
}
/*---------- contents ----------*/
#contents {
	overflow: auto;
	height: 370px; }
	#contents h2 {
		margin-left: 30px;
		padding-top: 2px;
		padding-left: 60px;
		height: 25px;
		background: url('../img/title_mark.gif') top left no-repeat; }

/*---------- main ----------*/
#main {
	padding-top: 10px;
	margin-left: 95px; }
	#main h2 {
		margin-left: -65px;
		margin-bottom: 5px; }
		#main h2.blog { margin-top: 10px; }

/*---------- top ----------*/
#main.top {
	}
	#mobile {
		}

/*---------- footer ----------*/
#footer {
	clear: both;
	height: 235px;
	text-align: right;
	background: url('../img/footer_bg.gif') repeat-x; }
	#footer ul.addr { padding-right: 20px; }
		#footer ul.addr li.add { margin-top: -5px; }

/*---------- copyright ----------*/
#copyright {
	width: 800px;
	padding-top: 5px;
	padding-right: 40px;
	margin: auto;
	text-align: right;
	font-size: 80%; }

/*---------- window ----------*/
#container.window {
	margin-top: 0px;
	width: 650px;
	height: auto; }
	#container.window #header { height: 80px; }
	#container.window #header h1 {
		float: left;
		width: 300px; padding: 20px 0px 0px 20px; }
	#container.window #header #btn_print {
		margin-top: 30px;
		margin-right: 20px;
		float: right; }
#window { height: auto; }
	#window h2 {
		margin-left: 17px;
		padding-left: 75px;
		background: url('../img/title_mark.gif') top left no-repeat; }
	#window h2.text {
		padding-left: 0px;
		background: url(''); }
	#window.access h2.text {
		margin-right:3em;
		text-align:right;
	}
	#window #main {
		padding: 10px;
		padding-bottom: 20px;
		margin: 0px; }
	#window #main.center { text-align: center; }
#copyright.window {
	padding-right: 0px;
	width: 650px; }

/*---------- pg_link ----------*/
p.pg_link {
	text-align: center;
	font-size: 90%; }
/*---------- topics ----------*/
#main.topics ul.topics {
	font-size: 90%;
	padding-top: 15px;
	padding-bottom: 50px;
	width: 600px; }
	#main.topics ul.topics li { width: 295px; }
	#main.topics ul.topics li.prev { float: left; }
	#main.topics ul.topics li.next {
		text-align: right;
		float: right; }
dl.topics dt {
	float: left;
	clear: left;
	width: 95px;
	padding-bottom: 10px; }
dl.topics dd {
	margin-left: 95px;
	padding-bottom: 10px;
	padding-right: 2em; }
#main div.topics {
	width: 600px;
	text-align: center;
	margin: 5px 0px 5px 0px; }
	#main div.topics div.text {
		text-align: left;
		padding-top: 0.3em;
		overflow: hidden;
		}
	#main div.topics div.text p { margin-top: -5px; }
	#main div.topics  p.date {
		text-align: right;
		margin-top: -1em;
		padding: 0px; }
	#main div.topics p.more { text-align: right; }
/*----------    topics input ----------*/
	#main div.topics span.finding {
		font-weight: bold;
		color: #432224;
		font-size: 110%; }
	#main div.topics span.bold { font-weight: bold; }
	#main div.topics span.small { font-size: 90%; }
	#main div.topics span.underbar { background: url(../img/underline.gif) repeat-x 100% 100%; }
	#main div.topics span.color1 { color: #432224; }
	#main div.topics span.color2 { color: #ff8000; }
	#main div.topics span.color3 { color: #eb0202; }
	#main div.topics span.color4 { color: #162146; }

/*---------------------------------------  -----------------------------------------*/

/*---------- info ----------*/
#main.info div.timetable,
#main.info div.holiday { float: left; }
#main.info div.timetable { width: 350px; }
	#main.info table {
		margin-top: 5px;
		background-color: #ffffff; }
		#main.info table tr.top {
			background: url('../about/img/table_top.gif') top left repeat-x; }
		#main.info table tr.bottom {
			background: url('../about/img/table_bottom.gif') bottom left repeat-x; }
		#main.info table tr.top th,
		#main.info table tr.top td { padding-top: 7px; }
		#main.info table th,
		#main.info table td {
			border-right: solid 2px #735d5b;
			padding: 5px;
			text-align: center;
			}
		#main.info table th {
			width: 22px;
			text-align: center;
		}
		#main.info table td {
			border-top: solid 2px #735d5b; }
		#main.info table th.topleft {
			text-align: center;
			background: url('../about/img/table_topleft.gif') top left no-repeat;
			width: 50px;
			font-size: 80%;
			}
		#main.info table td.multi {
			position: relative;
		}
		#main.info table td.multi .note1,
		#main.info table td.multi .note2 {
			position: absolute;
		}
		#main.info table td.multi .note1 {
			top: 3px;
			left: 2px;
		}
		#main.info table td.multi .note2 {
			bottom: 3px;
			right: 2px;
			color: red;
		}
		#main.info table th.holiday { color: #e43b34; }
		#main.info table th.topright,
		#main.info table td.right,
		#main.info table td.bottomright { border-right: 0px; }
		#main.info table td.left,
		#main.info table td.bottomleft {
			font-size: 80%;
			line-height: 1.3em;
			text-align: right; }
		#main.info table th.topright { background: url('../about/img/table_topright.gif') top right no-repeat; }
		#main.info table td.left { background: url('../about/img/table_left.gif') top left repeat-y; }
		#main.info table td.right { background: url('../about/img/table_right.gif') top right repeat-y; }
		#main.info table td.bottomleft { background: url('../about/img/table_bottomleft.gif') bottom left no-repeat; }
		#main.info table td.bottomright { background: url('../about/img/table_bottomright.gif') bottom right no-repeat; }
	#main.info .timetable ul { margin-top: 10px; }
		#main.info .timetable li {
			font-size: 90%;
			padding-left: 1.3em;
			padding-right: 0.5em;
			padding-bottom: 0;
			background: url('../img/marker.gif') no-repeat 0 0.3em; }
		#main.info .timetable li.note {
			background: none;
			padding-left: 2em;
		}
	#main.info .timetable .note {
		margin-top: 0.5em;
		margin-left: -2em;
		font-size: 95%;
		color: red;
		}
#main.info div.timetable.next h3,
#main.info div.timetable table.next,
#main.info div.timetable p.nextmsg,
#main.info div.timetable p.nextnote { display: none; }
	#main.info div.timetable.next table {
		margin-top: 2px;
		display: inline-block; }
	#main.info div.timetable.next table tr.top th,
	#main.info div.timetable.next table tr.top td { padding-top: 3px; }
	#main.info div.timetable.next table th,
	#main.info div.timetable.next table td { padding: 2px 5px; }
	#main.info div.timetable.next table.next {
		margin-left: 1em;
		}
	#main.info div.timetable.next ul { margin-top: 5px; }
	#main.info div.timetable.next li {
		font-size: 90%;
		padding-top: 0;
		padding-bottom: 0; }
	#main.info div.timetable.next p.nextmsg {
		display: block;
		margin-top: 1em;
		font-size: 95%;
		color: red; }
	#main.info div.timetable.next p.nextnote {
		display: block;
		margin-left: 1em;
		font-size: 85%; }


_#main.info div{border: solid 0.1px #000000;}
#main.info div.holiday { width: 250px; }
#main.info div.example {
	float: left;
	font-size: 10px;
	padding-top: 30px;
	padding-left: 10px;
	line-height: 1.5em; }
	* html #main.info div.example { font-size: 11px; }
#main.info div.example span {
	font-size: 90%;
	width: 4.5em;
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 1px;
	height: 12px; }
#main.info div.holiday ul { margin-left: 30px; }
#main.info p#holidaymsg {
	clear: both;
	padding-top: 2em;
	font-size: 90%;
	line-height: 120%;
	letter-spacing: 0.5px;
	text-indent: -1em; }
/*----------    calendar ----------*/
#main.info ul.cal {
	overflow: hidden;
	width: 196px; }
	#main.info ul.cal li{
		text-align: center;
		display: block;
		width: 22px;
		height: 11px;
		float: left;
		font-size: 9px;
		line-height: 1.5em;
		border: solid 1px #f9facd;
		padding: 1px;
		margin: 1px; }
	* html #main.info ul.cal li { line-height: 1.3em; }
	#main.info ul.cal li.ym {
		padding: 0px;
		background: none;
		width: 196px; }
	#main.info ul.cal li.calh {
		background: none;
		height: 12px;}
	#main.info ul.cal li.today { font-weight: bold; }
	#main.info ul.cal li.sat { color: #004080; }
	#main.info ul.cal li.holiday { color: #eb0202; }
	#main.info ul.cal li.rest1,
	#main.info div.example span.rest1 {
		border: solid 1px #98877a;
		background: #e1d3c3; }
	#main.info div.example span.rest1 { padding: 1px; }
	#main.info ul.cal li.rest2,
	#main.info div.example span.rest2 {
		border: solid 1px #b0d766;
		background: #d6ebad; }
	#main.info div.example span.rest2 { padding: 1px; }
	#main.info ul.cal li.rest3,
	#main.info div.example span.rest3 {
		border: solid 1px #f9b068;
		background: #f8dd9d; }
	#main.info div.example span.rest3 { padding: 1px; }
	#main.info ul.cal li.rest4,
	#main.info div.example span.rest4 {
		border: solid 1px #ff8ca0;
		background: #ffd7d7; }
	#main.info div.example span.rest4 { padding: 1px; }
#main.info ul#next {
	margin-left: 70px;
	width: 154px; }
	#main.info ul#next li {
		width: 16px;
		height: 10px; }
	#main.info ul#next li.ym {
		padding-top: 10px;
		width: 154px; }
/*----------      tooltip ----------*/
#tooltip {
	position: absolute;
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 1px 3px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	display: none; }

/*---------- access ----------*/
#main.access div.map,
#main.access ul.info { float: left; }
	#main.access div.map a { font-size: 90%; }
	#main.access div.map img { text-align: center; padding-bottom: 5px; }
	#main.access ul.info { padding-left: 30px; }
	#main.access ul.info li.img {
		padding-bottom: 15px;
		text-align: center; }
	#main.access ul.info li.title {
		padding-top: 5px;
		font-size: 110%; }
	#main.access ul.info li.info {
		text-align: left;
		padding-left: 1.3em;
		margin-top: 0.7em;
		background: url('../img/marker.gif') no-repeat 0 0.3em; }
/*----------    main gmap ----------*/
	#gmap {
		margin: auto;
		width: 600px;
		height: 550px; }

/*---------- about ----------*/

#main.about #tgallery-txt {
	overflow: auto;
	text-align: left;
	width: 330px;
	margin-right: 35px;
	float: left; }
	#main.about #tgallery-alt {
		padding-top: 3px;
		font-size: 90%;
		line-height: 1.6em;
		height: 240px; }
	#main.about #tgallery-img {
		margin-top: -25px;
		width: 280px;
		height: 280px;
		float: left; }
	#main.about #tgallery ul {
		clear: both;
		margin-left: 10px;
		margin-right; 30px; }
	#main.about #tgallery li {
		padding-right: 10px;
		display: inline; }
	#main.about #tgallery li.tgallery img.active {
		filter:alpha(opacity=50);
		opacity:0.5; }	

/*---------- staff ----------*/
#main.staff div.staff {
	clear: left;
	float: left;
	width: 425px;
	margin-bottom: 2em;
	}
	#main.staff dt { padding-bottom: 3px; }
	#main.staff dd,
	#main.staff div.staff p {
		line-height: 1.7em;
		font-size: 90%;
		}
	#main.staff dd {
		padding-left: 2.5em;
		}
#main.staff h3 { padding-bottom: 3px; }
#main.staff img.staff {
	margin-top: -15px;
	margin-bottom: 30px;
	float: left; }

/*---------- inquiry ----------*/
#main.inquiry dl.form {
	width: 340px;
	float: left; }
	#main.inquiry dl.form input#Name,
	#main.inquiry dl.form input#Email,
	#main.inquiry dl.form input#Tel,
	#main.inquiry dl.form input#Add1,
	#main.inquiry dl.form input#Add2 { width: 200px; }
	#main.inquiry dl.form textarea#Com { width: 205px; }
	#main.inquiry dl.form input#Zip,
	#main.inquiry dl.form input#Pref { width: 80px; }
	#main.inquiry dl.form dt {
		width: 85px;
		float: left;
		clear: left;
		text-align: right;
		line-height: 1em;
		padding: 5px 0px 5px 0px; }
	#main.inquiry dl.form dt,
	#main.inquiry dl.form dd { margin-bottom: 10px; }
	#main.inquiry dl.form dd {
		margin-left: 95px; }
		#main.inquiry dl.form dd.input {
			height: 26px;
			position: relative; }
			#main.inquiry dl.form dd.input input {
				position: absolute;
				top: 3px;
				left: 10px;
				border: 1px solid #ffffff; }
		#main.inquiry dl.form dd.input200 {
			background: url('../inquiry/img/input200.gif') left top no-repeat; }
		#main.inquiry dl.form dd.input100 {
			background: url('../inquiry/img/input100.gif') left top no-repeat; }
		#main.inquiry dl.form dd.input200t {
			height: 182px;
			position: relative;
			background: url('../inquiry/img/input200t.gif') left top no-repeat; }
			#main.inquiry dl.form dd.input200t textarea {
				height: 165px;
				position: absolute;
				top: 5px;
				left: 10px;
				border: 1px solid #ffffff; }
		#main.inquiry dl.form dd.select {
			padding: 3px 0px;
			background: url('../inquiry/img/input100.gif') left top no-repeat; }
		#main.inquiry dl.form dd select {
			border: none;
			width: 80px;
			margin-left: 10px; }
	#main.inquiry dl.form dd.chk {
		text-align: right;
		margin-left: 0px;
		margin-top: 55px; }
	#main.inquiry dl.form dd.back,
	#main.inquiry dl.form dd.send { margin-left: 0px; }
	#main.inquiry dl.form dd.send { text-align: right; }
	#main.inquiry img.thanks {
		padding-right: 30px;
		float: left; }
	#main.inquiry p.thanks {
		overflow: hidden;
		padding-top: 30px; }

/*---------- blog ----------*/
#container.blog,
#container.blog #contents {
	height: auto;
	overflow: visible; }
#blog {
	float: right;
	width: 485px;
	margin-right: 54px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	}
	*html #blog { margin-right: 27px; }
	#blog ul.blog-nav {
		margin-top: -25px;
		min-height: 3em;
		height: auto !important;
		height: 3em;
		overflow: hidden;
		}
		#blog ul.blog-nav li.prev { float: left; }
		#blog ul.blog-nav li.next { float: right; }
	#blog p.date {
		background: url('../blog/img/line.gif') no-repeat left bottom;
		padding: 0 0 3px 5px;
		margin-left: 5px;
		font-size: 90%;
		text-align: right;
		}
	#blog h3 {
		padding: 8px 0 10px 5px;
		margin: 0 0 15px 5px;
		line-height: 120%;
		/*border-top: solid 1px #6f4e48;
		border-bottom: solid 1px #6f4e48;*/
		background: url('../blog/img/line.gif') no-repeat left bottom;
		}
		#blog h3 a { color: #e76335; }
	#blog .entry { margin-bottom: 2em; }
	#blog .entry .block1,
	#blog .entry .block2,
	#blog .entry .block3 {
		padding: 0px 7px 1.5em;
		clear: both;
		overflow: hidden;
		}
		#blog .entry .text { overflow: hidden; }
		#blog .entry div p { padding: 0 0 5px; }
		#blog .block1 img {
			float: left;
			margin-right: 10px;
			}
		#blog .block2 img {
			float: right;
			margin-left: 10px;
			}
		#blog .block3 img {
			display: block;
			margin: auto;
			margin-bottom: 10px;
			}
	#blog blockquote {
		margin: 0 0 10px 2em;
		padding: 5px 5px 0px 5px;
		border: solid 1px #e9ded3;
		}
	#blog p.more {
		clear: both;
		overflow: hidden;
		text-align: right;
		margin-bottom: 1.5em;
		}
	#blog p.posted {
		background: url('../blog/img/line.gif') no-repeat left top;
		text-align: right;
		padding: 5px 0;
		font-size: 85%;
		}
	#blog p.pg_link {
		text-align: center;
		}
#blog-side {
	float: left;
	width: 205px;
	padding: 15px 5px 0 5px;
	margin-left: 24px;
	}
	*html #blog-side { margin-left: 12px; }
	#blog-side dt {
		clear: both;
		font-size: 100%;
		padding: 0 0 3px 15px;
		margin-left: 15px;
		background: url('../img/marker.gif') no-repeat 0 0.3em;
		}
		#blog-side dd {
			font-size: 95%;
			overflow: hidden;
			padding-bottom: 1.5em; }
		#blog-side li {
			line-height: 130%;
			margin: 3px 0 0 2.5em; }
	#blog-side dl.menu dt {
		font-size: 100%;
		margin-top: 3px; 
		padding-left: 1.5em;
		background: url(''); }
		#blog-side dl.menu dd { padding-bottom: 0.5em; }
		#blog-side dl.menu li { margin: 0 0 0 4em; }
	#blog-side dt.cal {
		margin-left: 10px;
		background: url('');
		font-size: 100%;
		}
		*html #blog-side dt.cal { margin-left: 5px; }
		#blog-side dt.cal span { padding: 0 17px; }
		* html #blog-side dt.cal span { padding: 0 10px; }
	#blog-side ul.cal {
		width: 186px;
		margin-left: 1em;
		}
		#blog-side ul.cal li {
			text-align: center;
			display: block;
			width: 22px;
			height: 12px;
			float: left;
			font-size: 10px;
			line-height: 1.8em;
			padding: 1px;
			margin: 1px;
			}
			* html #blog-side ul.cal li { line-height: 1.3em; }
		#blog-side ul.cal li a {
			/*text-decoration: underline;*/
			font-size: 11px;
			font-weight: bold;
			display: block;
			background: url('');
			}
		#blog-side ul.cal li.today,
		#blog-side ul.cal li.today a { color: #1d398f; }

/*---------------------------------------  -----------------------------------------*/

/*---------- media print ----------*/
@media print {
	.noprint { display: none; }
	#printarea #gmap {
		width: 700px;
		height: 900px; }
	#printarea #header {
		text-align: left;
		margin-bottom: 20px; }
}

.sp {
	display: none;
}
a[href^="tel:"] {
	pointer-events: none;
}

/* ========== (max-width:800px) ========== */
@media(max-width:800px){

	.sp {
		display: block;
	}
	a[href^="tel:"] {
		pointer-events: auto;
	}
	p.to-head {
		padding-right: 15px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#swf.top,
	#swf.info {
		margin-left: -190px;
	}
	#swf.access {
		margin-left: -300px;
	}
	#swf.about {
		margin-left: -120px;
	}
	#swf.staff {
		margin-left: -250px;
		margin-left: 0;
	}
	#swf.inquiry {
		margin-left: -250px;
	}
	#swf.staff,
	#swf.topics,
	#swf.thanks {
		margin-left: 0;
	}
	#container {
		width: 100%;
		height: auto;
		margin-top: 0;
		}
	#header h1 { padding: 15px 0px 0px 15px; }
	#navi {
		padding-left: 15px;
		height: auto;
		}
	#navi li.navi {
		_float: none;
		background-image: url('');
		height: auto;
		margin-right: 1em;
		}
	#navi li.navi a {
		height: auto;
		padding: 5px;
		padding-left: 27px;
		background-image: url('../img/cloud.gif');
		background-repeat: no-repeat;
		background-position: 0 9px;
		font-size: 120%;
	}

	dl.topics dt {
		width: 100%;
		padding-bottom: 3px;
		}
	dl.topics dd {
		margin-left: 15px;
		margin-right: 15px;
		}
	#contents {
		height: auto;
		overflow: hidden;
		}
	#contents h2 {
		margin-top: 20px;
		margin-left: 0;
		padding-left: 60px;
		}
	#main {
		margin-left: 15px;
		}
	#main h2 {
		margin-left: -15px;
		}
	/*---------- blog ----------*/
	#blog {
		float: none;
		width: 95%;
		margin: 0 auto;
		min-height: auto;
		height: auto;
	}
	#blog ul.blog-nav {
		margin-top: 1em;
		margin-bottom: 1em;
		height: auto;
	}
	#blog-side {
		float: none;
		width: 95%;
		padding: 0;
		margin: 0 auto;
	}
	#blog-side dt.cal {
		text-align: center;
	}
	#blog-side ul.cal {
		width: 80%;
		margin: 0 auto;
	}
	#blog-side ul.cal li {
		width: 12%;
		font-size: 1.1em;
		padding-bottom: 5px;
	}
	/*---------- info ----------*/
	#main.info div.timetable {
		width:100%;
	}
	#main.info .timetable .note {
		margin-left: 0;
	}
	#main.info div.timetable, #main.info div.holiday {
		float: none;
	}
	#main.info table {
		width:90%;
	}
	#main.info table th, #main.info table th,
	#main.info table th, #main.info table td {
		text-align: center;
	}
		#main.info table td.multi .note1 {
			left: 15%;
		}
		#main.info table td.multi .note2 {
			right: 15%;
		}
	#main.info .timetable li.note {
		padding-left: 0;
	}
	#main.info div.holiday {
		width: 100%;
		margin-top: 2em;
	}
	#main.info div.holiday ul,
	#main.info ul#next {
		margin-left: 0;
		width: 90%;
		max-width: 400px;
		margin: 0 auto;
	}
	#main.info ul.cal li.ym,
	#main.info ul#next li.ym {
		width: 100%;
	}
	#main.info ul.cal li,
	#main.info ul#next li {
		width: 12%;
		height: auto;
		font-size: 1.1em;
		padding-bottom: 5px;
	}
	#main.info p#holidaymsg {
		padding-top: 1em;
		padding-left: 15px;
	}
	#main.info div.example {
		float: none;
		width: 100%;
		padding: 5px;
		font-size: 1em;
    	}
	#main.info div.example span {
		display: inline-block;
		height: auto;
		width: auto;
		margin-right: 0.5em;
	}
	#main.info div.example span.rest1,
	#main.info div.example span.rest2,
	#main.info div.example span.rest3,
	#main.info div.example span.rest4 {
		padding: 1px 5px;
	}
	#main.info .timetable ul {
		margin-right: 15px;
	}
	/*---------- access ----------*/
	#main.access div.map,
	#main.access ul.info {
		float: none;
		width: 100%;
	}
	#main.access div.map {
		text-align: center;
	}
	#main.access div.map img {
		width:70%;
		height: auto;
	}
	#main.access div.map ul {
		margin-bottom: 2em;
		margin-right: 1em;
	}
	#main.access div.map li {
		width:90%;
		text-align: right;
		font-size: 120%;
	}
	#main.access ul.info {
		padding-left: 0;
		width:80%;
		margin: 0 auto;
	}
	#main.access ul.info li.img img {
		width:80%;
		height: auto;
	}
	/*---------- about ----------*/
	#main.about #tgallery-alt {
		height: auto;
		margin-right: 0;
	}
	#main.about #tgallery-txt {
		width: 95%;
	}
	#main.about #tgallery-img {
		margin: 0.5em 0;
		margin-left: -15px;
		text-align: center;
		width: 100%;
	}
	#main.about #tgallery ul {
		margin-left: 0;
	}
	#main.about #tgallery li {
		margin-bottom: 10px;
		display: inline-block;
    	}
    /*---------- inquiry ----------*/
    #main.inquiry p,
    #main.inquiry dl.form {
		width: 95%;
		float: none;
	}
	#main.inquiry dl.form dt {
		width: 100%;
		float: none;
		text-align: left;
	}
	#main.inquiry dl.form dd {
		margin-left: 1em;
	}
	#main.inquiry dl.form dt,
	#main.inquiry dl.form dd { margin-bottom: 5px; }
	#main.inquiry.thanks {
		text-align: center;
	}
	#main.inquiry dl.form dd.chk {
		margin-bottom: 25px;
		text-align: center;
	}
	#main.inquiry img.thanks {
		float:none;
	}
	#main.inquiry p.thanks {
		width: 95%;
	}
    	/*---------- window ----------*/
    	#container.window {
    		width: 100%;
    	}
    	#container.window #btn_print {
    		display: none;
    	}
    	#window.access h2.text {
    		margin-right:0;
    		text-align:left;
    	}
    	#window.access h2.text img {
    		display: none;
    	}
    	#window.access #main img {
    		width: 100%;
    		height: auto;
    	}
    	#copyright.window {
    		width: 100%;
    	}
    	#copyright.window img {
    		width: 99%;
    		max-width: 430px;
    	}
    	/*---------- topics ----------*/
    	#main.topics h3,
    	#main.topics ul.topics,
    	#main div.topics {
    		width: 95%;
    	}
    	#main.topics ul.topics {
    		overflow: hidden;
    		display: block;
    		margin-top: 2em;
    		margin-bottom: 2em;
    		font-size: 110%;
    	}
    	#main.topics ul.topics li {
    		width: 100%;
    		margin-bottom: 0.5em;
    	}
    	#main div.topics p.date {
    		margin-top: 0.5em;
    		margin-bottom: 1em;
    	}
    	#main div.topics .imgleft {
    		float: none;
    		margin-bottom: 0.5em;
    		max-width: 300px;
    		width: 100%;
    		height: auto;
    	}
	/*---------- footer ----------*/
	#copyright {
		width: auto;
		padding-bottom: 1em;
		text-align: right;
		padding: 5px;
	}
	#copyright img {
		width: 100%;
		max-width: 430px;
	}




}
/* ========== (min-width:481px) and ( max-width: 800px) ========== */
@media screen and (min-width:481px) and ( max-width:800px){



}