@charset "utf-8";

#contents {
	/*background: url(../img/back/drawing1.gif) 50% 0 no-repeat fixed;*/
}

#contents_2block .onedata{
	margin-top: 25px;
	margin-bottom: 50px;
	margin-left: 10px;
}
	
	.case_break{
		height: 30px;
	}

	#contents_2block .onedata .picture {
		width:255px;
		height:255px;
		float:left;
	}
		#contents_2block .onedata .picture img {
			box-shadow:2px 2px 2px #AAA;
			border-top: 1px solid #EEE;
			border-left: 1px solid #EEE;
		}
	
	#contents_2block .onedata .format_data {
		float:left;
		width:280px;/*下の[詳細ボタン]の右端と青枠の右端が合うように*/
	}
		#contents_2block .onedata .format_data ul {
			margin-left: 15px;
		}
			#contents_2block .onedata .format_data ul li.type {
				text-decoration: none;
				color: #FFFFFF;
				font-size: 11px;
				padding: 3px 8px;
				margin-bottom: 5px;
			
				background-color: #45708F;
				border-radius: 4px;
				
				text-shadow: 1px 1px 1px #555555;
			}
			#contents_2block .onedata .format_data ul li.name {
				font-size: 17px;
				letter-spacing: 0.1em;
				margin-bottom: 0px;
			}
			#contents_2block .onedata .format_data ul li.id {
				font-size: 12px;
				margin-bottom: 5px;
			}
			#contents_2block .onedata .format_data ul li.access {
				font-size: 14px;
				margin-bottom: 5px;
			}
			#contents_2block .onedata .format_data ul li.built {
				font-size: 13px;
			}
	
	#contents_2block .onedata .room_data {
	}
		#contents_2block .onedata .room_data table {
			border-bottom: 1px solid #CACED9;
			margin-top: 10px;
			width: 550px;
		}
			#contents_2block .onedata .room_data td.roomnum {
				background-color: #CACED9;
				padding: 0 15px;
				border-radius: 8px 8px 0 0;
				white-space: nowrap;
				font-size: 13px;
				width: 40px;
				text-align: center;
			}
				#contents_2block .onedata .room_data td.roomnum a {
					color: #454649;
				}
			#contents_2block .onedata .room_data td.maininfo {
				font-size: 17px;
				padding-top: 4px;
				text-align: left;
			}
			#contents_2block .onedata .room_data td.subinfo {
				font-size: 11px;
				text-align: left;
				padding-bottom: 5px;
				white-space: nowrap;
			}
			#contents_2block .onedata .room_data td.jumpbtn {
				padding-left: 15px;
				padding-right: 13px;
				padding-bottom: 5px;
				vertical-align: bottom;
				text-align: right;
			}
			
		#contents_2block .onedata .room_data .title {
			font-size: 11px;
			background-color: #454649;
			color: #FFFFFF;
			padding: 0px 2px;
			margin-right: 3px;
			margin-left: 14px;
			border-radius: 2px;
			white-space: nowrap;
		}

#contents_2block .onedata p.ad {
	font-size: 11px;
	margin-left: 3px;
	margin-top: 1px;
	color: #AF3739;
}
		
#contents_2block .finish_data {
	width:220px;
	height:250px;
	float:left;
	text-align: center;
	margin-right: 20px;
}
	#contents_2block .finish_data ul li.type {
		text-decoration: none;
		color: #FFFFFF;
		font-size: 11px;
		padding: 3px 8px;
		margin:0 auto 5px auto;
		width: 170px;
		text-align: center;
	
		background-color: #45708F;
		border-radius: 4px;
		
		text-shadow: 1px 1px 1px #555555;
	}
	
	#contents_2block .finish_data ul li.picture img {
		box-shadow:2px 2px 2px #AAA;
		border-top: 1px solid #EEE;
		border-left: 1px solid #EEE;
	}
		
#contents_2block #contact {
}
	#contents_2block #contact p {
		font-size: 13px;
		margin-bottom: 20px;
		margin-left: 10px;
	}
	#contents_2block #contact .contact_float {
		float: left;
		margin-right: 10px;
	}
	
	#contents_2block #contact p.mailbtn {
		margin: 10px 10px 30px 25px;
	}
	#contents_2block #contact p.telbtn {
		margin: 10px 10px 10px 25px;
	}
	
