@charset "utf-8";

/* ==================================================
		
		ページ全般の共通CSS

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

/* --------------------------------------------------
		reset
-------------------------------------------------- */
html { overflow-y: scroll; }

body, header, footer, nav, div, section, article, aside, hgroup, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote, table, th, td, form, input, textarea, fieldset, legend, figure, figcaption, pre, code, summary {
		padding: 0;
		margin: 0;
}

body { font: 13px/1.8 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif; }

header, footer, nav, section, article, aside, hgroup, figure, figcaption, summary { display: block; }

h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: normal;
}

ol, ul { list-style: none; }

table {
		font-size: inherit;
		border-collapse: collapse;
}

th { font-weight: normal; }

address, caption, cite, code, dfn, em, var {
		font-weight: normal;
		font-style: normal;
}

img {
		vertical-align: bottom;
		border: 0;
}

/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix:after {
		height: 0;
		clear: both;
		visibility: hidden;
		display: block;
		content: ".";
}

/* --------------------------------------------------
		body
-------------------------------------------------- */
body { color: #666666; }

/* --------------------------------------------------
		#main
-------------------------------------------------- */

/*	.common-tit
-------------------------------------------------- */
.common-tit {
		padding: 0 0 6px 10px;
		border-bottom: 1px solid #e1e1e1;
		margin: 20px 0 20px;
}

.common-tit .img01 { vertical-align: middle; }

.common-tit .img02 {
		margin-top: 8px;
		float: right;
}

/* ==================================================
		
		ページ全般の共通CSS PC

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

@media screen and (min-width:641px) {

/* --------------------------------------------------
		.sp
-------------------------------------------------- */
.sp { display: none !important; }

/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
		min-width: 1000px;
		max-width: 1080px;
		height: 223px;
		background: url(../img/header-bg01.png) no-repeat 954px 0;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
}

header h1 {
		position: absolute;
		top: 62px;
		left: 42px;
}

/*	.utility
-------------------------------------------------- */
header .utility {
		position: absolute;
		top: 83px;
		left: 511px;
}

header .utility li { float: left; }

header .utility li a img { vertical-align: top; }

header .utility li a .img01 { margin-right: 22px; }

header dl {
		position: absolute;
		top: 51px;
		left: 746px;
}

header dl dt { text-align: center; }

header dl dd { margin-top: 13px; }

header dl dd .img01 { margin-right: 9px; }

header .open { display: none; }

/* --------------------------------------------------
		nav
-------------------------------------------------- */
nav {
		position: absolute;
		top: 129px;
		left: 40px;
}

nav ul li { float: left; }

.nav-sp { display: none; }

/* --------------------------------------------------
		#vi
-------------------------------------------------- */
#vi {
		text-align: center;
		padding: 48px 0;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
}

/* --------------------------------------------------
		#contents
-------------------------------------------------- */
#contents {
		width: 1000px;
		margin: 30px auto 0;
		overflow: hidden;
}

/* --------------------------------------------------
		#main
-------------------------------------------------- */
#main {
		width: 667px;
		float: right;
}

/* --------------------------------------------------
		#sub
-------------------------------------------------- */
#sub {
		width: 292px;
		float: left;
}

#sub .parking-img01:nth-child(odd) a img {
		width: 88px;
		height: 130px;
}


/*	.parking
-------------------------------------------------- */
#sub .parking .parking-inner {
		width: 176px;
		margin-left: 13px;
		float: left;
}

#sub .parking .detail {
		margin-top: 10px;
		position:relative;
}

#sub .parking .detail a img {
		width: 72px;
		height: 32px;
}

#sub .parking .parking-img01 {
		float: right;
		position:relative;
}

/*	.place
-------------------------------------------------- */
#sub .place address { margin-left: 13px; }

#sub .place .googlemaps { margin: 20px 0 0 13px; }

#sub .place .place-img01 { margin: -8px 0 0 13px; }

.place .googlemaps {
		border: 1px solid #e1e1e1;
		border-bottom: none;
}

#sub .place .detail {
		margin: 10px 0 0 13px;
		position:relative;
}

#sub .place .detail a img {
		width: 72px;
		height: 32px;
}

#sub .place address .tel { font-size: 18px; }

/*	.items
-------------------------------------------------- */
#sub .items ul li {
		float: left;
		position:relative;
}

#sub .items ul li span { display: none; }

/*	.time
-------------------------------------------------- */
#sub .time p {
		color: #80952e;
		padding: 11px 13px;
		border: 3px solid #f1f3e1;
		background: #f9faf2;
}

/* --------------------------------------------------
		.pagetop
-------------------------------------------------- */
.pagetop {
		min-width: 1000px;
		margin-bottom: 1px;
}

.pagetop .pagetop-inner {
		text-align: right;
		width: 1000px;
		margin: 58px auto 0;
}

