/* CSS Document */

@media print {* html body {zoom:0.7;}	 }

body {
	font-size: 12px;
	color: #333333;
	margin: 0px;
	text-align: center;}

#wrapper {
	text-align: center;
	margin-right: auto;
	margin-left: auto;}

#header {
	background-image: url(../campaign/img/head.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin-right: auto;
	margin-left: auto;}

#header_hojoari {
	background-image: url(../campaign/img/head2.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin-right: auto;
	margin-left: auto;}	

#nesage_header {
	background-image: url(../campaign/img/nesage_header_h23_dec.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_1 {
	background-image: url(../campaign/img/nesage_header_h20_dec.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_2 {
	background-image: url(../campaign/img/nesage_header_h21_feb.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_3 {
	background-image: url(../campaign/img/nesage_header_h21_march.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_4 {
	background-image: url(../campaign/img/nesage_header_h21_apr.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_5 {
	background-image: url(../campaign/img/nesage_header_h21_july.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}

#nesage_header_6 {
	background-image: url(../campaign/img/nesage_header_h24_dec.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}
	
#nesage_header_7 {
	background-image: url(../campaign/img/nesage_header_h26_jul.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}			
	
#nesage_header_8 {
	background-image: url(../campaign/img/nesage_header_h26_june.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 735px;
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	margin: 0px auto 0px auto;}						

#footer1 {
	background-image: url(../campaign/img/toiawase.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 74px;
	width: 750px;}

#footer2 {
	height: 50px;
	clear: both;
	margin-top: 5px;
	background: url(../img/f_copyright.gif) no-repeat center center;
	border-top: 1px solid #B5B5B5;}

#main,
.mainarea /* 南砂用 */	{
	background-image: url(../campaign/img/back.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	width: 720px;
	padding: 0px 0px 0px 30px;
	margin-right: auto;
	margin-left: auto;
	position:relative;}

p {	margin: 10px 0px 10px 3px;}

h1 {
	font-weight: normal;
	color: #999999;
	padding: 15px 25px 0px;
	font-size: 12px;}

h2 {
	text-align: left;
	padding: 5px 0px 3px 18px;
	margin: 0px;
	font-size: 12px;}

h3 {
	font-size: 26px;
	color: #CC0000;
	text-align: right;
	padding-right: 25px;
	padding-bottom: 5px;
	margin: 0px;}

h4 {
	text-align: left;
	padding: 5px 0px 3px 18px;
	margin: 0px;
	font-size: 14px;}	

img {	border: none;}

strong {	font-size: 14px;}

table{	margin: auto;}

.box1 {
	float: left;
	width: 350px;
	padding: 0px;
	text-align: left;}

.box2 {
	float: left;
	width: 368px;
	padding: 0px;
	text-align: left;}

.box3{
	width:718px;
	padding:0;
	text-align: left;}

.c	{
	margin: 0px;
	padding: 0px;
	clear: both;}

.yachin	{
	background-image: url(../campaign/img/yachin_02.gif);
	background-repeat: repeat-y;
	width: 350px;
	font-weight: bold;
	background-position: left;}

.list	{
	text-align: left;
	background-color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 11px;}

.list th	{
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: normal;
	text-align: left;}

.list td	{
	background-color: #FFFFFF;
	padding: 5px;}

.swap {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;}

.swap a {
	display: block;
	background-repeat: no-repeat;}

.swap a:hover {	background-color: #FFFFFF;}

.swap a:hover img {	visibility: hidden;}

#zoom	{
	background-image: url(../campaign/img/click_zoom2.gif);
	height: 23px;
	width: 128px;}

#kengaku	{
	background-image: url(../campaign/img/roomkengaku2.gif);
	height: 35px;
	width: 215px;}

#sikaku	{
	background-image: url(../campaign/img/shikaku2.gif);
	height: 35px;
	width: 140px;}
	
.owabi{
	font-weight:bold;
	color:#FF0000;
	padding: 0px 25px 0px 15px;}
	
.cosmo{
	width:368px;
	text-align:center;}

<!--　最新の空室を見るボタンセット -->

.navi_s a { 
	display:block;
	padding: 0px;
	color:#000;
	background-repeat: no-repeat;
	display:block;}
	
.navi_s a:hover { 	
	background-color: #FFFFFF;
	display: block;
	background-repeat: no-repeat;}
	
.navi_s a:hover img { 	
	visibility: hidden;}
	
#botan3 {
	background-image: url(../campaign/img/search_botan_2.gif);
	width: 202px;
	height: 46px;
	display:block;}
	
a:hover img.rollover {
	opacity			: 0.6;
	filter			: alpha(opacity=60);
	-moz-opacity	: 0.6;
	background-color: #FFFFFF;}			

.sm_kt{
	background-color: #CCCCCC;}
	
.sm_kt td{
	background-color:#FFFFFF;
	text-align:center;}
	
.sm_kt th{
	background-color: #FB404E;
	color:#FFFFFF;}	
	
<!-- 値下げテーブル -->

.nsg_t{
	text-align:center;}
	
.nsg_t th{
	background-color:#FFCC66;}
	
.nsg_t td{
	background-color: #FFF;
	text-align:center;}


/* スペックテキスト化 */
.madori{ font-size:150%; text-align:center;}
.type{float:left; background-color:#4164af; color:#fff; width:calc(40% - 10px); padding:2px 5px; border-radius:3px; margin-bottom:5px;}
.mm  {float:left; background-color:#dddddd;  width:calc(60% - 14px); margin-left:4px; padding:2px 5px; border-radius:3px; margin-bottom:5px;}
.okane{ text-align:center; border-bottom: dashed 1px #aaaaaa;}
.zu img{ margin:auto;}

.smalltxt{font-size:80%;}
.lagetxt{ font-size:120%;}

.flex-container{
	display:flex;
	background-color:#fff;
	padding:0px;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
	flex-flow:1 1 auto;
	padding:0px 10px;
	}
	

.flex-item{ background:#FFF; flex-grow:0; /*margin-bottom:20px;*/}
.box{width:48%; margin:0px 5px 20px 5px;}
.border{border:solid 1px #aaaaaa; padding:5px; box-shadow:3px 3px 7px 0px #ddd; border-radius:3px; height:100%;}