/* ============================================================================ */
/* 全体                                                                         */
/* ============================================================================ */
* {
	word-break:break-all;
}

html {
	height:100%;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	font-size:16px;
	letter-spacing:0;
}

p {
	line-height:1.5em;
	margin:0;
	padding:10px 0 10px 0;
}

span {
	display:inline-block;
}

table {
	border-collapse:collapse;
}

a {
	color:#000000;
}



/* ============================================================================ */
/* ページの一番上                                                               */
/* ============================================================================ */
.mosttop {
	max-width:1100px;
	margin:0 auto 0 auto;
}

.mosttop .table {
	display:table;
	width:100%;
}

.mosttop .td {
	display:table-cell;
	vertical-align:top;
}

.mosttop .td[data-col="left"] {
	width:100px;
}

.mosttop .td[data-col="mid"] {
	padding-left:20px;
}

.mosttop .td[data-col="right"] {
	width:55px;
}

.mosttop h1 {
	font-size:200%;
	font-family:Georgia,serif;
	padding:0;
	margin:0;
}

.mosttop h1 .moji_sub {

}

.mosttop .td img {
	display:block;
	width:100%;
}

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

	.mosttop .td[data-col="left"] {
		width:60px;
	}

	.mosttop .td[data-col="mid"] {
		padding-left:10px;
	}

	.mosttop h1 {
		font-size:150%;
	}

	.mosttop h1 .moji_sub {
	}

}



/* ============================================================================ */
/* ページの一番下                                                               */
/* ============================================================================ */
.shopinfomation {
	background:linear-gradient(to bottom,#ddffdd,rgba(255,255,255,1)); 
	font-size:95%;
	border-top:solid 1px #00aa00;
	border-bottom:solid 1px #dddddd;
}

.shopinfomation .infomation {
	max-width:1100px;
	margin:0 auto 0 auto;
	padding:20px;
}

.shopinfomation .infomation .table {
	display:table;
}

.shopinfomation .infomation .td {
	display:table-cell;
	padding:10px;
	vertical-align:top;
	text-align:left;
}

.mostbottom {
	background-color:#dddddd;
	font-size:90%;
	padding:5px 0 5px 0;
	text-align:center;
}


#scrollicon {
	display:inline-block;
	position:fixed;
	right:10px;
	bottom:20px;
	border-radius;50%;
}

#scrollicon .icon {
	background:rgba(255,255,255,0.5);
	color:#004400;
	font-size:40px;
	line-height:1.0em;
	width:40px;
	padding:5px;
	text-align:center;
	border:solid 5px #004400;
	border-radius:50%;
	cursor:pointer;
}

@media screen and (max-width:1100px) {
	.shopinfomation .infomation .table {
		display:block;
	}

	.shopinfomation .infomation .td {
		display:block;
	}
}



/* ============================================================================ */
/* メニュー開閉アイコン                                                         */
/* ============================================================================ */
.menuicon {
	position:fixed;
	right:0;
	top:0;
	z-index:10;
	display:none;
}

.menuicon .icon {
	background-color:#ffffff;
	position:absolute;
	top:0;
	right:5px;
	font-size:10px;
	line-height:1.2em;
	text-align:center;
	width:45px;
	margin:5px;
	padding:0 3px 3px 3px;
	border:solid 1px #dddddd;
	border-radius:5px;
	cursor:pointer;
}

.menuicon img {
	display:block;
	width:100%;
}

@media screen and (max-width:1100px) {
	.menuicon {
		display:block;
	}
}



/* ============================================================================ */
/* メニュー                                                                     */
/* ============================================================================ */
.menu_top {
	background:linear-gradient(#ffffff, #cccccc);
	border-top:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
}

.menu_top .box {
	min-width:1100px;
	margin:0 auto 0 auto;
}

.menu_top ul {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:0;
	padding:0;
	border-left:solid 1px #ffffff;
}

.menu_top li {
	display:table-cell;
	margin:0;
	padding:0;
	text-align:center;
	border-right:solid 1px #ffffff;
	line-height:1.0em;
}

.menu_top li a {
	display:block;
	color:#000000;
	font-size:15px;
	text-decoration:none;
	padding:10px 5px 10px 5px;
}

.menu_top li a:hover {
	background-color:#007700;
	transition:background-color 0.5s;
	color:#ffffff;
}

.menu_top li span {
	vertical-align:middle;
}

.menu_top .submenu {
	position:relative;
}

.menu_top .submenu ul {
	position:absolute;
	z-index:10;
	display:block;
	background-color:#ffffff;
	border:solid 1px #dddddd;
	box-shadow:5px 5px 15px rgba(0,0,0,0.3);
}

.menu_top .submenu li {
	display:block;
	text-align:left;
	line-height:1.3em;
	border-bottom:dotted 1px #444444;
}

.menu_top li .icon {
	display:inline-blick;
	margin-left:5px;
	padding:2px;
	border:solid 1px #dddddd;
	border-radius:3px;
}
.menu_top li .icon img {
	width:18px;
}

#mo_menu {
	display:none;
}