.pagetop .pagetop-inner a img {
		width: 69px;
		height: 11px;
		vertical-align: top;
}

.pagetop .gradient {
		background: linear-gradient(to bottom, #ffffff, #f9f9f9);
		background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f9f9f9));
		min-height: 20px;
}

/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
		min-width: 1000px;
		padding-bottom: 57px;
		border-top: 1px solid #e1e1e1;
}

footer .footer-inner { border-top: 7px solid #f2f5e6; }

footer .footer-box {
		width: 1000px;
		margin: 22px auto 0;
}

footer .footer-box .footer-box-img01 { float: left; }

footer .footer-box .footer-box-img02 { float: right; }
}

/* ==================================================
		
		ページ全般の共通CSS SP

================================================== */
@media screen and (max-width:640px) {

/* --------------------------------------------------
		.pc
-------------------------------------------------- */
.pc { display: none !important; }

/* --------------------------------------------------
		body
-------------------------------------------------- */
body { -webkit-text-size-adjust: 100%; }

img {
		max-width: 100%;
		height: auto;
}

/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
		height: 70px;
		position: relative;
		border-bottom: 1px solid #eaeaea;
}

header h1 {
		position: absolute;
		top: 14px;
		left: 8px;
}

header h1 img { width: 210px; }

header .utility, header dl { display: none; }

header .open {
		position: absolute;
		top: 10px;
		right: 8px;
}

/* --------------------------------------------------
		nav
-------------------------------------------------- */
nav {
		width: 100%;
		background: #ffffff;
		position: absolute;
		top: 70px;
		z-index: 1;
		display: none;
}

nav ul li a {
		text-decoration: none;
		color: #666666;
		padding: 15px;
		border-bottom: 1px solid #e1e1e1;
		background: url(/common/img/ico-arrow01.png) no-repeat right 15px center;
		background-size: 9px 14px;
		display: block;
}

nav ul li:first-child a { border-top: 1px solid #e1e1e1; }

nav ul li:first-child a:visited {
		text-decoration: none;
		color: #666666;
}

nav ul li a img { display: none; }

/* --------------------------------------------------
		#vi
-------------------------------------------------- */
#vi { display:none; }

/*	.common-tit
-------------------------------------------------- */
.common-tit { padding: 0 8px 6px; }

/* --------------------------------------------------
		#sub
-------------------------------------------------- */

/*	.parking
-------------------------------------------------- */
#sub .parking { display:none; }

/*	.place
-------------------------------------------------- */
#sub .place h4 img { display:none; }

#sub .place address { margin: 0 8px; }

#sub .place .googlemaps { margin: 20px 8px 0; }

#sub .place .place-img01 { margin: -8px 8px 0 8px; }

#sub .place .place-img01 img { width: 100%; }

#sub .place .googlemaps {
		border: 1px solid #e1e1e1;
		border-bottom: none;
}

#sub .place .detail a img { 
		margin: 10px 0 0 8px;
		position:relative;
		width: 72px;
		height: 32px;
 }

#sub .place address .tel { font-size: 18px; }


/*	.items
-------------------------------------------------- */
#sub .items { display:none; }

/*	.time
-------------------------------------------------- */
#sub .time { display:none; }

#sub .time p {
		color: #80952e;
		padding: 11px 13px;
		border: 3px solid #f1f3e1;
		background: #f9faf2;
		margin: 0 8px;
}

/* --------------------------------------------------
		.footer-nav
-------------------------------------------------- */
.footer-nav {
		width: 100%;
		background: #ffffff;
		margin-top: 25px;
}

.footer-nav ul li a {
		text-decoration: none;
		color: #666666;
		padding: 15px;
		border-bottom: 1px solid #e1e1e1;
		background: url(/common/img/ico-arrow01.png) no-repeat right 15px center;
		background-size: 9px 14px;
		display: block;
}

.footer-nav ul li:first-child a { border-top: 1px solid #e1e1e1; }

.footer-nav ul li:first-child a:visited {
		text-decoration: none;
		color: #666666;
}

.footer-nav ul li a img { display: none; }

/* --------------------------------------------------
		.pagetop
-------------------------------------------------- */
.pagetop { margin-bottom: 1px; }

.pagetop .pagetop-inner {
		text-align: right;
		margin: 30px 8px 0;
}

.pagetop .pagetop-inner a img:first-child { display: none; }

.pagetop .pagetop-inner a img[width="69"] { display: inline; }

.pagetop .gradient {
		background: linear-gradient(to bottom, #ffffff, #f9f9f9);
		background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f9f9f9));
		min-height: 20px;
}

/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
		text-align: center;
		padding-bottom: 30px;
		border-top: 1px solid #e1e1e1;
}

footer .footer-inner { border-top: 7px solid #f2f5e6; }

footer .footer-box { margin-top: 18px; }

footer small img { width: 300px; }
}