@charset "utf-8";

/* ----------------------------------------------------------------------------------------------
 [CSS] common.css
  + default settings
  + wrap
  + header
  + container
  + footer
------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------
   default settings
------------------------------------------------------------------------------------------------- */

body {
	color: #333;
	font-size: 12px;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	outline: 0;
	color: #006dd9; 
	text-decoration: none;
}
a:hover {
	color: #006dd9;
	text-decoration: underline;
}
img {
	width: 100%;
	height: auto;
}


/* ----------------------------------------------------------------------------------------------
   wrap
------------------------------------------------------------------------------------------------- */

#wrap {
}



/* ----------------------------------------------------------------------------------------------
   header
------------------------------------------------------------------------------------------------- */

#header h1 {
	margin: 17px 0 22px;
}

/* */
#sns ul {
	width: 255px;
	margin: 0 auto;
}
#sns li {
	float: left;
	height: 20px;
}
#sns li.line	{ width: 100px; }
#sns li.line img{ width: 88px; height: 20px; }
#sns li.twitter	{ width: 100px; }
#sns li.gplus	{ width: 55px; }


/* ----------------------------------------------------------------------------------------------
   container
------------------------------------------------------------------------------------------------- */

#container {
}
article > h1 {
	margin: 22px 0 20px;
}
article > .inner {
	padding: 10px 11px;
	border-top: 1px solid #ddd;
}
article > .inner:nth-of-type(1) {
	padding-top: 0;
	border-top: none;
}
article > .inner > h2 {
	color: #00a4d8;
}
article > .inner > div {
	width: 50%;
	margin: 22px auto 0;
}
article > .inner small {
	display: block;
	text-align: right;
}
#map {
	width: 100%;
	height: 240px;
}
.gm-style-iw {
    overflow: hidden ! important;
}
.gm-style-iw div {
    overflow: hidden ! important;
}

/* */
article form {
	text-align: center;
}
article form input {
	width: 100%;
	padding: 4px 5px;
	border: 1px solid #aaa;
	box-sizing: border-box;
}
article form #confirm {
	width: 80%;
	margin: 20px auto 0;
}
article form select {
	margin: 0 3px;
	padding: 4px 5px;
	border: 1px solid #aaa;
}
article form > div {
	margin-bottom: 5px;
}
article form > div > div {
	width: 47%;
}

article form .error-cell {
	background: #fcc;
}
article form .error-box {
	margin: 2px 0;
	color: #f60;
	font-size: 10px;
	text-align: left;
}
article form .current-cell {
	background: #ffc;
}
#sendBox {
	margin: 20px 0 50px;
}


/* ----------------------------------------------------------------------------------------------
   footer
------------------------------------------------------------------------------------------------- */

#footer {
	margin-top: 30px;
}