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

	common.css

///////////////////////////////////////////////////////////// */

/* Content -----------------------------------------------------

	[-] CSS Reset
	[-] Base Setting
	[-] Layout Setting
	[-] Module Srtting

------------------------------------------------------------- */



/* [-] CSS Reset
============================================================= */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, input, textarea,
p, span, th, td, img {
	margin: 0;
	padding: 0;
}
body {
	font-size: 100%;
	line-height: 100%;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img { vertical-align: bottom; }
fieldset, img { border: 0; }
address, caption, th {
	font-style: normal;
	font-weight: normal;
}
strong { font-weight: bold; }
em { font-style: italic; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
} 
a {
	text-decoration: none;
	outline: none;
}
a:hover, a.selected{ text-decoration: underline; }



/* [-] Base Setting
============================================================= */
body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	background-color: #fff;
	font-size: 87.5%;
	line-height: 1.5em;
}
a { color: #DF1D1B; }



/* [-] Layout Setting
============================================================= */
#header {
	width: 980px;
	margin: 0 auto;
	padding: 16px 0;
}
#header .leftItem { float: left; }
#header .rightItem { float: right; }
#globalNavi {
	width: 100%;
	background-color: #5F9EA0;
}
#globalNaviInner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
}
#contents {
	width: 100%;
	position: relative;
}
#gridSet {
	width: 980px;
	min-height: 500px;
	margin: 0 auto;
	padding: 15px 0;
}
#gridSet .fullGrid { width: 100%; }
#gridSet .leftItem {
	width: 700px;
	float: left;
	margin-right: 26px;
}
#gridSet .rightItem {
	width: 254px;
	float: left;
}
.fullGrid .columnSet .column2 {
	float: left;
	width: 482px;
	margin-right: 16px;
}
.leftItem .columnSet .column2 {
	float: left;
	width: 462px;
	margin-right: 14px;
}
.leftItem .columnSet .column1Half {
	float: left;
	width: 342px;
	margin-right: 16px;
}
.leftItem .columnSet .column1 {
	float: left;
	width: 224px;
	margin-right: 14px;
}
.fullGrid .columnSet .lastItem,
.leftItem .columnSet .lastItem {
	margin-right: 0;
}
#footer { width: 100%; }
#footerNavi1 {
	color: #fff;
	background-color: #5F9EA0;
}
#footerNavi1 .inner,
#footerNavi2 .inner,
#footerCopy .inner {
	width: 968px;
	margin: 0 auto;
}
#footerNavi1 .inner { padding: 45px 6px; }
#footerNavi2 .inner { padding: 35px 6px; }
#footerCopy .inner { padding: 30px 6px; }
.footerColumn {
	float: left;
	width: 312px;
	margin-right: 16px;
}
.footerColumn.lastItem { margin-right: 0; }

#header:after,
#gridSet:after,
.columnSet:after,
#footerNavi1 .inner:after {
	clear: both;
	content: "";
	display: block;
}

/* --- popup --- */
#popup #header {
	width: 100%;
	border-bottom: 3px solid #009CE6;
}
#popup #header p { margin: 0 20px; }
#popup #contents .inner { padding: 10px 30px 30px; } 
#popup #closeBtn {
	padding: 20px 0;
	text-align: center;
}
#closeBtn a {
	padding: 15px 30px;
	background-color: #293E81;
	color: #FFF;
}
#closeBtn a:hover {
	background-color: #009CE6;
	text-decoration: none;
}
#popup #footer {
	background-color: #293E81;
	color: #FFF;
}
#popup #footer p { padding: 10px 20px; }



/* [-] Module Setting
============================================================= */
/* 汎用モジュール
------------------------------------------------------ */
/* --- display --- */
.disNone { display: none; }

/* --- margin --- */
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt25 { margin-top: 25px !important; }
.mr8 { margin-right: 8px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml15 { margin-left: 15px !important; }
.ml150 { margin-left: 150px !important; }

/* --- float --- */
.floatR { float: right; }
.floatL { float: left; }

/* --- clearFix --- */
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
} 
.clearFix { min-height: 1px; }
* html .clearFix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* --- other --- */
.section { margin-bottom: 40px; }
.clearBoth { clear: both; }
.centerAdjust { text-align: center !important; }
.leftAdjust { text-align: left !important; }
.rightAdjust { text-align: right !important; }



