/*========== foundation ==========*/
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0; }
	
.tab-bar {
  -webkit-backface-visibility: hidden;
  background: none;
  color: white;
  height: 4.5rem;
  line-height: 4.5rem;
  position: relative; }
.right-small {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 10px;
  border-left: solid 1px #1a1a1a;
  right: 5px;
  background: #333;
}

  .tab-bar .menu-icon {
  text-indent: 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  padding: 0;
  color: white;
  position: relative;
  transform: translate3d(0, 0, 0);
}
/*
.tab-bar .menu-icon:before {
  content: "MENU";
  color: #000;
  text-indent: -4.5rem;
  display: block;
  width:4.5rem;
  height: 4.5rem;
}
*/
.tab-bar .menu-icon span {
	color: #FFFFFF;
}
  .tab-bar .menu-icon span:after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.8rem;
    left: 1.45rem;
    box-shadow: 0 0px 0 2px white, 0 7px 0 2px white, 0 14px 0 2px white;
    width: 1.6rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

	
/*========== base ==========*/
body,
html {
	/*
overflow-x: hidden;
*/
}
body {
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
}
p, ul, ol, dl, table tr th, table tr td {
	font-size: 1.6rem;
}
	.homeWrap {
	background: #FAFAFA url(../images/sp_body_bg.jpg) repeat-x left -100px;
}
.pageWrap {
	background: #FAFAFA url(../images/sp_body_bg.jpg) repeat-x left -100px;
}
@media only screen and (min-width: 40.063em) {
body, p, ul, ol, dl, table tr th, table tr td {
	font-size: 1.6rem;
	}
.homeWrap {
	background: #FAFAFA url(../images/body_bg.jpg) repeat-x center top;
}
.pageWrap {
	background: #FAFAFA url(../images/body_page_bg.jpg) repeat-x center top;
}

}
@media only screen and (min-width: 64.063em) {
body, p, ul, ol, dl, table tr th, table tr td {
	font-size: 1.6rem;
}
}

	
header {
	margin: 0 auto;
	height: 60px;
	position: relative;
	background: url(../images/header_bg.png) no-repeat 830px 15px;
}
@media only screen and (min-width: 40.063em) {
header {
	height: 110px;
}
}
@media only screen and (min-width: 64.063em) {
header {
	height: 170px;
}
}
#content {

}
#main {

	background-color: #FAFAFA; /*IE6対策　角丸*/

}
@media only screen and (min-width: 40.063em) {
	#main {
		margin-bottom:5rem;

}

}
#sidebar {

}
#footer {
	clear: both;
	margin-top: 20px;
	background: #E2E2E2 url(../images/footer_bg.png) no-repeat center top;
	padding-top: 109px;
  position: relative;
}
#footerInner {
	position: relative;
	margin: 0 auto;
}


/*========== header ==========*/
#headerDescription {
	position: absolute;
	top: 20px;
	right: auto;
	left: 5px;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
}
.pageWrap #headerDescription {
	font-size: 12px;
}
#district {
	position: absolute;
	top: 35px;
	right: auto;
	left: 5px;
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
}
#logo {
	position: absolute;
	top: -40px;
	left: 5px;
}
@media only screen and (min-width: 64.063em) {
	#headerDescription {
	top: 55px;
	right: 0px;
	text-align: right;
	left:auto;
}
	#logo {
	position: absolute;
	top: 22px;
	left: 0px;
}
#district {
	position: absolute;
	top: 75px;
	right: 0px;
	left: auto;
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
}
}

