@charset "utf-8";
/*
Theme Name: Design Themes
Description: JBHA さま専用 固定デザインテーマ
Author: voox
Version: 1.0
Text Domain: themes-n
*/

* { margin:0; padding:0; }

/*----------------------------------------------------------------------------------
 ▼ Base
----------------------------------------------------------------------------------*/
body {
		font-family:"MS P Gothic";
		font-size:16px;
		line-height:1.6;
		text-align:center;
		margin:0 auto;
		padding-top:28px;
		color:#000000;
}

table           { font-family:"MS P Gothic"; font-size:100%; border:0; border-collapse:collapse; }
table td img    { border:none; vertical-align:text-bottom; }

img             { border:none; vertical-align:text-bottom; }

p               { margin-bottom:1.5em; }

a:link,a:active { color:#3333ff; text-decoration:underline; }
a:visited       { color:#551a8b; text-decoration:underline; }
a:hover         { color:#3333ff; text-decoration:none; }

/* リンク下線無一括指定 */
#Sidebar ul li a,
.home #News-area ul li a,
#member_menu_box p.chech-edit a       { text-decoration:none; }

#Sidebar ul li a:hover,
.home #News-area ul li a:hover,
#member_menu_box p.chech-edit a:hover { text-decoration:underline; }

hr              { clear:both; display:none; }

ul,dl           { list-style-type:none; }

h1,h2,h3,h4,h5,h6,h7,
li,dt,dd,
form,input,
textarea       {}

/* display:none; */
.skipping      { display:none; }

/* Sof clearfix */
.cf                   { zoom:1; }
.cf:before, .cf:after { content:""; display: table; }
.cf:after             { clear:both; }     
/* Eof clearfix */

/*----------------------------------------------------------------------------------
 ▼ スキップ：音声読み上げ用 ( Read-Aroud )
----------------------------------------------------------------------------------*/
.RA {
		overflow:hidden !important;
		height:0 !important;
		width:0 !important;
		padding:0 !important;
		margin:0 !important;
		border:none !important;
		font-size:0 !important;
/*		position:absolute !important;
		left:18px;*/
}

.RA a {
		width: 120px;
		padding: 5px;
/*		position:absolute;
		z-index: 2;
		left: -9999px;
		top: 0;*/
		text-align: center;
}

.RA a:focus,
.RA a:active {
/*		left: 0;*/
		background:#666;
		color:#fff;
}

/*----------------------------------------------------------------------------------
 ▼ レイアウト : body 直下
----------------------------------------------------------------------------------*/
#Wrapper { width:960px; margin:0 auto; text-align:center; position:relative; }
/*-------------------------*/
/* Bof clearfix */
#Wrapper:after     { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#Wrapper           { display:inline-table; }
/* Hides from Mac IE \*/
* html #Wrapper    { height:1px; }
#Wrapper           { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/


/*----------------------------------------------------------------------------------
 ▼ レイアウト : ヘッダ ( H1 から メインメニューまで )
----------------------------------------------------------------------------------*/
#Header-block {
		background:scroll no-repeat 0 20px url(./img/logo1.gif);
		width:100%;
		margin:0 auto;
		text-align:left;
}

/* h1, description */
h1                  { width:100%; padding-top:28px; }
h1 a, p.description { text-indent:100%; white-space:nowrap; overflow:hidden; }

h1 a                {
		background:scroll no-repeat left center url(./img/h1.gif);
		text-decoration: none;
		display:block;
		width:351px;
		height:27px;
		line-height:27px;
		margin:0 0 10px 66px;
		outline:none;
}

p.description       {
		background:scroll no-repeat left top url(./img/description.gif);
		width:462px;
		height:35px;
		line-height:35px;
		margin:0 0 0 66px;
		padding:0;
}

/*----------------------------------------------------------------------------------
 ▼ メインメニュー
----------------------------------------------------------------------------------*/
.menu-block         { width:100%; height:84px; _margin-bottom:9px; }
/*-------------------------*/
/* Bof clearfix */
.menu-block:after   { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.menu-block         { display:inline-table; }
/* Hides from Mac IE \*/
* html .menu-block  { height:1px; }
.menu-block         { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/

.menu-block ul      { width:100%; height:100%; }
.menu-block li      { display:inline; float:left; }

.menu-block ul li a {
		background-image:url(./img/bg_menublock.png);
		background-attachment:scroll;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		outline:none;
		width:188px;
		height:46px;
		line-height:46px;
		margin-top:14px;
		margin-bottom:8px;
		margin-left:5px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

/* 赤噴出しボタンのときは下部にマージン */
.menu-block ul li a:hover,
.menu-block ul li a:focus,
.menu-block ul li.page-item-topF a,
.menu-block ul li/*.page-item-5.current_page_item a,
.menu-block ul li.page-item-6.current_page_item a,
.menu-block ul li.page-item-7.current_page_item a,
.menu-block ul li.page-item-10*/.current_page_item a,
.menu-block ul li.current_page_ancestor a,
.hk-report .menu-block ul li.page-item-7 a,
.as-report .menu-block ul li.page-item-7 a { height:53px; line-height:53px; margin:bottom:0; }

.menu-block ul li.page-item-top a,
.menu-block ul li.page-item-top a:hover,
.menu-block ul li.page-item-top a:focus,
.menu-block ul li.page-item-topF a { margin-left:0; }

.menu-block ul li.page-item-top a                 { background-position:0 0; }
.menu-block ul li.page-item-5 a                   { background-position:-188px 0;}
.menu-block ul li.page-item-6 a                   { background-position:-376px 0;}
.menu-block ul li.page-item-7 a                   { background-position:-564px 0;}
.menu-block ul li.page-item-10 a                  { background-position:-752px 0;}

/* ▼マウスオーバー時、現在のページを表示中のときの動作*/
/* トップページ */
.menu-block ul li.page-item-top a:hover,
.menu-block ul li.page-item-top a:focus,
.menu-block ul li.page-item-topF a                 { background-position:0 -46px; }

/* ヘルスキーパーとは */
.menu-block ul li.page-item-5 a:hover, .menu-block ul li.page-item-5 a:focus,
.menu-block ul li.page-item-5.current_page_ancestor a,
.menu-block ul li.page-item-5.current_page_item a  { background-position:-188px -46px; }

/* 協会について */
.menu-block ul li.page-item-6 a:hover, .menu-block ul li.page-item-6 a:focus,
.menu-block ul li.page-item-6.current_page_ancestor a,
.menu-block ul li.page-item-6.current_page_item a  { background-position:-376px -46px; }

/* 主な事業活動 */
.menu-block ul li.page-item-7 a:hover, .menu-block ul li.page-item-7 a:focus,
.menu-block ul li.page-item-7.current_page_ancestor a,
.menu-block ul li.page-item-7.current_page_item a,
.hk-report .menu-block ul li.page-item-7 a,
.as-report .menu-block ul li.page-item-7 a         { background-position:-564px -46px; }

/* 企業の皆様へ */
.menu-block ul li.page-item-10 a:hover, .menu-block ul li.page-item-10 a:focus,
.menu-block ul li.page-item-10.current_page_ancestor a,
.menu-block ul li.page-item-10.current_page_item a { background-position:-752px -46px; }

/*----------------------------------------------------------------------------------
 ▼ H2 タイトル画像
----------------------------------------------------------------------------------*/
/* トップページ */
.title-h2 {
	width:100%;
	height:318px;
	line-height:318px;
	margin:0 auto 30px auto;
	text-align:center;
}

.title-h2 img { margin:6px auto; }

/* トップページ以外 */
.title-c-h2 {
		background:scroll no-repeat left top url(./img/bg_h2_other.jpg);
		width:100%;
		height:112px;
		line-height:112px;
		margin:10px auto 30px auto;
		position:relative;
		overflow-x:hidden;
}

.title-c-h2 h2 {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:left top;
		width:329px;
		height:67px;
		line-height:67px;
		position:absolute;
		top:28px;
		right:22px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

.page-id-5 h2,
.parent-pageid-5 h2,
.single-post.industry h2    { background-image:url(./img/h2_5.gif); }

.page-id-6 h2,
.parent-pageid-6 h2,
.parent-pageid-17 h2    { background-image:url(./img/h2_6.gif); }

.page-id-7 h2,
.parent-pageid-7 h2,
.parent-pageid-18 h2,
.area-seminar h2,
.hk-report h2,
.as-report h2,
.ft-report h2          { background-image:url(./img/h2_7.gif); }

.page-id-8 h2          { background-image:url(./img/h2_8.gif); }
.page-id-10 h2         { background-image:url(./img/h2_10.gif); }
.page-id-48 h2         { background-image:url(./img/h2_48.gif); }
.page-id-9 h2          { background-image:url(./img/h2_9.gif); }

.search-results h2,
.search h2             { background-image:url(./img/h2_search.gif); }

.error404 h2           { background-image:url(./img/h2_notfound.gif); }

/* 会員専用 */
.page-id-52 h2,
.category-10 h2,
.category-11 h2,
/**/.single.schedule h2,
.page-id-81 h2,
.page-id-67 h2,
.single.member-info h2,
.archive.category-12 h2,
.single.dl-report h2,
.archive.category-13 h2,
.single.dl-data h2,
.archive.category-15 h2,
.single.dl-ml h2,
.archive.category-9 h2,
.single.app h2 { background-image:url(./img/h2_00.gif); }

.page-id-79 h2,
.single-post.news h2   { background-image:url(./img/h2_79.gif); }

.page-id-178 h2   { background-image:url(./img/h2_178.gif); }

/*----------------------------------------------------------------------------------
 ▼ H3 タイトル画像
----------------------------------------------------------------------------------*/
.home #Contents,
.page-child #Contents,
.single-post #Contents,
/**/.category #Contents,
.page-id-81 #Contents,
.page-template-page-not-login-php .not-login-page #Contents,
.page-id-67 #Contents  { background:scroll no-repeat left top url(./img/cont/cont_h3_1.gif); }

.home #Contents h3,
.page-child .title-h3 h3,
.single-post .title-h3 h3,
.category .title-h3 h3,
.page-id-81 .title-h3 h3,
.page-template-page-not-login-php .not-login-page #Contents .title-h3 h3,
.page-id-67 .title-h3 h3  {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:10px 0;
		width:100%;
		height:30px;
		line-height:30px;
		margin-bottom:30px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

.home #Contents h3 { background-image:url(./img/cont/cont_h3sub_79.gif); }

.parent-pageid-5 .title-h3 h3,
.ndustry .title-h3 h3,
.member-info .title-h3 h3,
.single-post.industry .title-h3 h3     { background-image:url(./img/cont/cont_h3sub_11.gif); }

.page-id-12 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_12.gif); }
.page-id-13 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_13.gif); }
.page-id-14 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_14.gif); }
.page-id-15 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_15.gif); }
.page-id-16 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_16.gif); }
.page-id-17 .title-h3 h3,
.parent-pageid-17 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_17.gif); }