br.br_mobile {
	display: none;
}
	

@media screen and (max-width: 640px) {

#contents {/*左右スクロールバーが出てしまう*/
	width:95%;
}

}



@media screen and (max-width: 560px) {

	#contents_2block .onedata .picture {
		width:255px;
		height:255px;
		float:none;
	}
	
	#contents_2block .onedata .format_data {
		float:none;
		width: 70%;
		min-width: 280px;
	}
		#contents_2block .onedata .format_data ul {
			margin-left: 0;
			margin-top: 1em;
		}
			#contents_2block .onedata .format_data ul li.type {
				text-decoration: none;
				color: #FFFFFF;
				font-size: 11px;
				padding: 3px 8px;
				margin-bottom: 5px;
				margin-right: 5px;
			
				background-color: #45708F;
				border-radius: 4px;
				
				text-shadow: 1px 1px 1px #555555;
			}
			#contents_2block .onedata .format_data ul li.name {
				font-size: 17px;
				letter-spacing: 0.1em;
				margin-bottom: 0px;
			}
			#contents_2block .onedata .format_data ul li.id {
				font-size: 12px;
				margin-bottom: 5px;
			}
			#contents_2block .onedata .format_data ul li.access {
				font-size: 14px;
				margin-bottom: 5px;
			}
			#contents_2block .onedata .format_data ul li.built {
				font-size: 13px;
			}
	
	#contents_2block .onedata .room_data {
	}
		#contents_2block .onedata .room_data table {
			border-bottom: 1px solid #CACED9;
			margin-top: 10px;
			width: 70%;
			min-width: 280px;
			border-collapse: collapse;
		}
			#contents_2block .onedata .room_data td.roomnum {
				background-color: #CACED9;
				padding: 0 10px;
				border-radius: 8px 8px 0 0;
				white-space: nowrap;
				font-size: 13px;
				width: 40px;
				text-align: center;
				border:0px;
			}
				#contents_2block .onedata .room_data td.roomnum a {
					color: #454649;
				}
			#contents_2block .onedata .room_data td.maininfo {
				font-size: 17px;
				padding-top: 4px;
				text-align: left;
				padding-left: 5px;
				padding-bottom: 0;
				padding-top: 0;
			}
			#contents_2block .onedata .room_data td.subinfo {
				font-size: 11px;
				text-align: left;
				white-space: nowrap;
				padding-left: 5px;
				padding-bottom: 0;
				padding-top: 0;
			}
			#contents_2block .onedata .room_data td.jumpbtn {
				padding-left: 0px;
				padding-right: 5px;
				padding-bottom: 5px;
				vertical-align: bottom;
				text-align: right;
			}
			
		#contents_2block .onedata .room_data .title {
			font-size: 11px;
			background-color: #454649;
			color: #FFFFFF;
			padding: 0px 2px;
			margin-right: 3px;
			margin-left: 0px;
			border-radius: 2px;
			white-space: nowrap;
		}

#contents_2block .onedata p.ad {
	font-size: 11px;
	margin-left: 3px;
	margin-top: 1px;
	color: #AF3739;
}
		
#contents_2block .finish_data {
	width:220px;
	height:250px;
	float:left;
	text-align: center;
	margin-right: 20px;
}
	#contents_2block .finish_data ul li.type {
		text-decoration: none;
		color: #FFFFFF;
		font-size: 11px;
		padding: 3px 8px;
		margin:0 auto 5px auto;
		width: 170px;
		text-align: center;
	
		background-color: #45708F;
		border-radius: 4px;
		
		text-shadow: 1px 1px 1px #555555;
	}
	
	#contents_2block .finish_data ul li.picture img {
		box-shadow:2px 2px 2px #AAA;
		border-top: 1px solid #EEE;
		border-left: 1px solid #EEE;
	}
		
#contents_2block #contact {
}
	#contents_2block #contact p {
		font-size: 13px;
		margin-bottom: 20px;
		margin-left: 10px;
	}
	#contents_2block #contact .contact_float {
		float: left;
		margin-right: 10px;
	}
	
	#contents_2block #contact p.mailbtn {
		margin: 10px 10px 30px 25px;
	}
	#contents_2block #contact p.telbtn {
		margin: 10px 10px 10px 25px;
	}
	
br.br_mobile {
	display: block;
}
		
	}