#pc_menu {
	display:block;
}

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

	#mo_menu {

	}

	#pc_menu {
		display:none;
	}

	.menu_top {
		position:fixed;
		top:80px;
		right:5px;
		z-index:10;
		width:50%;
	}

	.menu_top .box {
		background-color:#ffffff;
		min-width:initial;
		margin:0;
	}

	.menu_top ul {
		display:block;
		border-top:solid 1px #444444;
		border-left:solid 1px #444444;
		box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	}

	.menu_top li {
		display:block;
		border-bottom:solid 1px #444444;
	}

}



/* ============================================================================ */
/* ページの内容                                                                 */
/* ============================================================================ */
.contentsback {

}

.contentsback[data-type="津田塾大学生協"] {
	background-image:url(./image_parts/seikiyou_tuda-00.gif);
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
}


.contents {
	max-width:1100px;
	margin:0 auto 0 auto;
	padding:20px 0 60px 5px;
}

.contents img {
	max-width:100%;
}


@media screen and (max-width:1100px) {
	.contents {
		border-top:solid 3px #dddddd;
	}
}



/* ============================================================================ */
/* ページの見出し                                                               */
/* ============================================================================ */

h1 {
	font-size:160%;
	font-family:Georgia,serif;
	padding:0;
	margin:0;
	line-height:1.2em;
}

h2 {
	font-size:140%;
	font-family:Georgia,serif;
	padding:5px 0 5px 8px;
	margin:60px 0 20px 0;
	line-height:1.2em;
}

h3 {
	font-size:110%;
	font-weight:bold;
	margin:15px 0 10px 0;
	padding:5px;
	line-height:1.2em;
}

h4 {
	font-size:100%;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0;
	line-height:1.2em;
}

