@charset "utf-8";
/* ==========================================================

title : ホームメイト・リサーチ ネット広告_有料広告掲載施設
scope : 施設詳細 接骨院_整骨院_上書きCSS
 
last modify : 2018/11/29 333_niioka 社長指示）テキスト色#333,#666,#444→#000

memo  :
2018/02/26 ピカ写メSNSアカウント余白調整
2017/12/18 156_goto リサーチドメイン変更に伴うリンク修正
2017/10/27 237_sato_s 周辺の口コミ／写真／動画ページ「ピカ写メ3点セット」追加 #12997
2017/07/04 230_inagaki ヘッダー改修#12261
2017/04/10 247_morita 【施設詳細】レイアウト改修 #11748
2015/07/30 156_goto 新規作成

========================================================== */
/* ---------------------------------
 header 
--------------------------------- */
header#header_new.dtl.bc67 {
  background: transparent url("//www.judo-ch.jp/sekkotsuinsrch/image_cmn/bg_bc67_header.png") repeat-x 0 25px;
  border-bottom: 1px solid #a5e0c4;
  height: auto;
}
header#header_new.bc67 #ttl_area {
  background-color: #49922d;
  background-image: none;
  height: 25px;
  width: 100%;
}
header#header_new.bc67 #ttl_area .inner {
  color: #fff;
  font-size: 14px;
  line-height: 27px;
  margin: 0 auto;
  width: 1000px;
}
.cf:before, .cf:after {
  content: " ";
  display: table;
}
#header_new.dtl.bc67 .header_cont {
  background: transparent url("//www.judo-ch.jp/sekkotsuinsrch/image_cmn/bg_bc67_header_top.png") no-repeat 540px bottom/500px;
  height: 115px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}

#header_new.bc67 #ttl_area .left {
  float: left;
}
#header_new.bc67 #ttl_area .right {
  float: right;
  position: relative;
}
#header_new.bc67 #ttl_area .right a {
  color: #fff;
  margin: 0 0 0 -18px;
}
#header_new.bc67 #ttl_area .right:after {
  bottom: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  height: 6px;
  left: -35px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  vertical-align: middle;
  width: 6px;
}
#header_new.dtl.bc67 .header_cont .logo_dtl {
  left: 10px;
  position: absolute;
  top: 5px;
}
#header_new.dtl.bc67 .header_cont .logo_dtl img {
  height: 105px;
  width: 309px;
}

#header_new.dtl.bc67 .header_cont .btn_return_box_dtlillust {
  background: #fff;
  border-radius: 18px;
  bottom: 12px;
  display: inline-block;
  height: 28px;
  position: absolute;
  right: 14px;
  width: 162px;
}

/*施設詳細用[イラストヘッダー]*/
#header_new.bc67.dtl .header_cont .category_title_name{
  background-color: #fff;
  border: 3px solid #0eab5f;
  border-radius: 5px;
  color: #0eab5f;
  display: inline-block;
  font-size: 24px;
  height: 44px;
  left: 320px;
  line-height: 44px;
  padding: 0 20px;
  position: absolute;
  top: 33px;
}

/* ------------------------------------------------------------------
 基本情報ページ
------------------------------------------------------------------ */

/* ---------------------------------
 TOP_施設名_タイトル画像
--------------------------------- */
.top_visual.type_a{
  background:url("../image/●●/bg_top_visual.jpg") repeat-x 0 0;
}

.top_visual.sub.type_a{
  background:url("../image/●●/bg_top_visual_s.jpg") repeat-x 0 0;
}

.top_visual.type_b{
  background:url("../image/bg_top_visual.jpg") repeat-x 0 0;
}

.top_visual.type_b .inbox{
  background:url("../image/bg_top_visual_ov.jpg") no-repeat center bottom;
}

.top_visual.type_b.sub{
  background:url("../image/bg_top_visual_s.jpg") repeat-x 0 0;
}

.top_visual.type_b.sub .inbox{
  background:url("../image/bg_top_visual_s_ov.jpg") no-repeat center bottom;
}

.top_visual.type_b .type{
  background:#e1ae5e;
}