#globalNav {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}
@media only screen and (min-width: 64.063em) {
	#globalNav {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
}
}
#globalNav .inline-list {
    margin-left: 0;
}
#globalNav .inline-list li {
    margin-left: 0;
		text-align: center;
}
@media only screen and (min-width: 64.063em) {
#globalNav li{
	position:relative;
	width: 25% !important;
}
}
@media only screen and (min-width: 40.063em) {
#globalNav .gn01, #globalNav .gn02, #globalNav .gn03 {
	width: 22%;
}
#globalNav .gn04 {
	width: 34%;
}
}
#globalNav a {
	color: #FFF;
	display: block;
	padding: 1rem 0;
	background-color: #313131;
	border-right: 1px solid #535353;
	border-left: 1px solid #1d1d1d
}
#globalNav a:hover {
	background-color: #000000;
}
@media only screen and (min-width: 64.063em) {
#globalNav .gn01 a {
	border-top-left-radius:5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;    
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;   
    -moz-border-radius-bottomleft: 5px;
	border-left: none;
}
#globalNav .gn04 a {
	border-top-right-radius:5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;    
    -webkit-border-bottom-right-radius: 5px;  
    -moz-border-radius-topright: 5px;   
    -moz-border-radius-bottomright: 5px;
	border-right: none;
}
}
#globalNav .gn01 .line {
	border-bottom: 2px solid #578ccd;
	display: block;
}
#globalNav .gn02 .line {
	border-bottom: 2px solid #eb9627;
	display: block;
}
#globalNav .gn03 .line {
	border-bottom: 2px solid #6eae55;
	display: block;
}
#globalNav .gn04 .line {
	border-bottom: 2px solid #ebc410;
	display: block;
}

#globalNav .gn01 a:hover .line {
	background: url(../images/gn04_bg_ov.png) no-repeat center bottom;
}
#globalNav .gn02 a:hover .line {
	background: url(../images/gn01_bg_ov.png) no-repeat center bottom;	
}
#globalNav .gn03 a:hover .line {
	background: url(../images/gn03_bg_ov.png) no-repeat center bottom;
}
#globalNav .gn04 a:hover .line {
	background: url(../images/gn02_bg_ov.png) no-repeat center bottom;
}

	

/*========== sidebar ==========*/
#parkingNav {
	/*background: url(../../images/common/sn_bg.png) no-repeat bottom left;*/
	padding-bottom: 0;
	margin-bottom: 1.5rem;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	border: 1px solid #EEE;
	border-bottom: 5px solid #EEE;
	background-color: #FFF;
}
#parkingNav .parkingNavHx {
	/*background: url(../../images/common/sidebar_hx_bg.gif) no-repeat left top;*/
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4rem !important;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 0;
	background-color: #313131;
	border-top-left-radius:5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;   
    -moz-border-radius-topright: 5px;
	margin: 0;
}
#parkingNav .parkingNavHx .fSS {
	font-size: 12px;
	font-weight: normal;
}
#parkingNav ul {
	margin: 0;
	padding: 0;
}
#parkingNav li {

	line-height: 1.2;
	padding: 0 1px;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
	position: relative;
}
#parkingNav li .fSS {
	font-size: 12px;
}
#parkingNav li.last {
	border-bottom: none;
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em) {
	#parkingNav li.lastOne {
	border-bottom: none;
}
}
#parkingNav li a {
	display: block;
	padding: 18px 20px 14px;
	text-decoration: none;
	color: #333333;
	margin: 0;
	transition: all 0.3s ease 0s;
}
#sidebar .rsvBtn {
	/*display: none;*/
}
@media only screen and (max-width: 64.062em) {
#parkingNav li a:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  width: .7em;
  height: .7em;
  border-style: solid;
  border-color: #666;
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 1em;
  border-width: .1em .1em 0 0;
}
}

@media only screen and (min-width: 40.063em) {
#parkingNav li:nth-of-type(odd) a {
	border-right: 1px solid #e6e6e6;
}





}
@media only screen and (min-width: 64.063em) {
	#parkingNav ul {
	margin: 0 20px;
	padding: 0;
}
#parkingNav li a {
	margin: 0 -20px;
}
#parkingNav li:nth-of-type(odd) a {
	border-right: none;
}
#sidebar .rsvBtn {
	display: block;
}
}
#parkingNav li a:hover {
	background-color: #EEEEEE;
}
#parkingMark {
	margin-top: 70px;
	text-align: center;
}
#telRsv {
	margin: 0 0 3em;
	background: url(../images/tel_rsv_bg.gif) no-repeat bottom left;
	padding-bottom: 30px;
}
#telRsv p {
	margin: 0 15px;
}
.bnr {
	margin: 0 0 3em;
}

