@charset "utf-8";

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

title : 生活施設検索
scope : コンテンツテンプレート

last modify : 2019/08/09 Maitts #16800 新規作成
2016/05/10 304_uehara サイドメニューのアクティブスタイルのセットとbodyとimgの選択禁止を解除

memo :
2016/02/23 230_inagaki レイアウトのバグ修正display:flexでレイアウト
2015/09/14 247_morita 文字サイズ追加
2015/07/06 222_souda iPadの左右アケを追加
2012/06/21 163_yamamoto

========================================================== */
/*共通*/

body{
	font-size:16px;
	 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
/*	user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;*//* 20170510 選択禁止のスタイル解除 */
}

img{
/*	user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;*//* 20170510 選択禁止のスタイル解除 */
behavior: url(/css/PIE.php);
}

#content {
  display: flex;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: flexbox;
  flex-flow: row nowrap;
  width: 1000px;
  margin: 10px auto;
  padding: 0;
  text-align: left;
  letter-spacing: 0.08em;
  display: -webkit-box;/*--ipad--*/
 behavior: url(/css/PIE.php); 
  /*--overflow:hidden;
  overflow:visible;--*/
 
}


#footer {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;	
}

/* tab.cssマージン相殺用 */
#content article {
  /*--float: left;--*/
  width: 690px;
  margin: 0;
  padding: 0;
}

#control-wrap {
  margin: 10px 10px 10px 0px;
  overflow: hidden;
}

.con_box {
  display: block;
  position:relative;
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.lead {
	  margin: 10px 30px 0 30px;
}

/*詳細データ*/

.h2_detail{
	position: absolute;
	top:0px;
	left:0px;
}

.detail_info{
	position: relative;
	margin:20px auto 0;
	width:626px;
	border:1px solid #4c55a3;
}

.detail_info table{
	margin:65px 40px 0 40px;
	border-collapse: separate;
	border-spacing:0 5px;
}
.detail_info th{
	height:50px;
	vertical-align:top;
	
}
.detail_info td{
	padding:0 0 20px 20px;
	border-collapse: separate;
	border-spacing: 5px 10px;
}
.detail_info ul{
	margin:-5px 0  0 15px;
}
.detail_info li{
	margin:10px 0;
	list-style: disc outside;
}
.btn_detail{
	margin:10px auto;
	width:243px;
}

.btn_detail a{
	display:block;
	width:243px;
	height:49px;
}
.down_dl{
	margin-top:15px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.text_narrow{
	letter-spacing:0.05em;
	}
}

/*トップ専用*/
/*登録マップ*/
.map_h2{
	margin: 20px auto 0;
	width: 668px;
}

.map_box{
	position:relative;
	top:-10px;
	clear:both;
	overflow:hidden;
	background:url("../image/img_map.png") no-repeat 10px 230px #fcfbf6;
	width:634px;
	margin: 0 auto;
}
.map_box a{
	display:block;
	width:177px;
	height:79px;
}

ul.map_li01{
	float:left;
	margin:15px 0 15px 16px;
}
li.li_yaku{
	margin-bottom:268px;
}
ul.map_li02{
	float:left;
	margin: 106px 34px 0;
}
li.li_kyoto{
	margin-bottom:359px;
}
ul.map_li03{
	float:left;
	margin:15px 16px 15px 0;
}
li.li_shirakami{
	margin-bottom:268px;
}

.map_box li{
	margin-top:12px;
	height:79px;
}

/*#article .con_box .att {
    margin: -10px 0 0 45px;
    font-size: 14px;
}*/


/*登録リスト*/
.touroku_list{
	position:relative;
	clear:both;
	overflow:hidden;
	margin-top:30px;
}
.touroku_list h2{
	margin:0 auto;
	width:639px;
}

.touroku_list h3 {
  margin: 0 auto;
  width: 639px;
}

.touroku_list ul{
	margin:0 auto;
	width:639px;
}
.touroku_list li{
	clear:both;
	overflow:hidden;
	padding:20px 15px 15px 15px;
	border-bottom:2px solid #ccc;
}
.li_data{
	float:left;
	width:145px;
	color:#000;
}
.li_ctg{
	float:left;
	margin:0px 13px 0 12px;
	width:84px;
  position: relative;
  bottom: 3px;}

.li_name{
	color:#c0c0c0;
  text-indent:-0.2em;
}
.li_name span{
	font-weight:800;
}
.quiz{
	display:block;
	margin:20px;
}



/*--ここから先はいじらない_(:3<)_--*/
/*header*/
#headerR p {
  font-size: 13px;
}




