body{
	font: 13px/1.6 
	    "Hiragino Maru Gothic ProN", /* ヒラギノ丸ゴ */
	    "Sawarabi Gothic",           /* さわらびゴシック（丸ゴ風） */
	    "Meiryo",                    /* メイリオ */
	    "Yu Gothic", 
	    "MS PGothic", 
	    sans-serif;
	text-align: center; /* Centering for IE6 */
	width:100%;
	padding:0;
}

#body {
	position:relative;
	margin:0 auto;
	width:1110px;
	padding:0;
}

.card-img-wrap {
    height: 125px;       /* 枠の高さを揃える（好きな値に変更OK） */
    overflow: hidden;    /* 枠からはみ出た部分を隠す */
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-img-wrap img {
    max-height: 100%;
    width: auto;
}


.card-header.position-relative {
  min-height: 65px;
  justify-content: center;   /* ← 縦方向の中央寄せ */
}

.catch_cp {
  min-height: 40px;
  margin: 0;
  display: flex;
  justify-content: center;   /* ← 縦方向の中央寄せ */
  align-items: center; /* 縦中央寄せ */
}

.osusume {
  position: absolute;
  top: 0;
  left: 0;
  background: #F00;
  color: #FFF;
  font-size: 10px;
  padding: 2px 6px;
  font-weight: bold;
  border-bottom-right-radius: 4px;
  z-index: 10;
}

.hover-primary:hover {
	color: #0d6efd !important;
	text-decoration: underline !important;
}

.transition-card {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.transition-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
}

/*
.zoom-img {
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.transition-card:hover .zoom-img {
	transform: scale(1.1);
}
*/



/* ホバーした時だけ下線を出す設定（Bootstrapの標準に近い挙動） */
.hover-underline:hover {
	text-decoration: underline !important;
	color: #0a58ca !important; /* 少し濃い青にして「押した感」を出す */
}


/* 独自のクラス名を定義 */
.custom-hr {
    border-top: 3px solid #003991; /* 3pxの太さ・指定の青色 */
    opacity: 1;                    /* Bootstrap等の透過を無効化 */
    border-none: none;             /* デフォルトの境界線を消去 */
}

/* div#header
-------------------------------------------------------------- */

div#header{
	position: relative;
	margin:0 auto;
	width :100%;
	text-align:left;
}


/* 物件ページヘッダー */

div#header table{
	width :100%;
	margin:0 auto;
	background-color:#FFF;
	border:3px solid #00007D;
}

div#header table th{
	padding:0.5em 0;
	width:820px;
}

div#header table td{
	padding:0.8em;
}

div#header table th p{
	margin-left:2em;
	font-size:10pt;
}
div#header table th h2.offc_ctch2 {FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #cc0000;
	margin-left:2em;
}
div#header table th h1.offc_name2,
div#header table td dl dt,
div#header table td dl dd {
	FONT-WEIGHT: bold;
	COLOR: #00007D;
}
div#header table th h1.offc_name2{
	width:100%;
	text-align:center;
	FONT-SIZE: 30pt;
}

div#header table td dl{margin-top:0.5em;}
div#header table td dl dt.offc_add {FONT-SIZE: 11pt;}
div#header table td dl dd.offc_tel {FONT-SIZE: 10pt;}
div#header table td div{width:100%;}

/* TOPヘッダー */

body#top div#header table{
	border:3px solid #003D79;
}
body#top div#header table th{width:815px;}
body#top div#header table th,
body#top div#header table td{
	padding:0;
	vertical-align:top;
	background-color:#003D79;
}

/* リンク集・チラシヘッダー */

div#header h1.p_title{
height:64px;
background-color:#00007D;
border-bottom:15px solid #FFC;
}
.p_category {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: "MS UI Gothic";
padding:0.5em 0 0.5em 2em;
background-color:#D7DBFB;
}


/* div#contents
-------------------------------------------------------------- */

div#contents{
	position: relative;
	padding:0 0 3em;
	margin:0 auto;
	width :100%;
	text-align:left;
}

/* 物件ページコンテンツ */

div#contents table.pdf{
	width :100%;
}
div#contents table.pdf th{
	width:100px;
	padding:0.2em 0;
}
div#contents table.pdf th,
div#contents table.pdf td{
	text-align:right;
	vertical-align:top;
}

div#contents div.bkkn{
	width:250px;
	height:280px;
	text-align:center;
	border:3px solid #00007D;
	background-color:#FFF;
	padding:0 0.5em;
	margin:0.3em;
	float:left;
}
div#contents div.bkkn table{
	width:98%;
	margin:0 auto;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}
div#contents div.bkkn table th{
	vertical-align:bottom;
	text-align:center;
	padding:0 0 0.5em;
	height:100px;
}
div#contents div.bkkn table th strong{height:23px;line-height:23px;display:block;}
div#contents div.bkkn table th strong span.red{text-align:left;width:100%;display:inline-block;}