/*========== footer ==========*/
#pageTop {
	clear: both;
	width: 100%;
	text-align: center;
}
@media only screen and (min-width: 64.063em) {
#pageTop {
	clear: both;
	width: 700px;
	text-align: right;
}
}
#pageTop a {
	background: url(../images/page_top_arrow.gif) no-repeat left top;
	padding-left: 20px;
	min-height: 16px;
	line-height: 1.5;
	display: inline-block;
}
#pageTop a:link, #pageTop a:visited {
	color:#333333;
	text-decoration: none;
}
#pageTop a:hover {
	color:#666666;
	text-decoration: underline;
}
#pMark{
		display: none;
}
@media only screen and (min-width: 40.063em) {
#pMark{
	display: inherit;
	margin: -115px auto 0;
	text-align:right;
}
}
#footerNav {
	background: url(../images/footer_nav_bg.png) no-repeat left 10px;
	min-height: 149px;
	margin: 0 0 0em;
	position: relative;
	padding-bottom:0em;
}


#footerNav h3 {
	background: url(../images/dec_1.gif) no-repeat left 0.4em;
	padding-left: 15px;
}
#footerNav ul {
	margin-left: 15px;
}
#footerNav a:link, #footerNav a:visited {
	color:#333333;
	text-decoration: none;
}
#footerNav a:hover {
	color:#666666;
	text-decoration: underline;
}
#copyright {
	text-align: center;
	clear: both;
	margin: 0;
	font-size: 1rem;
}

/*========== common ==========*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.fSS {
	font-size: 10px;
}
.fWB {
	font-weight: bold;
}
.fWN {
	font-weight: normal;
}
.fCRed {
	color:#FF0000;
}
.tAC {
	text-align: center;
}
.tAR {
	text-align: right;
}

#topicpass {
	margin: 0 0 4rem;
	display: table;
}
#topicpass li {
	display: table-cell;
	line-height: 1.2;
	padding-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	color: #999999;
	font-weight: normal;
	white-space: nowrap;
}
#topicpass li:after {
	content: ">";
	padding: 0 10px;
}
#topicpass li:last-child:after {
	content: "";
	padding: 0 0 0 10px;
}

#topicpass a {
	font-weight: normal;
}
#topicpass a:link, #topicpass a:visited {
	color:#333333;
	text-decoration: none;
}
#topicpass a:hover {
	color:#666666;
	text-decoration: underline;
}



/*

#breadcrumbs{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
  padding-right: 10px;
}

#breadcrumbs ul{
    display:table;
}

#breadcrumbs li{
    display:table-cell;
    white-space:nowrap;
    font-size: 10px;
}

#breadcrumbs a{
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
  padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#breadcrumbs li:first-child a{
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs a:hover{
  background: #fff;
}

#breadcrumbs a::after,
#breadcrumbs a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
  padding-left: 1px;
}

#breadcrumbs a::after{
  z-index: 2;
  border-left-color: #ddd;
}

#breadcrumbs a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}

#breadcrumbs a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs .current,
#breadcrumbs .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs .current::after,
#breadcrumbs .current::before{
  content: normal;
}

#breadcrumbs li:last-child {
  padding-right: 10px;
}

#breadcrumbs div {
    display: none;
}
*/


.rcrumbs {
	white-space: nowrap;
}
.rcrumbs > ul {
  padding: 0;
  list-style: none;
  margin-left: 0;
}
.rcrumbs > ul > li {
  overflow: hidden;
  display: none;
  line-height: 1.2;
	padding-left: 10px;

	padding-bottom: 5px;
	color: #999999;
	font-weight: normal;
}
.rcrumbs > ul > li.show {
  display: inline-block;
}
/*.rcrumbs > ul > li.show:after {
	content: ">";
	padding: 0 10px;
}
.rcrumbs > ul > li.show:last-child:after {
	content: "";
	padding: 0 0 0 10px;
}
*/

