@charset "utf-8";

@import url("base.css");
@import url("layout.css");

.sknavi
{
	position:absolute;
	top:-500px;
}

.sknavi:focus, .sknavi:active
{
	top:1px;
	display:block;

	width:100px;
	height:18px;
	padding:0px;
	margin-left:0px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}


/* main */
#mainVisual { position:relative; margin:0 auto; z-index:1;}
#mainVisual .visual { font-size:0; line-height:normal;}
#mainVisual .visual img { width:100%;}
#mainVisual .point { position:absolute; bottom:10px; width:100%; font-size:0; line-height:normal;}
#mainVisual .point span { margin:0 2px;}
#mainVisual .point img { width:35px;}

#mainContent { position:relative; margin:0 auto;}
#mainContent .mainService { position:relative; background:#dfe7ef; padding:15px; text-align:left;}
#mainContent .mainService .type_1 { position:relative;}
#mainContent .mainService .type_1 a { width:100%; background:#fff; height:127px; text-decoration:none; display:inline-block;}
#mainContent .mainService .type_1 .name { margin:29px 0 0 15px; font-size:24px; color:#000; font-weight:bold; display:block;}
#mainContent .mainService .type_1 .txt { margin:10px 0 0 15px; font-size:12px; color:#666; line-height:normal; display:block;}
#mainContent .mainService .type_1 .icon { position:absolute; top:20px; right:20px;}
#mainContent .mainService .type_1 .icon img { width:101px;}
#mainContent .mainService .type_2 { position:relative; width:100%; margin:10px 0 0 0; font-size:0; display:table;}
#mainContent .mainService .type_2 li { position:relative; width:50%; font-size:0; display:table-cell;}
#mainContent .mainService .type_2 li:first-child { padding-right:5px;}
#mainContent .mainService .type_2 li:first-child img { margin-right:15px;}
#mainContent .mainService .type_2 li:last-child { padding-left:5px;}
#mainContent .mainService .type_2 li:last-child img { margin-right:10px;}
#mainContent .mainService .type_2 a { width:100%; height:80px; background:#fff; font-size:0; text-decoration:none; display:inline-block;}
#mainContent .mainService .type_2 .name { margin:28px 0 0 15px; font-size:15px; color:#000; font-weight:bold; display:block;}
#mainContent .mainService .type_2 .icon { position:absolute; top:18px; right:0;}
#mainContent .mainService .type_2 .icon img { width:42px;}
#mainContent .mainService .type_2 .eng_plus { vertical-align:top; line-height:normal;}
#mainContent .mainService .type_2 .eng_plus a {}
#mainContent .mainService .type_2 .eng_plus .name { margin:22px 0 0 15px; font-size:15px; color:#000; font-weight:bold; display:block;}



#mainContent .mainNeed { position:relative; background:#ededed; padding:20px 10px; text-align:left;}
#mainContent .mainNeed .title { text-align:center; font-size:20px; color:#000; font-weight:bold; line-height:normal;}
#mainContent .mainNeed .info { width:100%; margin-top:20px; text-align:center; display:table;}
#mainContent .mainNeed .info li { width:33.333%; padding:0 5px; font-size:0; line-height:normal; vertical-align:top; display:table-cell;}
#mainContent .mainNeed .info li a { width:100%; color:#000; display:inline-block;}
#mainContent .mainNeed .info li a img { width:100%;}
#mainContent .mainNeed .info li a span { width:100%; margin-top:8px; font-size:14px; font-weight:bold; display:inline-block;}