.page-id-18 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_18.gif); }
.page-id-19 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_19.gif); }
.page-id-336 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_23.gif); }

/*.parent-pageid-7 .title-h3 h3 { background-image:url(./img/cont/cont_h3sub_18.gif); }*/
.page-id-22 .title-h3 h3,
.hk-report .title-h3 h3   { background-image:url(./img/cont/cont_h3sub_22.gif); }

.page-id-69 .title-h3 h3,
.as-report .title-h3 h3   { background-image:url(./img/cont/cont_h3sub_69.gif); }

.page-id-68 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_68.gif); }

.page-id-20 .title-h3 h3,
.ft-report .title-h3 h3   { background-image:url(./img/cont/cont_h3sub_20.gif); }

.page-id-21 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_21.gif); }

.category-news .title-h3 h3,
.single-post.news .title-h3 h3{ background-image:url(./img/cont/cont_h3sub_79.gif); }

/* 会員専用 */
.schedule .title-h3 h3    { background-image:url(./img/cont/cont_h3sub_c10.gif); }
.member-info .title-h3 h3 { background-image:url(./img/cont/cont_h3sub_c11.gif); }
.page-id-81 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_81.gif); }

.page-id-67 .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_cnotlogin.gif); }


/* 会員ダウンロードトップページは h3 背景画像非表示 ( 緑ライン )
.archive.category-dl-report #Contents,
.archive.category-dl-data #Contents { background:none; } */

