@charset "UTF-8";
@import "/search/css/requestform.css";
@import "/search/css/balloon.css";

/******************************************************************************
 * タイトル部
 *****************************************************************************/
#title-out { width: auto; border: solid 1px #015584; margin:5px 5px; }
#title-in  { padding: 4px; border: solid 1px #1872ec; }
	#title-in p  { padding: 5px 10px; font-size: 14px; font-weight: bold; line-height: 20px; color: #004098; }
	#title-in h1 { margin: 0px; padding: 6px 10px 3px 10px; font-size: 20px; font-weight: bold; line-height: 20px; background-image: url(/search/images/back_title.gif); color: #ffffff; }

h1.error { font-size: 14px; font-weight: bold; color: #990000; }
span.code { font-size: 10px; color: #000099; }

#detailnavi { text-align: right; padding: 2px 10px; }

table.frame { margin-top: 8px; }
table.frame div.image  { margin-top: 5px; width: 200px; }
table.frame div.guide  { margin: 5px 0px; padding: 8px; border: solid 1px #d3d3d3; width: 500px; font-size: 12px; line-height: 1.5em; color: #323232; }
table.frame div.access { padding: 8px; width: 500px; }
	table.frame div.access td { color: #323232; font-size: 12px; line-height: 1.5em; }
table.frame div.pictures { width: 100%; }
	table.frame div.pictures td { padding: 10px; }

/******************************************************************************
 * LIST
 *****************************************************************************/
.floorlist { padding: 2px 0px; width: 100%; }
	.floorlist table.list { border-collapse: collapse; font-size: 12px; width: 100%; table-layout: fixed; }
	.floorlist table.list tr.odd  td { background-color: #ffffff; }
	.floorlist table.list tr.even td { background-color: #ffffcc; }
	.floorlist table.list th { padding: 2px; text-align: center; border: solid 1px #636363; font-weight: normal; background-color: #abccf9; }
	.floorlist table.list td { padding: 2px; text-align: center; border: solid 1px #636363; font-weight: normal; }
	.floorlist table.list input.add {width:80px; font-size:10px;}
	.floorlist table.list div.chackall { margin-top: 5px; }

.pageNavi { width: 100%; text-align: right; padding: 5px 0px; }

div.option { margin-top: 20px; clear: left; }
	div.option table.option	{ table-layout: fixed; margin-top: 5px; width: 740px; border-collapse: collapse; font-size: 12px; }
		div.option table.option th,
		div.option table.option td { padding: 5px; text-align: left; border: solid 1px #636363; font-weight: normal; }
		div.option table.option th { background-color: #abccf9; font-weight: bold; width: 120px; }

table#tbl-draw{ padding: 0px; text-align: center; }

div#control { width: 740px; margin-top: 30px; height: 103px; background-image: url('/search/images/back_panel.gif'); }

#guidebody	{ padding-left: 5px; }

.htmlguide	{ margin:10px 0px; }
div.note 	{ width: 718px; padding: 10px 0px; font-weight: normal; color: #666666; line-height: 150%; }
div#html 	{ width:740px; overflow: hidden; padding: 0px;	}


/* らくらく問い合わせ */
#frmReq div.ctrl { text-align:center;padding:5px 0px 0px 0px ; }
	.must { color:#ff6600;  }
	.form th { width:120px; }
	.note { font-weight: normal; font-size: 80%;}
	.form td ul li { width:45%; float: left;}
	.form td ul li.double { width:95%; float: left; padding: 2px 0px; }


div#print { float:right; width:80px; padding:2px; }
#waitmsg { display: none;}

/* 印刷対応 */
@media print{

	/* 非印刷要素の選択 */
	#header		{ display: none; }
	#footer		{ display: none; }
	#sidebar	{ display: none; }
	.noprint	{ display: none; }

	/* 改ページ記号 */
	div.page-brake { clear: both; page-break-before: always; }
	#floorDrawlist { display:block; }

}
@media screen{
	/* 平面図印刷 */
	#floorDrawlist { display:none; }
}

/* 追加平面図 */
#draw	{ clear:both;  page-break-before: always;  }

#draw 	.drawing4 { width: 85mm; padding: 3mm 0mm 10mm 4mm;  float: left; }
#draw 	.drawing4 .name { width:80mm  }
#draw 	.drawing4 img { width:80mm  }

#draw 	.drawing1 { width: 180mm; padding:3mm;  float: left;  }
#draw 	.drawing1 .name { width:80mm  }
#draw 	.drawing1 img { width:170mm  }


table.easy_header { width:100%; border: solid 1px #000; marginbottom: 2mm; }
table.easy_header td{ font-size:10pt }
table.easy_header td.code{ width:2cm; text-align:center; font-weight:bold; }
table.easy_header td.staff{ text-align:right; }