#mainContent .MainNotice { position:relative; width:100%; font-size:0; line-height:normal; text-align:left;}
#mainContent .MainNotice .title { background:#2a2e3a; font-size:19px; color:#fff; font-weight:bold; padding:10px 15px;}
#mainContent .MainNotice .more { position:absolute; top:10px; right:10px; font-size:0; line-height:normal;}
#mainContent .MainNotice .more img { width:21px;}
#mainContent .MainNotice .list { margin-top:8px;}
#mainContent .MainNotice .list li { padding:2px 0;}
#mainContent .MainNotice .list input { border:none; background:#fff; width:100%; padding:3px 0; font-size:14px; color:#000; text-align:left; font-weight:normal; cursor:pointer; outline:none;}
#mainContent .MainNotice .list input:hover { text-decoration:underline;}
#mainContent .MainNotice .list input:focus { text-decoration:underline; outline:dotted 1px; background:#fff;}
#mainContent .MainNotice .list input:active { text-decoration:underline; outline:dotted 1px; background:#fff;}
#mainContent .MainNotice .list span { padding:0 15px; display:block;}

#mainContent .mainCs { position:relative; border-top:solid 1px #2a2e3a; margin-top:13px; padding-top:20px; font-size:0; line-height:normal; text-align:left;}
#mainContent .mainCs .title { font-size:19px; color:#000; font-weight:bold; margin:0 15px;}
#mainContent .mainCs .txt { margin:7px 15px 0 15px; font-size:12px; color:#666;}
#mainContent .mainCs .phoneArea { position:relative; margin-top:14px; background:#0096e0; text-align:center;}
#mainContent .mainCs .phoneArea a { width:100%; font-size:30px; color:#fff; font-weight:bold; padding:10px 0; text-decoration:none; line-height:normal; display:inline-block;}
#mainContent .mainCs .phoneArea a img { width:36px; height:36px; margin-right:10px; vertical-align:top;}
#mainContent .mainCs .infoArea { position:relative; margin:8px 15px 0 15px; font-size:13px; color:#000; font-weight:bold; padding-left:90px;}
#mainContent .mainCs .infoArea li { padding:5px 0;}
#mainContent .mainCs .infoArea span { position:absolute; left:0; font-weight:normal; font-size:13px; color:#2a2e3a;}



/* sub */
#Content { position:relative; margin:0 auto; text-align:left;}