.top_visual.type_b .fa_name .name{
  color:#082012;
}
/* ---------------------------------
 TOPグローバルメニュー
--------------------------------- */
#top_menu,
.nav_menu{
  border:1px solid #07582b;
  border-top:1px solid #07582b;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 35%, #e6eee4 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 35%,#e6eee4 100%);
;
}
.nav_gloval li{
  border-left:1px solid #dbebf4;
  border-right:1px solid #046e37;
	background: url(../image/btn_nav_icon.png) no-repeat right 2px bottom 2px;
	font-size: 16px;
}

.nav_gloval li:last-child{
	background-position: right 3px bottom 2px;
}

.nav_gloval li.on{
  border-left: none;
  border-right:1px solid #046e37;
  background:#009944;
}
.nav_gloval li:hover{
  border-left:none;
  background:#009944;
  color:#fff;
}
.nav_gloval li:hover a{
  color:#fff;
}
.nav_gloval li.on:hover{
  background:#009944;
}
.nav_gloval li a{
  color:#000;
}

/* ---------------------------------
 basic_info タイトル
--------------------------------- */
.basic_info .fa_name{
  background-color:#009944;
}

.basic_info .fa_name .type{
  background:#e1ae5e;
}

.main_info .ta_main_info th{
  background:#dbf1d4;
}
/* ---------------------------------
 各ボックス調整
--------------------------------- */
.sec_inbox {
  width: 860px;
  margin: 0 auto;
}
.sec_inbox.system{
  padding-bottom:15px;
}
/* ---------------------------------
 sec_box 各タイトル部分
--------------------------------- */
.sec_header{
  background:url("../image/bg_sec_header_sla01.gif") repeat 0 0;
  color:#000;
  border-bottom:4px solid #009944;
}

.ttl_main.photo{
  background:url("../image/ico_ttl_photo.png") no-repeat 30px center;
}

.ttl_main.report{
  background:url("../image/ico_ttl_report.png") no-repeat 30px center;
} 
.ttl_main.message{
  background:url("../image/ico_ttl_message.png") no-repeat 30px center;
} 
.ttl_main.outline{
  background:url("../image/ico_ttl_outline.png") no-repeat 30px center;
} 
.ttl_main.point{
  background:url("../image/ico_ttl_point.png") no-repeat 30px center;
} 
.ttl_main.mbcom{
  background:url("../image/ico_ttl_mb.png") no-repeat 30px center;
}  
.ttl_main.inq{
  background:url("../image/ico_ttl_inq.png") no-repeat 30px center;
}

.ttl_main.plan{
  background:url("../image/ico_ttl_plan.png") no-repeat 30px center;
}

.ttl_main.system{
  background:url("../image/ico_ttl_system.png") no-repeat 30px center;
}

.ttl_main.access{
  background:url("../image/ico_ttl_access.png") no-repeat 30px center;
}

.ttl_main.around{
  background:url("../image/ico_ttl_access.png") no-repeat 30px center;
}

.ttl_main.area_fa{
  background:url("../image/ico_ttl_access.png") no-repeat 30px center;
}

.ttl_main.review{
  background:url("../image/ico_ttl_review.png") no-repeat 30px center;
}

.ttl_main.recruit{
  background:url("../image/ico_ttl_recruit.png") no-repeat 30px center;
}

.ttl_main.kengaku{
  background:url("../image/ico_ttl_kengaku.png") no-repeat 30px center;
}

.ttl_main.info{
  background:url("../image/ico_ttl_info.png") no-repeat 30px center;
}

.ttl_main.enrollment{
  background:url("../image/ico_ttl_enrollment.png") no-repeat 30px center;
}

/* ---------------------------------
 施設写真
--------------------------------- */
/* 施設名_アイコンスプライト_接骨院_整骨院 */
.main_photobox .fa_name .icon .io {
  left: -150px;
}

/* ---------------------------------
 メッセージ_レポート
--------------------------------- */
#sec_message .bg_box{
  background:url("../image/bg_illust_a.png") repeat-y right top;
}

.intro dt{
  color:#009944;
}
/* ---------------------------------
 画像floatボックス
--------------------------------- */
.fl_box > .ttl{
  color:#009944;
}
/* ---------------------------------
 見学会 案内
--------------------------------- */
#sec_kengaku,
#sec_info{
  padding:0;
}

