@charset "utf-8";

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

	松之山温泉合同会社まんま - 詳細ページ　共通
	
	/commont/css/content.css

	contents:
		1. common
			1-1. clearfix
			1-2. image replacement
		2. content
			2-1. main
			2-2. sidebar
			2-3. float-box

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


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

	1. common

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


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

#main .about:after,
#main .fl-box:after,
#main .fr-box:after,
#main .time-schedule .flow:after,
#main .application .container:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

#main .about,
#main .fl-box,
#main .fr-box,
#main .time-schedule .flow,
#main .application .container {
	*zoom: 1;
}



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

	2. content

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


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

#main figure {
	margin: 1.5em 0 2.5em;
}

#main .group {
	position: relative;
    padding: 0 30px 30px;
    background-color: #FFFFFF;
    border: 2px solid #B0C4AD;
}

#main .main-image {
	margin: 0;
	position: absolute;
	top: 2px;
	left: 2px;
}

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

#main h2 {
	margin: 322px 0 30px;
	padding: 30px 0 30px 100px;
}

#main .experience-plan h2 { background-image: url(/experience-plan/index/img/heading-icon.png); }
#main .buy h2 { background-image: url(/buy_eat/index/img/heading-icon-buy.png); }
#main .eat h2 { background-image: url(/buy_eat/index/img/heading-icon-eat.png); }
#main .event h2 { background-image: url(/event/index/img/heading-icon.png); }

#main h3 {
	margin: 0 0 20px;
	padding: 0 0 8px;;
	color: #555;
	background-color: transparent;
	border-bottom: 2px solid #B4C7B2;
	line-height: 1.5;
}

#main h3 .subcatch{
	display: inline-block;
	margin-left: 14px;
	font-size: 14px;
}

#main h4 {
	border: none;
	color: #728A7F;
}

#main secition {
	margin: 0 0 30px;
}


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

#main dl {
	margin-top: 10px;
}

#main dl dd {
	margin: 0;
}

#main .group .table tbody th {
	width: 17%;
	
}

#main table .note {
	font-size: 12px;
	line-height: 1.5;
}


/*	2-2. float-box
------------------------------------------------------------------------------*/


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

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

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

/*	2-3. time-schedule
------------------------------------------------------------------------------*/

#main .time-schedule .box {
	position: relative;
	float: left;
	width: 101px;
	margin-right: 20px;
	margin-bottom: 0;
	padding: 7px;
	background: #DBE4DA;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
}

#main .time-schedule .flow .box .time {
	margin-bottom: 6px;
	color: #728A72;
	font-size: 16px;
 }

#main .time-schedule .box p {
	min-height: 2.9em;
	line-height: 1.2;
	margin: 0;
}

#main .time-schedule .box:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin: -15px -30px 0 0;
  border: 15px solid transparent;
  border-left-color: #DBE4DA;
}

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

#main .time-schedule .last-child:after {
	display: none;
}

/* box6 */

#main .time-schedule .box6 .box {
	width: 78px;
}

#main .time-schedule .box6 .box .time {
	font-size: 14px;

}



/*	2-4. application
------------------------------------------------------------------------------*/

#main .application {
	margin: 40px 0;
}

#main .application .container {
	width: 656px;
}

#main .application .container section {
	width: 303px;
	min-height: 164px;
	margin-bottom: 0;
	border: 5px solid #B4C7B2;
	border-radius: 5px;
	background: #FFF;
}

#main .application .container h3 {
	margin: 0 0 10px;
	padding: 0;
	border-bottom: none;
	background: #EAEADD;
	text-align: center;
	line-height: 2.375em;
	font-size: 16px;
}

#main .application .container .text {
	padding: 0 15px 0;
}

#main .application .container .tel {
	float: left;
}

#main .application .container .at-hotel {
	float: right;
}

#main .application .container .icon {
	min-height: 50px;
	margin: 0 0 10px;
	padding-left: 60px;
	line-height: 50px;
	font-weight: bold;
}


#main .application .container .tel .icon {
	background: url(../img/icon/tel-icon.png) no-repeat;
	font-size: 24px;
}

#main .application .container .tel .remarks em {
	font-weight: bold;
}

#main .application .container .at-hotel .icon {
	padding-top: 5px;
	background: url(../img/icon/guestbook-icon.png) no-repeat;
	line-height: 1.2;
	font-size: 20px;
}

#main .application .web {
	margin: 30px 30px 60px;
	padding: 30px;
	background: #F6F6F6;
	border-radius: 6px;
}

#main .application .web a {
	display: block;
	padding: 15px 0 15px 180px;
	border-radius: 5px;
	text-decoration: none;
	line-height: 1.3;
	font-weight: bold;
	font-size: 24px;
	background-color: #728A7F;
	background-image: url(../img/icon/web-button.png) ;
	background-repeat: no-repeat;
	background-position: 120px center;
	color: #FFF;
	/* box-shadow */
	box-shadow:rgb(86, 105, 97) 0px 5px 0px 0px;
	-webkit-box-shadow:rgb(86, 105, 97) 0px 5px 0px 0px;
	-moz-box-shadow:rgb(86, 105, 97) 0px 5px 0px 0px;
}

#main .application .web a:hover {
	position: relative;
	top: 5px;
	opacity: 1;
	box-shadow: none;
}


#main .application .web  a small {
	font-weight: normal;
	font-size: 14px
}