@charset "utf-8";
/***************************************************************************/
/*--- COPYRIGHT Bandai Dental Clinic. ALL RIGHTS RESERVED. ------------*/
/*--- web site design : For You Planning Limited. https://www.fyp.jp/ ------*/
/***************************************************************************/
/*--------------------------------------------------------*/
/* ▼desktop Layout : 769 px ～ */
/*--------------------------------------------------------*/
/*******************************/
/*------ Whole Structure ------*/
/*******************************/
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, small { display: block; }
	ul, ol, li { list-style: none; }    img { vertical-align: bottom; border: 0px; max-width: 100%; }

body { width: 100%; background: #0d1c2a;
			/* Adobe Typekit */ font-family: "source-han-serif-japanese", serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka; font-style: normal; font-weight: 200;
			color: #ccc; font-size: 1.0em; font-style: normal; letter-spacing: 0.05em; }

p, form, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
	.center { text-align: center; }		.rightposi { text-align: right; overflow: hidden; }


hr { display: none; }
	.reset { height: 10%; display: block; visibility: hidden; margin: 0; padding: 0; clear: both; }
	.hdEdge { width: 92%; height: 2px; display: block; visibility: visible; margin: 1.5em auto 2.5em auto; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #615b49; }
	.hdDot { width: 90%; height: 3px; display: block; visibility: visible; margin: 1.2em auto; padding: 0; clear: both; border-bottom: 1px dotted #4a4436; }

strong.normal { font-weight: normal; }

	.forprint { display: none; visibility: hidden; margin: 0; padding: 0; }

/*------ character decoration ------*/
	.letora { color: #f30; } .letblue { color: #348fbe; } .letred { color: #c30; }  .letpink { color: #ff5ba0; } .letgre { color: #7e9a74; } .letgold { color: #a1883f; } .letmint { color: #2394a8; }
	.larger { font-size: 120%; } .largemore { font-size: 150%; } .largeplus { font-size: 175%; }
	.small { font-size: 70%; } .smaller { font-size: 80%; }
	.expd3-4 { letter-spacing: 0.6em;}

	.beltora { background: #fc6; padding: 1px 5px; } .beltblue { background: #39c; padding: 1px 5px; color: #fff; } .beltgre { background: #a3a228; padding: 1px 5px; color: #fff; }

	.h-serif-ja { /* Adobe Typekit */ font-family: source-han-serif-japanese, serif; font-style: normal; font-weight: 200; }

	.lineBottom { border-bottom: 3px double #f30; }		.lineBottomDot { border-bottom: 1px dotted #f30; }		.lineBottomRidge { border-bottom: 4px ridge #4075c5; }
/*------ character decoration end ------*/

/*------ setup of links ------*/
	a:link, a:visited { color: #0099cc; text-decoration: none; }		a:hover, a:active { color: #cdaf1f; text-decoration: none; }
		a:link, a:visited { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; opacity: 1.0; }
		a:hover, a:active { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; opacity: 0.7; }
/*------ setup of links end ------*/

/*------ clearfix ------*/ .clearfix:after { content: ""; clear: both; display: block; } /*------ clearfix end ------*/
/********** Whole Structure end **********/


/****************************/
/*------ body setting start ------*/
/****************************/
body div.overline { width: 100%; margin: 0; padding: 0; font-size: 78%; font-weight: normal; color: #f4eadb; background: #000; }
	div.overline div.overlineBody { width: 94%; max-width: 1680px; margin: 0 auto; padding: 0 auto; text-align: center; }
		div.overlineBody h1 { width: 28%; margin: 0; padding: 0; text-align: center; background: #827365; }


div#gridWrapper { width: 100%; margin: 0; padding: 0; background: url(../img/container_bg02.jpg) top center no-repeat #fff; -moz-background-size: contain; background-size: contain; }
	div#gridWrapperSub { width: 100%; margin: 0; padding: 0; background: #fff; }

div#gridWrapper div.mainlogo { width: 100%; margin: 0 auto 3% auto; padding: 0; }
/********** body setting end **********/


/****************************/
/*------ Header start ------*/
/****************************/
div.Header { width: 100%; margin: 0; padding: 0 0 0 0; font-size: 88%; background: url(../images/body_wrapper_bg.png) top left no-repeat #1f1d1b; }

	div#gridHeaderBody { width: 98%; max-width: 1680px; height: auto; margin: 0 auto; padding: 0 auto; text-align: center; overflow: hidden; }
		div#gridHeaderBody a:link, div#gridHeaderBody a:visited { color: #000; text-decoration: none; }		div#gridHeaderBody a:hover, div#gridHeaderBody a:active { color: #cdaf1f; text-decoration: none; }

		div#gridHeaderBody div#gridHeaderLeft { width: 45%; height: 100%; display: inline-block; margin: 1.0em 0; padding: 0; text-align: left; vertical-align: top; }
			div#gridHeaderBody div#gridHeaderLeft ul { width: 100%; margin: 0; padding: 0; text-align: left; }
				div#gridHeaderBody div#gridHeaderLeft ul li { margin: 0; padding: 0; text-align: left; }

			div#gridHeaderBody div#gridHeaderLeft h2 { width: 100%; margin: 0; padding: 0; }
				div#gridHeaderBody div#gridHeaderLeft h2 a.title { width: 100%; margin: 0; padding: 0.5em 0; display: block; }

			div#gridHeaderBody div#gridHeaderLeft p { width: 100%; margin: 0; padding: 0; text-align: left; color: #7f5a24; font-size: 82%; }

		div#gridHeaderBody div#gridHeaderRight { width: 50%; height: 100%; display: inline-block; margin: 1.0em 0; padding: 0; font-size: 94%; text-align: right; vertical-align: top; }
			div#gridHeaderBody div#gridHeaderRight ul { height: 100%; margin: 0; padding: 0; text-align: right; }
				div#gridHeaderBody div#gridHeaderRight ul li { margin: 0.15em 0; padding: 0; text-align: right; }

		div#gridHeaderBody div#gridHeaderRight p { width: 100%; margin: 1.0em 0; padding: 0; }

		@media (max-width: 1280px) {
			div#gridHeaderBody div#gridHeaderLeft { width: 48%; }
			div#gridHeaderBody div#gridHeaderRight { width: 48%; }
				}


/****************************/
/*------ Navigation start ------*/
/****************************/
/*------ main Navigation ------*/
div#gridGrobalNavi { width: 100%; margin: 1.5em 0 0 0; padding: 0; font-size: 112%; border-bottom: 2px solid #827365; }

	div#gridGrobalNavi ul#navigation { width: 100%; max-width: 1460px; list-style-type: none; margin: 0 auto; padding: 0 auto; text-align: center; position: relative; letter-spacing: -.4em; /* crack eraser */ }
		div#gridGrobalNavi ul#navigation li { width: auto; display: inline-block; margin: 0; padding: ; text-align: center; position: relative; }
		div#gridGrobalNavi ul#navigation > li { letter-spacing: normal; /* crack eraser */ }

			div#gridGrobalNavi ul#navigation li a { display: block; margin: 0; padding: 1.2em 2.8em; color: #fff; text-decoration: none; line-height: 1.5em; border-left: 1px dotted #62615f; }
			div#gridGrobalNavi ul#navigation li:last-child a { border-right: 1px dotted #62615f; }

				div#gridGrobalNavi ul#navigation li a:link, div#gridGrobalNavi ul#navigation li a:visited
												{ overflow: hidden;
													 /* background switch*/
													 background-image: -webkit-linear-gradient(top, rgba(33, 28, 16, 0), rgba(33, 28, 16, 0));
													 background-image: -moz-linear-gradient(top, rgba(33, 28, 16, 0), rgba(33, 28, 16, 0));
													 background-image: -o-linear-gradient(top, rgba(33, 28, 16, 0), rgba(33, 28, 16, 0));
													 background-image: -ms-linear-gradient(top, rgba(33, 28, 16, 0), rgba(33, 28, 16, 0));
													 background-image: linear-gradient(top, rgba(33, 28, 16, 0), rgba(33, 28, 16, 0));
													}

				div#gridGrobalNavi ul#navigation li a:hover, div#gridGrobalNavi ul#navigation li a:active { background-color: #3a3734; color: #9b895e; }
/*------ main Navigation ------*/

/********** Header end **********/




/****************************/
/*------ Mainvisual ------*/
/****************************/
	/*------ gridMainvisual start ------*/
	div#gridMainvisual { width: 100%; height: auto; min-height: 400px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative;
									background: url(../images/mainvis_top.jpg) no-repeat top center #000; }

		div#gridMainvisual h2, div#gridMainvisual p { width: 80%; max-width: 1680px; margin: 1.7em auto 0.5em auto; padding: 0 auto; text-align: left; letter-spacing: 0.15em; }
			div#gridMainvisual h2 { color: #bfbcb7; font-size: 2.1em; text-shadow: -3px 4px 4px rgba(128,105,64,1.0), 4px -3px 4px rgba(128,105,64,1.0), -4px 3px 4px rgba(128,105,64,1.0); }
			div#gridMainvisual p { color: #bfbcb7; font-size: 0.9em; text-shadow: -3px 4px 4px rgba(128,105,64,1.0), 4px -3px 4px rgba(128,105,64,1.0), -4px 3px 4px rgba(128,105,64,1.0); font-weight: bold; }
	/*------ gridMainvisual end ------*/

	/*------ gridMainvisualSub start ------*/
	div.gridPagevisualSub { width: 100%; height: auto; min-height: 200px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative; border-bottom: 3px solid #827365;}

			div#Pagevis02 { background: url(../images/pagevisual_bg02.jpg) no-repeat top right #000; }
			div#Pagevis03 { background: url(../images/pagevisual_bg03.jpg) no-repeat top right #000; }
			div#Pagevis04 { background: url(../images/pagevisual_bg04.jpg) no-repeat top right #000; }
			div#Pagevis05 { background: url(../images/pagevisual_bg05.jpg) no-repeat top right #000; }

		div.gridPagevisSubBody h2, div.gridPagevisSubBody p { width: 80%; max-width: 1680px; margin: 1.7em auto 0.5em auto; padding: 0; text-align: left; letter-spacing: 0.15em; }
			div.gridPagevisSubBody h2 { color: #bfbcb7; font-size: 1.8em; text-shadow: -3px 4px 4px rgba(128,105,64,1.0), 4px -3px 4px rgba(128,105,64,1.0), -4px 3px 4px rgba(128,105,64,1.0); }
			div.gridPagevisSubBody p { color: #bfbcb7; font-size: 1.0em; text-shadow: -3px 4px 4px rgba(128,105,64,1.0), 4px -3px 4px rgba(128,105,64,1.0), -4px 3px 4px rgba(128,105,64,1.0); font-weight: bold; }


/*------ Mainvisual end ------*/

	/*------ text button action start ------*/
		div.ActBtDiv { width: 100%; margin: 0 auto; padding: 0 auto; }

		div.CoSquareButton { width: 68%; margin: 0 auto; padding: 0 auto; text-align: center; }
			div.CoSquareButton a { margin: 1.2em; padding: 0.8em 0; display: block; text-decoration: none; }
				div.CoSquareButton a, div.CoSquareButton a::before, div.CoSquareButton a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	/*------ text button action end ------*/

	/*------ text button decoration start ------*/
				div.CoSquareButton a:link, div.CoSquareButton a:visited { color: #fff; border: 2px solid #fff; border-radius: 0.4em; background: #211c10; }
				div.CoSquareButton a:hover, div.CoSquareButton a:active { color: #9b895e; border: 2px solid #fff; border-radius: 0.4em; background: #3a3734; opacity: 0.8; }
	/*------  text button decoration end ------*/

	/*------ Reserva action start ------*/
		div.ReservaDiv { width: 100%; margin: 1.5em 0; padding: 0; text-align: center; }

		div.CoRadiusButton { width: 240px; margin: 0 auto; padding: 0 auto; text-align: center; }
			div.CoRadiusButton a { margin: 1.2em; padding: 0.8em 0; display: block; text-decoration: none; }
				div.CoRadiusButton a, div.CoRadiusButton a::before, div.CoRadiusButton a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

				div.CoRadiusButton a:link, div.CoRadiusButton a:visited { color: #fff; border: 2px solid #fff; border-radius: 2.8em; background: #5496b2; }
				div.CoRadiusButton a:hover, div.CoRadiusButton a:active { color: #fff; border: 2px solid #fff; border-radius: 0.4em; background: #5496b2; opacity: 0.8; }
	/*------ Reserva action end ------*/


/*------ contentInfo ------*/
	div.contentInfo { width: 100%; display: block; margin: 0; padding: 0 auto; text-align: center; border-top: 3px solid #827365; background: #1f1d1b; } 
		div.contentInfo div.divInfoBody { width: 100%; margin: 0 auto; padding: 0 auto; text-align: center; } 

	/*------ box width ------*/
			div.contentInfo div.divInfoLeft { width: 630px; }	div.contentInfo div.divInfoMid, div.contentInfo div.divInfoRight { width: 340px; } 
				div.contentInfo div.divInfoLeft, div.contentInfo div.divInfoMid, div.contentInfo div.divInfoRight { display: inline-block; margin: 1.5em 0; padding: 0; text-align: left; vertical-align: top; position: relative; } 

	/*------ box Left ------*/
		div.contentInfo div.divInfoLeft { margin: 0; padding: 0; text-align: left; overflow: hidden; } 
			div.contentInfo div.divInfoLeft div.divInfo01 { width: 38%; }	div.contentInfo div.divInfoLeft div.divInfo02 { width: 60%; } 
			div.contentInfo div.divInfoLeft div.divInfo01, div.contentInfo div.divInfoLeft div.divInfo02 { display: inline-block; margin: 0; padding: 0; text-align: left; vertical-align: top; font-size: 94%; color: #ccc; } 
				div.contentInfo div.divInfoLeft div.divInfo02 p { margin: 0 0 1.0em 0; } 

			div.contentInfo div.divInfoBody h3.divInfoLeftHeading { width: 94%; margin: 0.8em 0 1.5em 0; padding: 1.2em 0 1.2em 1.8em; text-align: left; color: #f5f4ee; font-size: 132%; letter-spacing: 0.16em; position: relative;
																										background: url(../images/heading_topct_bg01.png) repeat-x center left;
																										/* Adobe Typekit */ font-family: source-han-serif-japanese, serif; font-style: normal; font-weight: 400; } 
			div.contentInfo div.divInfoBody h3.divInfoLeftHeading:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c9"; color: #227a8b; font-size: 110%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 1.2em; left: 0.5em; text-align: left; } 
			div.contentInfo div.divInfoBody h3.divInfoLeftHeading:after { content: 'SWING II 　Live Information'; color: #a4997b; font-size: 58%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 2.6em; left: -1.5em; text-align: right; } 

			div.contentInfo div.divInfoBody div.divInfoLeft div.googleCalendar iframe { width: 96%; max-height: 480px; }
			@media only screen and (max-width: 768px) {	div.contentInfo div.divInfoBody div.divInfoLeft div.googleCalendar iframe { max-height: 680px; min-height: 540px; }	}



	/*------ box Mid ------*/
		div.contentInfo div.divInfoMid { margin: 0; padding: 0; text-align: center; overflow: hidden; } 
			div.contentInfo div.divInfoMid ul { margin: 1.5em 0 0 0; padding: 0; list-style-type: none; }
				div.contentInfo div.divInfoMid ul li { margin: 1.0em 0; padding: 0; }

	/*------ box Right ------*/
		div.contentInfo div.divInfoRight { margin: 0; padding-bottom: 400px; text-align: right; overflow: hidden; } 
			div.contentInfo div.divInfoBody h3.divInfoRightHeading { width: 94%; margin: 1.0em 0; padding: 0.4em 0 0.6em 1.8em; text-align: left; color: #f5f4ee; font-size: 132%; letter-spacing: 0.2em; position: relative;
																										border-bottom: 3px double #393836; 
																										/* Adobe Typekit */ font-family: source-han-serif-japanese, serif; font-style: normal; font-weight: 400; } 
			div.contentInfo div.divInfoBody h3.divInfoRightHeading:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044"; color: #227a8b; font-size: 110%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 0.5em; left: 0.5em; text-align: left; } 
			div.contentInfo div.divInfoBody h3.divInfoRightHeading:after { content: 'Update History'; color: #a4997b; font-size: 58%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 1.5em; right: 2.4em; text-align: right; } 

			div.contentInfo div.divInfoRight iframe { width: 96%; margin: 5.5em 0.8em; padding: 0 auto; text-align: center; vertical-align: top; } 
			div.contentInfo div.divInfoRight iframe, div.contentInfo div.divInfoRight object, div.contentInfo div.divInfoRight embed { position: absolute; top: 0; left: 0; width: 96%; height: 500px; }

		/*--- information list ---*/
		div.contentInfo ul.information { width: 92%; margin: 1.5em auto; padding: 0 auto; list-style-type: none; font-size: 88%; }
			div.contentInfo ul.information li { width: 94%; margin: 0.3em 0 0.3em 0.5em; padding: 0.5em 0 0.5em 1.5em; border-bottom: 1px dotted #333; }

			/*--
			div.contentInfo ul.information li, ul.information li.new { width: 94%; margin: 0px 0px 10px 10px; padding: 5px 0px 3px 15px; background: url(../img/p_info_listmark.gif) no-repeat center left; 
																									border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; }
				div.contentInfo ul.information li.new:after { content: url(../img/p_info_new.png); margin: 10px; position: relative; top: 0; }
					div.contentInfo ul.information li a { margin: 0; padding: 0; text-decoration: none; }
			--*/
		/*--- information list end ---*/
/*------ contentInfo end ------*/




/****************************/
/*------ gridContentWrapper ------*/
/****************************/
div#gridContentWrapper { width: 100%; margin: 0; padding: 0; background: #1f1d1b; } 

	div#gridContentBody { width: 100%; max-width: 1460px; margin: 0 auto; padding: 0 auto; text-align: center; background: #1f1d1b; } 

		div#gridContent { width: 60%; display: inline-block; margin: 0 1.0em 0 0; padding: 0; text-align: left; vertical-align: top; } 

			div#gridContent h2.contentHeading { width: 94%; margin: 1.0em 0 0 0; padding: 1.4em 0 1.4em 1.8em; text-align: left; color: #f5f4ee; font-size: 138%; letter-spacing: 0.16em; position: relative;
																			background: url(../images/heading_topct_bg01.png) repeat-x center left;
																			/* Adobe Typekit */ font-family: source-han-serif-japanese, serif; font-style: normal; font-weight: 400; } 
			div#gridContent h2.contentHeading:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c9"; color: #227a8b; font-size: 110%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 1.4em; left: 0.5em; text-align: left; } 
			div#gridContent h2.contentHeading:after { content: 'SWING II '; color: #a4997b; font-size: 58%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 2.8em; right: 5.5em; text-align: right; } 

			div#gridContent h3.contentHeading3rd { width: 96%; margin: 0.5em auto 1.5em auto; padding: 0.3em 0 0.3em 0; text-align: left; color: #f5f4ee; font-size: 122%; letter-spacing: 0.15em; text-indent: 1.5em; position: relative; border-bottom: solid 3px #827365; color: white; } 
				div#gridContent h3.contentHeading3rd::after { position: absolute; content: " "; display: block; border-bottom: solid 3px #4b748f; bottom: -3px; width: 30%; }



		div#gridContent p { width: 94%; margin: 0; padding: 1.3em; text-align: left; } 


		ul.deviderList { width: 96%; margin: 0 auto; padding: 1% auto; text-decoration: none; font-size: 94%; }
			ul.deviderList li { width: 97%; margin: 0 0.3em; padding: 0.5em 0em 0.4em 1.2em; list-style-type: none; border: #ccc dotted; border-width: 0px 0px 1px 0px; }
			ul.deviderList li.upper { background: #fcfcf9; }		ul.deviderList li.lower { background: #f2fdfe; }

		dl.thesList { width: 96%; margin: 0 auto; padding: 1% auto; text-decoration: none; }
			dl.thesList dt { width: 97%; margin: 0.3em 0; padding: 0.5em 0em 0.4em 1.2em; list-style-type: none; font-size: 105%; }
			dl.thesList dt.majNamed { width: 97%; margin: 0.3em 0; padding: 0.5em 0em 0.4em 1.2em; list-style-type: none; color: #348fbe; font-size: 105%; }

			dl.thesList dd { color: #888; font-size: 92%; }

		ul.privacyList { width: 96%; margin: 0 auto; padding: 1% auto; text-decoration: none; font-size: 94%; }
			ul.privacyList li { width: 97%; margin: 0 0.3em; padding: 0.5em 0em 0.4em 1.2em; list-style-type: none; }



		div.boxsubfloat01 { width: 92%; margin: 10px auto 30px auto; padding: 0; }
			div.boxsubfloat01 img { width: 28%; float: left; margin: 0px 20px 0px 0px;	padding: 0; }

		div.boxsubfloat02 { width: 92%; margin: 10px auto 30px auto; padding: 0; }
			div.boxsubfloat02 img { width: 28%; float: right; margin: 0px 0px 0px 10px;	padding: 0; }

				div.boxsubfloat01 a:link, div.boxsubfloat01 a:visited, div.boxsubfloat02 a:link, div.boxsubfloat02 a:visited
					{ opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
				div.boxsubfloat01 a:hover, div.boxsubfloat01 a:active, div.boxsubfloat02 a:hover, div.boxsubfloat02 a:active
					{ opacity: 0.6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }



		div.MenuArea { width: 92%; margin: 1.5em auto; padding: 0.5em auto; text-align: center; background: #d7ccb4; color: #000;
								/* box shadow */ box-shadow: 0px 0px 0px 10px #d7ccb4; 
								/* border style */ border: dashed 2px #6ca1b7; border-radius: 0;
								}
			div.MenuArea ul { width: 46%; display: inline-block; margin: 0; padding: 0; text-align: left; }
				div.MenuArea ul.Leftmenu { margin: 0 0.3em; padding: 0; text-align: left; vertical-align: top; }		div.MenuArea ul.Rightmenu { margin: 0; padding: 0; text-align: left; vertical-align: top; }

				div.MenuArea ul.Leftmenu li, div.MenuArea ul.Rightmenu li { line-height: 1.5; padding: 0.6em 0; }
					div.MenuArea li.price { text-align: right; }



		div.ImgArea { width: 98%; margin: 30px auto; padding: 0 auto; text-align: center; }
			div.ImgArea div { width: 46%; display: inline-block; margin: 0 auto; padding: 0 auto; text-align: center; }
				div.ImgArea div.LeftImg { margin: 0 1%; padding: 0; text-align: center; }		div.ImgArea div.RightImg { margin: 0 1%; padding: 0; text-align: center; }
				div.ImgArea div.LeftMap { margin: 0 1%; padding: 0; text-align: right; }		div.ImgArea div.RightMap { margin: 0 1%; padding: 0; text-align: left; }


		div.TxtArea { width: 92%; color: #666; margin: 2% auto; padding: 0 auto; text-align: center; }
			div.TxtArea p { width: 98%; margin: 2% auto; padding: 0 auto; text-align: left; }
				div.TxtArea p.centering { text-align: center; }		div.TxtArea p.centeringCL { width: 74%; text-align: center; }


		div.ggmap {	width: 92%; margin: 1.3em auto; padding: 0 auto; text-align: center; }
			div.ggmap iframe, div.ggmapr object, div.ggmap embed { width: 98%; }





	div#gridRightside { width: 22%; display: inline-block; margin: 0; padding: 0; vertical-align: top; } 

		div#gridRightside h3.divInfoRightHeading { width: 94%; margin: 1.0em 0; padding: 0.4em 0 0.6em 1.8em; text-align: left; color: #f5f4ee; font-size: 132%; letter-spacing: 0.2em; position: relative;
																			border-bottom: 3px double #393836; 
																			/* Adobe Typekit */ font-family: source-han-serif-japanese, serif; font-style: normal; font-weight: 400; } 
			div#gridRightside h3.divInfoRightHeading:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044"; color: #227a8b; font-size: 110%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 0.5em; left: 0.5em; text-align: left; } 
			div#gridRightside h3.divInfoRightHeading:after { content: 'Update History'; color: #a4997b; font-size: 58%; letter-spacing: 0.12em; position: absolute; width: 100%; top: 1.5em; right: 2.4em; text-align: right; } 

			div#gridRightside div.divInfoRight iframe { width: 96%; margin: 5.5em 0.8em; padding: 0 auto; text-align: center; vertical-align: top; } 
			div#gridRightside div.divInfoRight iframe, div#gridRightside div.divInfoRight object, div#gridRightside div.divInfoRight embed { position: absolute; top: 0; left: 0; width: 96%; }


		div#gridRightside ul { width: 300px; margin: 1.5em auto 0 auto; padding: 0 auto; text-align: center; list-style-type: none; }
			div#gridRightside ul li { margin: 1.0em 0; padding: 0; }




	/*------ pageScroller start ------*/
	div#pageTop { position: fixed; bottom: 180px; right: 80px; z-index: 999; }
		div#pageTop a { width: 120px; height: 130px; display: block; padding: 1.0em 0 0 0; text-align: center; font-size: 78%; color: #fff;
									/* bg img replace >>>*/ text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../images/master_pos01_off.png) no-repeat top center; }
			div#pageTop a:hover { background: url(../images/master_pos01_on.png) no-repeat top center; opacity: 1.0;
												-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
	/*------ pageScroller end ------*/




/********** Table and Forms start **********/
	/*------ overview start ------*/
	table.overview { width: 90%; margin: 0 auto; padding: 1%; text-decoration: none; font-size: 94%; border-collapse: collapse; }
		table.overview td {	margin: 2% 0; padding: 1.0%; border-bottom: 1px dotted #777; }
			table.overview td.left 			{ width: 15%; border-top: solid #8aa38d 3px; text-align: right; }
			table.overview td.leftblank 	{ width: 15%; border-top: dotted #ccc 1px; text-align: right; }
			table.overview td.leftbottom { border-bottom: none; text-align: right; }
	
			table.overview td.right {	width: 75%; border-top: solid #dec174 1px; }		table.overview td.rightbottom { width: 75%; border-top: solid #dec174 1px; border-bottom: none; }
	
	/*------ overview end ------*/
/********** Table and Forms end **********/



/****************************/
/*------ Footer start ------*/
/****************************/
div.Footer { width: 100%; margin: 0; padding: 0; clear: both; /* Adobe Typekit */ font-family: "source-han-serif-japanese", serif; font-style: normal; font-weight: 200; background: url(../images/footer_bg.jpg) no-repeat top right #000; }

	div#gridFooterBody { width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 auto; text-align: center; vertical-align: top; color: #ccc; }

		div#gridFooterLeft { width: 70%; height: auto; display: inline-block; margin: 0; padding: 0; text-align: left; font-size: 80%; }
			div#gridFooterLeft div#FooterLogo { width: 100%; height: auto; margin: 1.3em 0; padding: 0; }

			div#gridFooterLeft ul { width: 100%; margin: 1.8em 0 0 0; padding: 0; }
				div#gridFooterLeft ul li { width: 100%; margin: 0.4em 0 0 0; padding: 0; }


	div#gridFooterRight { width: 18%; display: inline-block; height: auto; margin: 0; padding: 0 0 0 1.3em; text-align: left; color: #c8bbb0; }

		div#gridFooterRight ul { width: 100%; margin: 0; padding: 0; text-align: left; font-size: 78%; }
			div#gridFooterRight ul li { width: auto; margin: 1.0em 0; padding: 0 0 0 0.8em; }
			div#gridFooterRight ul li.shopname { color: #fff; }

	/********** copyright start **********/
	div#gridFooterbottom { width: 100%; margin: 0; padding: 0; text-align: center; clear: both; overflow: hidden; }
		div#gridFooterbottom div.gridFooterbottomLine { width: 88%; max-width: 1680px; margin: 0 auto; padding: 0 auto; text-align: center; }
		div#gridFooterbottom div.gridFooterbottomLine small.credit { margin: 0 auto; padding: 0.5em 0; font-size: 68%; text-align: left; color: #827365; letter-spacing: 0.15em; }
	/********** copyright end **********/

/********** Footer end **********/