@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	松之山温泉合同会社まんま - アクセス・地図
	
	/access/css/access.css

	contents:
		1. common
			1-1. clearfix
			1-2. image replacement
		2. content

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	1. common

------------------------------------------------------------------------------*/


/*	1-1. clearfix
------------------------------------------------------------------------------*/

#main section:after,
#main .map02 .group:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

#main section,
#main .map02 .group {
	*zoom: 1;
}


/*	1-2. image replacement
------------------------------------------------------------------------------*/

#main .inn-map
 {
	display: block; 
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	white-space: nowrap;
}


/*------------------------------------------------------------------------------

	2. content

------------------------------------------------------------------------------*/

#main section section {
	margin-bottom: 30px;
}

#main h2 {
	background-image: url(../img/heading-icon.png);
}

#main h5 {
	color: #83495A;
}

#main .google-map {
	height: 400px;
	margin-bottom: 25px;
	border: 10px solid #FFF;
}

#main .car {
	float: left;
	width: 340px;
	margin: 0 40px 0 0;
}

#main .train {
	float: right;
	width: 340px;
	margin: 0;
}

#main .car section,
#main .train section {
	margin-bottom: 10px;
}


#main .inn-map {
	margin-bottom: 25px;
	height: 380px;
	background: url(../img/inn-map.png?20150727) no-repeat;
	border: 10px solid #FFF;
}

#main .map02 .group {
	width: 339px;
	height: 95px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #B3C6B0;
}

#main .map02 .group figure {
	float: left;
	margin: 0 20px 0 0;
}

#main .map02 .group dl {
	float: right;
	width: 207px;
	margin: 0;
	padding-top: 5px;
}

#main .map02 .group dt {
	padding-left: 20px;
}

#main .map02 .group dd {
	margin: 0;
}

#main .map02 .no1,
#main .map02 .no3,
#main .map02 .no5,
#main .map02 .no7 {
	float: left;
	border-right: none;
}

#main .map02 .souvenirs .no1,
#main .map02 .inn .no7 {
	border-right: 1px solid #B3C6B0;
}

#main .map02 .no2,
#main .map02 .no4,
#main .map02 .no6,
#main .map02 .no8 {
	float: right;
	width: 338px;
}

#main .map02 .inn dt,
#main .map02 .souvenirs dt,
#main .map02 .other dt {
	background-repeat: no-repeat;
	background-position: left 8px;
}

#main .map02 .inn .no1 dt {
	background-image:  url(../img/inn-number01.png);  	
}

#main .map02 .inn .no2 dt {
	background-image:  url(../img/inn-number02.png);  	
}

#main .map02 .inn .no3 dt {
	background-image:  url(../img/inn-number03.png);  	
}

#main .map02 .inn .no4 dt {
	background-image:  url(../img/inn-number04.png);  	
}

#main .map02 .inn .no5 dt {
	background-image:  url(../img/inn-number05.png);  	
}

#main .map02 .inn .no6 dt {
	background-image:  url(../img/inn-number06.png);  	
}

#main .map02 .inn .no7 dt {
	background-image:  url(../img/inn-number07.png);  	
}

#main .map02 .inn .no8 dt {
	background-image:  url(../img/inn-number08.png);  	
}

#main .map02 .souvenirs .no1 dt {
	background-image:  url(../img/souvenirs-number01.png);  	
}

#main .map02 .souvenirs .no2 dt {
	background-image:  url(../img/souvenirs-number02.png);  	
}

#main .map02 .other .no1 dt {
	background-image:  url(../img/other-number01.png);  	
}

#main .map02 .other .no2 dt {
	background-image:  url(../img/other-number02.png);  	
}