.archive.dl-report .title-h3 h3,
.single.dl-report .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_c12.gif); }

.archive.dl-data .title-h3 h3,
.single.dl-data .title-h3 h3    { background-image:url(./img/cont/cont_h3sub_c13.gif); }

.archive.dl-ml .title-h3 h3,
.single.dl-ml .title-h3 h3  { background-image:url(./img/cont/cont_h3sub_c15.gif); }

.archive.category-app .title-h3 h3,
.single.category-app .title-h3 h3,
.single.app .title-h3 h3    { background-image:url(./img/cont/cont_h3sub_c9.gif); }

/*----------------------------------------------------------------------------------
 ▼ レイアウト : コンテンツの入る大枠
----------------------------------------------------------------------------------*/
#Container { width:100%; margin:0 auto; text-align:center; }
/*-------------------------*/
/* Bof clearfix */
#Container:after     { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#Container           { display:inline-table; }
/* Hides from Mac IE \*/
* html #Container    { height:1px; }
#Container           { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/

/*-----------------------------------------
 ○ サイド、メインコンテンツ
-----------------------------------------*/
#Sidebar, #Contents { display:inline; text-align:left; }

#Contents           { float:right; width:690px; }
#Sidebar            { float:left; width:230px; margin:0 40px 0 0; }