h1[data-type="共通"] {
	border-left:solid 10px #aaddaa;
	background:linear-gradient(to right,#ccffcc,rgba(255,255,255,1)); 
	margin-bottom:15px;
	padding:10px 0 10px 8px;
}

h1[data-type="物件一覧"] {
	border-left:solid 10px #006600;
	color:#ffffff;
	background:linear-gradient(to right,#008800,rgba(255,255,255,1)); 
	margin-bottom:10px;
	padding:10px 0 10px 8px;
}

h1[data-type="物件詳細"] {
	border-left:solid 10px #aaddaa;
	background:linear-gradient(to right,#ccffcc,rgba(255,255,255,1)); 
	padding:10px 0 10px 8px;
}

h1[data-type="駐車場情報"] {
	border-left:solid 10px #006600;
	color:#ffffff;
	background:linear-gradient(to right,#008800,rgba(255,255,255,1)); 
	margin-bottom:10px;
	padding:10px 0 10px 8px;
}



h2[data-type="共通"] {
	border-left:solid 10px #aaaaaa;
	background:linear-gradient(to right,#dddddd,rgba(255,255,255,1)); 
}

h2[data-type="特選物件"] {
	border-left:solid 10px #444400;
	color:#ffffff;
	background:linear-gradient(to right,#888800,rgba(255,255,255,1)); 
}

h2[data-type="お勧め物件"] {
	border-left:solid 10px #006600;
	color:#ffffff;
	background:linear-gradient(to right,#008800,rgba(255,255,255,1)); 
}

h2[data-type="担当者のお勧め物件"] {
	border-left:solid 10px #dd77aa;
	color:#770000;
	background:linear-gradient(to right,#ffaadd,rgba(255,255,255,1)); 
}

h2[data-type="リニューアル物件"] {
	border-left:solid 10px #999900;
	background:linear-gradient(to right,#ffff00,rgba(255,255,255,1)); 
}

h2[data-type="津田塾大学生協"] {
	border-left:solid 10px #ff00ff;
	background:linear-gradient(to right,#ffaaff,rgba(255,255,255,1)); 
}



h3[data-type="お勧め物件"] {
	background:linear-gradient(to right, #ddffdd, #ffffff);
}


@media screen and (max-width:800px) {
	h1 {
		font-size:150%;
	}
}



/* ============================================================================ */
/* テーブル                                                                     */
/* ============================================================================ */
.tablebox[data-type="共通"] {

}

.tablebox[data-type="共通"] .table {
	display:table;
	width:100%;
	table-layout:fixed;
}

.tablebox[data-type="共通"] .td {
	display:table-cell;
	padding:8px 0 8px 0;
}


.tablebox[data-type="会社案内"] {

}

.tablebox[data-type="会社案内"] .table {
	display:table;
	width:100%;
	border-bottom:dotted 2px #dddddd;
}

.tablebox[data-type="会社案内"] .th {
	display:table-cell;
	width:150px;
	padding:3px 0 3px 0;
}

.tablebox[data-type="会社案内"] .td {
	display:table-cell;
	padding:8px 0 8px 0;
}


.tablebox[data-type="生協"] {

}

.tablebox[data-type="生協"] .table {
	display:table;
	width:100%;
	table-layout:fixed;
}

.tablebox[data-type="生協"] .td {
	display:table-cell;
	padding:10px;
	vertical-align:bottom;
}


.tablebox[data-type="津田塾生協"] {

}

.tablebox[data-type="津田塾生協"] .table {
	display:table;
	width:100%;
	table-layout:fixed;
}

.tablebox[data-type="津田塾生協"] .td {
	display:table-cell;
	padding:10px;
}


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

	.tablebox[data-type="共通"] .table {
		display:block;
	}

	.tablebox[data-type="共通"] .td {
		display:block;
		padding:0;
	}


	.tablebox[data-type="生協"] .table {
		display:block;
		width:100%;
	}


	.tablebox[data-type="生協"] .table {
		display:block;
		width:100%;
	}

	.tablebox[data-type="生協"] .td {
		display:block;
		padding:0;
	}

	.tablebox[data-type="生協"] .table {
		display:block;
		width:100%;
	}


	.tablebox[data-type="津田塾生協"] .td {
		display:block;
		padding:0;
	}


}



/* ============================================================================ */
/* 回り込み画像                                                                 */
/* ============================================================================ */
.floatimageR {
	width:400px;
	float:right;
}

.floatimageL {
	width:400px;
	float:left;
}

@media screen and (max-width:600px) {
	.floatimageR {
		float:initial;
		display:block;
		width:90%;
		margin:0 auto 0 auto;
	}

	.floatimageL {
		float:initial;
		display:block;
		width:90%;
		margin:0 auto 0 auto;
	}

}



/* ============================================================================ */
/* 画像とテキスト                                                               */
/* ============================================================================ */
.imagetext {
	display:table;
	width:100%;
	table-layout:fixed;
}

.imagetext .image {
	display:table-cell;
}

.imagetext .image img {
	width:100%;
}

.imagetext .text {
	display:table-cell;
	vertical-align:top;
}


.imagetext[data-type="生協提携"] .text {
	font-size:200%;
	text-shadow:5px 5px 15px rgba(0,0,0,0.1);
	padding:5px;
	vertical-align:middle;
}

.imagetext[data-type="生協提携"] div[data-type="仲介料の値引き"] {
	position:absorute;
	color:#ff0000;
	font-size:80%;
	font-weight:bold;
	line-height:1.5em;
	width:60%;
	margin:20px auto 0 auto;
	text-align:center;
	border-bottom:solid 4px #ff0000;
}

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

	.imagetext[data-type="生協提携"] {
		display:block;
	}

	.imagetext[data-type="生協提携"] .image {
		display:block;
		width:70%;
		margin:0 auto 0 auto;
	}

	.imagetext[data-type="生協提携"] .text {
		display:block;
		font-size:140%;
	}

}


.imagetext[data-type="店舗の紹介"] .image {
	display:table-cell;
	width:60%;
	vertical-align:middle;
}

.imagetext[data-type="店舗の紹介"] .text {
	display:table-cell;
	padding:20px;
	vertical-align:top;
}

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

	.imagetext[data-type="店舗の紹介"] {
		display:block;
	}

	.imagetext[data-type="店舗の紹介"] .image {
		display:block;
		width:100%;
	}

	.imagetext[data-type="店舗の紹介"] .text {
		display:block;
	}

}


.imagetext[data-type="リフォーム"] .text {
	width:40%;
}

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

	.imagetext[data-type="リフォーム"] {
		display:block;
	}

	.imagetext[data-type="リフォーム"] .image {
		display:block;
	}

	.imagetext[data-type="リフォーム"] .text {
		display:block;
		width:initial;
	}

}

.imagetext[data-type="保険業務・保険代理店"] {
	width:80%;
}

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

	.imagetext[data-type="保険業務・保険代理店"] {
		display:block;
		width:initial;
	}

	.imagetext[data-type="保険業務・保険代理店"] .image {
		display:block;
		width:50%;
		margin:0 auto 0 auto;
	}

	.imagetext[data-type="保険業務・保険代理店"] .text {
		display:block;
		width:initial;
	}

}



/* ============================================================================ */
/* 画像一覧                                                                     */
/* ============================================================================ */
.imagelist {

}

.imagelist .box {
	display:inline-block;
	width:30%;
	margin:30px 0 30px 0;
	margin:0 0 30px 0;
	vertical-align:bottom;
	text-align:center;
}

.imagelist .box .images {
	display:inline-block;
	width:20%;
	text-align:center;
}

.imagelist .box img {
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto 0 auto;
}

.imagelist .box p {
	text-align:center;
}

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

	.imagelist .box {
		width:45%;
	}

}



/* ============================================================================ */
/* 画像ボード                                                                   */
/* ============================================================================ */
.imagebord {

}

.imagebord[data-type="津田塾大学生協"] {
	margin:10px 0 30px 0;
	text-align:center;
}

.imagebord[data-type="津田塾大学生協"] .box {
	display:inline-block;
}

.imagebord[data-type="津田塾大学生協"] img {
	max-width:300px;
	max-height:200px;
}

.imagebord .icons {
	display:table;
	width:95%;
	table-layout:fixed;
	margin:0 auto 0 auto;
}

.imagebord .icons .icon {
	display:table-cell;
}

.imagebord .icons .icon img {
	width:100%;
}



/* ============================================================================ */
/* リンクアイコン                                                               */
/* ============================================================================ */
.iconlink {
	position:relative;
	width:100%;
}

.iconlink .icon {
	position:absolute;
	top:-5px;
	right:-5px;
	width:30px;
}
.iconlink .icon img {
	width:100%:
}



/* ============================================================================ */
/* インラインボックス                                                           */
/* ============================================================================ */
.box_inline {
	margin:0 auto 0 auto;
	text-align:center;
}

.box_inline .inline {
	display:inline-block;
	text-align:left;
}

.box_inline .inline p {
 	text-align:left;
}



/* ============================================================================ */
/* リスト                                                                       */
/* ============================================================================ */
.list {

}

.list ul {

}

.list li {
	padding:8px 0 8px 0;
}

.list li {

}



/* ============================================================================ */
/* リンクリスト                                                                 */
/* ============================================================================ */
.list_links {

}

.list_links ul {
	margin:0;
	padding:0;
}

.list_links li {
	margin:0;
	padding:5px;
	list-style-type:none;
}

.list_links li ul {
}

.list_links li li {
	padding-left:60px;
	text-align:left;
}

.list_links span {
	width:60px;
	margin-right:3px;
	vertical-align:middle;
}

.list_links span img {
	width:100%;
}

.list_links a {
	color:#000000;
	padding:5px 10px 5px 10px;
}

.list_links a:hover {
	color:#007700;
	background-color:#ddffdd;
}

.list_links ul[data-type="物件一覧リンク"] {
	margin-bottom:20px;
}

.list_links ul[data-type="物件一覧リンク"] li {
	display:inline-block;
}

.list_links ul[data-type="物件一覧リンク"] li a {
	display:block;
	margin:5px;
	padding:10px 20px 10px 20px;
}


.list_links ul[data-type="ページ内リンク"] {
	margin:10px;
	padding:5px;
	border:solid 1px #444444;
}

.list_links ul[data-type="ページ内リンク"] li {

}

.list_links ul[data-type="ページ内リンク"] li a:hover {
	color:#007700;
	background-color:#ffffff;
}



/* ============================================================================ */
/* パネル                                                                       */
/* ============================================================================ */
#PANEL {
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:table;
	display:none;
	width:100%;
	height:100%;
} 

#PANEL .panel {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
} 

#PANEL .panel .box {
	display:inline-block;
	background-color:#ffffff;
	padding:20px;
} 

#PANEL .panel .btn_close {
	display:block;
	width:90%;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
}



/* ============================================================================ */
/* パネル（読み込み中）                                                         */
/* ============================================================================ */
#PANEL_loding {
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:table;
	display:none;
	width:100%;
	height:100%;
} 

