@charset "utf-8";

/*------------------------------------------------------------
site : 地域研究画像ライブラリ
file : /css/base.css
uses : 基本スタイル設定
------------------------------------------------------------*/

/*----------------------------
 font
----------------------------*/
/* font-size */
.fs10 {	font-size: 10px !important;}
.fs12 {	font-size: 12px !important;}
.fs14 {	font-size: 14px !important;}
.fs16 {	font-size: 16px !important;}
.fs18 {	font-size: 18px !important;}
.fs20 {	font-size: 20px !important;}
.fs22 {	font-size: 22px !important;}
.fs24 {	font-size: 24px !important;}

.fp10 {	font-size: 72% !important;}
.fp12 {	font-size: 85% !important;}
.fp14 {	font-size: 100% !important;}
.fp16 {	font-size: 115% !important;}
.fp18 {	font-size: 129% !important;}
.fp20 {	font-size: 143% !important;}
.fp22 {	font-size: 158% !important;}
.fp24 {	font-size: 172% !important;}

/* font-weight */
.fwN {	font-weight: normal !important;}
.fwB {	font-weight: bold !important;}

/*----------------------------
 align
----------------------------*/
/* text-align */
.taL {	text-align: left !important;}
.taC {	text-align: center !important;}
.taR {	text-align: right !important;}

/* vertical-align */
.vaT {	vertical-align: top !important;}
.vaM {	vertical-align: middle !important;}
.vaB {	vertical-align: bottom !important;}

/* line-height */
.lh12 {	line-height: 1.2 !important;}
.lh13 {	line-height: 1.3 !important;}
.lh14 {	line-height: 1.4 !important;}

/*----------------------------
 display
----------------------------*/
.dpI { display: inline; }
.dpB { display: block; }
.dpIB { display: inline-block; }

/*----------------------------
 float
----------------------------*/
.fltL {
	float: left;
}
.fltR {
	float :right;
}
.clrBoth {
	clear: both;
}

/*----------------------------
 clearfix
----------------------------*/
.clr,
.bgBox,
.bdrBox,
.contentBdr,
.contentSdw,
#main h2.ttl,
ul.arrow,
.resultNavi,
.pageNavi,
.pageNavi ul,
.resultIndex {
	display: inline-block;
	/* Hides from IE-mac \*/
	*zoom: 1;
	display: block;
	/* End hide from IE-mac */
}
.clr:after,
.bgBox:after,
.bdrBox:after,
.contentBdr:after,
.contentSdw:after,
#main h2.ttl:after,
ul.arrow:after,
.resultNavi:after,
.detailNavi:after,
.pageNavi:after,
.pageNavi ul:after,
.resultIndex:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/*----------------------------
 float
----------------------------*/
#search-form {
	margin: 20px;	
}
#search-form .detail-search {
	text-valign: middle;
	line-height: 1.6;
}
.simple-search > .input-group {
	width: 100%;
}
.search-info {
    	border: 1px solid #e3e3e3;
    	border-radius: 4px;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    	margin-bottom: 20px;
    	min-height: 20px;
    	padding: 10px;
}
.filterArea {
	margin-top: 20px;
}

/*----------------------------
 sort-list
----------------------------*/
.sort-list {
    display: inline-block;
    margin: 0;
    padding-left: 0;
}
.sort-list > li {
    display: inline;
}
.sort-list > li.list-name {
    float: left;
    padding: 5px 10px 5px 0;
}
.sort-list > li > a {
    background-color: #e8e8ee;
    border: 1px solid #cacad0;
    border-radius: 2px;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    padding: 5px 10px;
    margin-right: 10px;
    position: relative;
    text-decoration: none;
}
.sort-list > li > a.asc:after,
.table th > a.asc:after {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
	font-family: 'Glyphicons Halflings';
	content: "\e155";
	vertical-align: middle;
}
.sort-list > li > a.desc:after,
.table th > a.desc:after {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
	font-family: 'Glyphicons Halflings';
 	content: "\e156";
	vertical-align: middle;
}

/*----------------------------
 jisha-list
----------------------------*/
.main .jisha-list {
  margin: 10px -18px 0 0;
  padding-left: 0;
}
.main .jisha-list li {
  margin: 0 18px 18px 0;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 120px;
}
.main .jisha-list li a {
  display: block;
}
.main .jisha-list li a h3 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  width: 150px;
}

/*----------------------------
 thumbnail-list
----------------------------*/
#thumbnail-list {
  overflow: hidden;
  list-style: none;
  width: 100%;
  padding-left: 0;
}
#thumbnail-list li {
  position: relative;
  float: left;
  margin: 5px;
  max-width: 90px;
  max-height: 90px;
}
#thumbnail-list li img {
  width: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/*
#main_image {
  position: relative;
  margin-top: 15px;
  height: 550px;
}
#main_image img {
  position: absolute;
  top: 0;
  width: 100%;
}
*/
.spot-detail dt,
.spot-detail dd {
	padding: 5px;
}
/*
.thumbnail-list li.active:before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 75px;
  border: 2px solid #769ae6;
  box-sizing: border-box;
  z-index: 1;
}
.thumbnail-list li.active a {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.thumbnail-list li a {
  display: block;
  width: 60px;
  height: 75px;
  background-color: #f0f0f0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
}
*/