/* header
------------------------------------------------------ */
#header .rightItem ul li {
	float: left;
	font-size: 85.7%;
	margin-right: 30px;
}
#header .rightItem ul li.lastItem { margin-right: 0; }
#header .rightItem ul li a {
	color: #000;
	background: url(../image/icon_link_black.png) no-repeat right 3px;
	padding-right: 15px;
}

/* --- Googleカスタム検索 --- */
.googlesearch{
	width: 270px;
	margin-top: 10px;
	float: right;
}
.googlesearch .gsc-control-cse, 
.googlesearch .gsc-control-cse-ja,
.googlesearch .gsib_a{
	margin: 0 !important;
	padding: 3px 5px !important;
}
.googlesearch table.gsc-search-box td,
.googlesearch table.gsc-search-box input {
	vertical-align: middle !important;
}
.googlesearch table.gsc-search-box input {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	font-size: 100%;
}
.googlesearch .gsc-search-box .gsc-input-box { border: 1px solid #C2C0C1 !important; }
.googlesearch .gsc-search-box .gsc-input > input:hover,
.googlesearch .gsc-input-box-hover,
.googlesearch .gsc-search-box .gsc-input > input:focus,
.googlesearch .gsc-input-box-focus {
	border: 1px solid #C2C0C1 !important;
	box-shadow: 0 1px 2px rgba(0, 156, 230, 0.3) inset !important;
	outline: medium none !important;
}
.googlesearch input.gsc-search-button {
	background: #C2C0C1 !important;
	border: 1px solid #C2C0C1 !important;
	margin: 0 0 0 -12px !important;
	padding: 6px 15px !important;
	border-radius: 0 !important;
}
.googlesearch .gsst_b .gsst_a { padding-top: 6px !important; }



/* globalNavi
------------------------------------------------------ */
#globalNaviInner ul { margin: 0; }
#globalNaviInner ul li {
	float: left;
	font-size: 121.4%;
}
#globalNaviInner ul li.lastItem { margin-right: 0; }
#globalNaviInner ul li a {
	color: #FFF;
	padding: 17px 26px;
	display: block;
}
#globalNaviInner ul li a:hover {
	text-decoration: none;
	background-color: #40E0D0;
}
#globalNaviInner ul li.current { background-color: #2E8B57; }



/* contents
------------------------------------------------------ */
/* --- header --- */
.pageTitleStyle1 { margin: 20px 0 30px; }
.pageTitleStyle1 h1 { font-size: 185.7%; }
.pageTitleStyle1 .subTitle {
	font-size: 128.6%;
	margin-top: 8px;
}
.pageTitleStyle2 h1 { margin-bottom: 20px; }
#contents h2 {
	background: url(../image/icon_h2.gif) no-repeat 0 16px;
	font-size: 142.9%;
	padding: 10px 0 15px 35px;
}
#contents h2 a {
	color: #333;
	padding-right: 20px;
	background: url(../image/icon_link_black_l.png) no-repeat right 8px;
}
#contents h3 {
	background: url(../image/icon_h3.gif) no-repeat 0 16px;
	font-size: 114.3%;
	padding: 8px 8px 8px 35px;
}
#contents h4 {
	font-weight: bold;
	padding: 8px 8px 8px 0;
}


/* --- topicPath --- */
.topicPath {
	padding: 0 0 10px 12px;
	font-size: 85.7%;
}
.topicPath ul li {
	float: left;
	margin-right: 8px;
	padding-left: 16px;
	background: url(../image/icon_topicpath.png) no-repeat 0 6px;
}
.topicPath ul li.firstItem {
	padding-left: 0;
	background: none;
}


/* --- text --- */
.textStyle1 { margin-bottom: 15px; }
.textStyle2 { margin-bottom: 8px; }
.textIndent2 {
	text-indent: -2em;
	margin-left: 2em;
}
.text-center {
  text-align: center;
}

/* --- image --- */
.imgStyle1 { margin-bottom: 20px; }
.imgStyle2 { margin-bottom: 10px; }
.imgStyle1 img,
.imgStyle2 img { margin: 5px 0; }


/* --- link --- */
.link a {
	padding-right: 16px;
	background: url(../image/icon_link_red.png) no-repeat right 5px;
}