/*ボトム*/
.related_link {
  border: 1px solid #f08ba2;
  margin: 45px 10px 30px;
  font-size: 13px;
  overflow: hidden;
  clear: both;
}
.related_link > p {
  letter-spacing: 0.15em;
  background: #fbd5da;
  padding: 5px 0 5px 20px;
  margin: 0 0 10px 0;
  text-align: left;
  font-weight: 600;
}

.related_link dl {
  margin: 0px 10px 5px 15px;
  overflow: hidden;
}

.related_link dt {
  width: 340px;
  color: #555;
  font-size: 13px;
  float: left;
  margin: 5px 0 5px 10px;
}

.related_link dd {
  width: 260px;
  font-size: 13.5px;
  float: left;
  margin: 5px 5px 5px 15px;
  padding: 0px 5px 0px 20px;
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 5px 4px transparent;
  color: #888;
  font-weight:bold;
}

.mo_box {
  width: 634px;
}









/*----------------------------
 SNS公式アカウントBOX
-----------------------------*/
#sns_box {
	display:block;
	margin:0 auto 5px;
	width:300px;
}
#sns_link_box {
	overflow:hidden;
	border:2px solid #0a72c3;
	width:296px;
	padding:0;
	margin: 0px auto 5px;
	background:#fff;
}
#sns_link_box dt {
	position:relative;
	padding: 4px 0 8px; 
	font-size:18px;
	color:#fff;
	border:1px solid #4997d3;
	border-bottom-color:#1273bf;
	text-align:center;
	background-color:#358cd0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358cd0), color-stop(100%, #1f7ec7));
	background-image: -moz-linear-gradient(top, #358cd0, #1f7ec7);
	background-image: linear-gradient(top, #358cd0, #1f7ec7);
	font-weight:bold;
	line-height:1;
	behavior: url(/css/PIE.php);
} 

#sns_link_box #sns_list {
	width:280px;
	margin:0 auto;
	padding:8px 1px 8px 4px;
	text-align:center;
}
#sns_link_box #sns_list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
*+html #sns_link_box #sns_list { zoom: 1; }
#sns_link_box #sns_list li {
	position:relative;
	float:left;
	padding:0 9px 0 0;
	behavior: url(/css/PIE.php);
}
#sns_link_box #sns_list li:last-child {
	position:relative;
	float:left;
	padding:0;
	behavior: url(/css/PIE.php);
}

#sns_link_box #sns_list li a{
	display:block;
	}
#sns_link_box #sns_list li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7 !important;
	}

#sns_link_box #sns_list li.disable{
	background:#eee;
	border-color:#ccc;
}
#sns_link_box #sns_list li img {
	display:block;
	zoom:1;
	text-align:center;
	margin:4px auto;
}
#sns_link_box #lnk_sns_cont {
	display:block;
	text-align:center;
	margin:0 15px;
	border-top:1px solid #358cd0;
	padding:10px 0px;
	font-weight: 600;
	color: #999;
	font-size:15px;
}

.share_box {
	margin: 20px auto 0;
	overflow: hidden;
	/zoom:1;
}
@media screen and (max-device-width: 1024px){
	.share_box {
		margin: 24px auto 0;
	}
}
.share_box dt img {
	display:block;
}
.share_box dd {
	padding:10px 5px 0;
}

.share_box dd ul {
	overflow:hidden; /zoom:1;
}
.share_box dd ul li {
	display: block;
	float: left;
	line-height: 1;
	margin: 0 6px 10px;
	width: 131px;
	height: 30px;
	padding: 10px 0 0;
	text-align: center;
	background: #d3e5f4;
	border: 1px solid #b7d3ea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.share_box dd ul li span.line_bg {
	display:block;
	width:82px;
	height:20px;
	margin:0 auto;
}


#sns_box p.arrow {
	background: url(../image/lst_bnr_cap.gif) no-repeat 2px 8px;
	margin: 0;
	padding: 5px 0 0 12px;
	font-size: 12px;
	text-align: left;
}
#sns_box .mrk_sns_link {
	background: url(/image_cmn/light_s.png) no-repeat 0px 0px;
	margin:8px auto 5px;
	padding:0 0 0 15px;
	font-size:12px;
	text-align:left;
}
#sns_box #sns_ex {
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	zoom:1;
	text-align:center;
}