/*============================================================
margin
============================================================*/
.mgt00{ margin-top: 0px !important; }
.mgt05{ margin-top: 5px !important; }
.mgt08{ margin-top: 8px !important; }
.mgt10{ margin-top: 10px !important; }
.mgt12{ margin-top: 12px !important; }
.mgt15{ margin-top: 15px !important; }
.mgt20{ margin-top: 20px !important; }
.mgt25{ margin-top: 25px !important; }
.mgt30{ margin-top: 30px !important; }
.mgt35{ margin-top: 35px !important; }
.mgt40{ margin-top: 40px !important; }
.mgt45{ margin-top: 45px !important; }
.mgt50{ margin-top: 50px !important; }

.mgb00{ margin-bottom: 0px !important; }
.mgb05{ margin-bottom: 5px !important; }
.mgb10{ margin-bottom: 10px !important; }
.mgb15{ margin-bottom: 15px !important; }
.mgb20{ margin-bottom: 20px !important; }
.mgb25{ margin-bottom: 25px !important; }
.mgb30{ margin-bottom: 30px !important; }
.mgb35{ margin-bottom: 35px !important; }
.mgb40{ margin-bottom: 40px !important; }
.mgb45{ margin-bottom: 45px !important; }
.mgb50{ margin-bottom: 50px !important; }

.mgl00{ margin-left: 0px !important; }
.mgl05{ margin-left: 5px !important; }
.mgl10{ margin-left: 10px !important; }
.mgl15{ margin-left: 15px !important; }
.mgl20{ margin-left: 20px !important; }
.mgl22{ margin-left: 22px !important; }
.mgl25{ margin-left: 25px !important; }
.mgl30{ margin-left: 30px !important; }
.mgl35{ margin-left: 35px !important; }
.mgl40{ margin-left: 40px !important; }
.mgl45{ margin-left: 45px !important; }
.mgl50{ margin-left: 50px !important; }

.mgr00{ margin-right: 0px !important; }
.mgr05{ margin-right: 5px !important; }
.mgr10{ margin-right: 10px !important; }
.mgr15{ margin-right: 15px !important; }
.mgr20{ margin-right: 20px !important; }
.mgr25{ margin-right: 25px !important; }
.mgr30{ margin-right: 30px !important; }
.mgr35{ margin-right: 35px !important; }
.mgr40{ margin-right: 40px !important; }
.mgr45{ margin-right: 45px !important; }
.mgr50{ margin-right: 50px !important; }

/*============================================================
padding
============================================================*/
.pdt00{ padding-top: 0px !important; }
.pdt05{ padding-top: 5px !important; }
.pdt10{ padding-top: 10px !important; }
.pdt12{ padding-top: 12px !important; }
.pdt15{ padding-top: 15px !important; }
.pdt20{ padding-top: 20px !important; }
.pdt25{ padding-top: 25px !important; }
.pdt30{ padding-top: 30px !important; }
.pdt35{ padding-top: 35px !important; }
.pdt40{ padding-top: 40px !important; }
.pdt45{ padding-top: 45px !important; }
.pdt50{ padding-top: 50px !important; }

.pdb00{ padding-bottom: 0px !important; }
.pdb05{ padding-bottom: 5px !important; }
.pdb10{ padding-bottom: 10px !important; }
.pdb15{ padding-bottom: 15px !important; }
.pdb20{ padding-bottom: 20px !important; }
.pdb25{ padding-bottom: 25px !important; }
.pdb30{ padding-bottom: 30px !important; }
.pdb35{ padding-bottom: 35px !important; }
.pdb40{ padding-bottom: 40px !important; }
.pdb45{ padding-bottom: 45px !important; }
.pdb50{ padding-bottom: 50px !important; }

.pdl00{ padding-left: 0px !important; }
.pdl05{ padding-left: 5px !important; }
.pdl10{ padding-left: 10px !important; }
.pdl15{ padding-left: 15px !important; }
.pdl20{ padding-left: 20px !important; }
.pdl25{ padding-left: 25px !important; }
.pdl30{ padding-left: 30px !important; }
.pdl35{ padding-left: 35px !important; }
.pdl40{ padding-left: 40px !important; }
.pdl45{ padding-left: 45px !important; }
.pdl50{ padding-left: 50px !important; }

.pdr00{ padding-right: 0px !important; }
.pdr05{ padding-right: 5px !important; }
.pdr10{ padding-right: 10px !important; }
.pdr15{ padding-right: 15px !important; }
.pdr20{ padding-right: 20px !important; }
.pdr25{ padding-right: 25px !important; }
.pdr30{ padding-right: 30px !important; }
.pdr35{ padding-right: 35px !important; }
.pdr40{ padding-right: 40px !important; }
.pdr45{ padding-right: 45px !important; }
.pdr50{ padding-right: 50px !important; }