@charset "utf-8";
/*========================================================================================================================================*/
/*物件概要 印刷用ページ専用CSS（ドキュメント）*/
/*========================================================================================================================================*/

/*========================================================================================================================================*/
/*基本ベース*/
/*========================================================================================================================================*/
html, body { background:#FFF; font-size:16px; }
h1,h2,h3,body,p,span,ul,li { margin: 0px; padding: 0px; }/*リセット*/
body { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
html, body, p, span, li { font-family:"Noto Sans JP", sans-serif!important; color:#111111; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix:before { content: ""; display: block; clear: both; }
.clearfix { display: block; }
a:link, a:visited, a:active, a:hover { color:rgba(0,110,180,1); text-decoration:none; }
li { list-style: none; }


/*========================================================================================================================================*/
/*レイアウト*/
/*========================================================================================================================================*/
#document { width:1000px; height:670px; border:2px solid #111; padding:20px; margin: auto; }
#border { border: 1px solid #111; }

.print-button { text-align: center; display: block; margin:40px auto 20px auto; font-size:18px; }
.no { text-align: center; display: block; margin:40px auto; font-size:13px; }
table, tr, th, td, p, span, body, html, div { margin:0px; padding:0px; border-spacing: 0px 0px; font-size:11px; }

th { width:60px; text-align:center; margin:0px 20px 0px 0px; padding:2px 5px; background:rgba(0,110,180,1); color:#FFF; }
th { border:1px solid #111; border-bottom:none; }
td { border:1px solid #111; border-bottom:none; border-left:none; }
tr:last-child th, tr:last-child td { border-bottom:none; } 
td { width:210px; padding:2px 5px; line-height:1.2; }
@media print {
  .print-button, .no {
	display: none;
  }
}

/*========================================================================================================================================*/
/*物件概要テーブル（左側）*/
/*========================================================================================================================================*/
#gaiyou { float:left; width:300px; }
#gaiyou p { border:1px solid #111; background:#333; color:#FFF; font-size:21px; font-weight:bold; text-align:center; }
#gaiyou table { height:585px; width:100%; }


/*========================================================================================================================================*/
/*画像他（右側）*/
/*========================================================================================================================================*/
#main   { float:right; width:690px; margin-top:6px; }
#main .main-image {  padding:1px; }
#main .main-image img { width:calc(1000px - 280px - 60px - 4px); height:400px; display:block; object-fit:contain; background:#FFF; overflow:hidden; }

#main .long_gaiyou { width:100%; font-size:21px; margin-bottom:20px; height:152px; }
#main .long_gaiyou th { width:40px; font-size:11px; }
#main .long_gaiyou td { width:auto; font-size:11px; }



/*========================================================================================================================================*/
/*フッター*/
/*========================================================================================================================================*/
#footer { font-size:10px; margin-top:11px; border-top:1px solid #111; margin-left:-8px; }
#footer .logo { height:22px; width: auto; padding-bottom:3px; }
#footer .tel { font-size:16px; font-weight:bold; }
#footer .left { float:left; text-align: center; margin-left:12px; margin-top:10px; padding-left:10px; }
#footer .right { float:left; text-align: center; margin-left:22px; border-left:1px solid #111; padding-left:20px; height:63px; width:360px; padding-top:5px; }


.ellipsis_320 {
	padding: 0px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}








hr { page-break-before:always; border: none; }
#document2 { width:1000px; height:650px; border:2px solid #111; padding:20px; margin:auto; }
#document2 iframe { width:100%; height:100%; }
#document td, #document2 td, #main .long_gaiyou td { /*font-size:1pt;*/ }
#document th, #document2 th { background:#155589; }
.long_gaiyou td { text-align:justify; vertical-align: baseline; padding-top: 8px; }
#main .long_gaiyou { margin-bottom:7px; height: 140px; }
#gaiyou p { padding:5px 20px; }
.ellipsis_320 { padding:10px 20px; }
#main .main-image img { height: 350px; }
#main .main-image img { width: calc(1000px - 280px - 50px - 4px); }


#main .main-image .main-image-99-1 { width:445px; height:370px; margin-right:5px; float:left; border-bottom:1px solid #CCC; padding-bottom:5px; } 
#main .main-image .main-image-99-2 { width:225px; height:370px; padding-left:5px; float:left; border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding-bottom:5px; }
#main .main-image .main-image-99-3 { width:330px; height:200px; margin-right:5px; margin-top:5px; float:left; } 
#main .main-image .main-image-99-4 { width:340px; height:200px; padding-left:5px; margin-top:5px; float:left; border-left:1px solid #CCC; }

#main .main-image .main-image-99-1 { object-fit:cover; overflow:hidden; }
#main .main-image .main-image-99-3 { object-fit:cover; overflow:hidden; }

















pre { max-width: 570px; white-space: pre-wrap; font-family: "Noto Sans JP", sans-serif!important; color: #111111; }




