@charset "utf-8";

/* ========================================================================================================================/

	Document    : style.css
	Description : 売買物件css

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	base
/------------------------------------------------------------------------------------------------------------------------ */
.npist_db {}
.wide { width:100% !important; }

/* ------------------------------------------------------------------------------------------------------------------------/
	search
/------------------------------------------------------------------------------------------------------------------------ */

.search {
	}
	.search table {
		width:100%;
		box-sizing:border-box;
		border-collapse:collapse;
		background:#ffffff;
		border:solid 1px #cccccc;
		}
		.search table th,
		.search table td {
			box-sizing:border-box;
			border-collapse:collapse;
			background:#ffffff;
			border:solid 1px #cccccc;
			padding:15px;
			}
		.search table th {
			text-align:left;
			background:#efefef;
			padding:10px 15px;
			}
			.search table th span {
				color:#ff0000;
				font-size:12px;
				font-weight:normal;
				}

			.search table td ul {
				list-style-type:none;
				}
				.search table td ul li {
					float:left;
					margin:0 20px 0 0;
					}
					.search table td ul li input {
						padding:5px 3px;
						}
					.search table td ul.button li label {
						display:block;
						line-height:100%;
						background:#ffffff;
						margin-bottom:3px;
						cursor:pointer;
						}

			.search table td .map_button {
				float:left;
				}
				.search table td .map_button li {
					float:none;
					width:auto;
					}

			.search table td .map {
				position:relative;
				float:right;
				width:700px;
				height:266px;
				background:transparent url("../image/contents/pist_db/map/bg.jpg") left top no-repeat;
				}
				.search table td .map ul {
					list-style:none;
					}
					.search table td .map ul li { position:absolute; }
					.search table td .map ul li.A { top:147px; left:198px; }
					.search table td .map ul li.B { top:110px; left:50px; }
					.search table td .map ul li.C { top:53px; left:192px; }
					.search table td .map ul li.D { top:3px; left:43px; }
					.search table td .map ul li.E { top:90px; left:300px; }
					.search table td .map ul li.F { top:207px; left:180px; }
					.search table td .map ul li.G { top:211px; left:17px; }
					.search table td .map ul li.H { top:205px; left:275px; }
					.search table td .map ul li.I { top:212px; left:425px; }
					.search table td .map ul li.J { top:174px; left:562px }
					.search table td .map ul li.K { top:15px; left:500px; }