#sec_kengaku .bg_box,
#sec_info .bg_box{
  padding:30px;
  background:url("../image/bg_illust_a.png") repeat-y right top;
}

#sec_kengaku .bg_box p,
#sec_info .bg_box p{
  padding:0 0 0.5em;
  color:#000;
  line-height:1.6;
  text-shadow: 2px  2px 5px #f5f4f0,
        -2px  2px 5px #f5f4f0,
         2px -2px 5px #f5f4f0,
        -2px -2px 5px #f5f4f0;
}

.data_kengaku,
.data_info{
  margin:0;
}

.data_kengaku dt,
.data_info dt{
  padding:0 0 0.8em;
  color:#009944;
  font-weight:bold; 
  font-size:1.125em;
  line-height:1.4;
}

.data_kengaku dd p,
.data_info dd p{
  font-size:1.000em;
  line-height:1.4;
}

/* ---------------------------------
 サブタイトル
--------------------------------- */
.ttl_sec_sub{
  background:url("../image/bg_ttl_circle_btmline.png") repeat-x left bottom;
  color:#009944;
}

.ttl_sec_sub:before{
  background:url("../image/mrk_ttl_circle.png") no-repeat 0 0;
}

/* ---------------------------------
 基本 table
--------------------------------- */
.ta_def th{
  background:#dbf1d4;
}

table.bg_ill_a{
  background:#f9f8f5 url("../image/bg_illust_a.png") repeat-y right top;
}

table.bg_ill_b{
  background:#f9f8f5 url("../image/bg_illust_b.png") repeat-y right top;
}

.ta_def ul.joken{
  margin:0.5em 0 0;
  padding-left:1em;
}

.ta_def ul.joken li{
  margin:0.5em 0 0;
  list-style:square outside;
  line-height:1.4;
}

.ta_def dl.more_info{
  margin:0.5em 0 0;
  padding:0;
}

.ta_def dl.more_info dt{
  margin:0 0 0.5em;
  padding:0;
}
/*.sec_inbox.enrollment .ta_def{
  width:820px;
}

.sec_inbox.enrollment .ttl_ta_caption{
  width:820px;
}*/
.sec_inbox.enrollment .lead_more_info{
/*  width:820px;*/
  margin:0px auto 30px;
  font-size:1.000em;
  line-height:1.4;
}

/* ---------------------------------
 ta_def.week
--------------------------------- */
.ta_def.week tr:nth-child(1) th{
  background:#dbf1d4;
}
/* ----------------------------------------------------------
 PR_フリースペース
---------------------------------------------------------- */
.pr_free_box{
  border:4px solid #009944;
}

.fs_header{
  background:#009944;
}

/* ----------------------------------------------------------
 友達に教える
---------------------------------------------------------- */
.snsbox .sec_header{
  background:url("../image/bg_sec_header_sla02.gif") repeat 0 0;
}
  
/* ---------------------------------
 下部サブナビゲーション
--------------------------------- */
/* ---------------------------------
 下部サブナビゲーション
--------------------------------- */
.nav_sub_gloval li{
  background: url("../image/bg_nav_sub_gloval_line.png") repeat-y left center;
}

.nav_sub_gloval li a{
  color:#4d5662;
  background: url("../image/ico_sub_menu.png") no-repeat 15px 0px;
}

.nav_sub_gloval li a:hover{
  color:#009944;
}

.nav_sub_gloval li a:hover{
  background: url("../image/ico_sub_menu.png") no-repeat 15px -50px;
}

.nav_sub_gloval li a[href*="javascript:void(0)"]{
  background: #009944;
}

.nav_sub_gloval li a[href*="javascript:void(0)"] :after{
  background: url("../image/img_nav_sub_gl_arrow.gif") no-repeat 0 0;
}

.nav_sub_gloval li.nav_system a,
.nav_sub_gloval li.nav_report a,
.nav_sub_gloval li.nav_access a,
.nav_sub_gloval li.nav_around a{
  padding:8px 0 0 38px;
  line-height:1.1;
}