/* --- ul List --- */
ul.listStyle1 li,
ul.linkListStyle1 li {
	margin-bottom: 10px;
}
ul.listStyle2 li,
ul.linkListStyle2 li {
	margin-bottom: 3px;
}
ul.listStyle1 li,
ul.listStyle2 li {
	background: url(../image/icon_list_black.png) no-repeat 3px 7px;
	padding-left: 14px;
}
ul.listStyle1 li.blueList {	background: url(../image/icon_list_blue.gif) no-repeat 0 7px; }
ul.listStyle1 li.blueList .listStyle1 li { margin-bottom: 2px; }
ul.linkListStyle1 li a,
ul.linkListStyle2 li a {
	padding-right: 16px;
	background: url(../image/icon_link_red.png) no-repeat right 5px;
}
ul li.pdf a {
	padding-right: 18px;
	background: url(../image/icon_pdf.png) no-repeat right 2px;
}
ul.linkListStyle1 li ul.linkListStyle1 { margin-left: 15px; }
ul.innerLinks,
ul.verticalInnerLinks {
	margin: 10px 0;
}
ul.verticalInnerLinks li {
	float: left;
	margin-right: 20px;
}
ul.verticalInnerLinks li.lastItem { margin-right: 0; }
ul.innerLinks li a,
ul.verticalInnerLinks li a {
	background: url(../image/icon_innerlink.png) no-repeat right 3px;
	padding-right: 22px;
}


/* --- dl List --- */
dl.linkListStyle1 dt a {
	padding-right: 16px;
	background: url(../image/icon_link_red.png) no-repeat right 5px;
}
dl.linkListStyle1 dd { margin-bottom: 10px; }
dl dt.pdf a,
dl dd.pdf a {
	padding-right: 18px;
	background: url(../image/icon_pdf.png) no-repeat right 2px;
}
dl.listStyle1 dt {
	background: url(../image/icon_list_black.png) no-repeat 3px 7px;
	padding-left: 14px;
}
dl.listStyle1 dd {
	padding-left: 14px;
	margin-bottom: 10px;
}
dl.listStyle1 dt.blueList {	background: url(../image/icon_list_blue.gif) no-repeat 0 7px; }

/* 日付横並び */
.dateListStyle1 dt {
	float: left;
	clear: both;
	width: 10em;
}
.dateListStyle1 dd {
	padding: 0 0 5px 10em;
	margin-bottom: 8px;
	border-bottom: 1px solid #ddd;
}
.dateListStyle1 dt.important,
.dateListStyle1 dd.important { font-weight: bold; }
.dateListStyle1 dd ul li { margin-bottom: 3px; }

/* 補足 */
.additionalStyle1,
.additionalStyle2 {
	margin: 8px 0;
}
table .additionalStyle1,
table .additionalStyle2 {
	margin: 0;
}
.additionalStyle1 dt,
.additionalStyle2 dt {
	float: left;
	clear: both;
}
.additionalStyle1 dt { width: 1.5em; }
.additionalStyle1 dd { margin-left: 1.5em; }
.additionalStyle2 dt { width: 2.5em; }
.additionalStyle2 dd { margin-left: 2.5em; }


/* --- ol List --- */
ol.listStyle1 li,
ol.listStyle2 li,
ol.listStyle3 li {
	margin: 0 0 10px 1.8em;
}
ol.listStyle1 li { list-style: decimal outside; }
ol.listStyle2 li { list-style: lower-alpha outside; }
ol.listStyle3 li { list-style: upper-roman outside; }
ol.listStyle1 li span {
	display: block;
	padding: 8px 0 15px;
}
ul.listStyle1 li ol.listStyle1 { margin: 10px 0 0 15px; }
ul.listStyle1 li ol.listStyle1 li {
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
}


/* --- table --- */
.tableStyle1 {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}
tableStyle2 {
	border-collapse: collapse;
	margin-bottom: 5px;
}
.tableStyle1 th,
.tableStyle1 td,
.tableStyle2 th,
.tableStyle2 td {
	padding: 10px;
	border: 1px solid #FFF;
}
.tableStyle1 th,
.tableStyle2 th {
	background-color: #DCDADB;
}
.tableStyle1 td,
.tableStyle2 td {
	background-color: #F4F4F4;
}
.tableStyle1 td.subHeader,
.tableStyle2 td.subHeader {
	background-color: #E0DEDF;
}


/* --- boxPattern --- */
/* 青見出し */
.boxPattern1 {
	border: 1px solid #293E81;
	margin-bottom: 20px;
}
#contents .boxPattern1 h2,
#contents .boxPattern1 h3 {
	background-image: none;
	background-color: #2E8BA7;
	font-size: 110%;
	color: #FFF;
	padding: 10px 15px;
}
.boxPattern1 .inner { padding: 20px 20px 10px; }
.boxPattern1 .inner .column1Half {
	width: 322px;
	float: left;
}
.boxPattern1 .inner .column1Half.lastItem { margin-right: 0; }