#PANEL_loding .panel {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#PANEL_loding .panel img {
	width:60px;
}



/* ============================================================================ */
/* パネル（画像）                                                               */
/* ============================================================================ */
#PANEL_image {
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:table;
	display:none;
	width:100%;
	height:100%;
}

#PANEL_image .panel {
	display:table-cell;
	vertical-align:middle;
	text-align:center;

}

#PANEL_image .panel img {
	max-width:95%;
	max-height:95%;
	border:solid 2px #ffffff;
}

#PANEL_image .btn_close {
	position:fixed;
	top:10px;
	right:10px;
	z-index:101;
	color:#ffffff;
	font-size:40px;
	font-weight:bold;
}



/* ============================================================================ */
/* トップページの写真                                                           */
/* ============================================================================ */
.toppage_images {
	margin:0 10px 0 10px;
}

.toppage_images .box_text {
	position:relative;
	width:100%;
}

.toppage_images .box_text .text {

	background: linear-gradient(to right,rgba(255,255,255,0.9),rgba(255,255,255,0.7)); 

	position:absolute;
	top:14px;
	right:0;
	margin:0 30px 0 30px;
	padding:10px;


}

.toppage_images .box_text .text p {
	font-size:95%;
	line-height:1.3em;
	padding:5px 0 5px 0;
}


