@charset "utf-8";

@import "reset.css";



/* 全体 ============================== */
body {
	font-size: 90%;
	line-height: 1.8;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, sans-serif; 
	color: white; 
	letter-spacing: 0.1em;
	background-color: black; 
}
html, body { height: 100%; }










/* テキスト ============================== */
.txtBlk { color: #121212; }

a { color: #121212; }
a:visited { color: #121212; }
a:active { color: #121212; }
a:hover { text-decoration: none; }



/* 共通 ============================== */
div.contArea { min-height: 480px; min-width: 720px; }
div.headFrm { padding-top: 20px; }
div.headFrm a.box { float: right; display: inline-box; background: white url(../images/icon_arrow.png) 15px 50% no-repeat; line-height: 1; color: #777; padding: 10px 15px 8px 28px; text-decoration: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
div.headFrm a.box:hover { background-color: #dedede; color: #444; }
p.copy { position:absolute; bottom: 10px; right: 10px; z-index:20; font-size: 75%; letter-spacing: 0; line-height: 1; }



/* トップ ============================== */
#arrow_left, #arrow_right { position:absolute; top: 50%; height: 68px; width: 36px; z-index: 50; margin-top: -34px; display: none; }
#arrow_left { left: 15px; }
#arrow_left:hover { left: 13px; }
#arrow_left:active { left: 14px; }
#arrow_right { right: 15px; }
#arrow_right:hover { right: 13px; }
#arrow_right:active { right: 14px; }
#cycle-loader { position: absolute; top: 50%; left: 50%; height: 32px; width: 32px; margin:-16px 0 0 -16px; z-index: 10; }
#maximage { display: none; position:fixed !important; }
#logo { position:absolute; top: 50%; left: 50%; height: 209px; width: 200px; margin:-104px 0 0 -100px; z-index: 60; display: none; }



/* Access ============================== */
#maparea { width: 100%; height: 100%; min-height: 480px; min-width: 720px; }

div.acsCont { position: absolute; top: 18%; right: 4%; z-index: 20; background-color: white; border-radius: 5px; box-shadow: 3px 3px 2px rgba(0,0,0,0.3); color: #121212; display: none; }
div.acsCont a.back2top { display: block; padding: 10px 15px; text-align: center; line-height: 1; background-color: #242424; line-height: 1; border-top-right-radius: 5px; border-top-left-radius: 5px; text-decoration: none; }
div.acsCont a.back2top:hover { background-color: #555; }
div.acsCont ul.shopinfo {padding: 6px 15px 18px; font-size: 90%;}
div.acsCont ul.shopinfo li {line-height: 1; margin-top: 12px; }
div.acsCont ul.shopinfo li p.tit { float: left; background-color: #242424; color: white; font-weight: bold; padding: 3px 5px; font-size: 95%; width: 3.2em; text-align: center; }
div.acsCont ul.shopinfo li p.eng { letter-spacing: 0;}
div.acsCont ul.shopinfo li p.info { float: left; padding: 2px 0 0 20px; line-height: 1.4; }
div.acsCont ul.shopinfo li p.mail { padding: 0 0 0 15px; }
div.acsCont ul.shopinfo li p.mail a.email { padding: 2px 5px; }
div.acsCont ul.shopinfo li p.mail a.email:hover { background-color: #dedede; }
div.acsCont p.acsCopy { font-size: 75%; color: white; letter-spacing: 0; text-align: right; padding: 8px 10px; background-color: #242424; line-height: 1; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

/* ★★★★★　SP用記述　★★★★★ */
@media only screen and (max-width:767px) {
	div.contArea { min-height: 480px; min-width: initial; }
	#maparea { width: 100%; height: 100%; min-height: 480px; min-width: initial; }
	div.acsCont { top: auto; right: 2%; left: 2%; bottom: 10px; }
}