/* ------------------------------------------------------------------------------------------------------------------------/
	list
/------------------------------------------------------------------------------------------------------------------------ */
.npist_db {}

	.npist_db .searchback {
		float:left !important;
		width:auto !important;
		margin:10px 10px 10px 0 !important;
		}
	.npist_db .searchback a {
		line-height:32px !important;
		margin:0 !important;
		}

	.npist_db .icon_description {
		clear:both;
		margin:5px 0;
		}
		.npist_db .icon_description dl {
			float:left;
			width:auto;
			margin:0 10px 0 0;
			}
		.npist_db .icon_description dl.big:nth-of-type(2) {
			border-right:dotted 1px #cccccc;
			margin:0 20px 0 0;
			padding:0 20px 0 0;
			}
			.npist_db .icon_description dl dt {
				float:left;
				line-height:16px;
				margin:5px 5px 0 0;
				}
			.npist_db .icon_description dl dd {
				float:left;
				width:auto;
				height:16px;
				font-size:11px;
				line-height:16px;
				margin:5px 0 0 0;
				}
			.npist_db .icon_description dl.big dt {
				float:left;
				line-height:27px;
				margin:0 5px 0 0;
				}
			.npist_db .icon_description dl.big dd {
				height:27px;
				line-height:14px;
				margin:0;
				}


	.npist_db .pistbox {
		margin:10px 0 0 0;
		}
		.npist_db .pistbox .pistline {
			height:7px;
			background:#0e1c72;
			border-collapse:collapse;
			}
		.npist_db .pistbox .pistinner {
			box-sizing:border-box;
			border-collapse:collapse;
			border-style:solid;
			border-width:0 1px 1px 1px;
			border-color:#cccccc;
			padding:10px;
			}
			.npist_db .pistbox .pistinner .thum {
				position:relative;
				float:left;
				width:200px;
				background:transparent;
				text-align:center;
				margin:0 10px 10px 0;
				}
			.npist_db .pistbox .pistinner .name {
				color:#336600;
				font-size:17px;
				font-weight:bold;
				margin:0 0 10px 0;
				}
				.npist_db .pistbox .pistinner .name span {
					display:inline-block;
					color:#121212 !important;
					font-size:13px !important;
					font-weight:normal !important;
					box-sizing:border-box;
					border:solid 1px #ffffff;
					margin:0 0 0 10px;
					padding:2px 7px;
					}
				.npist_db .pistbox .pistinner .name .ictype01 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype02 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype03 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype04 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype05 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype06 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype07 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype08 { background:#efefef; border-color:#cccccc; }
				.npist_db .pistbox .pistinner .name .ictype09 { background:#ff6600; border-color:#cccccc; }
			.npist_db .pistbox .pistinner table.maintable { width:876px !important; }
			.npist_db .pistbox .pistinner .line_cover {
				position:relative;
				margin:-1px 0 0 0;
				}
				.npist_db .pistbox .pistinner .line_cover a {
					color:#121212;
					text-decoration:none;
					}
					.npist_db .pistbox table.subtable { width:100% !important; }
						.npist_db .pistbox .pistinner table.subtable th,
						.npist_db .pistbox .pistinner table.subtable td {
							box-sizing:border-box;
							text-align:center;
							vertical-align:middle !important;
							}
						/* 通常時 */
						.npist_db .pistbox .pistinner .line_cover a table.subtable tr:nth-of-type(1) td {
							border-bottom:dotted 1px #cccccc !important;
							}
						.npist_db .pistbox .pistinner .line_cover a table.subtable tr:nth-of-type(1) td:nth-of-type(6) {
							border-bottom:solid 1px #cccccc !important;
							}
						.npist_db .pistbox .pistinner .line_cover a table.subtable tr:nth-of-type(2) td {
							border-top:dotted 1px #cccccc !important;
							}
						.npist_db .pistbox .pistinner .line_cover a table.subtable tr td {
							background:#f9f9f9;
							}
						.npist_db .pistbox .pistinner .line_cover:nth-of-type(2n) a table.subtable tr td {
							background:#ffffff;
							}
						/* キャンペーン時 */
						.npist_db .pistbox .pistinner .line_cover a table.subtable tr.campaign td {
							background:#ffdfdf;
							}
						/* hover時 */
						.npist_db .pistbox .pistinner .line_cover a:hover table.subtable td {
							background:#fded9f !important;
							}
						/* 設備tdのみ */
						.npist_db .pistbox .pistinner .line_cover a table.subtable td.setubi_td {
							vertical-align:top !important;
							padding:5px 5px 0 5px !important;
							}
						.npist_db .pistbox .pistinner a .setubi {
							box-sizing:border-box;
							margin:0;
							padding:0;
							list-style:none;
							}
							.npist_db .pistbox .pistinner a .setubi li {
								float:left;
								margin:0 5px 5px 0;
								}
							.npist_db .pistbox .pistinner a .setubi li:nth-of-type(9) {
								float:left;
								margin:0 0 5px 0;
								}
								.npist_db .pistbox .pistinner a .setubi li img {
									width:40px;
									height:40px;
									}
						/*
						.npist_db .pistbox .pistinner a .setubi {
							box-sizing:border-box;
							background:#ffffff;
							border:solid 1px #cccccc;
							border-top:dotted 1px #cccccc !important;
							margin:-1px 0;
							padding:5px;
							list-style:none;
							}
						.npist_db .pistbox .pistinner a:hover .setubi {
							background:#fded9f !important;
							}
						.npist_db .pistbox .pistinner a .setubi.campaign {
							background:#ffdfdf;
							}
						.npist_db .pistbox .pistinner a:hover .setubi.campaign {
							background:#fded9f !important;
							}
							.npist_db .pistbox .pistinner a .setubi li {
								float:left;
								margin:0 5px 0 0;
								}
								.npist_db .pistbox .pistinner a .setubi li img {
									width:40px;
									height:40px;
									}
						*/
						.npist_db .pistbox .pistinner a .cantext {
							position:relative;
							top:-16px;
							box-sizing:border-box;
							background:transparent url("../image/contents/pist_db/cantext.png") -1px top no-repeat;
							margin:0 0 -17px 0;
							padding:16px 0 0 0;
							}
							.npist_db .pistbox .pistinner a .cantext p {
								color:#ffffff;
								text-align:left;
								box-sizing:border-box;
								background:#ff6600;
								border-style:solid;
								border-width:0 1px 1px 1px;
								border-color:#cccccc;
								padding:5px 15px;
								}
							.npist_db .pistbox .pistinner a .cantext .campaignmark {
								position:absolute;
								top:18px;
								left:-50px;
								float:none !important;
								}


/* ------------------------------------------------------------------------------------------------------------------------/
	detail
/------------------------------------------------------------------------------------------------------------------------ */

.npist_db h3 {
	color:#0e1c72;
	font-size:17px;
	box-sizing:border-box;
	background:transparent url("../image/layout/ic01.png") left 6px no-repeat;
	border-bottom:dotted 1px #121212;
	padding:0 0 5px 15px;
	}
	.npist_db h3 .pistname {
		display:inline-block;
		width:720px;
		word-break:break-all;
		word-wrap:break-word;
		}
	.npist_db h3 .fr {
		margin:-4px 0 0 0;
		}

/* --------------------------------------------------
	sns
-------------------------------------------------- */
.npist_db .sns {
	width:100%;
	margin:10px 0 5px 0;
	}
	.npist_db .sns ul {
		position:relative;
		width:100%;
		height:25px;
		list-style-type:none;
		overflow:hidden;
		}
		.npist_db .sns iframe {
			margin:0 !important;
			padding:0 !important;
			}
		.npist_db .sns li {
			float:right;
			margin-left:10px;
			}
		
		.npist_db .sns .sns01 {line-height: 1.2;}
		
.npist_db .sns .sns01 span{width:115px!important;}
		.npist_db .sns .sns02 { width:55px; }
		/*
		.npist_db .sns .sns03 {}
		*/
		/*.npist_db .sns .sns04 { width:190px; }*/
		.npist_db .sns .sns05 { width:85px; }

.npist_db .gmap {
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:10px 0 0 0;
	padding:10px;
	}
.npist_db .comp {
	position:relative;
	height:150px;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:10px 0 0 0;
	padding:11px;
	}
	.npist_db .comp div.comp_inner {
		position:absolute;
		top:17px;
		left:20px;
		width:700px;
		font-size:13px;
		}
		.npist_db .comp div.comp_inner strong {
			display:block;
			width:100%;
			font-size:16px;
			font-weight:bold;
			border-bottom:dotted 1px #cccccc;
			margin:0 0 9px 0;
			padding-bottom:5px;
			}
		.npist_db .comp div.comp_inner p {
			position:absolute;
			top:35px;
			left:0;
			width:308px;
			border-right:dotted 1px #cccccc;
			}
		.npist_db .comp div.comp_inner p:nth-of-type(2) {
			position:absolute;
			top:40px;
			left:338px;
			width:308px;
			border-right:none;
			}
			.npist_db .comp div.comp_inner p:nth-of-type(2) img {
				margin:0 0 4px 0;
				}


/* --------------------------------------------------
	administer
-------------------------------------------------- */
.npist_db .administer {
	position:relative;
	float:left;
	width:auto !important;
	margin:-30px 0 0 0 !important;
	}
	.npist_db .administer a {
		line-height:25px;
		margin:0 !important;
		}

/* --------------------------------------------------
	comment
-------------------------------------------------- */
.npist_db .comment {
	color:#336600;
	font-size:17px;
	font-weight:bold;
	line-height:150%;
	margin:10px 0;
	}

/* --------------------------------------------------
	画像
-------------------------------------------------- */

.noDisp{ display:none; }

.npist_db .imageBox {
	float:left;
	width:560px;
	}
	.npist_db .imageBox .photo {
		background:#efefef;
		padding:10px !important;
		}
	.npist_db .imageBox ul {
		margin:10px 0 0 0;
		list-style:none;
		}
		.npist_db .imageBox ul li {
			float:left;
			width:107px;
			height:80px;
			text-align:center;
			margin:0 5px 5px 0;
			}
			.npist_db .imageBox ul li img {
				border:solid 1px #cccccc;
				padding:1px;
				cursor:pointer;
				}
			.npist_db .imageBox ul li:first-child img {
				border-style:none !important;
				padding:5px !important;
				}

/* --------------------------------------------------
	メイン情報
-------------------------------------------------- */
.npist_db .mainBox {
	float:right;
	width:535px;
	}
	.npist_db .mainBox h4 {
		font-size:17px;
		font-weight:bold;
		margin:0 0 10px 0;
		}
	.npist_db .mainBox .madori {
		text-align:center;
		margin:10px 0 0 0;
		}
	.npist_db .zumenNotes {
		color:#ff0000;
		font-size:12px;
		text-indent:-1em;
		padding-left:1em;
		}

/* --------------------------------------------------
	設備アイコン
-------------------------------------------------- */
.npist_db .mainBox .setubi {
	list-style:none;
	margin:10px 0 0 0;
	}
	.npist_db .mainBox .setubi li {
		float:left;
		margin:0 5px 5px 0;
		}
	.npist_db .mainBox .setubi li:nth-of-type(9),
	.npist_db .mainBox .setubi li:nth-of-type(18) {
		margin-right:0 !important;
		}

/* --------------------------------------------------
	movie_player
-------------------------------------------------- */
.npist_db .movie_player {
	overflow:hidden;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;	
	margin:10px 0 0 0;
	padding:10px;
	}
	.npist_db .movie_player .youtube {
		width:538px;
		background:#cccccc;
		margin:0 auto;
		padding:0;
		}
		.npist_db .movie_player .youtube iframe {
			margin:0 0 -10px 0;
			}
	.npist_db .movie_player .theta {
		width:538px;
		background:#cccccc;
		margin:0 auto;
		padding:0;
		}

/* --------------------------------------------------
	GoogleMap
-------------------------------------------------- */
.npist_db .gmap01 {
	float:left;
	width:747px;
	height:470px;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:10px 0 0 0;
	padding:10px;
    overflow: hidden;
	}
.npist_db .gmap02 {
	float:left;
	width:100%;
	height:470px;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:10px 0 0 0;
	padding:10px;
    overflow: hidden;
	}
    
    .gmap {
	width: 100%;
	max-width:727px;
	height: 400px;
    box-sizing:border-box;
}


#map_canvas {
	width: 100%;
	height: 100%;
    box-sizing:border-box;
}

#route_l{
box-sizing: border-box;
}