.toppage_images .table {
	display:table;
	width:100%;
}

.toppage_images .td {
	display:table-cell;
}

.toppage_images img {
	display:block;
	width:100%;
	max-height:614px;
}

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

	.toppage_images .table {
		display:block;
		overflow:hidden;
	}

	.toppage_images .td[data-col="left"] {
		display:block;
	}

	.toppage_images .td[data-col="right"] {
		display:none;
	}

	.toppage_images img {
		width:220%;
		max-height:initial;
	}

	.toppage_images .box_text .text {
		font-size:80%;
		margin:0 10px 0 10px;
		padding:5px;
	}

}



/* ============================================================================ */
/* チャット                                                                     */
/* ============================================================================ */
.chat {
	background-color:rgba(255,255,255,0.5);
	font-size:10px;
	line-height:1.2em;
	width:60px;
	padding-top:10px;
	text-align:center
	border:solid 1px #cccccc;
}



/* ============================================================================ */
/* 特選物件                                                                     */
/* ============================================================================ */
.list_tokusen {

}

.list_tokusen .boxicon {
	position:relative;
}

.list_tokusen .boxicon .icon {
	background-color:#ffffff;
	position:absolute;
	top:-10px;
	right:-10px;
	width:40px;
}

.list_tokusen .boxicon .icon img {
	display:block;
	width:100%;
}


.list_tokusen .bbuken {
	display:inline-block;
	width:25%;
	margin:10px 5px 20px 5px;
	vertical-align:top;
}

.list_tokusen .bbuken .image {
}

.list_tokusen .bbuken .image img {
	display:block;
	width:100%;
}

.list_tokusen .bbuken p {
	text-align:center;
}


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

	.list_tokusen .box_icon .icon {
		background-color:#ffffff;
		position:absolute;
		top:0;
		right:20px;
		width:30px;
	}

}



/* ============================================================================ */
/* 売買物件                                                                     */
/* ============================================================================ */
.list_baibai {

}

.list_baibai .boxicon {
	position:relative;
}

.list_baibai .boxicon .icon {
	background-color:#ffffff;
	position:absolute;
	top:-10px;
	right:10px;
	width:60px;
	border:solid 1px #444444;
}

.list_baibai .boxicon .icon img {
	width:100%;
}


.list_baibai .bbuken {
	margin:20px 20px 60px 20px;
	box-shadow:5px 5px 15px rgba(0,0,0,0.5);
}

.list_baibai .bbuken .image {
}

.list_baibai .bbuken .image img {
	display:block;
	width:100%;
}

.list_baibai .bbuken p {
	display:none;
}


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

	.list_baibai .boxicon .icon {
		background-color:#ffffff;
		position:absolute;
		top:0;
		right:20px;
		width:30px;
	}

}



