@charset "utf-8";

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

	styleInfo：npist_db/style.css
				└　1-0, list
				└　2-0, detail

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


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, List
/------------------------------------------------------------------------------------------------------------------------ */


#npist_db .four_block_container h2 {
	color:#ffffff;
	font-size:42px;
	font-weight:bold;
	text-align:center;
	border-radius:8px;
	padding:14px 0;
	margin-bottom:20px;
}

#npist_db .search_box {
	overflow:hidden;
	margin-bottom:10px;
}

#npist_db .kpage {
	float:left;
	overflow:hidden;
	text-align:center;
	margin: 16px 0;
}

#npist_db .kpage li {
	float:left;
	margin-right:6px;
}

#npist_db .kpage li.now,
#npist_db .kpage li a {
	display:block;
	padding:8px 11px;
	line-height:1;
}

#npist_db .kpage li.now,
#npist_db .kpage li a:hover {
	border:1px solid #006DD9;
	background-color:#006DD9;
	border-radius:24px;
	color:#ffffff;
}


#npist_db .kpage li a {
	border:1px solid #006DD9;
	background-color:#ffffff;
	border-radius:24px;
	color:#006DD9;
	text-decoration:none;
}

#npist_db .sort {
	float:right;
	margin: 16px 0;
}

#npist_db .four_block_container h2 { background-color:#006dd9; }

#npist_db .pd_box_container {
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#npist_db li.pd_box {
	float:left;
	font-size: 13px;
	width: 184px;
	padding: 10px;
	border:1px solid #cccccc;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	margin-right:12px;
	margin-bottom:12px;
}

#npist_db li.pd_box:hover {
	background-color:#ffddbb;
	border-color: #ffaa00;
}

#npist_db .pd_box:nth-child(4n) { margin-right:0; }

#npist_db li.pd_box a {
	display:block;
	height:100%;
	text-decoration:none;
	-moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

#npist_db li.pd_box:hover a {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

#npist_db .pd_box .shubetsu {
	position:relative;
	z-index:2;
	width:80px;
	padding:6px 0;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
	background-color:#006dd9;
}

#npist_db .pd_box .pic_img {
	position:relative;
	z-index:1;
	width:184px;
	top:-27px;
	margin-bottom:-16px;
	background-color:#E1E1E1;
}

#npist_db .pd_box img {
	display:block;
	max-width:184px;
	max-height:auto;
	margin:0 auto;
}


#npist_db .pd_box .bukkenmei {
	color: #006dd9;
	line-height:1.3;
	font-weight: bold;
	margin-bottom:6px;
}

#npist_db .pd_box .shozaichi {
	color: #212121;
	margin-bottom:8px;
}

#npist_db .pd_box dl {
	overflow:hidden;
	margin-bottom:4px;
}

#npist_db .pd_box dt {
	clear:left;
	float:left;
	display:block;
	padding:4px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #efefef;
	color: #212121;
	font-size: 12px;
	line-height:1.2;
	margin-bottom:6px;
}

#npist_db .pd_box dd {
	color:#212121;
	float:left;
	display:block;
	padding:4px 0;
	margin-left:8px;
	font-size: 14px;
	line-height:1.2;
	font-weight:bold;
}

#npist_db .pd_box dd.fc-red {
	color: #d90000;
}

#npist_db .pd_box dd.fc-green {
	color: #85b200;
}

#npist_db .pd_box .comment {
	color: #212121;
	line-height:1.3;
	font-weight: bold;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, detail
/------------------------------------------------------------------------------------------------------------------------ */


#npist_db section {
	
}


#npist_db section .breadcrumbs {
	overflow:hidden;
	margin-bottom:20px;
	font-size:12px;
}

#npist_db section .breadcrumbs li {
	float:left;
	margin-left:1em;
}

#npist_db section .breadcrumbs li,
#npist_db section .breadcrumbs li .fsize-n,
#npist_db section .breadcrumbs li a,
#npist_db section .breadcrumbs li a:hover,
#npist_db section .breadcrumbs li a:active {
	font-size:12px !important;
	color:#888888;
}

#npist_db section .breadcrumbs li:first-child {
	margin-left:0;
}

#npist_db section h3.comment {
	color:#ff9326;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}

#npist_db section .name_kousin {
	width:100%;
	overflow:hidden;
	margin-bottom:12px;
}

#npist_db section .shubetu {
	float:left;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	padding:12px 18px;
	border-radius:21px;
	background:#006DD9;
}