/* グレー背景 */
.boxPattern2 { background-color: #ECEDF2; }
.boxPattern2 .inner { padding: 20px 20px 10px; }
#contents .boxPattern2 h3 {
	background-image: none;
	font-weight: bold;
	color: #12426D;
	padding: 0 0 8px 0 !important;
}

/* インナーボックス */
#contents .boxPattern2 .inner .innerBox h3 {
	background-color: #5E719C;
	color: #FFF;
	padding: 8px 15px !important;
	margin-top: 20px;
}
#contents .boxPattern2 .inner .innerBox	.inner {
	background-color: #D2D6E1;
	margin-bottom: 10px;
}

#contents .boxPattern2 .inner .innerBoxG h3 {
	background-color: #658088;
	color: #FFF;
	padding: 8px 15px !important;
	margin-top: 20px;
}
#contents .boxPattern2 .inner .innerBoxG	.inner {
	background-color: #F7FFF4;
	color: #004000;
	margin-bottom: 10px;
}

/* --- linkBox --- */
.linkBox { background-color: #EEEEF0; }
#contents .linkBox h2 {
	padding: 0;
	font-size: 100%;
	background-image: none;
	background-color: #565455;
}
#contents .linkBox h2.link:hover {
	background-color: #333;
	cursor: pointer;
}
#contents .linkBox h2 a,
#contents .linkBox h2 span {
	display: block;
	margin-right: 15px;
	padding: 10px 15px;
	color: #FFF;
}
#contents .linkBox h2 a {	background:url(../image/icon_linkbox.gif) no-repeat right center; }
.linkBox .inner {
	padding: 10px;
}
.linkBox .inner .textStyle1 { margin-bottom: 0; }

/* --- linkBoxAlert --- */
.linkBoxAlert { background-color: #FFDADF; }
#contents .linkBoxAlert h2 {
	padding: 0;
	font-size: 100%;
	background-image: none;
	background-color: #A65455;
}
#contents .linkBoxAlert h2.link:hover {
	background-color: #333;
	cursor: pointer;
}
#contents .linkBoxAlert h2 a,
#contents .linkBoxAlert h2 span {
	display: block;
	margin-right: 15px;
	padding: 10px 15px;
	color: #FFF;
}
#contents .linkBoxAlert h2 a {	background:url(../image/icon_linkBox.gif) no-repeat right center; }
.linkBoxAlert .inner {
	padding: 10px;
}
.linkBoxAlert .inner .textStyle1 { margin-bottom: 0; }

/* --- linkBoxPickUp --- */
.linkBoxPickUp { background-color: #F0F0FF; }
#contents .linkBoxPickUp h2 {
	padding: 0;
	font-size: 100%;
	background-image: none;
	background-color: #4682b4;
}
#contents .linkBoxPickUp h2.link:hover {
	background-color: #333;
	cursor: pointer;
}
#contents .linkBoxPickUp h2 a,
#contents .linkBoxPickUp h2 span {
	display: block;
	margin-right: 15px;
	padding: 10px 15px;
	color: #FFF;
}
#contents .linkBoxPickUp h2 a {	background:url(../image/icon_linkBox.gif) no-repeat right center; }
.linkBoxPickUp .inner {
	padding: 10px;
}
.linkBoxPickUp .inner .textStyle1 { margin-bottom: 0; }

/* --- localNavi --- */
#localNavi h2 {
	background-image: none;
	font-size: 100%;
	padding: 0;
}
#localNavi h2 a {
	display: block;
	padding: 14px;
	background-color: #5F9EA0;
	color: #FFF;
}
#localNavi h2 a:hover,
#localNavi h2.current a
{
	text-decoration: none;
	background-color: #2E8B57;
}

#localNavi ul { margin-bottom: 30px; }
#localNavi ul li a {
	display: block;
	padding: 8px 14px;
	color: #000;
	background-color: #DCDADB;
	border-top: 1px solid #FFF;
}
#localNavi ul li a:hover,
#localNavi ul li.current ul li a:hover {
	text-decoration: none;
	background-color: #F4F4F4;
}
#localNavi ul li.current a { background-color: #F4F4F4; }
#localNavi ul li.current ul li a {
	background-color: #DCDADB;
	padding-left: 30px;
}
#localNavi ul li ul li.current a { padding-left: 30px; }


/* --- pageTop --- */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: 1px solid #FFF;
}
#pageTop a {
	display: block;
	background: url(../image/btn_pagetop.jpg) no-repeat 0 0; 
	width: 63px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#pageTop a:hover { background-position: 0 -2px; }