/* ============================================================================ */
/* 土地物件（駐車場）                                                           */
/* ============================================================================ */
.list_parking {

}

.list_parking h2 {
	background:linear-gradient(to right,#ccffcc,rgba(255,255,255,1)); 
	margin:20px 0 20px 10px;
	border-left:solid 10px #aaddaa;
}


.list_parking .table {
	display:table;
	width:98%;
	table-layout:fixed;
	margin:0 auto 12px auto;
	border-bottom:dotted 2px #aaaaaa;
}

.list_parking .td {
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

.list_parking .td[data-type="文字"] {
	padding:5px 10px 5px 10px;
}

.list_parking .images {
	display:table;
	width:100%;
	table-layout:fixed;
}

.list_parking .images div {
	display:table-cell;
	border-right:solid 2px #ffffff;
	border-bottom:solid 10px #ffffff;
	text-align:center;
}

.list_parking .images div img {
	height:200px;
}

.list_parking .icon {
	width:40px;
	vertical-align:middle;
}

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

	.list_parking .table {
		display:block;
	}

	.list_parking .td {
		display:block;
	}

}



/* ============================================================================ */
/* 物件一覧                                                                     */
/* ============================================================================ */
.bukken_list {
	overflow-y:hidden;
	border:solid 1px #aaaaaa;
}

.bukken_list h2 {
	background:linear-gradient(to right,#ccffcc,rgba(255,255,255,1)); 
	margin:20px 0 20px 10px;
	border-left:solid 10px #aaddaa;
}


.bukken_list .table {
	display:table;
	width:98%;
	table-layout:fixed;
	margin:0 auto 12px auto;
	border-bottom:dotted 2px #aaaaaa;
}

.bukken_list .td {
	display:table-cell;
	vertical-align:top;
	text-align:left;
}


.bukken_list .images {
	display:table;
	width:100%;
	table-layout:fixed;
}

.bukken_list .images div {
	display:table-cell;
	border-right:solid 2px #ffffff;
	border-bottom:solid 10px #ffffff;
}

.bukken_list img {
	display:block;
	width:100%;
}

.bukken_list table {

}

.bukken_list td {
	vertical-align:top;
	padding-right:40px;
}

.bukken_list .midasi {
	font-weight:bold;
	margin-top:5px;
}

.bukken_list .td[data-col="外観"] {
	width:25%;
}

.bukken_list .td[data-col="詳細"] {
	padding-left:20px;
}

.bukken_list .link {
	position:relative;
	text-align:right;
}

.bukken_list .link a {
	position:absolute;
	top:5px;
	right:5px;
	color:#007700;
	font-size:90%;
	text-decoration:none;
}

div[data-button="もっと見る"] {
	background:linear-gradient(#ffffff, #dddddd);
	padding:10px 5px 10px 5px;
	margin:5px;
	text-align:center;
	border:solid 1px #444444;
	border-radius:5px;
	cursor:pointer;
}

div[id="物件情報_切り替えタブ"] {

}

div[id="物件情報_切り替えタブ"] ul {
	display:display;
	margin:0;
	padding:0;
}

div[id="物件情報_切り替えタブ"] li {
	display:inline-block;;
	width:140px;
	margin:5px;
	margin-bottom:0;
	vertical-align:bottom;
	text-align:center;

}

div[id="物件情報_切り替えタブ"] a {
	background-color:#dddddd;
	display:block;
	margin:0;
	padding:8px 0 8px 0;
	text-decoration:none;
	border:solid 1px #444444;
	border-bottom:none;
	border-radius:5px 5px 0 0;
}
div[id="物件情報_切り替えタブ"] a[data-type="this"] {
	background-color:#ffffff;
}


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

	.bukken_list .table {
		display:block;
	}

	.bukken_list .td {
		display:block;
	}

	.bukken_list .td[data-col="外観"] {
		width:initial;
		max-width:400px;
		margin: 0 auto 0 auto;
	}

	.bukken_list table {
		width:100%;
		table-latout:fixed;
	}

}



/* ============================================================================ */
/* 物件詳細                                                                     */
/* ============================================================================ */
.bukken_detail {
	margin:0 10px 0 10px;
}

.bukken_detail .box {
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.bukken_detail .table {
	display:table;
	width:100%;
	table-layout:fixed;
}

.bukken_detail .th {
	display:table-cell;
	background-color:#007700;
	color:#ffffff;
	font-weight:normal;
	width:140px;
	padding:3px;
	text-align:center;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;

}

.bukken_detail .td {
	display:table-cell;
	padding:3px;
	text-align:left;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.bukken_detail #PHOTO {
	margin:5px 0 5px 0;
}

.bukken_detail #PHOTO div[data-col="main"] {
	width:50%;
	margin: 0 auto 0 auto;
}

.bukken_detail #PHOTO div[data-col="main"] img {
	display:block;
	width:100%;
}

.bukken_detail #PHOTO div[data-col="sub"] {
	text-align:center;
}