/*-----------------------------------------
 ○ ページナビゲーション
-----------------------------------------*/
.wp-pagenavi               {
		padding: 10px 20px 10px 0 !important;
		display:block !important;
		margin-top:10px;
		clear:both !important;
}

.wp-pagenavi span.pages    {
		display:block;
		border:none;
		font-weight:bold;
}

.wp-pagenavi a , .wp-pagenavi span.extend {
		color:#000000;
		padding:6px 12px 6px 12px !important;
		border:1px solid #b6b6b6;
		background:#eeeeee;
		font-size:14px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}

.wp-pagenavi a:hover       {
		color:#ffffff !important;
		border-color:#b6b6b6 !important;
		background:#183128 !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #e7e7e7 !important;
		-moz-box-shadow:0px 1px #e7e7e7 !important;
		-webkit-box-shadow:0px 1px #e7e7e7 !important;

}
 .wp-pagenavi span.current {
		padding:6px 9px 6px 9px !important;
		border:solid 1px #dcdcdc !important;
		color:#ffffff !important;
		margin-right:3px !important;
		border-color:#b6b6b6 !important;
		background:#183128 !important;
}

/*----------------------------------------------------------------------------------
 ▼ 下部：トップページ、ページの上へ戻るボタン
----------------------------------------------------------------------------------*/
#Return-button { width:100%; margin:30px auto; font-size:88%; }
/*-------------------------*/
/* Bof clearfix */
#Return-button:after     { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#Return-button           { display:inline-table; }
/* Hides from Mac IE \*/
* html #Return-button    { height:1px; }
#Return-button           { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/

#Return-button ul { height:44px; line-height:44px; }

#Return-button ul li { display:inline; float:left; }

#Return-button ul li a           {
		background-image:url(./img/button_page_top.gif);
		background-attachment:scroll;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		outline:none;
		width:187px;
		height:44px;
		line-height:44px;
		margin-right:10px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

#Return-button ul li.rb1 a       { background-position:0 0; margin-left:270px; }
#Return-button ul li.rb2 a       { background-position:-187px 0; }

/* マウスオーバー時 */
#Return-button ul li.rb1 a:hover,
#Return-button ul li.rb1 a:focus { background-position:0 -44px; }

