@charset "utf-8";

/* ****************************************************
  Unique styles
***************************************************** */

/* Service category
=========================================*/
#service #content-area .heading01-icon01 {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding-top: 12px;
	padding-left: 50px;
	background: #eafcca url(../../image/service/com_ic01.gif) no-repeat 8px 50%;
}
#service #content-area .heading01-icon02 {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding-top: 12px;
	padding-left: 50px;
	background: #eafcca url(../../image/service/com_ic02.gif) no-repeat 8px 50%;
}
#service #content-area .heading01-icon03 {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding-top: 12px;
	padding-left: 50px;
	background: #eafcca url(../../image/service/com_ic03.gif) no-repeat 8px 50%;
}
* html #service #content-area .heading01-icon01 {
	min-height: 46px;
	height: auto !important;
	height: 46px;
}
* html #service #content-area .heading01-icon02 {
	min-height: 46px;
	height: auto !important;
	height: 46px;
}
* html #service #content-area .heading01-icon03 {
	min-height: 46px;
	height: auto !important;
	height: 46px;
}
#service #content-area .heading02-icon01 {
	min-height: 23px;
	height: auto !important;
	height: 23px;
	padding-left: 45px;
	background: #eeeeee url(../../image/service/com_ic01.gif) no-repeat 3px 50%;
}
#service #content-area .heading02-icon02 {
	min-height: 23px;
	height: auto !important;
	height: 23px;
	padding-left: 45px;
	background: #eeeeee url(../../image/service/com_ic02.gif) no-repeat 3px 50%;
}
#service #content-area .heading02-icon03 {
	min-height: 23px;
	height: auto !important;
	height: 23px;
	padding-left: 45px;
	background: #eeeeee url(../../image/service/com_ic03.gif) no-repeat 3px 50%;
}
* html #service #content-area .heading02-icon01 {
	min-height: 41px;
	height: auto !important;
	height: 41px;
}
* html #service #content-area .heading02-icon02 {
	min-height: 41px;
	height: auto !important;
	height: 41px;
}
* html #service #content-area .heading02-icon03 {
	min-height: 41px;
	height: auto !important;
	height: 41px;
}
#service .hbank-layout {
	clear: both;
	width: 640px;
	margin-top: 10px;
}
* html #service .hbank-layout {
	width: 660px;
}
#service .hbank-layout .image-right {
	float: right;
	width: 102px;
}
#service .hbank-layout .text-left {
	float: left;
	width: 538px;
}
#service .hbank-layout .link-col {
	clear: both;
}
#service .hbank-layout .link-col .left {
	float: left;
	width: 206px;
	margin-right: 20px;
}
#service .hbank-layout .link-col .right {
	float: left;
}
#service .hbank-layout .link-col .icon-link {
	margin-top: 7px;
}
#service .hbank_service-layout {
	clear: both;
	margin-top: 30px;
	padding: 0 0 15px 35px;
	background: url(../../../service/images/hbank_service_bg01.gif) no-repeat bottom;
}
#service .hbank_service-layout .left {
	float: left;
	width: 183px;
	margin-right: 21px;
}
#service .hbank_service-layout .center {
	float: left;
	width: 183px;
	margin-right: 20px;
}
#service .hbank_service-layout .right {
	float: left;
	width: 183px;
}
#service .hbank_service-layout .bt-area {
	position: relative;
}
#service .hbank_service-layout .bt-area .link-bt {
	position: absolute;
	top: 29px;
	left: 32px;
}
#service .hbank_service-layout .hbank_service-inner {
	clear: both;
	padding: 0 11px;
}
#service .hbank_service-layout .hbank_service-inner .left {
	float: left;
	width: 80px;
	margin: 0;
}
#service .hbank_service-layout .hbank_service-inner .right {
	float: right;
	width: 80px;
}
#service .hbank_service-layout .left .hbank_service-inner .heading {
	margin-top: 8px;
	padding-left: 5px;
	border-left: solid 3px #2564b8;
	font-weight: bold;
	font-size: 110%;
	color: #000000;
}
#service .hbank_service-layout .right .hbank_service-inner .heading {
	margin-top: 8px;
	padding-left: 5px;
	border-left: solid 3px #fa6206;
	font-weight: bold;
	font-size: 110%;
	color: #000000;
}

