@charset "utf-8";

/* CSS Document */


.datespot02 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	padding: 40px 0;
	@media screen and (min-width: 769px) {
		padding: 40px 10px;
	}
	background: #fcfbf8;
}

.datespot02 p {
	font-size: 11px !important;
	line-height: 1.2;
}
.datespot02 table {
	font-size: 12px !important;
}

.datespot02 img {
	width: auto;
}

#pageContents {
	margin: 0 auto;
	width: 800px;
}


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

enmusubi

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

/*-------------------spot01------------------------*/


#spot01 {
	margin: 20px 0;
	position: relative;
}

.spotInner {
	background: #FCF0D4;
	padding: 20px 25px;
}

#spot01 .spotInner {
	background: #FCF0D4;
	padding: 10px 25px;
}

#spot01 .leftImg {
	float: left;
	display: inline;
}

#spot01 .rightTxt {
	float: right;
	display: inline;
	width: 322px;
	line-height: 1.5;
}

#spot01 .item01 {
	position: absolute;
	left: 443px;
	top: 390px;
}


#spot01 .item02 {
	position: absolute;
	left: 0;
	top: 485px;
}

#spot01 .spotData {
	margin-top: 253px;
	border: 1px solid #F4D391;
	padding: 10px 20px;
	background: #FAE6BA;
	position: relative;
}

#spot01 .spotData h5 {
	margin-bottom: 20px;
}

.spotData table {
    border-collapse: separate;
    border-spacing: 3px;
	border-spacing: inherit:
}


.spotData th {
	padding: 0 5px;
	background: #333333;
	color: #FFF;
	font-size: 11px;
    border-radius: 2px;        /* CSS3闕画｡� */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 2px;   /* Firefox逕ｨ */
}

.spotData td {
	padding: 5px 0 5px 15px;
}

#spot01 .spotData .item01 {
	position: absolute;
	left: 0;
	top: 3px;
	left: 320px;
}


/*-------------------spot02------------------------*/

#spot02 {
	margin: 20px 0;
	position: relative;
}

#spot02 .leftItem {
	width: 308px;
	float: left;
	display: inline;
}

#spot02 .rightItem {
	width: 421px;
	float: right;
	display: inline;
}

#spot02 .rightItem p {
	margin-top: 10px;
}

#spot02 .leftItem p {
	margin-bottom: 10px;
}

#spot02 .leftItem02 {
	width: 391px;
	float: left;
	display: inline;
}

#spot02 .rightItem02 {
	width: 309px;
	float: right;
	display: inline;
}

#spot02 .spotData {
	margin-top: 310px;
	border: 1px solid #F4D391;
	padding: 10px 20px;
	background: #FAE6BA;
	position: relative;
}

#spot02 .item01 {
	position: absolute;
	left: 20px;
	top: 560px;
}

#spot02 .item02 {
	position: absolute;
	right: 20px;
	top: 710px;
}

#spot02 .spotData h5 {
	margin-top: -25px;
}

#spot02 .spotData .item01 {
	position: absolute;
	left: 440px;
	top: 14px;
}


/*-------------------spot03------------------------*/


#spot03 {
	margin: 20px 0;
	position: relative;
}

#spot03 .spotInner {
	background: #FCF0D4;
	padding: 10px 25px;
}

#spot03 .leftImg {
	float: left;
	display: inline;
}

#spot03 .rightTxt {
	float: right;
	display: inline;
	width: 322px;
	line-height: 1.5;
}

#spot03 .item01 {
	position: absolute;
	left: 443px;
	top: 390px;
}

#spot03 .item02 {
	position: absolute;
	left: 0;
	top: 530px;
}

#spot03 .spotData {
	margin-top: 280px;
	border: 1px solid #F4D391;
	padding: 10px 20px;
	background: #FAE6BA;
	position: relative;
}

#spot03 .spotData h5 {
	margin-bottom: 20px;
}

.spotData table {
    border-collapse: separate;
    border-spacing: 3px;
	border-spacing: inherit:
}


.spotData th {
	padding: 0 5px;
	background: #333333;
	color: #FFF;
	font-size: 11px;
    border-radius: 2px;        /* CSS3闕画｡� */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 2px;   /* Firefox逕ｨ */
}

.spotData td {
	padding: 5px 0 5px 15px;
}

#spot03 .spotData .item01 {
	position: absolute;
	left: 408px;
	top: 17px;
}

/*-------------------spot04------------------------*/

#spot04 {
	margin: 20px 0;
	position: relative;
}

#spot04 .leftItem {
	width: 308px;
	float: left;
	display: inline;
}

#spot04 .rightItem {
	width: 408px;
	float: right;
	display: inline;
}

#spot04 .rightItem p {
	margin-top: 10px;
}

#spot04 .leftItem p {
	margin-bottom: 10px;
}

#spot04 .leftItem02 {
	width: 391px;
	float: left;
	display: inline;
}

#spot04 .rightItem02 {
	width: 303px;
	float: right;
	display: inline;
}

#spot04 .spotData {
	margin-top: 15px;
	border: 1px solid #F4D391;
	padding: 10px 20px;
	background: #FAE6BA;
	position: relative;
}

#spot04 .item01 {
	position: absolute;
	left: 0;
	top: 336px;
}

#spot04 .spotData h5 {
	margin-bottom: 20px;
}

#spot04 .spotData .item01 {
	position: absolute;
	left: 320px;
	top: 14px;
}

#spotWrap #map {
	margin-bottom: 40px;
}

.commentArea {
	background: url(../../../../images/deai/spot/datespot02/bg_comment.jpg) left top no-repeat;
	height: 232px;
	position: relative;
	margin-bottom: 20px;
}

.commentArea .comment {
	position: absolute;
	left: 1px;
	bottom: 0;
}

.commentArea .title {
	width: 216px;
	height: 36px;
	position: absolute;
	left: 293px;
	top: -18px;
}

#map_box {
	background-image: url(../../../../images/deai/spot/datespot02/img19.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 300px;
	width: 800px;
	clear: both;
}

#map_area {
	height: 280px;
	width: 780px;
	padding: 10px;
}

.mB20 {
	margin-bottom: 20px;
}