@charset "Shift_JIS";

/* レイアウト
------------------------------------------------------------------------------ */

/* ページ枠全体 */
#main {
  width: 760px;
  margin: 0 auto 16px;
  text-align: left;
}

/* コンテンツ全体 */
#container {
	width: 756px;
	padding: 0px 2px;
}

/* コンテンツ左カラム */
#containerL_area {
	float: left;
	width: 540px;
}

/* コンテンツ右カラム */
#containerR_area {
	float: right;
	width: 200px;
}

/* パンクズリスト
------------------------------------------------------------------------------ */

#topicPath {
  line-height: 1;
  padding: 10px 0 10px 3px;
  font-size: 83%;
}

/* 大タイトルエリア
------------------------------------------------------------------------------ */

#ltit_area {
	margin: 0px auto 15px;
	width: 754px;
	border: 1px solid #ccc;
}

h2{ text-indent: 0px; }

/* 内容スタイル */
.textinbox {
	float: left;
	margin: 8px 0px 10px 15px;
	width: 366px;
}

.img_right {
	float: right;
	padding: 2px 2px 2px 0px;
	width: 340px;
}


.textinbox_osaka {
	float: left;
	margin: 8px 0px 10px 15px;
	width: 500px;
}

.img_right_osaka {
	float: right;
	padding: 2px 2px 2px 0px;
	width: 206px;
}

p.address {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../img/common/icon_building.gif) 3px 4px no-repeat;
}

p.tel {
	margin-bottom: 8px;
	padding-left: 20px;
	background: url(../img/common/icon_telephone.gif) 3px 3px no-repeat;
}

/* 支店お知らせ・ニュースリリース
------------------------------------------------------------------------------*/

#PickupNews_area, #NewsRelease_area {
	margin-bottom: 7px;
	border: 1px solid #ccc;
	width: 538px;
}

/* 支店お知らせ・ニュースリリースの読み込みエリア
------------------------------------------------------------------------------*/

#PickupNews_inbox, #NewsRelease_inbox, #PickupNews_inbox2 {
	width: 538px;
	height: 140px;
	overflow: auto;
}

#PickupNews_inbox ul, #NewsRelease_inbox ul, #PickupNews_inbox2 ul {
	width: 485px;
	overflow: hidden;
	margin: 7px 0px 5px 28px;
	text-align: left;
	color: #333;
}

#PickupNews_inbox ul li {
	box-sizing: border-box;
	width: 100%;
	padding: 5px 3px 4px 12px;
	background: url(../img/common/icon_blue01.gif) no-repeat left 0.6em;
	border-top: 1px dotted #ccc;
}

#NewsRelease_inbox ul li, #PickupNews_inbox2 ul li {
	box-sizing: border-box;
	width: 100%;
	padding: 4px 3px 3px 0;
	border-top: 1px dotted #ccc;
}

#NewsRelease_inbox ul li p, #PickupNews_inbox2 ul li p {
	padding-left: 12px;
	background: url(../img/common/icon_blue01.gif) no-repeat left 0.2em;
}

/* 地域活動・お問い合わせ先
------------------------------------------------------------------------------ */

#csr_area, #shiteninfo_area {
	margin-bottom: 7px;
	border: 1px solid #ccc;
	/* width: 198px; */
}

#csr_area ul, #shiteninfo_area ul {
	margin: 7px 8px 5px 10px;
	/* width: 180px; */
}

#csr_area ul ul, #shiteninfo_area ul ul {
	margin-right: 0;
	margin-bottom: 0;
}

#csr_area li, #shiteninfo_area li {
	padding: 5px 0 4px 12px;
	/* margin-right: 3px; */
	/* width: 165px; */
	background: url(../img/common/icon_green01.gif) no-repeat left 0.6em;
	border-top: 1px dotted #ccc;
}

/* お問い合わせ中ボックス */
.shiteninfo_inbox {
	padding: 9px 0 9px 8px;
}

/* コンテンツ支店名
------------------------------------------------------------------------------ */
#tit_shiten{ height: 31px; width: 756px; overflow:hidden; text-indent: -9999pt; }

