@charset "utf-8";
/*---------------------------------------------------
	Name:  sub.css
	Info:  ページ独自のスタイル
---------------------------------------------------*/

/* index
----------------------------------------
  sub-nav　小メニュー
  nest-block
	文頭に1字分インデントを付ける
	2行目以降、1字分インデントを付ける
	下線付き見出し
	Adobe Readerダウンロード案内
	申込ボタン
	組織概要　テキスト高さ調整用
  2分割レイアウト
  別ウィンドウ表示
  ulリスト
  dlリスト
  olリスト
  説明枠
  googlemap
  table
---------------------------------------- */

/*---------------------------------------------------------------------
                * sub-nav　小メニュー *  
---------------------------------------------------------------------*/
.sub-nav {
	margin: 0 0 0 25px;
	width: 210px;
	float: left;
}

/* 一階層 */
ul.sub-nav {
	width: 210px;
	list-style: none;
}
ul.sub-nav a {
	padding: 6px 10px 6px 18px;
	display: block;
	text-decoration: none;
}
ul.sub-nav a:hover {
	text-decoration: underline;
	color: #cc6600;
	background: #fff url(../images/base/bg_sub-nav_ov.png) no-repeat left top;
}

/* 一階層-リンクあり */
ul.sub-nav li .link  {
	margin: 18px 0 0 0;
	display: block;
}
ul.sub-nav li .link a {
	margin: 0;
	padding: 6px 10px 6px 9px;
	text-decoration: none;
	display: block;
	background: #f2f2f2 url(../images/base/bg_sub-nav_b.png) no-repeat left top;
	color: #663300;
	border: 1px solid #ccc;
}
ul.sub-nav li .link a:hover {
	text-decoration: underline;
	color: #cc6600;
}

/* 一階層-リンク無し */
ul.sub-nav .no-link {
	margin: 18px 0 0 0;
	padding: 6px 10px 6px 9px;
	text-decoration: none;
	display: block;
	background: #f2f2f2 url(../images/base/bg_sub-nav_b.png) no-repeat left top;
	color: #663300;
	border: 1px solid #ccc;
}
/* 一階層-リンク無し 2行用 */
ul.sub-nav .no-link02 {
	margin: 18px 0 0 0;
	padding: 6px 10px 6px 9px;
	text-decoration: none;
	display: block;
	background: #f2f2f2 url(../images/base/bg_sub-nav_b02.png) no-repeat left bottom;
	color: #663300;
	border: 1px solid #ccc;
	line-height: 110%;
}
/* 一階層-見出しボタン部分 */
ul.sub-nav .btnlink a {
	margin: 0;
	padding: 0;
}

/* 二階層 */
ul.sub-nav li ul li {
	border: 1px solid #ccc;
	border-top: none;
	list-style: none;
	line-height: 110%;
}
ul.sub-nav li ul li a {
	margin: 0;
	padding: 6px 0 6px 20px;
	text-decoration: none;
	background: #fff url(../images/base/bg_sub-nav_en.png) no-repeat left top;
}
ul.sub-nav li ul li a:hover {
	text-decoration: underline;
	color: #cc6600;
	background: #fff url(../images/base/bg_sub-nav_ov.png) no-repeat left top;
}

/* 二階層-リンク無し */
ul.sub-nav li ul li .no-link {
	margin: 0;
	padding: 6px 5px 6px 20px;
	border: none;
	color: #666;
	background: #fff url(../images/base/bg_sub-nav_en.png) no-repeat left top;
}

/* 三階層 */
ul.sub-nav li ul li ul li {
	border: none;
	border-top: 1px solid #f2f2f2;
	list-style: none;
}
ul.sub-nav li ul li ul li a {
	padding: 6px 5px 6px 30px;
	text-decoration: none;
	background: #fff url(../images/base/ico_arrow02.gif) no-repeat 23px 10px;
}
ul.sub-nav li ul li ul li a:hover {
	text-decoration: underline;
	color: #cc6600;
	background: #f2f2f2 url(../images/base/ico_arrow02.gif) no-repeat 23px 10px;
}

/* 四階層 */
ul.sub-nav li ul li ul li ul li {
	margin: 0 0 0 10px;
}

/* 現在のページ */
ul.sub-nav li ul li.now a,
.now {
	color: #cc6600;
}

/*---------------------------------------------------------------------
                * other-nav　その他リンクリスト *  
---------------------------------------------------------------------*/
/* 地域づくり街づくり-過去の支援事業 */
.other-nav {
    float: left;
    width: 210px;
    margin: 20px 0 0 25px;
	padding: 0 0 3px;
    background: url(../images/base/bg_other-nav.png) no-repeat left bottom;
}
.other-nav li a {
    display: block;
    margin: 0 8px 1px;
    padding: 10px 0 10px 25px;
    list-style: none;
    text-decoration: none;
	border-bottom: 1px solid #ccc;
    background: url(../images/base/ico_other-nav-arrow.gif) no-repeat 5px 50%;
	font-weight: 700;
	line-height: 150%;
}
.other-nav li a:hover {
    background: url(../images/base/ico_other-nav-arrow_o.gif) no-repeat 5px 50%;
-weight: 700;
	color: #777;
	text-decoration: underline;
}
li.other-nav-footer a {
	border-bottom: none;
}
.other-nav li img {
	vertical-align: middle;
}