div#contents hr{
	width:100%;
	clear:both;
	margin:2em 0;
}
div#contents div.bkkn table td div.center{height:120px;}
div#contents div.bkkn table td p.right{height:25px;line-height:25px;}


/* TOPコンテンツ */

div#contents h1.message{
	width :100%;
	margin:1em 0 0;
	FONT-weight: bold;
	font-size:18px;
	line-height:25px;
	COLOR: #cc00cc;
	TEXT-ALIGN: center;
}

div#contents div.office,
div#contents div.bosyu{
	width:264px;
	height:240px;
	text-align:center;
	padding:0 0.5em;
	margin:0.3em 0;
	float:left;
}

div#contents div.office table{width:99%;}

div#contents div.office table,
div#contents div.bosyu dl{
	margin:0 auto;
	background-color:#FFF;
	border:3px solid #000060;
}

div#contents div.office table th.list-title {
height:35px;
COLOR: #fff;
FONT-WEIGHT: bold;
text-align:center;
vertical-align:middle;
BACKGROUND-COLOR: #00007D;
	border-bottom:3px solid #000060;
	padding:0 0.3em;
}

div#contents div.office table th.list-title a{COLOR: #fff;}

div#contents div.office table td{
height:200px;
text-align:center;
FONT-WEIGHT: bold;
FONT-SIZE: 110%;
}

div#contents div.bosyu dl{
	width:97%;
	height:240px;
}

div#contents div.bosyu dt{FONT-WEIGHT: bold; FONT-SIZE: 16px; margin: 3em 0 0.8em;}
div#contents div.bosyu p.offc_ctch1 {FONT-WEIGHT: bold; FONT-SIZE: 11pt;}

div#contents div.office img.aligncenter{margin:1.8em auto 0.8em;clear:both;}
div#contents div.office div.aligncenter{text-align:center;margin:0 auto;clear:both;height:155px;}
div#contents div.office div.aligncenter img{margin:1.8em auto 0;}


div#contents div.twitterframe{
	width:810px;
	height:320px;
	position:relative;
	border:3px solid #000060;
	margin:1em 0.7em 0.3em 0;
	float:right;
 	text-align:left;
 }

@media not screen and (1) {
	div#contents div.twitterframe {
		margin:0.3em 1em 0.3em 0;
		width:808px;
	}
}

@media (min-resolution: .001dpcm) {
	_:-o-prefocus, div#contents div.twitterframe {
		margin:0.3em 1em 0.3em 0;
		width:808px;
	}
}


div#contents div.twitterframe ul{margin:0.5em;}
div#contents div.twitterframe ul li{padding-bottom:0.2em;}
div#contents div.twitterframe p,
div#contents div.twitterframe div{padding:0.2em 0.2em 0.2em 0.2em;}
div#contents div.twitterframe p.tw_day,
div#contents div.twitterframe div.time{
	background-color:#000060;
	font-weight:bold;
	color:#FFF;
}
div#contents div.twitterframe .twitternavi a.prev{
cursor: pointer;
position:absolute;
bottom:5px;
left:5px;
}
div#contents div.twitterframe .twitternavi a.next{
cursor: pointer;
position:absolute;
bottom:5px;
right:5px;
}
/* AJAXステータス表示用パーツ */
div#contents div.twitterframe .msg {
	color: #666;
}
div#contents div.twitterframe .error {
	color: #c00;
}

div#contents div.twitterframe dl dt.oshirase{
	background:#000060;
	font-weight:bold;
	font-size:13pt;
	line-height:30px;
	text-indent:1em;
	color:#FFF;
}


div#link{
	width:24.5%;
	float:left;
}

div#link dl{padding-top:1em;}

div#link dl dt{
	background:#000060;
	font-weight:bold;
	font-size:13pt;
	line-height:30px;
	text-indent:1em;
	color:#FFF;
}
div#link dl dd ul{
margin-left:1.4em;
list-style:none;
}
div#link dl dd ul li{
	padding-left:1em;
	font-size:15px;
	line-height:25px;
	background:url(img/arrow.gif) no-repeat left 8px;
}
* html body div#link dl dd ul li{
	padding:0.2em 0 0.2em 1.2em;
}

/* リンク集コンテンツ */

div#contents table.link{
	width:94%;
	margin:2em auto 0;
	border-top:1px dashed #000060;
	background-color:#FFF;
}
div#contents table.link th,
div#contents table.link td{
	vertical-align:middle;
	border-bottom:1px dashed #000060;
	padding:0.5em;
}
div#contents table.link th{
text-align:center;
width:300px;
}

/* おすすめ物件ページコンテンツ */


body#osusume div#contents div.office{height:300px;}

body#osusume div#contents div.office table td{height:260px;}

body#osusume div#contents div.office table td p{
	width:98%;
	margin:0 auto;
}

body#osusume div#contents div.office table td h2{height:80px;text-align:center;}
body#osusume div#contents div.office table td div.center{height:120px;}

/* div#footer
-------------------------------------------------------------- */

