@charset "UTF-8";


/* .section */

body {
	margin: 0px;
	padding: 0px;
	font-size: 63%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#content {
	margin: 0 20px;
	max-width: 960px;
	text-align: left;
}
img{
	max-width: 100%;
	height: auto;
}

/* title */

h1 {
	/*background: url(../../img/common/h1_bg.jpg) repeat-x left top;
	*/
	border-top:			3px solid #1170b3;
	border-bottom:		1px solid #caced1;
	background-image:	linear-gradient(to bottom, #fefefe 30%, #fff 50%, #eee 98%, #fff 98%, #fff 100%);
	background-repeat:	no-repeat;
	background-position:left top;
	
	
	font-size:			2.2em;
	font-weight:		bold;
	margin:				30px 0 20px 0 ;
	padding:			16px 10px 20px 22px;
}

h2 {
	background-image:	url(../img/map/bg_h2.jpg);
	background-repeat:	no-repeat;
	background-position:left 0.3em;
	
	font-size:			1.6em;
	font-weight:		bold;
	margin:				0 0 20px;
	padding:			10px 0 5px 22px;
}
.hd2
{
	border:				1px solid #dce0e4;
	background-image:	linear-gradient(to bottom, #fefefe 30%, #f6f7f9 50%, #f3f3f7 100%);
	background-repeat:	no-repeat;
	background-position:left top;
	
	font-size:			1.6em;
	font-weight:		bold;
	line-height: 		1.4;
	position: 			relative;
	margin:				0 0 20px;
	padding:			8px 0 7px 22px;
}
.hd2::before
{
	content:			'';
	border:				1px solid #fff;
	background-image:	linear-gradient(to bottom,
										#2da4ff 0%,/*#4192df 30%,*/
										#94d6ff 65%,
										/*#61afe7 80%,*/
										#c1e1f5 80% );
	background-repeat:	no-repeat;
	background-position:left top;
	width:				4px;
	height: 			20px;
	display: 			block;
	position: 			absolute;
	left:				8px;
	top:				9px;
	z-index:			5;
}

/* text */

p {
	font-size: 1.4em;
	line-height: 140%;
}

.map {
	text-align: 	center;
	margin-bottom:	40px;
}
#map-1 iframe
{
	width:			100%;
	height: 		600px;
}


/* section */

.section {
	/zoom:1;
}

.section:after {
	content: url("../../img/common/spacer.gif");
	display: block;
	clear: both;
	height: 0;
}

.section .left {
	max-width: 400px;
	float: left;
}

.section .right {
	max-width: 200px;
	float: right;
	text-align: right;
}

/* close */

.close {
	background-color: #F2F3F7;
	text-align: center;
	padding: 5px;
	margin: 30px 0;
}

@media screen and (max-width: 949px) {
#content {
	margin: 0 25px;
}
.section .left {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.section .right {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}
}