#route_l table {
	width:100%;
	
	border-collapse:collapse;
    box-sizing: border-box;
}

#route_l table tbody{
	width:100%;
}

#route_l th {	
	font-size: 16px;
	white-space:nowrap;
	text-align:center;
	width: 25%;
	background-color:#20208b;
	color:#fff;
    padding: 0.2em 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

#route_l td {
	padding: 0.2em;
	font-size: 16px;
	box-sizing: border-box;
	background-color:#d7eaf4;
}

#route_l td select,
#route_l td input[type="text"] {
width: 100%;
	font-size: 16px;
	padding: 0.1em;
    box-sizing: border-box;
    margin: 5px 10px;
   
}

#route_l td input[type="text"] {
	font-size: 16px;
	
	padding: 0.5em;
	border: 2px solid #32a5c8;
    box-sizing: border-box;
}

input[type="submit"] {
	font-size: 16px;
	padding: 0.25em;
    box-sizing: border-box;
}


/* --------------------------------------------------
	周辺環境
-------------------------------------------------- */
.npist_db .deve {
	float:right;
	width:348px;
	box-sizing:border-box;
	background-color:#efefef;
	border:solid 1px #cccccc;
	margin:10px 0 0 0;
	padding:10px;
	}
	.npist_db .deve dt {
		padding:7px 0 15px 0;
		}
		.npist_db .deve dd ul {
			width:326px;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #dfdfdf;
			padding:0 10px;
			}
			.npist_db .deve dd ul li {
				font-weight:bold;
				box-sizing:border-box;
				border-style:dotted;
				border-width:0 0 1px 0;
				border-color:#d5d5d5;
				list-style-type:none;
				padding:8px 0;
				}
			.npist_db .deve dd ul li:last-child {
				border-style:none !important;
				}

/* --------------------------------------------------
	お問い合わせ
-------------------------------------------------- */
.npist_contact { border-top:solid 1px #cccccc !important; }

.npist_db .form {
	float:left;
	/*width:848px;*/
	}
	.npist_db .form .contact_fm table.input th {
		padding-top:18px !important;
		}
	.npist_db .form .contact_fm ul{
		list-style-type:none;
		}
		.npist_db .form .contact_fm ul li {
			float:left;
			margin:0 !important;
			padding:0 !important;
			}

.npist_db .etc {
	float:right;
	width:250px;
	/*margin-top:20px;*/
	}
    
    ul.youbou{
    list-style-type:none;
    }
    
    table.tintai-contact{
   float:left;
    width: 848px;
    margin-right: 10px;
    margin-bottom: 30px;
    }
    
    .underline-b{
    color:#0e1c72 ;
    font-size: 18px;
    padding-left: 20px;
    background: url(../image/layout/ic01.png) 10px center no-repeat;
    }
    .underline-b::after{
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #eee;
    }