@charset "utf-8";
/* CSS Document */

/*
ヘッダー、グローバルナビはcommon.cssに記載
コンテンツエリア、メインコンテンツエリア、サブコンテンツ等の構造枠はcntsCommon.cssに記載
*/

/*メインコンテンツエリア
-----------------------------------------------------------*/
div#mCnts h3.roomTtl {
	margin: 40px 0 20px 0;
}

div#mCnts div.userVoice h3 {
	margin: 0 0 20px 0;
}

p.abcCenter {
	width: 100%;
	height: 65px;
	margin: 20px 0 30px 0;
	padding: 0 0 0 80px;
	background: url(../img/abcIcon.jpg) no-repeat 0 0;
	font-size: 93%;
	line-height: 1.8;
}

div#roomCntr {
	width: 670px;
	overflow: hidden;
	border: 2px #ccc solid;
	margin: 0 0 35px 0;
	padding: 23px 23px 0 23px;
}

div.roomType {
	width: 670px;
	overflow: hidden;
	margin: 0 0 35px 0;
}

div.roomType p.mainImg {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
}

div.roomType p.roomNote {
	width: 350px;
	font-size: 93%;
	line-height: 1.8;
	float: left;
	margin: 0 0 20px 0;
}
div.roomType p.thmbImg {
	width: 350px;
	float: right;
	overflow: hidden;
}

div#roomCntr h4 {
	height: 26px;
	color: #fff;
	font-size: 123.1%;
	line-height: 26px;
	margin: 0 0 20px 0;
}

div#roomCntr h4.type01 {
	width: 540px;
	padding: 1px 0 0 175px;
	background: url(../img/ttl01.jpg) no-repeat 0 0;
}

div#roomCntr h4.type02 {
	width: 100%;
	padding: 1px 10px;
	background-color: #006599;
	/* background: url(../img/ttl02.jpg) no-repeat 0 0; */
}

div#roomCntr h4.type03 {
	width: 100%;
	padding: 1px 10px;
	background-color: #006599;
	/* background: url(../img/ttl03.jpg) no-repeat 0 0; */
}



div.userVoice {
	width: 670px;
	overflow: hidden;
	border: 2px #c6e4a1 solid;
	margin: 0 0 50px 0;
	padding: 23px 23px 0 23px;
}


div.userVoiceCntr {
	width: 670px;
	overflow: hidden;
	margin: 23px 0 0 0;
	padding: 0 0 23px 0;
	border-bottom: 1px dotted #ccc;
}

div.userVoiceCntr div {
	width: 360px;
	float: left;
	overflow: hidden;
	margin: 0 15px 0 0;
}

div.userVoiceCntr div p.userFace {
	width: 75px;
	margin: 0 20px 0 0;
	float: left;
}
div.userVoiceCntr div p.userCap {
	width: 265px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 108%;
	text-align: left;
	color: #003366;
	float: right;
}
div.userVoiceCntr div p.userProf {
	width: 265px;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 93%;
	line-height: 1.6;
	float: right;
}

div.userVoiceCntr div p.userVoiceNote {
	width: 360px;
	margin: 0 20px 0 0;
	font-size: 93%;
	line-height: 1.8;
	float: left;
}
div.userVoiceCntr div p.userVoiceState {
	width: 295px;
	float: right;
}



p#atBisCenter {
	width: 390px;
	height: 102px;
	margin: 0 auto 70px auto;
	padding: 0;
	font-size: 93%;
	text-align: center;
}

p#atBisCenter img {
	width: 390px;
	margin: 3px 0 0 0;
}

@media only screen and (max-width: 767px) {
	p.abcCenter {
		width: 100%;
		height: auto;
	}
	div#roomCntr {
		width: 100%;
		padding: 10px;
	}
	div.roomType,
	p#atBisCenter,
	p#atBisCenter img {
		width: 100%;
		height: auto;
	}
	div#roomCntr h4.type01,
	div#roomCntr h4.type02,
	div#roomCntr h4.type03 {
		background-color: #006599;
		width: 100%;
		height: auto;
		line-height: 1.3em;
		padding: 30px 5px 5px 5px;

	}
	div.roomType p.mainImg,
	div.roomType p.roomNote,
	div.roomType p.thmbImg {
		float: none;
		width: 100%;
	}
	div.roomType p.mainImg  {
		text-align: center;
		margin-bottom: 10px;
	}
}