.rcrumbs > ul > li > a {
	font-weight: normal;
}
.rcrumbs > ul > li > a:link, .rcrumbs > ul > li > a:visited {
	color:#333333;
	text-decoration: none;
}
.rcrumbs > ul > li > a:hover {
	color:#666666;
	text-decoration: underline;
}
.rcrumbs > ol {
  padding: 0;
  list-style: none;
  margin-left: 0;
}
.rcrumbs > ol > li {
  overflow: hidden;
  display: none;
  line-height: 1.2;
	padding-left: 10px;

	padding-bottom: 5px;
	color: #999999;
	font-weight: normal;
}
.rcrumbs > ol > li.show {
  display: inline-block;
}
/*.rcrumbs > ol > li.show:after {
	content: ">";
	padding: 0 10px;
}
.rcrumbs > ol > li.show:last-child:after {
	content: "";
	padding: 0 0 0 10px;
}
*/

.rcrumbs > ol > li > a {
	font-weight: normal;
}
.rcrumbs > ol > li > a:link, .rcrumbs > ol > li > a:visited {
	color:#333333;
	text-decoration: none;
}
.rcrumbs > ol > li > a:hover {
	color:#666666;
	text-decoration: underline;
}
.rcrumbs .divider {
    color: #999;
    padding: 0px 10px;
}