.shiten_ehime{ background: url(../img/common/tit_ehime.gif) left top no-repeat; }
.shiten_fukui{ background: url(../img/common/tit_fukui.gif) left top no-repeat; }
.shiten_fukuoka{ background: url(../img/common/tit_fukuoka.gif) left top no-repeat; }
.shiten_gifu{ background: url(../img/common/tit_gifu.gif) left top no-repeat; }
.shiten_hiroshima{ background: url(../img/common/tit_hiroshima.gif) left top no-repeat; }
.shiten_hyogo{ background: url(../img/common/tit_hyogo.gif) left top no-repeat; }
.shiten_kagawa{ background: url(../img/common/tit_kagawa.gif) left top no-repeat; }
.shiten_kagoshima{ background: url(../img/common/tit_kagoshima.gif) left top no-repeat; }
.shiten_kanazawa{ background: url(../img/common/tit_kanazawa.gif) left top no-repeat; }
.shiten_kitaQ{ background: url(../img/common/tit_kitaQ.gif) left top no-repeat; }
.shiten_kochi{ background: url(../img/common/tit_kochi.gif) left top no-repeat; }
.shiten_kumamoto{ background: url(../img/common/tit_kumamoto.gif) left top no-repeat; }
.shiten_kyoto{ background: url(../img/common/tit_kyoto.gif) left top no-repeat; }
.shiten_mie{ background: url(../img/common/tit_mie.gif) left top no-repeat; }
.shiten_miyazaki{ background: url(../img/common/tit_miyazaki.gif) left top no-repeat; }
.shiten_nagasaki{ background: url(../img/common/tit_nagasaki.gif) left top no-repeat; }
.shiten_nagoya{ background: url(../img/common/tit_nagoya.gif) left top no-repeat; }
.shiten_nara{ background: url(../img/common/tit_nara.gif) left top no-repeat; }
.shiten_oita{ background: url(../img/common/tit_oita.gif) left top no-repeat; }
.shiten_okayama{ background: url(../img/common/tit_okayama.gif) left top no-repeat; }
.shiten_okinawa{ background: url(../img/common/tit_okinawa.gif) left top no-repeat; }
.shiten_osaka{ background: url(../img/common/tit_osaka.gif) left top no-repeat; }
.shiten_osakahigashi{ background: url(../img/common/tit_osakahigashi.gif) left top no-repeat; }
.shiten_osakaminami{ background: url(../img/common/tit_osakaminami.gif) left top no-repeat; }
.shiten_saga{ background: url(../img/common/tit_saga.gif) left top no-repeat; }
.shiten_shiga{ background: url(../img/common/tit_shiga.gif) left top no-repeat; }
.shiten_shimane{ background: url(../img/common/tit_shimane.gif) left top no-repeat; }
.shiten_shizuoka{ background: url(../img/common/tit_shizuoka.gif) left top no-repeat; }
.shiten_tokushima{ background: url(../img/common/tit_tokushima.gif) left top no-repeat; }
.shiten_tottori{ background: url(../img/common/tit_tottori.gif) left top no-repeat; }
.shiten_toyama{ background: url(../img/common/tit_toyama.gif) left top no-repeat; }
.shiten_wakayama{ background: url(../img/common/tit_wakayama.gif) left top no-repeat; }
.shiten_yamaguchi{ background: url(../img/common/tit_yamaguchi.gif) left top no-repeat; }


/* 重要なお知らせ
------------------------------------------------------------------------------ */

.notice {
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
	border: 4px solid #D90000;
}

.notice th,
.notice td {
	padding: 10px 15px;
}

.notice th {
	width: 7.5em;
	background: #D90000;
	color: #fff;
}

.notice td a {
	text-decoration: underline;
}



/* ヘッダー・フッター差し替え対応
------------------------------------------------------------------------------ */
#wrapper div#contents:first-child #main,
#wrapper div#contents:first-child #main #topicPath + table,
#wrapper div#contents:first-child #main #topicPath + table table,
body #wrapper,
#wrapper + table:first-child,
/*body #wrapper table,*/
body #wrapper table[width="732"],
#wrapper div#contents:first-child #main #topicPath + #container,
/*#wrapper div#contents:first-child #content-start + #main,*/
#wrapper div#contents:first-child #main #container + table[width="756"],
#wrapper div#contents:first-child #main #container #tit_shiten + table.home,
#wrapper div#contents #main #container + table,
#wrapper div#contents #main #container + table table[width="650"],
/*#wrapper div#contents:first-child #main p#topicPath + #container,*/
#wrapper div#contents:first-child #main p#topicPath + #container + table[width="756"] {width:100% !important; /*border:1px solid #ff0000;*/ }