/* リクルートのパンフレットリンク */
.other-nav02 {
    float: left;
    width: 210px;
    margin: 20px 0 0 25px;
	padding: 0 0 3px;
}
.other-nav02 li a {
    display: block;
    margin: 0;
    padding: 0;
	color: #666;
    list-style: none;
    text-decoration: none;
	text-align: center;
	line-height: 100%;
}
.other-nav02 li a:hover {
	text-decoration: underline;
}
.other-nav02 li a img {
    display: block;
    margin: 0;
    padding: 0;
	border: 1px solid #ccc;
    list-style: none;
    text-decoration: none;
	overflow: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.other-nav02 li a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

/*---------------------------------------------------------------------
                * nest-block *  
---------------------------------------------------------------------*/
.nest-block {
	margin: 5px 0 30px 10px;
	width: 640px;
}

/* 募集案内・開催案内 */
.nest-block02 {
	margin: 0 0 0 10px;
	padding: 30px 0 30px 0;
	width: 640px;
	border-bottom: 1px dotted #ccc;
}
/* 説明枠-枠線なし
---------------------------------------------------*/
.description_noborder {
	margin: 0 0 0;
	padding: 0 10px 5px;
	line-height: 120%;
	color: #444;
}
.description_noborder a {
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	margin: 10px 0 0 0;
	padding: 8px 15px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7 url(../images/base/ico_arrow_l.gif) no-repeat 8px 50%;
	/*border: 2px solid #b7eff6;*/
}
.description_noborder a:hover {
	text-decoration: none;
	color: #369;
	color: #666;
	background: #f2f2f2 url(../images/base/ico_arrow_l_o.gif) no-repeat 8px 50%;
}
.description_noborder dt {
	margin: 0 0 7px;
	padding: 0 2px;
}
.description_noborder dt span {
	color: #666;
	font-weight: 400;
	font-size: 13px;
	display: block;
	margin: 5px 0 0;
}
.description_noborder dd {
	margin: 0 0 10px 10px;
}
.description_noborder img,
.description_noborder img a {
	vertical-align: middle;
}

/* 下線 */
.bdr-b {
	border-bottom: 1px solid #ccc;
}

/* 文頭に1字分インデントを付ける
---------------------------------------------------*/
.t_indent { text-indent: 1em; }


/* 文頭に1字分インデントを付ける（長文用）
---------------------------------------------------*/
.t_indent-l { text-indent: 1em; }
.t_indent-l p {
	margin-top: 10px;
	line-height: 160%;
}

/* 2行目以降、1字分インデントを付ける
---------------------------------------------------*/
.t_annotation {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/* hタグを使わない場合の見出し
---------------------------------------------------*/
.midashi01,
.midashi02 {
	margin: 0 0 10px 0;
	padding: 3px 5px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 108%; /* 14px */
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
	line-height: 130%;
}
.midashi01      { color: #4b7cb3; }
.midashi02      { color: #d16f37; }

/* Adobe Readerダウンロード案内
---------------------------------------------------*/
.download {
	margin: 10px 0 5px 0;
	padding: 5px 8px;
	height: auto;
	color: #666;
	background: #f2f2f2;
	font-size: 85%; /* 11px */
	text-align: left;
    zoom:1; /* clearfix for IE 5.5-7 */
}
.download:before,
.download:after { /* clearfix for modern browser */
    content:"";
    display:table;
}  
.download:after {
    clear: both;
}
.download img {
	padding: 3px 10px 0 0;
	float: left;
}
.download .info {
	float: left;
}

/* 申込ボタン
---------------------------------------------------*/
#btn_web,
#btn_web02,
#btn_web-kaijyo,
#btn_web-online,
#btn_fax,
#btn_faxpdf,
#btn_mailing,
#btn_mailing-jyosei a {
	display: block;
	width: 230px;
	height: 50px;
	background-repeat: no-repeat;
	outline: none;
	float: left;
}
#btn_web a,
#btn_web02 a,
#btn_web-kaijyo a,
#btn_web-online a,
#btn_fax a,
#btn_faxpdf a,
#btn_mailing a,
#btn_mailing-jyosei a {
	display: block;
	width: 230px;
	height: 50px;
}
#btn_web a:hover,
#btn_web02 a:hover,
#btn_web-kaijyo a:hover,
#btn_web-online a:hover,
#btn_fax a:hover,
#btn_faxpdf a:hover,
#btn_mailing a:hover,
#btn_mailing-jyosei a:hover {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
/* ▼完全に透明指定 */
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
#btn_web     { background-image: url(../business/images/btn_web_o.gif); }     /* 申込フォーム */
#btn_web02   { background-image: url(../business/images/btn_web02_o.gif); }   /* 応募フォーム */
#btn_web-kaijyo { background-image: url("../business/images/btn_web-kaijyo_o.gif"); }     /* 会場参加 */
#btn_web-online { background-image: url("../business/images/btn_web-online_o.gif"); }     /* オンライン視聴 */
#btn_fax     { background-image: url(../business/images/btn_fax_o.gif); }     /* FAX */
#btn_faxpdf  { background-image: url(../business/images/btn_fax-pdf_o.gif); } /* FAX-pdf */
#btn_mailing { background-image: url(../business/images/btn_mailing_o.gif); } /* 郵送 */
#btn_mailing-jyosei { background-image: url(../business/images/btn_mailing-jyosei_o.gif); } /* 郵送-研究助成 */

/* 組織概要　テキスト高さ調整用
---------------------------------------------------*/
.about p {
	padding: 10px 50px 0;
	line-height: 190%;
	text-indent: 12px;
}

/*---------------------------------------------------------------------
                * 2分割レイアウト *  
---------------------------------------------------------------------*/
/*---------------------------------------------------
  2分割レイアウト
---------------------------------------------------*/
.two-fraction01 {
	margin: 5px 0 0 10px;
	width: 310px;
	float: left;
}
.two-fraction01-copy {
	margin: 5px 0 0 20px;
	width: 310px;
	float: left;
}

/*---------------------------------------------------
  2分割レイアウト　事業の内容
  business/conservation.html
---------------------------------------------------*/
.two-fraction02 {
	width: 385px;
	height: auto;
	float: left;
}
.two-fraction02-copy {
	margin: 0 0 0 30px;
	float: left;
	width: 225px;
	height: auto;
	color: #666;
}
.two-fraction02-copy img {
	margin: 0 0 3px;
}
.two-fraction02-copy p {
	margin: 0 0 15px;
	padding: 0;
	line-height: 120%;
	font-size: 93%; /* 12px */
}

/*---------------------------------------------------
  2分割レイアウト　サイトマップ
  sitemap/index.html
---------------------------------------------------*/
.two-fraction_sitemap {
	margin: 0 20px 0 0;
	float: left;
	width: 320px;
}
.two-fraction_sitemap-copy {
	width: 320px;
	float: left;
}
.sitemap h3 { /* 2分割なしのh3見出し */
	margin: 20px 0 5px 0;
	padding: 9px 0 9px 26px;
	color: #07496D;
	background: url(../sitemap/images/h3_sitemap02.gif) no-repeat left top;
	font-weight: 700;
	font-size: 108%; /* 14px */
}
.two-fraction_sitemap h3,
.two-fraction_sitemap-copy h3 {
	margin: 20px 0 5px 0;
	padding: 9px 0 9px 26px;
	color: #07496D;
	background: url(../sitemap/images/h3_sitemap.gif) no-repeat left top;
	font-weight: 700;
	font-size: 108%; /* 14px */
}
.two-fraction_sitemap h4,
.two-fraction_sitemap-copy h4 {
	margin: 15px 0 5px 10px;
	padding: 0 10px 0 8px;
	border-left: 3px solid #0087BC;
	color: #555;
	background: none;
	font-weight: 700;
	font-size: 100%; /* 13px */
	line-height: 130%;
}
.two-fraction_sitemap h4 a,
.two-fraction_sitemap-copy h4 a {
	text-decoration: none;
	display: block;
}
.single_sitemap h4 a:hover,
.two-fraction_sitemap h4 a:hover,
.two-fraction_sitemap-copy h4 a:hover {
	color: #0087BC;
	text-decoration: underline;
}
.two-fraction_sitemap h5,
.two-fraction_sitemap-copy h5 {
	margin: 5px 0 0 20px;
	padding: 3px 0 3px 5px;
	color: #666;
	font-weight: 700;
	font-size: 100%; /* 13px */
}

/* ulリスト　サイトマップ */
.two-fraction_sitemap ul,
.two-fraction_sitemap-copy ul {
	margin: 0 20px 20px 25px;
}
.two-fraction_sitemap ul li,
.two-fraction_sitemap-copy ul li {
	padding: 5px 0 5px 10px;
	background: #fff url(../images/base/ico_arrow.gif) no-repeat 0 9px;
}
.two-fraction_sitemap ul li a,
.two-fraction_sitemap-copy ul li a {
	text-decoration: none;
	display: block;
}
.two-fraction_sitemap ul li a:hover,
.two-fraction_sitemap-copy ul li a:hover {
	color: #0087BC;
	text-decoration: underline;
}

/*---------------------------------------------------
  2分割レイアウト　事業の内容　ISO
  business/iso.html
---------------------------------------------------*/
.two-fraction_iso {
	float: left;
	width: 240px;
	height: auto;
	margin: 10px 0 0;
}
.two-fraction_iso img {
	border: 1px solid #ccc;
}
.two-fraction_iso-copy {
	float: left;
	width: 370px;
	height: auto;
	margin: 7px 0 0 30px;
}
.two-fraction_iso-copy img {
	vertical-align: middle;
}

/* リスト */
.list_dl_iso dt {
	margin: 0;
	padding: 6px 0 3px 12px;
	border-bottom: 1px dotted #3399cc;
	background: #fff url(../about/images/ico_arrow_iso.gif) no-repeat 3px 50%;
	font-weight: 700;
}
.list_dl_iso dd {
	margin: 0;
	padding: 3px 6px 25px 12px;
	line-height: 150%;
}

/*---------------------------------------------------
  2分割レイアウト　電子書籍
  topics/e-book.html
---------------------------------------------------*/
.two-fraction_e-book {
	margin: 5px 0 0 5px;
	float: left;
	width: 180px;
	height: auto;
}
.two-fraction_e-book span a:hover {
	color: #ccc;
	text-decoration: none;
}

.two-fraction_e-book a img {
	overflow: hidden;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.two-fraction_e-book a:hover img {
	overflow: hidden;
	color: #ef8200;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}

.two-fraction_e-book-copy {
	margin: 5px 0 0 30px;
	float: left;
	width: 420px;
	height: auto;
}

/* リスト */
dl.list_dl_e-book {
	border-top: 1px solid #aecdc9;
	color: #555;
}
dl.list_dl_e-book dt {
	margin: 0;
	padding: 8px 0 1px 5px;
	border: none;
	line-height: 130%;
	font-size: 93%; /* 12px */
}
dl.list_dl_e-book dd {
	margin: 0;
	padding: 1px 5px 8px 0;
	border-bottom: 1px solid #aecdc9;
	text-align: right;
	font-weight: 700;
}

/* 近畿建設協会の図書 */
dl.list_dl_e-book02 {
	margin: 10px 0 0;
	color: #555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl.list_dl_e-book02 dt {
	width: 235px;
	margin: 0;
	padding: 0 10px 0 5px;
	float: left;
}
dl.list_dl_e-book02 dt img {
	border: 1px solid #ccc; /* 画像に枠線をつける */
}
dl.list_dl_e-book02 dt a img {
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
dl.list_dl_e-book02 dt a:hover img {
	border: 1px solid #ccc; /* 画像に枠線をつける */
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}
dl.list_dl_e-book02 dd {
	min-height: 165px;
	margin: 0 0 0 255px;
	padding: 0 10px 10px 5px;
	vertical-align: top;
}
dl.list_dl_e-book02 dd a {
	font-weight: 700;
}

/* 水が語るもの-pdf */
dl.list_dl_e-book02b {
	margin: 10px 0 0;
	border-bottom: 1px solid #ccc;
	color: #555;
}
dl.list_dl_e-book02b dt {
	border-top: 1px solid #ccc;
	width: 185px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	float: left;
}
dl.list_dl_e-book02b dd {
	border-top: 1px solid #ccc;
	min-height: 130px;
	margin: 0 0 0 205px;
	padding: 10px 10px 10px 15px;
	vertical-align: top;
	background: #fff;
}
dl.list_dl_e-book02b dd a {
	font-weight: 700;
}
dl.list_dl_e-book02b dd p {
	margin: 0;
	padding: 0;
}
dl.list_dl_e-book02b dd ul {
	margin: 0 0 10px;
}
dl.list_dl_e-book02b dd li {
	padding: 0 0 5px 5px;
	line-height: 130%;
}

/* 説明枠-リンク要素
---------------------------------------------------*/
.description_link_e-book02 a {
	margin: 5px 0 10px 5px;
	padding: 8px 5px 8px 15px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7;
	font-weight: 700;
	text-decoration: none;
}
.description_link_e-book02 a:hover {
	color: #555;
	background: #ccc;
}
.description_link_e-book02 img,
.description_link_e-book02 img a {
	vertical-align: middle;
}

/*---------------------------------------------------
  2分割レイアウト リンク要素（前へ・次へ）
---------------------------------------------------*/
.two-fractionlink {
	margin: 5px 0 0 10px;
	width: 310px;
	float: left;
}
.two-fractionlink a {
	margin: 10px 0 15px 0;
	padding: 8px 15px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7 url(../images/base/ico_arrow02_l.gif) no-repeat 10px 50%;
	font-weight: 700;
	text-decoration: none;
}
.two-fractionlink a:hover {
	color: #555;
	background: #ccc url(../images/base/ico_arrow02_l_o.gif) no-repeat 8px 50%;
}
.two-fractionlink img,
.two-fractionlink img a,
.two-fractionlink-copy img,
.two-fractionlink-copy img a {
	vertical-align: middle;
}
.two-fractionlink-copy {
	margin: 5px 0 0 20px;
	width: 310px;
	float: left;
	text-align: right;
}
.two-fractionlink-copy a {
	margin: 10px 0 15px 0;
	padding: 8px 25px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7 url(../images/base/ico_arrow_l.gif) no-repeat 290px 50%;
	font-weight: 700;
	text-decoration: none;
}
.two-fractionlink-copy a:hover {
	color: #555;
	background: #ccc url(../images/base/ico_arrow_l_o.gif) no-repeat 292px 50%;
}

/*---------------------------------------------------------------------
                * 別ウィンドウ表示 *  
---------------------------------------------------------------------*/
#sub_win_container {
	color: #333;
	background: #fff;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sub_win_container input {
	padding: 3px 5px;
}

/*---------------------------------------------------
  販売物の案内　お問い合せ案内
  book/book_contact.html,book/counter_oshirase.html
---------------------------------------------------*/
.sub_win {
	padding: 15px;
	width: 400px;
	height: 380px;
	line-height: 170%;
	background: #fff;
	text-align: center;
}
.sub_win h1 {
	color: #369;
	font-weight: 700;
	font-size: 108%; /* 14px */
}
.sub_win p {
	padding: 5px 0;
}

/*---------------------------------------------------
  サイトポリシー　情報保護方針・個人情報保護方針
  policy/infomation.html,policy/privacy.html
---------------------------------------------------*/
.sub_win02 {
	padding: 15px;
	width: 600px;
	line-height: 170%;
	background: #fff;
	text-align: left;
}
.sub_win02 h1 {
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}
.sub_win02 h2 {
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	color: #369;
	font-weight: 700;
	font-size: 108%; /* 14px */
	text-align: center;
}
.sub_win02 p {
	padding: 5px 0;
	text-indent: 1em;
}
.sub_win02 dl {
	margin: 0 0 0 10px;
	width: 580px;
}
.sub_win02 dt {
	margin: 10px 0 0 0;
	font-weight: 700;
}
.sub_win02 dd {
	padding: 0 0 0 12px;
	line-height: 150%;
}
.sub_win02 .copy {
	margin: 15px 0 0 0;
	padding: 3px 5px 5px;
	border-top: 1px solid #ccc;
	color: #666;
	text-align: right;
}


/*---------------------------------------------------------------------
                * ulリスト *  
---------------------------------------------------------------------*/
/* ulリスト-アイコン
---------------------------------------------------*/
ul.list_ul_icon01 {
	margin: 0 0 0 15px;
}
ul.list_ul_icon01 li {
	padding: 5px 0 5px 18px;
	background: url(../images/base/ico_list_square.gif) no-repeat 0px 6px;
}

/* ulリスト-アイコン02
---------------------------------------------------*/
ul.list_ul_icon02 {
	margin: 5px 0 0 10px;
	padding: 0;
}
ul.list_ul_icon02 li {
	margin: 0;
	padding: 0 12px 5px;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left top;
	line-height: 130%;
}

/* ulリスト-アイコン03 インデント付
---------------------------------------------------*/
ul.list_ul_icon03 {
	margin: 5px 0 5px 20px;
	padding: 0;
}
ul.list_ul_icon03 li {
	margin: 0;
	padding: 6px 5px 6px 12px;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left 0.3em;
}

/* ulリスト-アイコン04
---------------------------------------------------*/
ul.list_ul_icon04 {
	margin: 5px 0 5px 10px;
	padding: 0;
}
ul.list_ul_icon04 li {
	margin: 0;
	padding: 6px 0 6px 12px;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left center;
}

/* ulリスト-スタイル01
---------------------------------------------------*/
ul.list_ul_style01 {
	margin: 0 0 5px;
}
ul.list_ul_style01 li {
	padding: 2px 0 2px 18px;
	text-indent: -1.5em;
}

/* ulリスト-スタイル02　2行目以降1字分インデント付
---------------------------------------------------*/
ul.list_ul_style02 {
	margin: 0;
}
ul.list_ul_style02 li {
	padding: 2px 0 2px 1em;
	text-indent: -1em;
	list-style: none;
	background: none;
}

/* ulリスト-スタイル03 品質方針など
---------------------------------------------------*/
ul.list_ul_style03 {
	margin: 10px 0;
	line-height: 130%;
	letter-spacing: 1px;
}
ul.list_ul_style03 li {
	padding: 8px 3px 8px 32px;
	text-indent: -1.2em;
}

/* ulリスト-スタイル04
---------------------------------------------------*/
ul.list_ul_style04 {
	margin: 0;
	line-height: 120%;
}
ul.list_ul_style04 li {
	padding: 5px 3px 5px 26px;
	text-indent: -1em;
}

/* ulリスト-インデント
---------------------------------------------------*/
ul.list_ul_indent {
	margin: 5px 0;
}
ul.list_ul_indent li {
	padding: 2px 0 2px 26px;
	text-indent: -1.5em;
}

/* ulリスト-インデント 2行目以降1字分インデント付
--------------------------------------------------- */
ul.list_ul_indent02 {
	margin: 10px 18px 5px 0;
	padding: 0 13px;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border-radius: 5px;		    /* CSS3 */
}
ul.list_ul_indent02 li {
	padding: 5px 0 5px 1em;
	text-indent: -1em;
}

/* ulリスト-インデント03
---------------------------------------------------*/
ul.list_ul_indent03 {
	margin: 5px 0;
}
ul.list_ul_indent03 li {
	padding: 2px 0 2px 28px;
	text-indent: -1em;
}

/* ulリスト-アイコンなし
--------------------------------------------------- */
.list_ul_none ul li {
	background-image: none;
	list-style: none;
}

/*---------------------------------------------------
  ulリスト-横並び　財務資料
  about/final_present.html
---------------------------------------------------*/
ul.list_ul_floatleft01 {
	font-size: 93%; /* 12px */
}
ul.list_ul_floatleft01 li {
	padding: 0 0 8px 30px;
	text-indent: -1.3em; /* テキストを2行目以降下げる */
	width: 280px;
	float: left;
	background: none;
	line-height: 120%;
}

/*---------------------------------------------------
  ulリスト-横並び　表彰
  business/awwerding.html
---------------------------------------------------*/
ul.list_ul_floatleft03 {
	margin: 15px 0 30px 10px;
}
ul.list_ul_floatleft03 li {
	margin: 3px 5px 10px 0;
	border: 1px solid #ccc;
	float: left;
	display: block;
	text-align: center;
	font-weight: 700;
}
ul.list_ul_floatleft03 li a {
	padding: 12px 0;
	float: left;
	display: block;
	width: 195px;
	color: #555;
	background: #f2f2f2;
	text-decoration: none;
}
ul.list_ul_floatleft03 li a:hover {
	color: #555;
	background: #b7eff6;
}

/*---------------------------------------------------
  ulリスト-横並び　防災エキスパート過去の活動
  business/expert.html
---------------------------------------------------*/
ul.list_ul_floatleft02 {
	margin: 0 0 0 10px;
}
ul.list_ul_floatleft02 li {
	margin: 3px 5px 5px 0;
	float: left;
	display: block;
	width: 85px;
	text-align: center;
}
ul.list_ul_floatleft02 li a {
	padding: 6px 0;
	float: left;
	display: block;
	width: 85px;
	color: #555;
	background: #f2f2f2;
	text-decoration: none;
}
ul.list_ul_floatleft02 li a:hover {
	color: #555;
	background: #b7eff6;
}
ul.list_ul_floatleft02 li.now {
	padding: 6px 0;
	color: #555;
	background: #b7eff6;
	font-weight: 700;
}

/*---------------------------------------------------
  ulリスト-横並び　幅指定なし・申込ボタンなどを横並びにしたい時に
---------------------------------------------------*/
ul.list_ul_floatleft04 {
	padding: 5px 0 0;
}
ul.list_ul_floatleft04 li {
	margin: 0 15px 5px 0;
	float: left;
	background: none;
	font-size: 100%; /* 13px */
}

/* 追加201708 */
/*---------------------------------------------------
  ulリスト-横並び　電子書籍
---------------------------------------------------*/
ul.list_ul_floatleft-ebook {
	padding: 5px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul.list_ul_floatleft-ebook li {
	margin: 0 0 5px;
	padding: 10px 10px;
	float: left;
	background: none;
	font-size: 100%; /* 13px */
	width: 190px;
	text-align: center;
}
ul.list_ul_floatleft-ebook li span {
	margin: 2px 10px 2px 0;
	padding: 10px 0;
	line-height: 190%;
	color: #333;
}
ul.list_ul_floatleft-ebook li a img {
	overflow: hidden;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
ul.list_ul_floatleft-ebook li a:hover img {
	overflow: hidden;
	color: #ef8200;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}

/*---------------------------------------------------
  ulリスト-横並び　幅指定なし・矢印付き
---------------------------------------------------*/
ul.list_ul_floatleft-arrow {
	margin: 15px 0 0;
}
ul.list_ul_floatleft-arrow li {
	padding: 10px 0 10px 10px;
	float: left;
}
ul.list_ul_floatleft-arrow li span {
	margin: 2px 10px 2px 0;
	padding: 10px 15px;
	border: 1px solid #999;
	background: #f2f2f2;
	font-size: 108%; /* 14px */
	line-height: 190%;
	color: #333;
	font-weight: 700;
	letter-spacing: 1px;
}

/*---------------------------------------------------
  ulリスト　リンク
  link/link.html　link_milt.html　link_others.html
---------------------------------------------------*/
ul.list_ul_link {
	margin: 0 30px 15px 0;
	float: left;
	width: 290px;
}
ul.list_ul_link li {
}
ul.list_ul_link li a {
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #ccc;
	display: block;
	background: #fff url(../images/base/ico_arrow.gif) no-repeat 5px;
	text-decoration: none;
}
ul.list_ul_link li a:hover {
	color: #0087BC;
	border-bottom: 1px dotted #ccc;
	background: #f2f2f2 url(../images/base/ico_arrow.gif) no-repeat 5px;
	text-decoration: underline;
}


/*---------------------------------------------------
  ulリスト　募集案内・開催案内
  bussiness/announcement.html
---------------------------------------------------*/
dl.announcement {
	width: 100%;
	overflow: hidden;
	border: none;
}
.announcement dt {
	width: 210px;
	float: left;
	margin: 0 0 0 15px;
	padding: 15px 0 10px 10px;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.announcement dd {
	margin: 0 15px 0 210px;
	padding: 15px 10px 10px 0;
	border-top: 1px solid #f2f2f2;
	background: #fff;
	line-height: 160%;
	min-height: 80px;
}
.announcement dd:after {
	display: block;
	content: "";
	clear: both;
}
.announcement p {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 116%; /* 15px */
	color: #333;
	line-height: 140%;
	letter-spacing: 1px;
}
.announcement span {
	margin: 0;
	font-size: 100%; /* 13px */
	color: #333;
	color: #07496D;
}
.announcement img {
	vertical-align: middle;
}
.announcement a {
	overflow: hidden;
	outline: none;
	color: #666;
}
.announcement a:hover {
	color: #0087BC;
}
.announcement a img {
	overflow: hidden;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.announcement a:hover img {
	overflow: hidden;
	color: #ef8200;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}


/*---------------------------------------------------------------------
                * dlリスト *  
---------------------------------------------------------------------*/
/*---------------------------------------------------
  dlリスト　事業の内容
  conservation.html researchstudy.html
---------------------------------------------------*/
.list_dl_border dl {
	margin: 30px 0 0 0;
	border-top: 1px solid #aecdc9;
	line-height: 110%;
	color: #555;
}
.list_dl_border dt {
	margin: 0;
	padding: 8px 0 1px 5px;
	border: none;
	font-weight: 700;
	font-size: 93%; /* 12px */
}
.list_dl_border dd {
	margin: 0;
	padding: 1px 5px 8px 0;
	border-bottom: 1px solid #aecdc9;
	text-align: right;
}

/*---------------------------------------------------
  dlリスト　組織の情報　定款等
  about/bylaw.html
---------------------------------------------------*/
dl.list_dl_style01 {
}
dl.list_dl_style01 dt {
	margin: 0 0 0 5px;
	padding: 15px 0 5px 2px;
	border-bottom: 1px solid #b3e1dc;
	color: #07496D;
	font-weight: 700;
}
dl.list_dl_style01 dd {
	padding: 7px 0 10px 20px;
	line-height: 140%;
}

/*---------------------------------------------------
  dlリスト　販売物の案内　資格試験等
  book/workshop.html
---------------------------------------------------*/
dl.list_dl_style02 {
	margin: 10px 0 0 0;
}
dl.list_dl_style02 dt {
	padding: 10px 0 2px 5px;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: 400;
}
dl.list_dl_style02 dd {
	padding: 2px 0 5px 20px;
	line-height: 140%;
}

/*---------------------------------------------------
  dlリスト　ISO情報セキュリティ方針
---------------------------------------------------*/
dl.list_dl_style03 {
	margin: 10px 0 10px 12px;
	letter-spacing: 1px;
}
dl.list_dl_style03 dt {
	padding: 10px 0 0 5px;
	color: #333;
	font-weight: 700;
}
dl.list_dl_style03 dd {
	padding: 5px 0 10px 24px;
	line-height: 130%;
}

/* dlリスト-アイコン01
---------------------------------------------------*/
dl.list_dl_icon01 {
	padding: 0 0 0 15px;
}
dl.list_dl_icon01 dt {
	padding: 5px 0 5px 15px;
	color: #369;
	font-weight: 700;
	background: url(../images/base/ico_list_square.gif) no-repeat 0px 6px;
}
dl.list_dl_icon01 dd {
	padding: 3px 0 5px 30px;
	background: none;
}

/* dlリスト-アイコン02
---------------------------------------------------*/
dl.list_dl_icon02 {
	margin: 5px 0 0 10px;
	padding: 0;
}
dl.list_dl_icon02 dt {
	margin: 10px 0 5px;
	padding: 0 12px;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left 50%;
	font-weight: 700;
}
dl.list_dl_icon02 dd {
	margin: 0;
	padding: 0 12px 5px;
	line-height: 130%;
}

/* dlリスト-横並び
---------------------------------------------------*/
dl.list_dl_floatleft01 {
	margin: 10px 0 0 23px;
	text-align: left;
}
dl.list_dl_floatleft01 dt {
border: none;
	margin: 0;
	padding: 3px 0 3px 5px;
	float: left;
	width: 200px;
	font-weight: 400;
	color: #333;
}
dl.list_dl_floatleft01 dd {
	border: none;
	margin: 0 0 0 200px;
	padding: 3px 5px;
}

/*---------------------------------------------------------------------
                * olリスト *  
---------------------------------------------------------------------*/
/*---------------------------------------------------
  olリスト　組織の情報　事業内容
  about/ourbusiness.html
---------------------------------------------------*/
ol.list_ol_style01 {
	margin: 10px 0 15px 80px;
	font-size: 108%; /* 14px */
}
ol.list_ol_style01 li {
	padding: 10px 0;
	list-style: decimal outside;
}

/*---------------------------------------------------------------------
                * 説明枠 *  
---------------------------------------------------------------------*/
/* 説明枠-デフォルト
---------------------------------------------------*/
.description {
	margin: 10px 0 15px;
	padding: 8px 15px;
	line-height: 120%;
	color: #444;
}
.description a {
	text-decoration: underline;
}
.description a:hover {
	text-decoration: none;
}

/* 説明枠-背景色付き
---------------------------------------------------*/
.description_bg {
	margin: 10px 0 15px;
	padding: 8px 15px;
	line-height: 120%;
	color: #444;
	background: #e5f2f2;
}
.description_bg a {
	color: #369;
	font-weight: 700;
	text-decoration: none;
}
.description_bg a:hover {
	color: #555;
	text-decoration: underline;
}
.description_bg img {
	vertical-align: middle;
}

/* 説明枠-リンク要素　背景色-水色
---------------------------------------------------*/
.description_link {
}
.description_link a {
	margin: 10px 0 15px 0;
	padding: 8px 15px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7 url(../images/base/ico_arrow_l.gif) no-repeat 10px 50%;
	font-weight: 700;
	text-decoration: none;
}
.description_link a:hover {
	color: #555;
	background: #ccc url(../images/base/ico_arrow_l_o.gif) no-repeat 10px 50%;
}
.description_link img,
.description_link img a {
	vertical-align: middle;
}

/* 説明枠-リンク要素t　背景色-水色　文字が2行以上になる場合用
---------------------------------------------------*/
.description_link-t {
}
.description_link-t a {
	margin: 10px 0 15px 0;
	padding: 8px 15px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #cde7e7 url(../images/base/ico_arrow_l.gif) no-repeat 10px 9px;
	font-weight: 700;
	text-decoration: none;
}
.description_link-t a:hover {
	color: #555;
	background: #ccc url(../images/base/ico_arrow_l_o.gif) no-repeat 10px 9px;
}
.description_link-t img,
.description_link-t img a {
	vertical-align: top;
}

/* 説明枠-リンク要素02
---------------------------------------------------*/
.description_link02 {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border: 1px solid #ccc;
	line-height: 120%;
	color: #444;
}
.description_link02 a {
	margin: 10px 0 0 0;
	display: block;
	line-height: 130%;
	color: #555;
	text-decoration: underline;
}
.description_link02 a:hover {
	color: #333;
	text-decoration: none;
}
.description_link02 img,
.description_link02 img a {
	vertical-align: middle;
}

/* 説明枠-リンク要素03　背景色-黄色
---------------------------------------------------*/
.description_link03 {
}
.description_link03 a {
	margin: 10px 0 15px;
	padding: 8px 15px 8px 25px;
	display: block;
	line-height: 120%;
	color: #369;
	background: #fbf492 url(../images/base/ico_arrow_l.gif) no-repeat 10px 50%;
	font-weight: 700;
	text-decoration: none;
}
.description_link03 a:hover {
	color: #555;
	background: #ccc url("../images/base/ico_arrow_l_o.gif") no-repeat 10px 50%;
}
.description_link03 img,
.description_link03 img a {
	vertical-align: middle;
}

/* 説明枠-枠線
---------------------------------------------------*/
.description_border {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border: 1px solid #ccc;
	line-height: 120%;
	color: #444;
}
.description_border a {
	font-weight: 700;
	text-decoration: underline;
}
.description_border a:hover {
	text-decoration: none;
}

/* 説明枠-枠線02
---------------------------------------------------*/
.description_border02 {
	margin: 10px 0 15px;
	padding: 8px 15px 5px;
	border: 1px solid #aecdc9;
	line-height: 120%;
	color: #444;
}
.description_border02 a {
	text-decoration: none;
	font-weight: 700;
}
.description_border02 a:hover {
	text-decoration: none;
}
.description_border02 dt {
	margin: 0 0 5px 0;
	padding: 0 2px 5px;
	border-bottom: 1px dotted #aecdc9;
	color: #07496D;
	font-weight: 700;
}
.description_border02 dd {
	margin: 0 0 0 5px;
}

/* 説明枠-枠線03
---------------------------------------------------*/
.description_border03 {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border: 2px solid #aecdc9;
	line-height: 120%;
	color: #444;
}
.description_border03 a {
	font-weight: 700;
	text-decoration: underline;
}
.description_border03 a:hover {
	text-decoration: none;
}

/* 説明枠-枠線04
---------------------------------------------------*/
.description_border04 {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	margin: 0 0 15px 0;
	padding: 5px;
	line-height: 120%;
	color: #444;
	background: #d9dddd;
}
.description_border04 table {
	width: 98%;
	margin: 5px 8px;
	border-collapse: collapse;
	border: none;
	background: #fff;
}
.description_border04  table th {
	padding: 5px 8px;
	border: none;
	border-top: 1px solid #aecdc9;
	line-height: 130%;
	vertical-align: top;
	width: 85px;
	background: #fff;
}
.description_border04 table td {
	padding: 5px 8px;
	border: none;
	border-top: 1px solid #aecdc9;
	text-align: left;
	vertical-align: top;
}
.description_border04 .table_head02 td {
	padding: 3px 0;
	line-height: 130%;
	vertical-align: top;
	background: #62bac0;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

/* 説明枠-枠線　赤文字（募集終了のお知らせなど）
---------------------------------------------------*/
.description_border_red {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border: 1px solid #ffab87;
	line-height: 120%;
	color: #f3542d;
	font-weight: 700;
	text-align: center;
}

/* 説明枠-枠線　赤文字（応募締切日）
---------------------------------------------------*/
.description_border_red02 {
	margin: 5px 10px 10px;
	padding: 8px 15px;
	border: 2px solid #ffab87;
	line-height: 120%;
	color: #f3542d;
	font-weight: 700;
	text-align: left;
	font-size: 15px;
}

/* 説明枠-枠線　赤枠のみ
---------------------------------------------------*/
.description_border_red03 {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border: 2px solid #ffab87;
	line-height: 120%;
}

/* 説明枠（予告など）
---------------------------------------------------*/
.description_border_yokoku {
	margin: 10px 0 15px;
	padding: 8px 15px;
	border-top: 3px double #ffab87;
	border-bottom: 3px double #ffab87;
	line-height: 120%;
	color: #f3542d;
	font-weight: 700;
	text-align: center;
}

/* 説明枠-電子書籍背景
---------------------------------------------------*/
.description_e-book a {
	margin: 0 0 15px 0;
	background: url(../topics/images/bg_e-book.png) no-repeat left top;
	height: 200px;
	display: block;
	text-decoration: none;
}
.description_e-book a:hover {
	background: url(../topics/images/bg_e-book_o.png) no-repeat left top;
}
.description_e-book img {
	float: left;
	margin: 15px 0 10px 20px;
	width: 180px;
	min-height: 150px;
}
.description_e-book span.text {
	margin: 20px 0 0 200px;
	padding: 0 20px 10px 20px;
	display: block;
	line-height: 150%;
}
 span.text span.description_e-book_title {
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
	border-left: 3px solid #07496D;
	color: #07496D;
	font-weight: 700;
	font-size: 108%; /* 14px */
	display: block;
	line-height: 100%;
}
  a:hover span.description_e-book_title {
	text-decoration: underline;
}

/*---------------------------------------------------------------------
                * googlemap *  
---------------------------------------------------------------------*/
/* googlemap　幅可変指定
--------------------------------------------------- */
.google_map {
    position: relative;
    width: 98%;
    height: 0;
    padding-top: 55%; /* 高さ調整用 */
}
.google_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#map_honbu,
#map_sekkeitenken,
#map_himeji-kanri,
#map_fukui-kanri,
#map_fukuchiyama-kanri,
#map_toyooka-kanri,
#map_kyoto-kanri,
#map_wakayama-kanri,
#map_kinan-kanri,
#map_himeji,
#map_fukui,
#map_kobe,
#map_hirakata,
#map_fukuchiyama,
#map_keiji,
#map_wakayama,
#map_osaka,
#map_nara,
#map_biwako {
	width: 610px;
	height: 350px;
}

/*---------------------------------------------------------------------
                * table *  
---------------------------------------------------------------------*/
/* 写真
---------------------------------------------------*/
.table_photo {
	margin: 15px 0 0 15px;
}
.table_photo tr td {
	padding: 0 16px 15px 0;
	vertical-align: top;
}
.table_photo tr td img {
	padding: 0 0 3px 0;
}
/* 写真-キャプション */
.table_photo tr td p {
	line-height: 140%;
	color: #444;
	font-size: 93%; /* 12px */
	letter-spacing: 1px;
}
/* 写真-説明文 */
.table_photo tr td span {
	margin: 2px 5px 0 12px;
	display: block;
	line-height: 140%;
	color: #666;
	font-size: 93%; /* 12px */
}

/* 電子書籍
---------------------------------------------------*/
.table_e-book {
	margin: 15px 0 0 15px;
}
.table_e-book tr td {
	padding: 0 20px 30px 0;
	vertical-align: top;
}
.table_e-book tr td img {
	margin: 0 3px 3px 2px;
}
.table_e-book a img {
	overflow: hidden;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.table_e-book a:hover img {
	overflow: hidden;
	color: #ef8200;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}
/* 電子書籍-キャプション */
.table_e-book tr td p {
	line-height: 140%;
	color: #444;
	font-size: 93%; /* 12px */
	letter-spacing: 1px;
}
/* 電子書籍-説明文 */
.table_e-book tr td span {
	margin: 5px 5px 0 12px;
	display: block;
	line-height: 160%;
	color: #666;
	font-size: 93%; /* 12px */
}

/* 電子書籍 各ページ一覧（広報誌） */
.table_e-book02 {
	margin: 15px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_e-book02 tr td {
	padding: 0 0 15px 0;
	text-align: center;
	font-weight: 700;
	width: 300px;
}
.table_e-book02 tr td span {
	padding: 8px 0;
	display: block;
}
.table_e-book02 a {
	line-height: 170%;
	text-decoration: none;
}
.table_e-book02 a:hover {
	color: #999;
}
.table_e-book02 a img {
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.table_e-book02 a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	-ms-filter: "alpha(opacity=70)"; /* IE */
	-khtml-opacity: 0.7; /* Safari */
	-moz-opacity: 0.7; /* Firefox */
}

/* 電子書籍 水が語るもの デジタルブック */
#digitalBook {
	background: #fff;
}
#digitalBook p {
	font-size: 130%;
	text-align: left;
	padding: 10px 20px 20px 20px;
}
#digitalBook #slider {
	margin-bottom: 20px;
	margin-right: 25px;
	margin-left: 30px;
}
#digitalBook .align_right {
	text-align: right;
}
#digitalBook #text1 {
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
#digitalBook #pera {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}
#digitalBook #myta {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

/* 採用ページ
---------------------------------------------------*/
.recruit {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 170%;
}
.recruit table th,
.recruit table td {
	line-height: 170%;
}
.description_recruit {
	width: 640px;
	margin: 0 10px 10px;
	padding: 10px 0 20px;
	border-bottom: solid 1px #ccc;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.description_recruit02 {
	width: 640px;
	margin: 0 10px 10px;
	padding: 10px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.description_recruit p,
.description_recruit02 p {
	line-height: 190%;
	margin: 10px 0 0;
	padding: 0 5px;
}
.description_recruit a img,
.description_recruit02 a img {
	overflow: hidden;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.description_recruit a img:hover,
.description_recruit02 a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.recruit-midashi {
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	color: #6fba2c;
	font-weight: 700;
	font-size: 131%; /* 17px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
.recruit-q-a {
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	font-weight: 700;
	font-size: 116%; /* 15px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
.recruit-staff-name {
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: 400;
	font-size: 116%; /* 15px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
.recruit-staff-name span {
	font-size: 13px;
}
.recruit-staff-comment {
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	font-weight: 700;
	font-size: 116%; /* 15px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
.recruit-toptext {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 108%; /* 14px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}

.table_recruit {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_recruit tr td {
	padding: 0;
	vertical-align: top;
}
.table_recruit tr td p {
	line-height: 190%;
}
.table_recruit tr td img {
	padding: 0 0 3px 10px;
}

ul.list_ul_recruit {
	margin: 15px 0 30px 10px;
}
ul.list_ul_recruit li {
	margin: 3px 5px 10px 0;
	border: 1px solid #ccc;
	float: left;
	display: block;
	text-align: center;
	font-weight: 700;
}
ul.list_ul_recruit li a {
	padding: 12px 0;
	float: left;
	display: block;
	width: 195px;
	color: #555;
	background: #f2f2f2;
	text-decoration: none;
}
ul.list_ul_recruit li a:hover {
	color: #555;
	background: #b9d44f;
}

ul.list_ul_recruit-staff {
	margin: 0 0 20px 10px;
}
ul.list_ul_recruit-staff li {
	margin: 3px 0 10px 0;
	float: left;
	display: block;
	text-align: center;
	font-weight: 700;
}
ul.list_ul_recruit-staff li a {
	padding: 12px 0;
	float: left;
	display: block;
	width: 120px;
	color: #555;
	text-decoration: none;
	line-height: 140%;
}
ul.list_ul_recruit-staff li a:hover {
	color: #ccc;
}
ul.list_ul_recruit-staff li img {
	margin: 0 0 5px 0;
}

/* 通常
---------------------------------------------------*/
.table_basic {
	margin: 5px 0 15px 10px;
	border-collapse: collapse;
	width: 625px;
}
.table_basic th {
	padding: 8px;
	border: 1px solid #aecdc9;
	background: #d4eeeb;
	text-align: center;
}
.table_basic tr td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	line-height: 150%;
	vertical-align: top;
	background: #fff;
	text-align: left;
}
.table_basic td.leftspan1 { padding-left: 2em; }
.table_basic td.leftspan2 { padding-left: 2.5em; }
.table_basic td.leftspan3 { padding-left: 4em; }
.table_basic td.ta_r        { text-align: right; }
.table_basic td.ta_c        { text-align: center; }
.table_basic td.va_m      { vertical-align: middle; }
.table_basic td.bg_lb      { background: #edfcfb; }

/* 通常table内のアイコン付きulリスト */
.table_basic ul {
	margin: 3px 0 0 0;
	padding: 0;
}
.table_basic li {
	margin: 0;
	padding: 0 0 5px 12px;
	line-height: 130%;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left top;
}

/* 通常table内のアイコン付きdlリスト */
.table_basic dl {
	margin: 0 0 5px 0;
}
.table_basic dl dt {
	margin: 8px 0 0;
	padding: 0 0 0 12px;
	line-height: 130%;
	background: url(../images/base/ico_list_circle02.gif) no-repeat left top;
}
.table_basic dl dd {
	padding: 0 0 0 12px;
	line-height: 130%;
}

/* 通常-テキスト右寄せ
---------------------------------------------------*/
.table_basic_r {
	margin: 5px 0 15px 10px;
	border-collapse: collapse;
	width: 625px;
}
.table_basic_r th {
	padding: 8px;
	border: 1px solid #aecdc9;
	background: #d4eeeb;
	text-align: center;
}
.table_basic_r tr td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	line-height: 120%;
	background: #fff;
	text-align: right;
}
.table_basic_r td.leftspan1 {
	padding-left: 2em;
	text-align: left;
}
.table_basic_r td.leftspan2 {
	padding-left: 2.5em;
	text-align: left;
}
.table_basic_r td.leftspan3 {
	padding-left: 4em;
	text-align: left;
}
.table_basic_r td.leftspan4 {
	padding-left: 5em;
	text-align: left;
}

.table_basic_r td.ta_l    { text-align: left; }
.table_basic_r td.bg_lb { background: #edfcfb; }

/* 通常-テキスト 中央寄せ
---------------------------------------------------*/
.table_basic_c {
	margin: 5px 0 15px 10px;
	border-collapse: collapse;
	width: 625px;
}
.table_basic_c th {
	padding: 8px;
	border: 1px solid #aecdc9;
	background: #d4eeeb;
	text-align: center;
}
.table_basic_c tr td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	background: #fff;
	text-align: center;
	line-height: 120%;
}
.table_basic_c td.leftspan1 {
	padding-left: 2em;
	text-align: left;
}
.table_basic_c td.leftspan2 {
	padding-left: 2.5em;
	text-align: left;
}
.table_basic_c td.leftspan3 {
	padding-left: 4em;
	text-align: left;
}
.table_basic_c td.ta_r {
	text-align: right;
}
.table_basic_c td.ta_l {
	text-align: left;
}

/* 通常-テキスト 中央寄せ02
---------------------------------------------------*/
.table_basic_c02 {
	margin: 5px 0 15px 10px;
	border: 2px solid #aecdc9;
	border-collapse: collapse;
	width: 625px;
}
.table_basic_c02 th {
	padding: 8px;
	border: 1px solid #aecdc9;
	background: #d4eeeb;
	text-align: center;
}
.table_basic_c02 tr td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	background: #fff;
	text-align: center;
	line-height: 120%;
}
.table_basic_c02 td.leftspan1 {
	padding-left: 2em;
	text-align: left;
}
.table_basic_c02 td.leftspan2 {
	padding-left: 2.5em;
	text-align: left;
}
.table_basic_c02 td.leftspan3 {
	padding-left: 4em;
	text-align: left;
}
.table_basic_c02 td.ta_r {
	text-align: right;
}
.table_basic_c02 td.ta_l {
	text-align: left;
}



/* スタイル01
---------------------------------------------------*/
.table_style01 {
	margin: 5px 0 15px 10px;
	border-collapse: collapse;
	border: 1px solid #aecdc9;
	width: 625px;
}
.table_style01 th {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	line-height: 130%;
	vertical-align: top;
	/*width: 100px;*/
	width: 140px;
	background: #F5FAFA;
}
.table_style01 td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	text-align: left;
}
.table_style01 p {
	line-height: 130%;
}

/* スタイル02
---------------------------------------------------*/
.table_style02 {
	margin: 5px 0 15px 10px;
	border-collapse: collapse;
	border-top: 1px solid #aecdc9;
	border-bottom: 1px solid #aecdc9;
	width: 625px;
}
.table_style02 th {
	padding: 8px;
	border-bottom: 1px solid #aecdc9;
	width: 140px;
	background: #F5FAFA;
	font-weight: 700;
}
.table_style02 tr td {
	padding: 10px;
	border-bottom: 1px solid #aecdc9;
	text-align: left;
	line-height: 120%;
}

/* スタイル03
---------------------------------------------------*/
.table_style03 {
	margin: 5px 0 15px 10px;
	border: 1px solid #aecdc9;
	width: 625px;
	line-height: 130%;
}
.table_style03 th {
	padding: 5px 8px;
	border-bottom: 1px solid #aecdc9;
	width: 210px;
	vertical-align: top;
	background: #F5FAFA;
}
.table_style03 tr td {
	padding: 5px 8px;
	border-bottom: 1px solid #aecdc9;
	border-left: 1px solid #aecdc9;
	vertical-align: top;
}
.table_style03 td.ta_r {
	text-align: right;
}

/* スタイル04
---------------------------------------------------*/
.table_style04 {
	margin: 10px 0 15px 10px;
	border-collapse: collapse;
	border: 1px solid #aecdc9;
	width: 98%;
}
.table_style04 th {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	line-height: 130%;
	vertical-align: top;
	width: 90px;
	background: #F5FAFA;
}
.table_style04 td {
	padding: 5px 8px;
	border: 1px solid #aecdc9;
	text-align: left;
}
.table_style04 p {
	line-height: 130%;
}

/* スタイル05 書籍目次
---------------------------------------------------*/
.table_style05 {
	margin: 10px 0 15px 10px;
	border-collapse: collapse;
	border-top: 1px solid #aecdc9;
	border-bottom: 1px solid #aecdc9;
	width: 625px;
}
.table_style05 th {
	padding: 10px 3px 10px 10px;
	border-bottom: 1px solid #aecdc9;
	width: 275px;
	background: #F5FAFA;
	vertical-align: top;
	line-height: 120%;
	font-weight: 700;
	color: #555;
}
.table_style05 td {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #aecdc9;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
}

/* table見出し */
.table_head td {
	border: 1px solid #aecdc9;
	background: #d4eeeb;
	text-align: center;
}
/* table見出し02 */
tr.table_head02 td {
	background: #d4eeeb;
	text-align: center;
	padding: 0;
	padding: 5px 0;
}

/* table td背景色変更 */
table td.bg_td {
	background: #edfcfb;
	color: #006d7d;
	font-weight: 700;
	text-align: center;
}
/* table th背景色変更 */
table th.bg_th {
	background: #edfcfb;
	color: #34857C;
	font-weight: 700;
	text-align: center;
}
table th.bg_th02 {
	background: #edfcfb;
	color: #405B8E;
	font-weight: 700;
	text-align: center;
}

/* table用 点線 */
table td.bt_dot {
	border-top: 2px dotted #aecdc9;
	border-bottom: 2px solid #aecdc9;
}

/* table 余白 */
.table_pa tr td {
	padding: 5px;
}

/* table幅固定（幅はth、tdに直接指定） */
.tablefixed {
	width: 100%;
	table-layout: fixed;
}

/* table幅 */
.wid025 { width: 25px; }
.wid030 { width: 30px; }
.wid040 { width: 40px; }
.wid050 { width: 50px; }
.wid060 { width: 60px; }
.wid070 { width: 70px; }
.wid090 { width: 90px; }
.wid100 { width: 100px; }
.wid110 { width: 110px; }
.wid120 { width: 120px; }
.wid135 { width: 135px; }
.wid165 { width: 165px; }
.wid185 { width: 185px; }
.wid195 { width: 195px; }
.wid210 { width: 210px; }
.wid220 { width: 220px; }
.wid230 { width: 230px; }
.wid260 { width: 260px; }
.wid280 { width: 280px; }
.wid290 { width: 290px; }
.wid300 { width: 300px; }
.wid360 { width: 360px; }
.wid450 { width: 450px; }
.wid625 { width: 625px; }

.wid025,
.wid030,
.wid040,
.wid050,
.wid060,
.wid070,
.wid090,
.wid100,
.wid110,
.wid120,
.wid135,
.wid165,
.wid185,
.wid195,
.wid210,
.wid220,
.wid230,
.wid260,
.wid280,
.wid290,
.wid300,
.wid450,
.wid625 {
	word-break: break-all; /* CSS3 */
}

/* 高さ調整（受験講習会） */
.min-h240 { min-height: 240px;}

/* table 区切り線（販売物の案内） */
table td.table_bdr-b {
	border-top:2px solid #aecdc9;
}