.notesCorner {
	margin-bottom: 1rem;
	margin-left: 0;
	background-color: #FFE7E6;
	padding: 1rem;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.notesCorner li {
	margin: 1rem;
}
.notesBox {
	margin-bottom: 1rem;
	margin-left: 0;
	background-color: #FFE7E6;
	padding: 1em;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.notesBox dt {
	font-weight: bold;
}
.notesBox dt:before {
	content: "■";
}
.m1 {
	margin: 1rem 0 1rem 10px;
}
.atLink {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.atLink a {
	background: url(../images/arrow_2.gif) no-repeat left 0.05em;
	line-height: 1.2;
	padding-left: 12px;
}
.atLink a:link, .atLink a:visited {
	text-decoration: underline;
	color: #43677E;
}
.atLink a:hover {
	text-decoration: none;
}
.heading {
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 0 0 1em;
	color:#666666;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	min-height: 50px;
	padding: 25px 0 25px;
}

.heading span {
	background: url(../images/hn_bg_p.png) no-repeat left top;
	padding: 15px 0 20px 70px;
}
@media only screen and (min-width: 40.063em) {
	.heading {
		font-size: 3rem;
		padding: 2.5rem 0;
	}
	.heading span {
	padding: 0px 0 20px 70px;
}
}
.att {
	background-color: #FFFF99;
	padding: 0.2rem 0;
}
.idt {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1.5rem;
}
.btm {
	margin-bottom: 2rem !important;
}
.btm02 {
	margin-bottom: 1.5rem !important;
}
.cl {
	margin-bottom: 1rem !important;
}
.mb0 {
	margin-bottom:0 !important;
}
.mt0 {
	margin-top:0 !important;
}
@media only screen and (min-width: 40.063em) {
	.btm {
		margin-bottom: 5rem !important;
	}
}
.rsvBtn {
	margin: 3rem 0;
}
.spTopBtn .rsvBtn {
	margin: 2rem 0;
}
#sidebar .rsvBtn {
	margin: 0 0 3rem;
}
.rsvCol {
	margin:0;
	padding:0;
}
.rsvCol li {
	list-style: none;
	width: 100%;
	text-align: center;
	padding: 0;
  margin-bottom: 20px;
  font-size: 20px;
	border: 1px solid #777;
	border-color: rgba(0,0,0,0.2);
	border-bottom-color: #333;
	border-bottom-color: rgba(0,0,0,0.4);
	color: #fff;
	-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(0,0,0,0.5);*/
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	position: relative;
	z-index: 100;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
  
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

}
.rsvCol li:before {
	content: "";
	border-right: 0.075em solid rgba(0,0,0,0.1);
	float: left;
	font: 120%/1.65 zocial;
	font-style: normal;
	font-weight: normal;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	
	-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	
	-webkit-font-smoothing: antialiased;
}

.rsvCol li:active {
	outline: none; /* outline is visible on :focus */
}
.rsvCol li:hover, .rsvCol li:focus {
  	background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
}
.rsvCol li:l:active {
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
}
.rsvCol li a {
  display: block;
  color: #715c3e;
  padding: 15px;
}
.rsvCol02 {
	margin:0 auto;
	padding:0;
	width: 100%;
}
.rsvCol02 li {
	list-style: none;
	width: 100%;
	text-align: center;
	padding: 0;
  margin-bottom: 20px;
  font-size: 20px;
	border: 1px solid #777;
	border-color: rgba(0,0,0,0.2);
	border-bottom-color: #333;
	border-bottom-color: rgba(0,0,0,0.4);
	color: #fff;
	-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(0,0,0,0.5);*/
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	position: relative;
	z-index: 100;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
  
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

}
.rsvCol02 li:before {
	content: "";
	border-right: 0.075em solid rgba(0,0,0,0.1);
	float: left;
	font: 120%/1.65 zocial;
	font-style: normal;
	font-weight: normal;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	
	-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	
	-webkit-font-smoothing: antialiased;
}
.rsvCol02 li:active {
	outline: none; /* outline is visible on :focus */
}
.rsvCol02 li:hover, .rsvCol02 li:focus {
  	background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
	background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
}
.rsvCol02 li:l:active {
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
	background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
}
.rsvCol02 li a {
  display: block;
  color: #715c3e;
  padding: 15px;
}
@media only screen and (min-width: 40.063em) {
	.rsvCol li a {
  padding: 30px 15px;
}
.rsvCol02 {
	margin:0 auto;
	padding:0;
	width: 40%;
}
.rsvCol02 li a {
  padding: 30px 15px;
}
}
.rsvCol li a .sFont {
  font-size: 16px;
}
.rsvCol .rsvBtn {
  background-color: #ffde4d;
  color: #715c3e;
}
.rsvCol li a:before {
	content: "";
	display: inline-block;
	width:0px;
	height:0px;
	border-top:solid 8px transparent;  /*見せたい三角は色（#ddd）を指定*/
	border-right:solid 8px transparent;  /*見せたくないのでtransparentで透明に*/
	border-bottom:solid 8px transparent;  /*見せたくないのでtransparentで透明に*/
	border-left:solid 8px #715c3e;  /*見せたくないのでtransparentで透明に*/
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
}
.rsvCol02 li a .sFont {
  font-size: 16px;
}

.rsvCol02 .rsvBtn {
  background-color: #ffde4d;
  color: #715c3e;
}
.rsvCol02 li a:before {
	content: "";
	display: inline-block;
	width:0px;
	height:0px;
	border-top:solid 8px transparent;  /*見せたい三角は色（#ddd）を指定*/
	border-right:solid 8px transparent;  /*見せたくないのでtransparentで透明に*/
	border-bottom:solid 8px transparent;  /*見せたくないのでtransparentで透明に*/
	border-left:solid 8px #715c3e;  /*見せたくないのでtransparentで透明に*/
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
}
.link01 a:link, .link01 a:visited {
	text-decoration: underline;
	color: #333333;
}
.link01 a:hover {
	text-decoration: none;
	color:#CCCCCC;
}
.info {
	margin: 0 0 3em;
}
.info dt {
	font-weight: bold;
	background: url(../images/dec_2.png) no-repeat left 0.2em;
	padding-left: 20px;
}
.info dd {
	margin-bottom: 1.5em;
}
.option {
	margin: 0 0 3em;
}
.option dt {
	font-weight: bold;
	background: url(../images/dec_2.png) no-repeat left 0.2em;
	padding-left: 20px;
}
.option dd {
	margin-bottom: 1.5em;
}
#pageTitle {
	background: #888 url(../images/sp_page_title_bg.jpg) no-repeat right center;
	padding: 1rem;
	margin-bottom: 1rem;
}
#pageTitle h1 {
	color:#FFF;
	border-bottom: 1px dotted #FFF;
	margin: 0;
	padding: 0 0 0.5rem;
	width: 100%;
	font-size: 2.2rem;
	font-weight: bold;
}
#pageTitle p {
	color:#FFF;
	width: 100%;
	margin: 0;
	padding: 0.5rem 0 0;
}
@media only screen and (max-width: 25.063em) {
	#pageTitle h1 {
	width: 100%;

}
#pageTitle p {
	width: 100%;
}
}
@media only screen and (min-width: 40.063em) {
	#pageTitle {
	background: #888 url(../images/page_title_bg.jpg) no-repeat right center;
	}



}
@media only screen and (min-width: 64.063em) {
#pageTitle {
	background: #888 url(../images/page_title_bg.jpg) no-repeat right center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 

}
#pageTitle h1 {
	width: 50%;
}
#pageTitle p {
	width: 50%;
}
}