#npist_db section .bukken_name {
	float:left;
	color:#006DD9;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	line-height:1.2;
	padding:12px 18px;
}

#npist_db section .kousinbi {
	float:right;
	color:#666666;
	text-align:right;
	margin:1em 0;
}

#npist_db section .photo_import {
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

#npist_db section #photo {
	width:50%;
	float:left;
	text-align:center;
}

#npist_db section #photo .main-photo {
	padding:15px;
	background-color:#eeeeee;
	border:1px solid #cccccc;
}

#npist_db section #photo .main-photo img {
	max-width:400px;
	height:auto;
}

#npist_db section #photo p {
	color:#888;
	font-size:12px;
	text-align:center;
	text-indent:-1.4em;
	margin-top:10px;
	padding-left:1.4em;
}

#npist_db section #important {
	float:right;
	width:50%;
	text-align:left;
}

#npist_db section #important dl {
	overflow:hidden;
	border:solid 1px #cccccc;
	margin-left:20px;
	padding:15px;
}

#npist_db section #important dl dt {
	clear:left;
	float:left;
	width:20%;
	padding:0.6em 0;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	background:#efefef;
	border:solid 1px #cccccc;
	margin-top:10px;
	margin-right:3%;
}

#npist_db section #important dl dd {
	float:left;
	width:77%;
	padding:0.6em 0;
	margin-top:10px;
	box-sizing:border-box;
	border:solid 1px #ffffff;
}

#npist_db section #important dl dt:nth-of-type(1),
#npist_db section #important dl dd:nth-of-type(1) {
	margin-top:0 !important;
}

#npist_db section #important dl dd:nth-of-type(1) {
	font-size:20px;
	padding:0.25em 0;
}

#npist_db section #important dl dd:nth-of-type(2) {
	padding:0.6em 0;
}

ul.option li,
ul.option li {
	float:left;
	text-align:center;
	margin-right:5%;
	width:30%;
}

ul.option2 li,
ul.option2 li {
	width:21%;
}

ul.option li:last-child,
ul.option li:last-child {
	margin-right:0;
}

ul.option li a img,
ul.option li a img {
	opacity:1;
}

ul.option li a:hover img,
ul.option li a:hover img {
	opacity:0.8;
}

#npist_db section #important ul.option {
	margin-top:10px;
	margin-left:20px;
	list-style:none;
}

#npist_db section .thumb {
	list-style:none;
	margin-top:20px;
}

#npist_db section .thumb li {
	position:relative;
	float:left;
	display:block;
	width:13.4%;
	height:87px;
	margin:0 1% 8px 0;
	overflow:hidden;
}

#npist_db section .thumb li:nth-of-type(7n) {
	margin-right:0 !important;
}

#npist_db section .thumb li a {
	position:absolute;
	top:0;
	left:0;
	diaplay:block;
	width:100%;
	height:80px;
}

#npist_db section .thumb li a img {
	position:absolute !important;
	top:-100% !important;
	bottom:-100% !important;
	left:-100% !important;
	right:-100% !important;
	display:block !important;
	max-width:107px !important;
	max-height:80px !important;
	margin:auto !important;
}


#npist_db section .detail {
}

#npist_db section .detail table {
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	border-collapse:collapse;
	margin-top:20px;
}

#npist_db section .detail table th {
	min-width:140px;
	text-align:left;
	box-sizing:border-box;
	background:#efefef;
	border:solid 1px #cccccc;
	padding:15px;
}

#npist_db section .detail table td {
	text-align:left;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	padding:15px;
}

#npist_db section .detail .gmap {
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin-top:20px;
}

#npist_db section .detail .gmap iframe {
	width:100% !important;
	height:auto !important;
	min-height:420px;
	margin-bottom:-10px;
}

#npist_db section .detail .youtube {
	display:block;
	width:618px;
	height:378px;
	margin:20px auto 0 auto;
}

#npist_db section .company {
	overflow:hidden;
	text-align:left;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin-top:20px;
	padding:15px;
}

#npist_db section .company .com_btn {
	float:right;
	margin-right:1%;
}

#npist_db section .company .com_pro {
	float:left;
}

#npist_db section .back {
	text-align:center;
	margin-top:20px;
}

#npist_db section .back a img {
	width:200px;
	opacity:1;
}

#npist_db section .back a:hover img {
	opacity:0.8;
}