.bukken_detail #PHOTO div[data-col="sub"] img {
	max-width:25%;
	max-height:150px;
	margin:5px;
	vertical-align:middle;
	border:solid 1px #aaaaaa;
}

.bukken_detail #IMAGE {

}

.bukken_detail #IMAGE img {
	max-width:23%;
	height:100px;
	margin:0 2px 0 2px;
	cursor:pointer;
}


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

	.bukken_detail .table {
		display:block;
	}

	.bukken_detail .th {
		display:block;
		width:initial;
	}

	.bukken_detail .td {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}


}



/* ============================================================================ */
/* 物件の問い合わせ                                                             */
/* ============================================================================ */
.bukkentray_buttons {
	margin:20px 0 20px 0;
	text-align:center;

}

.bukkentray_buttons input[type="button"] {
	display:block;
	width:90%;
	margin:10px auto 10px auto;
	padding:10px;
}

.bukkentray_list {

}

.bukkentray_list table {
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.bukkentray_list th {
	background-color:#ddffdd;
	font-weight:normal;
	padding:5px;
	text-align:center;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.bukkentray_list td {
	padding:5px;
	text-align:center;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.bukkentray_list .btn_delete {
	padding:5px 10px 5px 10px;
}

.bukkentray_list .btn_submit {
	display:block;
	width:100%;
	margin:10px auto 10px auto;
	padding:10px;
}



/* ============================================================================ */
/* 組織図                                                                       */
/* ============================================================================ */
.sosiki {
	max-width:600px;
	margin:20px 0 20px 0;

}

.sosiki table {
	width:100%;
	table-layout:fixed;
}

.sosiki td {
	font-size:90%;
	padding:0;
	vertical-align:middle;
	text-align:center;
}

.sosiki td div {
	display:inline-block;
	text-align:left;
}

.sosiki td[data-type="box"] {
	background-color:#00aa00;
	color:#ffffff;
	padding:10px;
	text-align:center;
}

.sosiki td[data-type="senL"] {
	padding:10px;
	border-left:solid 4px #00aa00;
}

.sosiki td[data-type="senR"] {
	padding:10px;
	border-right:solid 4px #00aa00;
}


.sosiki td[data-type="senT"] {
	padding:10px;
	border-top:solid 4px #00aa00;
}

.sosiki td[data-type="senB"] {
	padding:10px;
	border-bottom:solid 4px #00aa00;
}

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

	.sosiki td {
		font-size:80%;
	}

	.sosiki td[data-type="box"] {
		padding:2px;
	}

	.sosiki td[data-type="senL"] {
		padding:5px;
		border-left:solid 2px #00aa00;
	}

	.sosiki td[data-type="senR"] {
		padding:5px;
		border-right:solid 2px #00aa00;
	}


	.sosiki td[data-type="senT"] {
		padding:5px;
		border-top:solid 2px #00aa00;
	}

	.sosiki td[data-type="senB"] {
		padding:5px;
		border-bottom:solid 2px #00aa00;
	}


}



/* ============================================================================ */
/* 営業予定日の表                                                               */
/* ============================================================================ */
.eigiyoubi {


}

.eigiyoubi table {
	width:100%;
	table-layout:fixed;
}

.eigiyoubi th {
	text-align:center;
}

.eigiyoubi td {
	text-align:center;
}

.eigiyoubi .calendar {

}

.eigiyoubi .top {
	padding:10px 0 10px 0;
}

.eigiyoubi .top td[data-col="中"] {
	font-size:120%;
}


.eigiyoubi .calendar table {
	
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}


.eigiyoubi .calendar th {
	background-color:#dddddd;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.eigiyoubi .calendar td {
	font-size:120%;
	padding:10px 5px 10px 5px;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}