.nav_sub_gloval li.nav_system a[href*="javascript:void(0)"],
.nav_sub_gloval li.nav_report a[href*="javascript:void(0)"],
.nav_sub_gloval li.nav_access a[href*="javascript:void(0)"],
.nav_sub_gloval li.nav_around a[href*="javascript:void(0)"]{
  padding:6px 20px 0;
  line-height:1.1;
  text-align:center;
}

/* ---------------------------------
 QRコード
--------------------------------- */
.qr_code img{
  padding:4px;
  border: 1px solid #333
}


/* ---------------------------------
 レポートページ
--------------------------------- */
.rptbox .data .in_box .txt .txt_qt{
  color:#009944;
	background:url("../image/ico_rpt_txt_qt.png") no-repeat left 0.2em;
}

/* keyword　注目ワード */
#keyword_list dt{
  color:#2f69bb;
}
/* ---------------------------------------
 footer
---------------------------------------- */
#container > footer {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 14px 0 0 0;
  background:#fff url(../image/fot_bg_menu_box.gif) repeat-x 0 bottom;
  border-top: 1px solid #b3c6e4;
  color: #000;
  min-height: 52px;
}

#container > footer ul.foot_submenu { text-align: center; }

#container > footer ul.foot_submenu li {
  display: inline;
  float: none;
  font-size: 12px;
  padding: 1px 4px 1px 8px;
  border-left: 1px solid #aaa;
}

#container > footer ul.foot_submenu li:last-child {
  padding-right: 8px;
  border-right: 1px solid #aaa;
}

#container > footer ul.foot_submenu li.sub_last {
  padding: 0px 0px 2px;
  background: none;
}

#container > footer p#manage {
  clear: both;
  margin: 10px auto 0;
  padding: 0px 0px 0;
  font-size: 12px;
  text-align: center;
}

#container > footer p#copyright {
  clear: both;
  margin: 10px auto;
  padding: 0px 0px 0 0px;
  font-size: 11px;
  text-align: center;
}

* > .mo_box {
margin: -8px auto 15px;
}

#line_box_footer {
  clear: both;
  width: auto;
  margin: 0 0 -15px 0;
}

#line_box_footer .color_g {
  width: 100%;
  height: 7px;
  background-color: #418250;
}

#line_box_footer .color_p {
  margin: 3px 0 0 0;
  width: 100%;
  height: 15px;
  background-color: #cc5479;
}


/* ------------------------------------------------------------------
 交通アクセスページ
------------------------------------------------------------------ */
/* ---------------------------------
 交通アクセス table
--------------------------------- */
.ta_def.access .access_type.train{
  background:url("../image/ico_train.png") no-repeat center top;
}

.ta_def.access .access_type.bus{
  background:url("../image/ico_bus.png") no-repeat center top;
}

.ta_def.access .access_type.car{
  background:url("../image/ico_car.png") no-repeat center top;
}

/* ---------------------------------
 周辺マーケティング
--------------------------------- */
.shuhen_shisetsu dt{
	background: url(../image/ttl_shuhen_shisetsu.png) no-repeat;
}

/* ---------------------------------
 ピカ写メ解説動画バナー #12997
--------------------------------- */
.pika_channel{
  background: url("//www.homemate-research.com/banner/pika_channel/bg_img01.png");
  background-size: 4px 4px;
  border: 1px solid #10367a;
  box-sizing: border-box;
  height: 140px;
  width: 640px;
  margin: 20px auto 8px;
}
.pika_channel h3{
  height: 69px;
  margin: 0;
  width: 638px;
}
.pika_channel div{
  padding-top: 8px;
  text-align: center;
  width: 638px;
}
.pika_channel a{
  display: inline-block;
  height: 54px;
  margin: 0 5px;
  width: 199px;
  opacity: 1;
  outline: none;
}
.pika_channel a.gryout{
  cursor: default;
}
.pika_channel a:hover{
  opacity: 0.8;
}
.pika_channel a.gryout:hover{
  cursor: default;
  opacity: 1;
}
.pika_channel a img{
  height: 54px;
  width: 199px;
  opacity: 1;
  outline: none;
}
.pika_channel a:hover img{
  opacity: 1;
}
.pika_channel a.gryout img{
  cursor: default;
  opacity: 1;
}
.pika_channel a.gryout:hover img{
  cursor: default;
  opacity: 1;
}