@charset "utf-8";

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

	松之山温泉合同会社まんま - 観光コース案内
	
	/manma/css/tourism.css

	contents:
		1. content

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


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

	1. content

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



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

#main .fl-box:after,
#main .fr-box:after,
#main .banners:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

#main .fl-box,
#main .fr-box,
#main .banners {
	*zoom: 1;
}

/*	1-2. main
------------------------------------------------------------------------------*/

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

#main .group {
	padding: 30px;
	background-color: #FFF;
	border: 2px solid #B0C4AD;
}

#main p {
	margin-bottom: 1em;
}

#main h2 span {
	padding-right: 30px;
	font-size: 20px;
}

#main .sec {
	margin-bottom:30px;
}

#main .sec figure {
	margin: 0 0 20px;
}

.fr-box figure {
	width: 113px;
    margin: 0 0 0 20px;
}

#main .fl-box,
#main .fr-box {
	margin-bottom: 20px;
	width: 656px;
	clear: both;
}

#main .sec .fl-box figure {
	margin: 0 20px 1.428em 0;
	width: 250px;
}

#main .sec .fr-box figure {
	margin: 0 0 1.428em 20px;
	width: 250px;
}

#main .sec figcaption {
	text-align: center;
}

#main  figcaption {
	line-height: 1.5;/* =18px */
	font-size: 12px;
}

#main .banners li {
	float: left;
	width: 213px;
	margin-right: 8px;
}

#main .banners .last-child {
	margin-right: 0;
}

/* マップ */

.map {
	position: relative;
}

.map li a {
	position: absolute;
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	white-space: nowrap;
}

.map .bijin a {
	top: 86px;
	left: 499px;
	width: 117px;
	height: 58px;
	background: url(../img/bijin_button.png) no-repeat;
}

.map .daigonji a {
	top: 211px;
	left: 91px;
	width: 141px;
	height: 70px;
	background: url(../img/daigonji_button.png) no-repeat;
}

.map .rusuhara a {
	top: 264px;
	left: 453px;
	width: 171px;
	height: 58px;
	background: url(../img/rusuhara_button.png) no-repeat;
}

.map .kinare a {
	top: 33px;
	left: 405px;
	width: 123px;
	height: 70px;
	background: url(../img/kinare_button.png) no-repeat;
}

.map .nohbutai a {
	top: 87px;
	left: 182px;
	width: 105px;
	height: 70px;
	background: url(../img/nohbutai_button.png) no-repeat;
}

.map .kyororo a {
	top: 226px;
	left: 185px;
	width: 135px;
	height: 58px;
	background: url(../img/kyororo_button.png) no-repeat;
}

#content .map li a:hover {
	opacity: 1;
}

.map .bijin a:hover,
.map .rusuhara a:hover,
.map .kyororo a:hover {
	background-position: 0 -58px;
}

.map .daigonji a:hover,
.map .kinare a:hover,
.map .nohbutai a:hover {
	background-position: 0 -70px;
}