/*-- btn --*/
.btn.type01{ 
        width: 100%; 
        max-width: 340px; 
        padding: 15px 10px; 
        display: inline-block; 
        text-align: center; 
        text-decoration:none;
        letter-spacing: 0.1em; 
        color: #fff; 
        background-color: #408080; 
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.12), 0 3px 20px 0 rgba(0,0,0,.12), 0 5px 6px -2px rgba(0,0,0,.2); 
        -webkit-tap-highlight-color: transparent; border-radius: 5px; 
}

.btn.type02{ 
        width: 100%; 
        max-width: 340px; 
        padding: 15px 10px; 
        display: inline-block; 
        text-align: center; 
        text-decoration:none;
        letter-spacing: 0.1em; 
        color: #fff; 
        background-color: #FF6900; 
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.12), 0 3px 20px 0 rgba(0,0,0,.12), 0 5px 6px -2px rgba(0,0,0,.2); 
        -webkit-tap-highlight-color: transparent; border-radius: 5px; 
}

/* footer
------------------------------------------------------ */
#footerNavi1 a { color: #FFF; }
#footerNavi1 h2,
#footerNavi2 h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
}
#footerNavi1 h3 {
	font-size: 128.6%;
	font-weight: bold;
}
.footerColumn > ul { margin-top: 12px; }
.footerColumn ul li {
	line-height: 2.2em;
	font-size: 85.7%;
}
#footerNavi2 { border-bottom: 1px solid #E5E5E5; }
#footerNavi2 ul li {
	float: left;
	margin-right: 40px;
	font-size: 85.7%;
}
#footerNavi2 ul li a {
	color: #000;
	background: url(../image/icon_link_black.png) no-repeat right 3px;
	padding-right: 15px;
}
#footerCopy ul li {
	float: left;
	margin-right: 15px;
}
#footerCopy ul li.tel {
	background: url(../image/icon_tel.png) no-repeat 0 0;
	padding-left: 25px;
}
#footerCopy ul li.fax {
	background: url(../image/icon_fax.png) no-repeat 0 0;
	padding-left: 25px;
}
#footerCopy ul li.map {
	background: url(../image/icon_map.png) no-repeat 0 0;
	padding-left: 18px;
}
#footerCopy ul li a { text-decoration: underline; }
#footerCopy ul li a:hover { text-decoration: none; }
#footerCopy h2 {
	font-size: 114.3%;
	margin-bottom: 14px;
}
#footerCopy .copyright {
	margin-top: 60px;
	font-size: 85.7%;
}



/* --------------------------------------------------- */

/* index
------------------------------------------------------ */
#contents.index {
	background: url(../image/img_main.jpg) no-repeat center 0;
	background-size: contain;
}
#contents.index #gridSet { padding-top: 75px; }
#contents.index #catchCopy { padding: 0 0 150px 30px; }
.leftItem .indexBtnMenu { margin-bottom: 35px; }
.leftItem .indexBtnMenu li {
	float: left;
	margin-right: 15px;
}
.indexBtnMenu li a.hover:hover { cursor: pointer; }
.leftItem .indexBtnMenu li.lastItem { margin-right: 0; }
.rightItem .indexBtnMenu li { margin-bottom: 13px; }
.rightItem .indexBtnMenu li.lastItem { margin-bottom: 0; }

#tabMenu li {
	width: 190px;
	float: left;
	font-size: 114.3%;
	margin-right: 5px;
	padding: 12px 0;
	text-align: center;
	color: #FFF;
	background-color: #293E81;
	border-top: #293E81 1px solid;
	border-left: #293E81 1px solid;
	border-right: #293E81 1px solid;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px;
	position: relative;
	z-index: 1;
}
#tabMenu li:hover {
	background-color: #009CE6;
	border-top: #009CE6 1px solid;
	border-left: #009CE6 1px solid;
	border-right: #009CE6 1px solid;
	cursor: pointer;
}
#tabMenu li.active {
	color: #000;
	background-color: #FFF;
	border-top: #293E81 1px solid;
	border-left: #293E81 1px solid;
	border-right: #293E81 1px solid;
	z-index: 20;
}
#tabMenu li.active:hover { cursor: default; }
#tabMenu li.firstItem { margin-left: 25px; }
.tabArea {
	padding: 30px 6px 15px;
	border-top: #293e81 1px solid;
	top: -1px;
	position: relative;
	z-index: 10;
	background-color: #FFF;
}