/* -------------------------
 SNS情報　テキストスタイル
-------------------------- */

* > .snsinfo_font{
    text-indent:1.7em;
    margin:15px 0 0;
}


/* -------------------------
 右カラム　SNS情報
-------------------------- */
/*ソーシャルバナー*/
.social_banner_area li {
	margin-bottom:15px;
}

/*shareボタン*/
.share_box_wrap {
	border: 2px solid #0a72c3;
	background: #fff;
}

.share_box_wrap .share_box {
	margin: 0 auto;
}

.share_box_wrap .share_box dd ul li {
	width: 129px;
}

/*このページを友達に教える*/
p.mk_mail {
    text-align: center;
    margin: 8px 0 11px;
}

p.mk_mail a {
    background: rgba(0, 0, 0, 0) url("/search/image/dtl_new/mark_mail_blue_speedup.png") no-repeat scroll 0 0;
    color: #0000ff;
    font-size: 17px;
    padding: 10px 0 10px 40px;
    vertical-align: middle;
}

/*oyakudachi.cssで指定してある背景色を白に変更*/
* > aside#side_lnk {
    background: #FFF;
}

.bnr_heri{
	width:290px;
	margin:0 auto 15px;
	text-align:center;
}


/* 左カラム用に追加 */
nav#sidemenu{
	width:250px;
	margin-right:30px;		
}

nav#sidemenu img {
	vertical-align: bottom;
}

nav#sidemenu h2{
 box-shadow:0px 3px 7px -2px #a6a6a6;
-moz-box-shadow:0px 3px 7px -2px #a6a6a6;
-webkit-box-shadow:0px 3px 7px -2px #a6a6a6;
	width: 250px;
	height: 52px;
	margin-bottom: 12px;
}

ul.side_list {
	margin: 6px auto 20px;
	width: 240px;
}

ul.side_list li {
	border-bottom: dashed 1px #ababab;
}

ul.side_list li a{
	display: block;
	padding: 16px 0 16px 22px;
	font-size: 15px;
}
.list01 li a {
	background: url(../../image/ico_side_01.png) no-repeat 10px 23px;
}
.list02 li a {
	background: url(../../image/ico_side_02.png) no-repeat 10px 22px;
}
.list03 li a {
	background: url(../../image/ico_side_03.png) no-repeat 10px 23px;
}

ul.side_list li:hover {
	background-color: #fffcda;
}

ul.side_list li span {
	color: #6b511f !important;
	font-weight: normal;

}
@media screen and (max-device-width: 1024px) {
ul.side_list li span {
	margin-left: -5px;
}
}
ul.side_list li span.indent_left{
	margin-left: -10px;
}
/*サイドメニューアクティブ*/
.hiraizumi .list01 li.li01 a,
.nikko .list01 li.li02 a,
.tomioka .list01 li.li03 a,
.seiyo .list01 li.li04 a,
.shirakawagou .list01 li.li05 a,
.fujisan .list01 li.li06 a,
.kiisanchi .list01 li.li07 a,
.kyouto .list01 li.li08 a,
.himeji .list01 li.li09 a,
.nara .list01 li.li10 a,
.houryuji .list01 li.li11 a,
.iwamiginzan .list01 li.li12 a,
.itsukushima .list01 li.li13 a,
.genbaku .list01 li.li14 a,
.ryukyu .list01 li.li15 a,
.hashino .list02 li.li01 a,
.nirayama .list02 li.li02 a,
.ebisu_ooitayama .list02 li.li03 a,
.hagi_jokamachi .list02 li.li04 a,
.hagi .list02 li.li05 a,
.shouka .list02 li.li06 a,
.kanei_yawata .list02 li.li07 a,
.miike .list02 li.li08 a,
.misumi .list02 li.li09 a,
.mie_tsukai .list02 li.li10 a,
.grabar .list02 li.li11 a,
.nagasaki_zousen .list02 li.li12 a,
.takashima .list02 li.li13 a,
.hashima .list02 li.li14 a,
.shuuseikan .list02 li.li15 a,
.terayama .list02 li.li16 a,
.siretoko .list03 li.li01 a,
.shirakami .list03 li.li02 a,
.ogasawara .list03 li.li03 a,
.okinoshima .list01 li.li17 a,
.yakushima .list03 li.li04 a ,
.nagasaki .list01 li.li18 a,
.oosaka .list01 li.li19 a
 {
	background-color: #e7fce2;
	font-weight: 600;
	color: #111111;
	pointer-events: none;
	cursor: default;
}