#Return-button ul li.rb2 a:hover,
#Return-button ul li.rb2 a:focus { background-position:-187px -44px; }

/*----------------------------------------------------------------------------------
 ▼ フッター
----------------------------------------------------------------------------------*/
#Footer-block {
	background:#183128;
	width:100%;
	font-size:88%;
	padding:20px 0 50px 0;
}
/*-------------------------*/
/* Bof clearfix */
#Return-button:after     { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#Return-button           { display:inline-table; }
/* Hides from Mac IE \*/
* html #Return-button    { height:1px; }
#Return-button           { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/

#Footer-block a:link,a:active,
#Footer-block a:visited,
#Footer-block a:hover   { color:#000000; }

/* メニュー */
#Footer-block .footer-menu        {
		background:#abd948;
		border-top:5px solid #ffffff;
		border-bottom:5px solid #ffffff;
		margin:0 auto;
		padding:10px 0;
		text-align:center;
}

.footer-menu ul                   { width:100%; margin:0 auto;}
.footer-menu ul li                { display:inline; margin:0 5px; }
.footer-menu ul li.page-item-top  { margin-left:0; }

/* コピーライト */

#Footer-block p      {
		background:scroll no-repeat top url(./img/bg_copyright.gif);
		width:100%;
		margin:25px auto 0 auto;
		padding:65px 0 0 0;
}

#Footer-block p span {
		background:scroll no-repeat top center url(./img/copyright.gif);
		display:block;
		width:100%;
		height:20px;
		line-height:20px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

address              {
		color:#ffffff;
		font-style:normal;
		padding-top:10px;
}

/*----------------------------------------------------------------------------------
 ▼ フッターに記述、配置はヘッダーに
----------------------------------------------------------------------------------*/
/*-----------------------------------------
 ○ 文字可変
-----------------------------------------*/
.font-change         { width:243px; position:absolute; /*top:45px; */ top:20px; right:0; }

.font-change li      { display:inline; float:left; height:26px; line-height:26px; }

.font-change ul li a,
.font-change ul li#ft {
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

.font-change ul li a {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-image:;
		display:block;
		text-decoration:none;
		outline:none;
		height:26px;
		line-height:26px;
}

.font-change ul li#ft {
		background:scroll no-repeat left center url(./img/font-change_title.gif);
		width:66px;
/*		margin-left:15px;*/
		margin-right:9px;
}

.font-change ul li#fs a,
.font-change ul li#fd a,
.font-change ul li#fl a { background-image:url(./img/font_change_button.gif); width:56px; }

.font-change ul li#fs a { background-position:0 0; }
.font-change ul li#fd a { background-position:-56px 0; }
.font-change ul li#fl a { background-position:-112px 0; }

.font-change ul li#fs a:active { background-position:0 -26px; }
.font-change ul li#fd a:active { background-position:-56px -26px; }
.font-change ul li#fl a:active { background-position:-112px -26px; }

/*-----------------------------------------
 ○ 検索フォーム
-----------------------------------------*/
.h-search-form       { width:378px; position:absolute; top:60px; right:0; }

.h-search-form div   { height:24px; line-height:24px; position: relative; }

.h-search-form label,
.h-search-form input { float:left; display:inline; }

.h-search-form label             {
		background:scroll no-repeat left center url(./img/search-form_title.gif);
		width:78px;
		height:24px;
		line-height:24px;
		margin-right:10px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
		position:absolute;
		top:0;
		left:0;
}

.h-search-form input#search_text {
		width:200px;
		height:18px;
		line-height:18px;
		padding:1px;
		position:absolute;
		top:0;
		left:88px;
}

.h-search-form input#searchsubmit {
		width:80px;
		height:24px;
		line-height:24px;
		margin-left:10px;
		padding:0;
		position:absolute;
		top:0;
		right:0;
}

/*----------------------------------------------------------------------------------
 ▼ そのほか
----------------------------------------------------------------------------------*/
.f-bold { font-weight:bold; }