/*========== table ==========*/
.chargeTbl {
	width: 700px;
	border-collapse: collapse;
	border-spacing: 0;
	background: url(../images/charge_tbody.png) no-repeat left top;
}
.chargeTbl .headDate, .chargeTbl .headBase, .chargeTbl .headReference {
	height: 19px;
	line-height: 0;
}
.chargeTbl .headDate {
	background: url(../images/charge_thead_top_1.png) no-repeat left top;
	width: 150px;
}
.chargeTbl .headBase {
	background: url(../images/charge_thead_top_2.png) no-repeat left top;
	width: 320px;
}
.chargeTbl .headReference {
	background: url(../images/charge_thead_top_3.png) no-repeat left top;
	width: 230px;
}
.chargeTbl thead .date, .chargeTbl thead .base, .chargeTbl thead .reference {
	text-align: center;
	padding: 5px 3px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 120%;
	color:#666666;
}
.chargeTbl thead .date {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	background: url(../images/charge_thead_date.png) repeat-y left top;
}
.chargeTbl thead .base{
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	background: url(../images/charge_thead_base.png) repeat-y left top;
}
.chargeTbl thead .reference {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: url(../images/charge_thead_reference.png) repeat-y left top;
}
.chargeTbl tbody th, .chargeTbl tbody td {
	padding: 5px 3px;
	text-align: center;
}
.chargeTbl tbody th {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.chargeTbl tbody tr.even th {
	background: url(../images/charge_tbody_date_even.png) repeat-y left top;
}
.chargeTbl tbody .base {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}
.chargeTbl tbody tr.even .base {
	background: url(../images/charge_tbody_base_even.png) repeat-y left top;
}
*html .chargeTbl tbody tr.even .base {
	background: none;
}
.chargeTbl tbody .reference {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.chargeTbl tbody tr.even .reference {
	background: url(../images/charge_tbody_reference_even.png) repeat-y left top;
}
.chargeTbl tbody .lastChild {
	border-bottom: none;
}
.chargeTbl tfoot td{
	height:11px;
	background: url(../images/charge_tfoot_bottom.png) no-repeat left top;
	line-height: 0;
}
.chargeTbl .fSS {
	font-size: 80%;
}
.markBox {
	padding-left: 1em;
}
.markBox .mark {
	margin-left: -1em;
}
.linkNormal {
	text-decoration: underline;
}
.rsvTel {
	padding: 1rem;
margin-bottom: 1.5rem;
border-radius: 5px;
border: 1px solid #EEE;
background-color: #FFF;
display: none;
}

.rsvTel p {
	font-size: 1.2rem !important;
	margin-bottom: 0;
}
.rsvTel .telBox {
	text-align: center;
	background: url(../images/telbox_bg.png) no-repeat center bottom;
	padding: 0 0 65px;
	margin: 0 0 10px;
}
.rsvTel .telBox dt {
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
}
.rsvTel .telBox .telNo {
	font-size: 2rem;
	font-weight: bold;
	color: #C30;
}
.rsvTel .telBox dd {
	font-size: 1.2rem;
	margin: 0;
}
.rsvTel .telNo a {
	cursor: default;
	color: #C30;
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em) {
	.rsvTel p {
		text-align: center;
}
}
.parkingMark {
    text-align: center;
}
.parkingMark img {
	width: calc(331px * .5);
}
.fs-s {
	font-size:80% !important;
}
.fs-l {
	font-size:120% !important;
}
.fwN {
	font-weight: normal !important;
}