.contentArea { position:relative; margin:35px 15px 0 15px;}
.contentArea h5 { margin-top:35px; font-size:23px; color:#000; letter-spacing:-0.06em;}

.contentFull { position:relative;}



/* h style */
h1 { position:relative;}
h2 { position:relative; font-weight:normal; line-height:normal;}
h3 { position:relative; line-height:normal;}
h4 { position:relative; line-height:normal;}
h5 { position:relative; line-height:normal;}

.h3Area { position:relative; background:#0096e0; text-align:center; height:38px; font-size:0; line-height:normal;}
.h3Area h3 { padding-top:9px; font-size:16px; color:#fff;}
.h3Area .menuArea { position:absolute; top:0; right:0; z-index:100;}
.h3Area .menuArea img { width:38px; height:38px;}
.h3Area .menuArea .view { position:absolute; right:0; width:240px; font-size:14px; background:#0096e0;}
.h3Area .menuArea .view a { width:100%; padding:10px 0; border-top:solid 1px #fff; font-size:14px; color:#fff; font-weight:bold; display:inline-block;}


/* sub page text */
.conTextArea01 { position:relative; margin-top:20px; border-bottom:solid 1px #2a2e3a; padding-bottom:35px;}
.conTextArea01:last-child { border-bottom:none; padding-bottom:0;}

	.pageText_st01 { position:relative; width:100%; margin-bottom:10px; border:solid 1px #e3e3e3; display:table;}
	.pageText_st01 li:first-child { width:90px; display:table-cell; vertical-align:middle; font-size:0; line-height:normal; background:#f8f8f8;}
	.pageText_st01 li:first-child img { width:90px;}
	.pageText_st01 li:last-child { display:table-cell; vertical-align:middle; padding:15px;}

	.pageText_st02 {}
	.pageText_st02 li { margin-bottom:7px;}
	.pageText_st02 li:last-child { margin-bottom:0;}
	.pageText_st02 span { display:table-cell;} 
	
	.pageText_target { position:relative; width:100%;}
	.pageText_target li { margin-top:5px; }
	
	
	.csPhone { position:relative; margin-top:15px;}
	.csPhone a { width:100%; background:#0f0964; text-align:center; color:#fff; font-weight:bold; font-size:20px; padding:10px 0; line-height:1.3em; display:inline-block;}
	
	.managerArea { position:relative;}
	.managerArea .list { width:100%; line-height:normal; display:table; border-bottom:solid 1px #0f0964;}
	.managerArea .list:last-child { border-bottom:none;}
	.managerArea .list li { width:50%; border-right:solid 1px #0f0964; display:table-cell;}
	.managerArea .list li a { width:100%; background:#f8f8f8; font-size:14px; color:#333; font-weight:bold; text-align:center; padding:10px 0; display:inline-block;}
	.managerArea .list li a span { font-weight:normal; margin-top:5px; display:block;}
	.managerArea .list li:last-child { border-right:none;}
	
.conEestimate { position:relative; margin-top:35px; text-align:center;}
	


/* title type */
.title_type01 { font-size:19px; font-weight:bold; color:#0096e0; letter-spacing:-0.04em;}
.title_type02 { font-size:17px; font-weight:bold; color:#0096e0;}

.text_item01 {color:#0096e0; font-weight:bold;}


/* text type */
.bulCircleNo { position:relative; min-width:1px; padding-left:17px;}
.bulCircleNo .bul { position:absolute; top:0; left:0;}

.bulNo { position:relative; min-width:1px; padding-left:17px;}
.bulNo .bul { position:absolute; top:0; left:0;}

.bulPar { position:relative; min-width:1px; padding-left:21px;}
.bulPar .bul { position:absolute; top:0; left:0;}

.bulNo02 { position:relative; min-width:1px; padding-left:30px;}
.bulNo02 .bul { position:absolute; top:0; left:0;}

.bulBarSm { position:relative; min-width:1px; padding-left:9px;}
.bulBarSm .bul { position:absolute; top:0; left:0;}

.bulTitle01 { position:relative; font-size:19px; font-weight:bold; color:#0096e0; min-width:1px; padding-left:22px; line-height:1.3em; letter-spacing:-0.04em;}
.bulTitle01 .bul { position:absolute; top:0; left:0;}

.comment01 { position:relative; color:#777; font-size:13px; line-height:1.4em;}
.comment01 .text01 { font-size:19px; color:#000; line-height:1.3em;}

.comment02 { position:relative; color:#777; text-align:center; line-height:1.7em;}
.comment02 .text01 { font-size:19px; color:#000;}
.comment02 .text02 { font-size:13px; margin-top:8px; border-top:solid 1px #e3e3e3; display:inline-block; padding-top:7px; line-height:1.4em;}



/* tab */
.tab2line { position:relative;}
.tab2line ul { width:100%; display:table;}
.tab2line ul li { width:50%; display:table-cell;}
.tab2line ul li a { width:100%; border-bottom:solid 1px #2a2e3a; border-top:solid 1px #2a2e3a; font-size:14px; color:#2a2e3a; padding:10px 0; text-align:center; text-decoration:none; display:inline-block;}
.tab2line ul li a:hover { background:#f7f9fd;}
.tab2line ul li a.show { background:#2a2e3a; color:#fff;}

.tab3line { position:relative;}
.tab3line ul { width:100%; display:table;}
.tab3line ul li { width:33.333%; display:table-cell; border-right:solid 1px #2a2e3a;}
.tab3line ul li:last-child { border-right:none;}
.tab3line ul li a { width:100%; border-bottom:solid 1px #2a2e3a; border-top:solid 1px #2a2e3a; font-size:14px; color:#2a2e3a; padding:10px 0; text-align:center; text-decoration:none; display:inline-block;}
.tab3line ul li a:hover { background:#f7f9fd;}
.tab3line ul li a.show { background:#2a2e3a; color:#fff;}

.tab4line { position:relative;}
.tab4line ul { width:100%; display:table;}
.tab4line ul li { width:25%; display:table-cell; border-right:solid 1px #2a2e3a;}
.tab4line ul li:last-child { border-right:none;}
.tab4line ul li a { width:100%; border-bottom:solid 1px #2a2e3a; border-top:solid 1px #2a2e3a; font-size:14px; color:#2a2e3a; padding:10px 0; text-align:center; text-decoration:none; display:inline-block;}
.tab4line ul li a:hover { background:#f7f9fd;}
.tab4line ul li a.show { background:#2a2e3a; color:#fff;}



/* idc */
.idcinfo .pageImg { position:absolute; bottom:130px; right:0;}
.idcinfo .pageImg img { width:120px;}


/* company */
.historyTab { position:relative; margin-top:20px;}
.historyTab ul { margin:0 auto; display:table;}
.historyTab ul li { display:table-cell;}
.historyTab ul li a { width:150px; border:solid 1px #e3e3e3; background:#f8f8f8; font-size:14px; color:#666; font-weight:bold; height:40px; text-align:center; text-decoration:none; display:table-cell; vertical-align:middle;}
.historyTab ul li a:hover { background:#fff;}
.historyTab ul li a.show { background:#fff; color:#000; border:solid 1px #2a2e3a;}
.historyTab ul li:last-child a { border-left:;}]

.historyArea { position:relative;}
.historyArea .hisList { margin-top:30px; border-bottom:solid 1px #2a2e3a; padding-bottom:30px;}
.historyArea .hisList:last-child { border-bottom:none; padding-bottom:0;}
.historyArea .hisList .hisYear { color:#000; font-weight:bold; font-size:21px; letter-spacing:-0.09em;}
.historyArea .hisList li { position:relative; margin-top:20px; padding-left:30px;}
.historyArea .hisList .month { position:absolute; top:0; left:0; color:#0096e0; font-weight:bold;}

.networkLogo { position:relative; width:100%;}
.networkLogo ul:first-child { padding-right:10px;}
.networkLogo ul:last-child { padding-left:10px;}
.networkLogo .logoArea { text-align:center; line-height:normal; font-size:0; vertical-align:top;}
.networkLogo .logoArea p { color:#0096e0; margin-top:25px; font-weight:bold; font-size:14px; border-bottom:solid 1px #0096e0; padding-bottom:10px;}
.networkLogo .logoArea li { border-bottom:solid 1px #e3e3e3;}
.networkLogo .logoArea li img { width:134px; height:54px;}

.locMap { position:relative; width:100%; margin:20px auto 0 auto; text-align:center; display:;}
.locMap iframe {width:100%; height:200px;}


/* notice news */
.panArea01 { position:relative; width:100%;}

.panSearch { position:relative; width:100%; margin:20px auto 0 auto; text-align:center; font-size:0; height:34px; display:table;}
.panSearch span { vertical-align:middle; display:inline-block;}
.panSearch input { height:2.3em; border-right:none; font-size:14px; vertical-align:top; padding:0 5px; width:210px;}
.panSearch .btn a { background:#2a2e3a; color:#fff; font-size:14px; width:60px; height:34px; text-decoration:none; text-align:center; vertical-align:middle; display:table-cell;}
.panSearch .btn a:hover { background:#0096e0;}

.panListArea { position:relative; width:100%; border-top:solid 1px #2a2e3a;}
.panListArea .list { width:100%; display:table;}
.panListArea .list a { width:100%; border-bottom:solid 1px #2a2e3a; padding:12px 0 14px 0; font-size:12px; color:#777; line-height:normal; text-decoration:none; display:inline-block;}
.panListArea .list .title { width:100%; margin:0 0 7px 0; border-left:none; padding:0; font-size:15px; color:#000; line-height:1.4em; display:inline-block;}
.panListArea .list .bankname { width:100%; border-left:none; padding:0; font-size:16px; color:#000; font-weight:bold; line-height:1.4em; display:inline-block;}
.panListArea .list .no { width:40px; margin:0; border-left:none; padding:0; display:inline-block;}
.panListArea .list .first { margin:0; border-left:none; padding-right:10px; padding-left:0;}
.panListArea .list span {border-left:solid 1px #eeeeee; padding:0 10px 0 8px;}

.panViewArea { position:relative; width:100%; border-top:solid 1px #2a2e3a;}
.panViewArea .viewInfo { position:relative;}
.panViewArea .title { font-size:17px; font-weight:bold; color:#000; padding:15px 0; border-bottom:solid 1px #d4d5d8; line-height:1.3em;}
.panViewArea .item { color:#777; padding:10px 0; border-bottom:solid 1px #d4d5d8; line-height:normal; font-size:0;}
.panViewArea .item .type01 { font-size:13px; font-weight:bold; color:#404f57; padding-left:10px;}
.panViewArea .item .type01:first-child { padding-left:0;}
.panViewArea .item .type02 { font-size:13px; margin-left:7px; border-right:solid 1px #d4d5d8; padding-right:11px;}
.panViewArea .item span:last-child { border:none;}
.panViewArea .item a { color:#777;}
.panViewArea .txt { color:#000; font-size:15px; padding:20px 0; border-bottom:solid 1px #2a2e3a; line-height:1.6em; min-height:70px;}
.panViewArea .txt img { max-width:915px;}
.panViewArea .file { border-bottom:solid 1px #2a2e3a; padding:5px 10px 10px 10px; font-size:13px; background:#fafafa; line-height:1.4em;}
.panViewArea .file p { margin-top:5px;}
.panViewArea .file a { color:#666;}
.panViewArea .file img { vertical-align:text-bottom; margin-right:8px;}
.panViewArea .prevnext { position:relative; border-bottom:solid 1px #e3e3e3; padding:10px 0 12px 0;}
.panViewArea .prevnext li { position:relative; min-width:1px; padding:2px 0 2px 45px; line-height:normal;}
.panViewArea .prevnext span { position:absolute; top:3px; left:0; font-size:12px; color:#888; padding-right:17px;}
.panViewArea .prevnext a { color:#000; font-size:13px;}

.writeArea { position:relative; border-bottom:solid 1px #2a2e3a; border-top:solid 1px #2a2e3a; padding:15px 0;}
.writeArea .ask {}
.writeArea .ask input { height:2.9em; font-size:14px; vertical-align:middle;}
.writeArea .ask select { height:3rem; font-size:14px; vertical-align:middle;}
.writeArea .ask textarea { height:12rem; font-size:14px; vertical-align:middle;}
.writeArea .ask li { padding:8px 0;}

.privacyArea { position:relative; margin-top:20px; background:#f8f8f8; border:solid 1px #e3e3e3; padding:10px; font-size:13px; color:#555; line-height:1.3em;}
.privacyArea .title { font-size:15px; font-weight:bold; color:#222;}
.privacyArea .selectArea { margin-top:10px; border-top:solid 1px #e3e3e3; padding-top:10px; text-align:center; font-weight:bold;}
.privacyArea .selectArea label { margin:0 10px;}
.privacyArea .selectArea input { width:16px; height:16px; background:none; vertical-align:middle;}

.pageArea { position:relative; margin-top:20px; text-align:center; font-size:0; line-height:normal;}
.pageArea span { font-size:0; line-height:normal; margin:0 2px; display:inline-block;}
.pageArea span a { border:solid 1px #e3e3e3; width:34px; height:34px; color:#777; font-size:14px; font-weight:bold; text-decoration:none; display:table-cell; vertical-align:middle;}
.pageArea span a:hover { background:#f8f8f8;}
.pageArea span a.show { border:solid 1px #0096e0; background:#0096e0; color:#fff;}
.pageArea span a.prev { background:url(../images/common/btn_prev01.png) no-repeat center; text-indent:-10000px;}
.pageArea span a.next { background:url(../images/common/btn_next01.png) no-repeat center; text-indent:-10000px;}




/* policy */
.policy { position:relative; font-size:13px;}
.policy .title { font-size:17px; font-weight:bold; text-align:center;}
.policy .title_no { font-size:15px; font-weight:bold; margin-bottom:5px;}
.policy ul {}
.policy ul li { margin-top:20px;}

.policySearch { position:relative; text-align:center; border-bottom:solid 1px #e3e3e3; padding-bottom:20px;}
.policySearch input { height:34px; font-size:13px; vertical-align:top;}
.policySearch select { width:100%; height:36px; font-size:13px; vertical-align:top;}
.policySearch span a { text-decoration:none;}
.policySearch span a:hover { background:#0096e0;}
.policySearch .Btn a { background:#2a2e3a; font-size:14px; color:#fff; width:50px; height:40px; display:table-cell; vertical-align:middle;}




/* table */
.table_Con01 { width:100%; margin:0 auto; text-align:center; border-top:solid 1px #d4d5d8;}
.table_Con01 th { background:#f7f7f7; color:#2a2e3a; font-weight:normal; padding:8px 5px; border-bottom:solid 1px #d4d5d8; border-right:solid 1px #e3e3e3;}
.table_Con01 td { border-bottom:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3; padding:8px;}
.table_Con01 tbody th { color:#2a2e3a; background:#fff;}
.table_Con01 th:last-child,
.table_Con01 td:last-child { border-right:none;}

.table_Con02 { width:100%; margin:0 auto; text-align:center; border-top:solid 1px #d4d5d8;}
.table_Con02 th { background:#f7f7f7; color:#2a2e3a; padding:8px 5px; border-bottom:solid 1px #d4d5d8; border-right:solid 1px #e3e3e3;}
.table_Con02 td { border-bottom:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3; padding:8px;}
.table_Con02 tbody th { color:#2a2e3a; background:#fff;}
.table_Con02 th:last-child,
.table_Con02 td:last-child { border-right:none;}

.table_employ { width:100%; margin:0 auto; text-align:center; border-top:solid 1px #d4d5d8;}
.table_employ th { background:#f7f7f7; color:#2a2e3a; border-bottom:solid 1px #d4d5d8; border-right:solid 1px #e3e3e3; padding:8px;}
.table_employ td { border-bottom:solid 1px #d4d5d8; border-right:solid 1px #d4d5d8; padding:15px 10px; text-align:left;}
.table_employ th:last-child,
.table_employ td:last-child { border-right:none;}
.table_employ .wid01 { width:80px;}



/* btn */
.btnAreaTc01 { position:relative; margin-top:20px; text-align:center; line-height:normal; }
.btnAreaTc02 { position:relative; margin-top:40px; text-align:center; line-height:normal; }
.btnAreaTc03 { position:relative; margin-top:50px; text-align:center; line-height:normal; }
.btnAreaTl01 { position:relative; margin-top:20px; text-align:left; line-height:normal; }
.btnAreaTl02 { position:relative; margin-top:40px; text-align:left; line-height:normal; }
.btnAreaTl03 { position:relative; margin-top:60px; text-align:left; line-height:normal; }
.btnAreaTr01 { position:relative; margin-top:20px; text-align:right; line-height:normal; }
.btnAreaTr02 { position:relative; margin-top:40px; text-align:right; line-height:normal; }
.btnAreaTr03 { position:relative; margin-top:60px; text-align:right; line-height:normal; }

.btnOrg01 a { background:#0096e0; font-size:15px; font-weight:bold; text-align:center; color:#fff; width:100%; padding:15px 0; text-decoration:none; display:inline-block; vertical-align:middle;}
.btnOrg01 a:hover { background:#2a2e3a; color:#fff;}

.btnOrgPan a { background:#0096e0; font-size:15px; font-weight:bold; text-align:center; color:#fff; width:100%; padding:15px 0; text-decoration:none; display:inline-block; vertical-align:middle;}
.btnOrgPan a:hover { background:#2a2e3a; color:#fff;}

.btnGray01sm a { background:#2a2e3a; text-align:center; color:#fff; font-size:14px; padding:0 20px; height:30px; font-weight:bold; text-decoration:none; display:table-cell; vertical-align:middle;}
.btnGray01sm a:hover { background:#5a6480; color:#fff;}