@charset "utf-8";
/* ==========================================================

title : ホテル多度温泉
scope : お部屋付き 日帰り温泉パック

last modify : 2017/04/10 041_ooba
memo  : 

========================================================== */
#main{
	padding:0 0 8px!important;
}

#main .siteroute {
    float: none;
    display: block;
}

#maincolumn {
	width:962px;
	margin:0 auto;
}

#maincolumn h1 {
	width: 944px;
	margin: 0 auto 13px;
	padding: 15px 0 6px 14px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px dotted #000;
}

#maincolumn .main_image{
	margin:13px auto 0;
	width:882px;
}

#maincolumn .copy{
	margin: 35px 0 0 ;
	text-align: center;
}

#maincolumn .first_lead{
	width:740px;
	margin:22px auto 21px;
	font-size: 16px;
	line-height: 1.5;
}

#main section p {
	font-size: 16px;
	line-height: 1.5;
}


/* --------------------------------------
 [id$="_area"]
--------------------------------------- */
#main section[id$="_area"] {
	width: 842px;
	overflow: hidden;
}

#main section[id$="_area"] .lead {
	width:740px;
	margin:0 auto 40px;
}

#main section[id$="_area"] h2{
	margin: 0 0 10px;
	text-align: left;
}

#main section[id$="_area"] h3{
	margin: 0 0 16px;
}


/* --------------------------------------
 #select_box
--------------------------------------- */
#select_box {
	margin:0 auto 70px;
	overflow: hidden;
	width: 820px;
}

#select_box li {
	float: left;
	margin:0 20px;
	width: 370px;
}

#select_box dl {
	text-align: center;
}

#select_box dd {
	-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

#select_box dd img {
	margin: 0 15px 15px;
}

#select_box .honkan dd {
	background: url(../image/bg_select_honkan.png) 0 0;
}

#select_box .bekkan dd {
	background: url(../image/bg_select_bekkan.png) 0 0;
}


/* --------------------------------------
 #room_area
--------------------------------------- */
#room_area{
	margin: 0 auto 30px;
}

#room_area h4{
	margin: 0 20px 28px;
}

#room_area .price {
	background: url(../image/bg_price.png) no-repeat 0 0 ;
	float: right;
	height: 120px;
	margin: 0 20px 10px 0;
	text-align: center;
	width: 401px;
}

#room_area .price dt {
	background: url(../image/line_price.png) repeat-x 0 bottom ;
	margin: 20px auto 7px;
	padding: 0 0 15px;
	width: 341px;
}

#room_area figure {
	float: left;
	margin: 0 11px 0 0;
}

#room_area figure:first-of-type {
	margin-left: 20px;
}

#room_area figure:last-of-type {
	margin-right: 20px;
}

#room_area .room {
	clear: both;
	padding: 40px 0;
}

#room_area [class^="room_btn"] {
	margin: 0 auto;
	overflow: hidden;
}

#room_area [class^="room_btn"] li {
	float: left;
	width: 258px;
}

#room_area [class^="room_btn"] li img {
	-webkit-box-shadow:0px 2px 5px 1px #b2b2b2;
	-moz-box-shadow:0px 2px 5px 1px #b2b2b2;
	box-shadow:0px 2px 5px 1px #b2b2b2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

#room_area [class^="room_btn_honkan"] {
	width: 816px;
}

#room_area [class^="room_btn_honkan"] li {
	margin: 0 7px;
}

#room_area [class^="room_btn_bekkan"] {
	width: 624px;
}

#room_area [class^="room_btn_bekkan"] li {
	margin: 0 27px;
}

#room_area [class^="room_btn_bekkan"] li .connecting {
	background: url(../image/bg_connecting.png) no-repeat 0 0 ;
	color: #ffffff;
	height: 33px;
	line-height: 33px;
	margin: 5px auto 0;
	text-align: center;
}


/* --------------------------------------
 #dinner_area
--------------------------------------- */
#dinner_area{
	margin:0 auto 25px;
}

#dinner_area .img_dinner {
	float: left;
	margin: 0 11px 0 20px;
}

#dinner_area .img_dinner .note {
	font-size: 14px;
	margin: 10px 0 0;
}

#dinner_area .restaurant {
	float: right;
	margin: 0 20px 0 0;
	width: 401px;
}

#dinner_area .restaurant dt {
	margin: 0 0 20px;
}

#dinner_area .restaurant figure {
	float: left;
	margin:0 11px 20px 0;
}

#dinner_area .restaurant figure:last-of-type {
	margin: 0 0 20px;
}

#dinner_area .restaurant .btn_restaurant {
	margin: 0 auto;
	width: 290px;
}

#dinner_area .restaurant .btn_restaurant img {
	-webkit-box-shadow:0px 2px 5px 1px #b2b2b2;
	-moz-box-shadow:0px 2px 5px 1px #b2b2b2;
	box-shadow:0px 2px 5px 1px #b2b2b2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 5px 10px;
}


/* --------------------------------------
 #bnr_box
--------------------------------------- */
#bnr_box{
	border-top: #ccc solid 1px;
	clear: both;
	margin:0 auto 40px;
	padding: 35px 0 0;
	width: 862px;
}

#bnr_box ul{
	margin:0 auto 45px;
	overflow: hidden;
	width: 840px;
}

#bnr_box ul li{
	float: left;
	margin:0 10px;
	width: 400px;
}

#bnr_box ul li figcaption{
	font-size: 14px;
	line-height: 1.3;
	margin: 10px 0 0;
}

/* --------------------------------------
 btn_inq_form
--------------------------------------- */
#maincolumn .btn_inq_form {
	margin: 45px auto 65px;
}