#service #content-area .login-block {
	clear: both;
	margin-top: 15px;
	padding: 0 20px;
}
#service #content-area .login-block .btn-area {
	margin-top: 15px;
}
#service #content-area .login-block .left-col {
	float: left;
	width: 300px;
	padding: 0 0 15px;
	background: url(../../../service/images/hbank_bg01.gif) no-repeat 0 100%;
	text-align: center;
}
#service #content-area .login-block .right-col {
	float: right;
	width: 300px;
	padding: 0 0 15px;
	background: url(../../../service/images/hbank_bg02.gif) no-repeat 0 100%;
	text-align: center;
}

#service .two-btn-col {
	clear: both;
	margin-top: 10px;
}
#service .two-btn-col .leftbtn {
	float: left;
}
#service .two-btn-col .rightbtn {
	float: right;
}
#service .border-box01 {
	padding: 10px !important;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#service .border-box02 {
	padding: 10px 10px 36px !important;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#service #main-content-area .release-block dl {
	width: 645px;
	margin-left: 15px;
}
#service .one-col {
	position: relative;
	width: 660px;
	height: 51px;
}
#service .one-col .text {
	position: absolute;
	top: 17px;
	left: 250px;
}
#service .one-col .text.type02 {
	left: 320px;
}
#service #content-area .serviceNumList01 {
	margin: 30px 0 0;
}
#service #content-area .serviceNumList01 li {
	margin-top: 15px;
	padding: 2px 0 3px 30px;
}
#service #content-area .serviceNumList01.type01 li.num01 {
	background: url(/service/images/sozoku_ic01_a.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type01 li.num02 {
	background: url(/service/images/sozoku_ic02_a.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type01 li.num03 {
	background: url(/service/images/sozoku_ic03_a.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type01 li.num04 {
	background: url(/service/images/sozoku_ic04_a.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type01 li.num05 {
	background: url(/service/images/sozoku_ic05_a.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type02 li.num01 {
	background: url(/service/images/sozoku_ic01_b.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type02 li.num02 {
	background: url(/service/images/sozoku_ic02_b.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type02 li.num03 {
	background: url(/service/images/sozoku_ic03_b.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type02 li.num04 {
	background: url(/service/images/sozoku_ic04_b.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type02 li.num05 {
	background: url(/service/images/sozoku_ic05_b.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type03 li.num01 {
	background: url(/service/images/sozoku_ic01_c.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type03 li.num02 {
	background: url(/service/images/sozoku_ic02_c.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type03 li.num03 {
	background: url(/service/images/sozoku_ic03_c.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type03 li.num04 {
	background: url(/service/images/sozoku_ic04_c.gif) no-repeat 0 0;
}
#service #content-area .serviceNumList01.type03 li.num05 {
	background: url(/service/images/sozoku_ic05_c.gif) no-repeat 0 0;
}

#service #content-area .serviceNumList01 li:first-child {
	margin-top: 0;
}


/* Other
=========================================*/
#service #main-content-area .section .ml32 {
	margin-left: 32px;
}
/* Clear fix
=========================================*/
#service .hbank-layout:after,
#service .hbank-layout .link-col:after,
#service .hbank_service-layout:after,
#service .hbank_service-layout .hbank_service-inner:after,
#service .two-btn-col:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#service .hbank-layout,
#service .hbank-layout .link-col,
#service .hbank_service-layout,
#service .hbank_service-layout .hbank_service-inner,
#service .two-btn-col {
	min-height: 1px;
}

/* for IE6 */
* html #service .hbank-layout,
* html #service .hbank-layout .link-col,
* html #service .hbank_service-layout,
* html #service .hbank_service-layout .hbank_service-inner,
* html #service .two-btn-col {
	height: 1px;
}

/* for IE7 */
*:first-child+html #service .hbank-layout,
*:first-child+html #service .hbank-layout .link-col,
*:first-child+html #service .hbank_service-layout,
*:first-child+html #service .hbank_service-layout .hbank_service-inner,
*:first-child+html #service .two-btn-col {
	zoom: 1;
}