/* ----------------------------
 カテゴリトップbutton
------------------------------ */

/*.category_search{*/
.category_search{
  margin-left: 10px;
  position: relative;
  top: 23px;
	display: inline-block;
	float: left;
	padding: 0;
	text-decoration: none;
}

.category_search a {
  display: inline-block;
  background: #297ed4;
  background: -moz-linear-gradient(top, #297ed4 0%, #2574c4 100%);
  background: -webkit-linear-gradient(top, #297ed4 0%,#2574c4 100%);
  background: linear-gradient(to bottom, #297ed4 0%,#2574c4 100%);
  border: 1px solid #125394;
  border-radius: 3px;
  box-shadow: 0 2px 4px 2px rgba(225,220,211,0.5);
  box-sizing:border-box;
  color: #fff;
  font-size:22px;
  font-weight:bold;
  letter-spacing: 0.03em;
  line-height: 45px;
  min-width: 330px;
  padding: 0 20px;
  position: relative;
  text-align: center;
}

.category_search a::before {
  background: url(/useful/image_cmn/bg_category_search_left.png) no-repeat 0 0;
  bottom: 1px;
  content: "";
  height: 24px;
  left: 9px;
  position: absolute;
  width: 54px;
}

.category_search a::after {
  background: url(/useful/image_cmn/bg_category_search_right.png) no-repeat 0 0;
  bottom: 1px;
  content: "";
  height: 22px;
  position: absolute;
  right: 11px;
  width: 34px;
}

.category_search a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8 !important;
}

.category_search img {
	height: 22px;
	margin-right: 2px;
	margin-bottom:-5px;
	width: auto;
}

.category_search a.cate_text_long {
	letter-spacing: -0.04em;
	font-size: 19px;
}





/* 下部ボタンのセンター */
aside.main_category {
  font-size:17px;
  font-weight: 600;
  margin: 50px auto 0;
  padding: 40px 0 0;
  text-align: center;
  border-top: 1px solid #FFA5C9;
}

aside.main_category .category_search {
  top: 6px;
  float: none;
}

.ad_bnrbox_token_square{
    margin: 45px auto 0;
    padding: 5px 0 0;
    text-align: center;
    border-top: 1px solid #FFA5C9;
}
.ad_bnrbox_token_mini .ad_bnrbox_token{
	padding: 0 !important;
 	width: 720px;
}
#content .ad_bnrbox_token_mini .ad_box, 
.ad_box{
 height:auto;
 margin: 0 10px;
}

/* ---------------------------------------
 ページトップへ
 ---------------------------------------- */
#btn_pagetop {
  display: none;
  width: 90px;
  height: 70px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 100;

  background: url(/search/image/dtl_new/bg_pagetop_btn.png) no-repeat 0 0;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -ms-transition: background 200ms linear;
  transition: background 200ms linear;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

#btn_pagetop:hover {
  background-position: 0 -50px;
}

/* ----------------------------------------------------------
 ページ下部 2-3つ並びバナー (footer: 2-3 banner) _ad_bnrbox
---------------------------------------------------------- */
#content .ad_bnrbox_token_square .ad_bnrbox03.col3,
.ad_bnrbox_token_square .ad_bnrbox03.col3 {
  border-top: none;
  display: flex;
  justify-content: center;
  margin-top: 25px;
  padding-top: 0;
  width: auto;
}

#content .ad_bnrbox_token_square .ad_bnrbox03 .ad_box03,
.ad_bnrbox_token_square .ad_bnrbox03.col3 .ad_box03 {
  display: inline-flex;
  margin: 0 10px;
  padding: 0;
}

.ad_bnrbox_token_square .ad_bnrbox03.col3 .ad_box03 .ad_box03_link {
  display: block;
  font-size: 0;
  height: auto;
  width: 220px;
}

.ad_bnrbox_token_square .ad_bnrbox03.col3 .ad_box03 .ad_box03_link img {
  height: auto;
}

.ad_bnrbox_token_square .ad_bnrbox03.col3 + .mo_box {
  margin-top: 25px;
}

#conent .ad_bnrbox_token_square .ad_bnrbox03.col3,
.ad_bnrbox_token_square .ad_bnrbox03.col3 {
  border-top: none;
}