#wrapper div#contents:first-child #main #topicPath,
#wrapper div#contents:first-child #main #container,
#wrapper div#contents:first-child #main #container2,
#wrapper div#contents:first-child #main #top,
#wrapper div#contents:first-child #main #top + #menu,
/*#wrapper div#contents:first-child #main #menu,*/
#wrapper div#contents:first-child #main #wapper,
#wrapper div#contents:first-child #main #adv_wrap,
#wrapper div#contents:first-child #main #topicPath + table table[width="756"],
body #wrapper table[width="756"],
#wrapper div#contents:first-child #main #container + table[width="756"],
#adv_wrap,
#wrapper div#contents:first-child #main #topicPath + #container,
#wrapper div#contents:first-child #main #topicPath + #container #tit_shiten,
#wrapper div#contents:first-child #main #topicPath + #container #pan,
#wrapper div#contents:first-child #main #topicPath + #container #titleArea,
#wrapper div#contents:first-child #main #topicPath + #container .usually,
#wrapper div#contents:first-child #main #topicPath + #container .usually + table,
#wrapper div#contents:first-child #main #container #tit_shiten + table,
#wrapper div#contents:first-child #container #main h1,
#wrapper div#contents:first-child #container #main h3,
#wrapper div#contents:first-child #container #main #photo1,
#wrapper div#contents:first-child #container #main #contents1,
#wrapper div#contents:first-child #container #main .wrappar1,
#wrapper div#contents:first-child #container #main hr,
#tit_shiten + #inbox,
#main #topicPath +container,
#wrapper div#contents:first-child #main #container script + div[align="center"],
#wrapper div#contents:first-child #main table[width="774"],
#wrapper div#contents:first-child #main #container + table[width="664"],
#wrapper div#contents:first-child #main #container #subcontents,
/*#wrapper div#contents:first-child #main td[align="center"] table:first-child,*/
#wrapper #contents #main link + center,
#wrapper div#contents #main_image,
#wrapper div#contents #main_image + #main,
#wrapper div#contents #main #gloval_navi,
/*#wrapper div#contents:first-child #main center table span.f1,*/
#wrapper div#contents:first-child #content-start + #main {width:760px !important; margin-left: auto !important; margin-right: auto !important;}

#wrapper div#contents:first-child #main td[align="center"] table[width="710"] {width:710px !important; margin-left: auto !important; margin-right: auto !important;}

/*#wrapper div#contents:first-child #main #container div[align="center"]:first-child > table:firs-child*/

#wrapper #contents #container + table table[width="676"] {width:676px !important; margin-left: auto !important; margin-right: auto !important;}

#wrapper div#contents #main #sidemenu + #content {width:480px;margin-left: 210px !important;}
/*#wrapper div#contents #container + #main {width:760px !important;}*/

#wrapper div#contents:first-child #main td[align="center"] table[width="169"]:first-child { width:169px !important;}
/*#wrapper div#contents:first-child #main td[align="center"] table[width="551"] table*/,
#wrapper div#contents:first-child #main td[align="center"] table.textbase:first-child { width:551px !important;}
#wrapper div#contents:first-child #main td[align="center"] table[width="594"] td,
#wrapper div#contents:first-child #main td[align="center"] table[width="594"] td table { width:594px !important;}

#wrapper div#contents:first-child #main td[align="center"] table[width="391"]:first-child { width:391px !important;}

#wrapper div#contents:first-child #main center table span.f1 { display:block;}


#wrapper div#contents #main table[width="800"],
#wrapper div#contents #main table[width="800"] + hr {width:800px !important; margin-left: auto !important; margin-right: auto !important;}

#wrapper div#contents #main table[width="739"] {width:739px !important; margin-left: auto !important; margin-right: auto !important;}

#wrapper div#contents #main .navi3 + table {width:760px !important; margin-left: auto !important; margin-right: auto !important;}

#wrapper div#contents #main #container table[width="250"] {width:250px !important; }

#wrapper div#contents #main blockquote table[width="650"]:first-child,
#wrapper div#contents #main blockquote table[width="650"] table,
#wrapper div#contents #main blockquote table[width="650"] td.f1 table {width:650px !important; }
#wrapper div#contents #main blockquote table[align="center"] {width:650px !important; margin-left: auto !important; margin-right: auto !important;}
#wrapper div#contents #main blockquote table[width="650"] .MsoTableGrid {width:609px !important;}

#wrapper { height:auto !important;}

a#top { padding: 0 !important; }

/*------------------------------------*\
	重要なお知らせ
\*------------------------------------*/
/* 熊本支店用 160908 */
/* 岡山支店用 180302 */

.important {
	display: table;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}

.important-title {
	display: table-cell;
	min-width: 8em;
	vertical-align: middle;
	padding: 20px;
	border-radius: 5px 0 0 5px;
	background-color: #d93d0d;
	color: #fff;
	font-size: 120%;
	text-align: center;
	white-space: nowrap;
}

.important-title > span {
	display: inline-block;
	padding-left: 25px;
	background: url(/img/icon_important_01.svg) no-repeat;
}

.important-body {
	display: table-cell;
	min-height: 40px;
	vertical-align: middle;
	padding: 16px 20px;
	border: 1px solid #ccc;
	border-left: none;
	border-radius: 0 5px 5px 0;
	background: #fff;
}

.important-body li + li {
	margin-top: 1em;
}

a.important-link {
	color: #ed0a00;
}