/* 会社案内
------------------------------------------------------ */
.accordion h2 span {
	padding-right: 220px;
	background: url(../image/icon_accordion_open.gif) no-repeat right 0;
}
.accordion h2.open span { background-image: url(../image/icon_accordion_close.gif); }
.accordion h2:hover { cursor: pointer; }



/* 活動・取り組み
------------------------------------------------------ */
#contents .h3_risk,
#contents .h3_executive,
#contents .h3_management,
#contents .h3_mortgage,
#contents .h3_workshop,
#contents .h3_apartloan,
#contents .h3_others  {
	display: inline-block;
	margin-bottom: 10px;
	padding: 8px 10px 5px 10px !important;
	color: #FFF;
	background-image: none;
}
#contents .h3_risk { background-color: #B49346; }
#contents .h3_executive { background-color: #5DA887; }
#contents .h3_management { background-color: #5372C2; }
#contents .h3_mortgage { background-color: #8682B4; }
#contents .h3_workshop { background-color: #F97B6D; }
#contents .h3_apartloan { background-color: #B24691; }
#contents .h3_others { background-color: #000080; }
#contents .h3_seminar {
	padding-left: 15px !important;
	margin-bottom: 5px;
	background: url(../image/icon_list_blue.gif) no-repeat 0 14px;
}
#contents .h3_seminar .date {
	display: inline-block;
	width: 16em;
}
#contents .h3_seminar .category {
	padding: 2px 7px 1px;
	font-size: 87.5% !important;
	color: #FFF;
}
#contents .h3_seminar .risk { background-color: #B49346; }
#contents .h3_seminar .executive { background-color: #5DA887; }
#contents .h3_seminar .management { background-color: #5372C2; }
#contents .h3_seminar .mortgage { background-color: #8682B4; }
#contents .h3_seminar .apartloan { background-color: #B24691; }
#contents .h3_seminar .others { background-color: #000080; }


/* 商品・サービス
------------------------------------------------------ */
.linkListStyle2 li.part,
.linkListStyle2 li.separately {
	width: 22em;
}
.linkListStyle2 li.part { background: url(../image/icon_part.gif) no-repeat right 0; }
.linkListStyle2 li.separately { background: url(../image/icon_separately.gif) no-repeat right 0; }
.bgGray { background-color: #bbbec8; }



/* お問い合わせ
------------------------------------------------------ */
.textStyle1 .tel {
	padding-left: 17px;
	background: url(../image/icon_tel_m.png) no-repeat 0 center;
}

#banner {
    border: 1px solid #000000;
    overflow: hidden;
    width:694px;
    margin-bottom: 2px;
}
#banner ul {
    list-style: none;
    width: 1388px;
}
#banner ul li {
    float: left;
    width: 694px;
}
#banner ul li img {
    vertical-align: bottom;
}

/* コンテンツボックス
------------------------------------------------------ */
.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box {
	margin-bottom: 30px;
	padding: 12px;
	width:28%;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 5px #ccc;
}

.contents-box img {
	display: block;
	border-radius: 20px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

.contents-box-title {
	font-size: 1.1em;
	color: #333;
	font-weight: 700;
	text-align: center;
}
.contents-box-subtitle {
	font-size: 1.0em;
	color: #008b8b;
	font-weight: 700;
	background-color:#000
	text-align: center;
}
.contents-box-category1{
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.0em;
	padding: 5px;
	background:#afeeee;
	color:#666;
	text-align: center;
}
.contents-box-category2{
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.0em;
	padding: 5px;
	background:#f5f5dc;
	color:#666;
	text-align: center;
}
.contents-box-category3{
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.0em;
	padding: 5px;
	background:#87ceeb;
	color:#666;
	text-align: center;
}
.contents-box-text {
	font-size: 0.9em;
	color: #666;
	font-weight: 400;
	text-align: center;
}

.contents-box-link {
	text-align: center;
	border-top: 1px solid #eee;
	padding: 20px;
}

.contents-box a {
	text-decoration: none;
	color:#FF4040;
	margin: 0 10px;
	font-weight: 700;
}

.h4-lineTitle {
	position: relative;
	font-size: 1.2em;
	color: #333;
	font-weight: 700;
	text-align: center;
	padding: 5px;
	border: 1px solid #D8D8D8;
	border-top: 4px solid #2E8BA7;
	border-radius: 4px;
	background: linear-gradient(#ffffff 0%, #eee 100%);
	box-shadow: 0 2px 5px #ccc;

}