div#footer{
	position: relative;
	margin:0 auto;
	height:30px;
	width :100%;
	text-align:right;
	clear:both;
}
div#footer p.copyright {FONT-SIZE: 10px; FONT-FAMILY: "Verdana";
	border-top:6px solid #003991;
	width :100%;
}





td{font-size:10pt;font-weight:normal;color:#000000;}
th{font-size:10pt;font-weight:bold;color:#000000;}
th.sunday{font-size:10pt;font-weight:bold;color:#FF0033;}
th.saturday{font-size:10pt;font-weight:bold;color:#0033FF;}
.title{font-size:14pt;font-weight:bold;color:#000000;}
.site-id {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 18px; FONT-FAMILY: "Verdana", "MS UI Gothic"}

A:link {COLOR: #0000ff}
A:visited {COLOR: #0000ff}
A:active {COLOR: #0000ff}
A:hover {COLOR: #0000ff; TEXT-DECORATION: underline}

LI {FONT-SIZE: 14px; LINE-HEIGHT: 24px}

.header-user-id {FONT-SIZE: 12px; FONT-FAMILY: "Verdana"}
.navi-text {FONT-SIZE: 14px; LINE-HEIGHT: 18px}
.navi-separate {FONT-SIZE: 14px; COLOR: #666666; LINE-HEIGHT: 18px}
.form-name {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333}
.step {FONT-SIZE: 12px}
.step-now {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #000099}
.step-arrow {FONT-SIZE: 12px; COLOR: #666666}
.form-line3 {FONT-SIZE: 12px}
.form-text3 {FONT-SIZE: 12px; LINE-HEIGHT: 18px}
.form-text3-title {FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 18px}
.limit {FONT-SIZE: 12px; COLOR: #666666}
.example {FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 16px}
.read-text3 {FONT-SIZE: 14px; LINE-HEIGHT: 18px}
.attention {FONT-SIZE: 12px; COLOR: #cc0000; LINE-HEIGHT: 16px}


INPUT.button {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 2px; TEXT-TRANSFORM: uppercase; COLOR: #333333; PADDING-TOP: 2px}
INPUT.button_b {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 2px; MARGIN: 2px; TEXT-TRANSFORM: uppercase; COLOR: #333333; PADDING-TOP: 2px}
.button_del {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 2px; TEXT-TRANSFORM: uppercase; COLOR: #cc0000; PADDING-TOP: 2px}
.site-header {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #FFFFFF; LINE-HEIGHT: 18px; FONT-FAMILY: "Verdana", "MS UI Gothic"}
.pagetitle {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #333333; FONT-FAMILY: "MS UI Gothic"}

.field-margin {MARGIN-BOTTOM: 1px}
.field-comment {FONT-SIZE: 12px; COLOR: #666666}
.form-title {FONT-SIZE: 10pt; COLOR: #ffffff; BACKGROUND-COLOR: #00007D}

.inputform-normal {FONT-SIZE: 12px; WIDTH: 350px; COLOR: #000000; ime-mode: active}
.inputform-short {FONT-SIZE: 12px; WIDTH: 200px; COLOR: #000000; ime-mode: active}
.inputform-mini {FONT-SIZE: 12px; WIDTH: 150px; COLOR: #000000; ime-mode: inactive}
.inputform-mini2 {FONT-SIZE: 12px; WIDTH: 100px; COLOR: #000000; ime-mode: inactive}
.inputform-zip {FONT-SIZE: 12px; WIDTH: 60px; COLOR: #000000; ime-mode: inactive}
.inputform-tel {FONT-SIZE: 12px; WIDTH: 100px; COLOR: #000000; ime-mode: inactive}
.inputform-mail {FONT-SIZE: 12px; WIDTH: 200px; COLOR: #000000; ime-mode: inactive}
.inputform-url {FONT-SIZE: 12px; WIDTH: 350px; COLOR: #000000; ime-mode: inactive}
.inputform-year {FONT-SIZE: 12px; WIDTH: 40px; COLOR: #000000; TEXT-ALIGN: right; ime-mode: inactive}
.inputform-date {FONT-SIZE: 12px; WIDTH: 80px; COLOR: #000000; TEXT-ALIGN: right; ime-mode: inactive}


.img_num {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #00007D}

.offc_name1 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #cc0000; TEXT-ALIGN: center; FONT-FAMILY: "MS UI Gothic"}


.bkkn_name {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #006600; TEXT-ALIGN: center}
.bkkn_prc {FONT-SIZE: 10pt; COLOR: #000000; TEXT-ALIGN: center}
.bkkn_ctch {FONT-SIZE: 10pt; COLOR: #000000; TEXT-ALIGN: center}

.text8 {FONT-SIZE: 8pt}
.text9 {FONT-SIZE: 9pt}
.text10 {FONT-SIZE: 10pt}
.text11 {FONT-SIZE: 11pt}
.text12 {FONT-SIZE: 12pt}
.text13 {FONT-SIZE: 13pt}
.text14 {FONT-SIZE: 14pt}


.red{color:#c00;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.clear{clear:both;}