@charset "shift_jis";

/* 	sd_layout_pc.css

body
��#sideAreaCL
��#pageContainer
�@��#headContainer
�@��#topicPath
�@��#mainContainer
�@����#sideArea
�@������.searchBox01
�@������.sideNavi
�@��������#btnBoxCustom
  ������.bnrBox01
  ������.linkBox01
  ����#contents
  ��#toPageTop
  ��#footContainer
    ��.siteInfo

====================================== */
img {
	font-size: 0;
	line-height: 0;
}

.forPCTB {
	display: block !important;
}
.forSP {
	display: none !important;
}
/* sideAreaCL
--------------------------------- */
#sideAreaCL {
	display: none;
}

/* pageContainer
--------------------------------- */
#pageContainer {
	background-color: #fff;
	text-align: left;
	width: 100%;
}

/* headContainer
--------------------------------- */
#headContainer {
	background-color: #fff;
	border-top: solid 5px #112d8d;
	padding: 0;
	width: 100%;
}

/* mainUnit */
#headBox {
	margin: 0 auto;
	width: 970px;
}
#identity {
	margin-top: 23px;
	float: left;
}
#identity p {
	clear: both;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #747474;
}
#identity #drawer {
	display: none;
}
#identity p.headLogo {
	padding: 0 0 8px 0;
}

#headerInfo {
	float: left;
	padding:17px 0 17px 80px ;
	width: 726px;
}
#headerInfo .wrap1 {
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
}
#headerInfo .utility {
	margin: 17px 0 0 0;
}
#headerInfo .utility li {
	float: left;
}
#headerInfo .utility li a {
	padding: 0 1.8em 0 1.0em;
	background: url(/common/images/com_ic001_3.png) 0 center no-repeat;
	background-size: auto 50% ;
	background: url(/common/images/com_ic001.gif) 0 center no-repeat \9; /*ie8*/
}
#headerInfo .utility .last a{
	padding-right: 20px;
} 
#headerInfo .wrap2 {
	float: right;
	width: 296px;
}
#headerInfo .utilityBtn li {
	margin-left: 16px;
	width: 140px;
}
#headerInfo .utilityBtn li a {
	display: block;
	font-size: 1.8em;
	line-height: 40px;
}
#headerInfo .utilityBtn li.account {
	display: block;
}
#headerInfo .utilityBtn li.accountBa {
	display: none;
}
/* business mainUnit */
#business #headerInfo .utilityBtn li.account {
	display: none;
}
#business #headerInfo .utilityBtn li.accountBa {
	display: block;
}


/* guidance */
.guidance {
	display: block;
	height: 1px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

/* globalNavi */
#globalNavi {
	background-color: #1a3694;
	font-size: 1.5em;
	line-height: 1.8;
	width: 100%;
}
#globalNavi ul {
	clear: both;
	margin: 0 auto;
	width: 970px;
}
#globalNavi #menu02{
	display: none;
}
#globalNavi li {
	color: #fff;
	float:left;
	height: 42px;
	line-height: 42px;
	text-align: center;
}
#globalNavi li a {
	background-color: #1a3694;
	border-left:solid 1px #4c65b8;
	color: #fff;
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-decoration: none;
}

#globalNavi .navi01 {
	width: 68px;
}
#globalNavi .navi01 a,
#globalNavi .navi01 a:hover {
	/*border-left:none;*/
}
#globalNavi .navi02 {
	width: 84px;
	letter-spacing: 0.6em;
}
#globalNavi .navi03 {
	width: 95px;
}
#globalNavi .navi04 {
	width: 120px;
}
#globalNavi .navi05 {
	width: 81px;
}
#globalNavi .navi06 {
	width: 97px;
}
#globalNavi .navi07 {
	width:81px;
}
#globalNavi .navi08 {
	width:95px;
}
#globalNavi .navi09 {
	width:139px;
	border-right:solid 1px #4c65b8;
}
#globalNavi .navi10 {
	width:109px;
}

/* �T�[�r�X���� */
#siteIndex .navi01 a,
#fx .navi02 a,
#trust .navi03 a,
#cardless .navi04 a,
#ftcard .navi04 a,
#loan .navi05 a,
#jnbtoto .navi06 a,
#lottery .navi07 a,
#kouei .navi08 a,
#help .navi09 a,
#fcd .navi10 a {
	background-color: #f9f0c6;
	border-left:solid 1px #1A3694;
	color: #1a3694;
}
#fcd .navi10 a{
	background-color: #f9f0c6 !important;
}

/* #business globalNavi */
#business #globalNavi {
	background-color: #0a83ca;
}
#business #globalNavi #menu01{
	display: none;
}
#business #globalNavi #menu02{
	display: block;
}
#business #globalNavi li{
	width: 194px;
}
#business #globalNavi .last {
	width: 193px;
	border-right:solid 1px #3ea5e1;
}
#business #globalNavi li a {
	background-color: #0a83ca;
	border-left:solid 1px #3ea5e1;
}
#business #globalNavi .navi02{
	letter-spacing:normal;
}
#business.batop #globalNavi .navi01 a,
#business .detail #globalNavi .navi01 a,
#business .home #globalNavi .navi01 a,
#business .service #globalNavi .navi02 a,
#business .baplus #globalNavi .navi03 a,
#business.bl #globalNavi .navi04 a,
#business.blCom #globalNavi .navi04 a,
#business.blFr #globalNavi .navi04 a,
#business .customer #globalNavi .navi05 a{
	background-color: #f9f0c6 !important;
	color: #1a3694;
}

/* hover */
#globalNavi a:hover,
#business #globalNavi a:hover {
	background-color: #f9f0c6;
	border-left:solid 1px #1A3694;
	color: #1a3694;
}
#business #globalNavi a:hover {
	border-left:solid 1px #0a83ca;
}

/* subUnit */
#subUnit {
	display:none;
}

/* topicPath
--------------------------------- */
#topicPath {
	background-color: #f9f0c6;
	clear: both;
	font-size: 1.4em;
	text-indent: 1.0em;
	width: 100%;
}
#topicPath p{
	line-height: 25px;
	margin: 0 auto;
	padding: 0 6px;
	width: 970px;
}
#topicPath p span{
	font-weight: bold;
}
#topicPath img{
	margin: 0 7px;
}

/* mainContainer
--------------------------------- */
#mainContainer {
	clear: both;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	width: 970px;
}

/* sideArea
--------------------------------- */
#sideArea {
	float: left;
	font-size: 1.4em;
	padding-top: 15px;
	width: 208px;
}

/* siteSearch */
.siteSearch {
	background-color: #bfbfbf;
  border: 1px solid #e6ecec;
	margin-bottom: 15px;
	padding: 6px 5px 6px 7px;
	width: auto;
}
.siteSearch .searchBoxWrap {
	float: left;
}
.siteSearch .searchBtn input {
	background-color: #676767;
	border: none;
	color: #fff;
	line-height: 23px;
	width: 42px;
}
.siteSearch .searchBtn input {
	/padding: 0;	/*ie6,7*/
	/line-height: 21px;	/*ie6,7*/
}
.siteSearch .searchBoxWrap input {
	background: #fff url(/common/images/com_ic025_2.png) 4px 50% no-repeat;
	background-size: 15px;
	background: #fff url(/common/images/com_ic025_3.gif) 4px 50% no-repeat \9; /*ie8*/
  border: none;
	color: #888;
	font-size: 13px;
	height: 20px;
	ime-mode: active;
	line-height: 20px;
	margin-right: 5px;
	_margin-right: 5px;/*ie6*/
	padding: 2px 0 1px 25px;
	width: 122px;
}

/* sideNavi */
.sideNavi dl {
	background-color: #e2e2e2;
	border-bottom: solid 1px #fff;
	margin-bottom: 15px;
}
.sideNavi .ttl {
	background-color: #1a3694;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-indent: 0.5em;
}
.sideNavi .ttl .cur {
	background-color: #1a3694 !important;
}
.sideNavi .ttl a{
	color: #fff;
}
.sideNavi dt {
	background-color: #3954b2;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-indent: 0.5em;
}
.sideNavi dt a {
	display: block;
}
.sideNavi dd {
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 1px;
	text-indent: 1.0em;
}
.sideNavi dd a {
	border-left: solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	display: block;
	color: #0265cb;
}
.sideNavi .multi {
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1px;
	padding: 0;
	text-indent: 0;
}
.sideNavi .multi a {
	color: #0265cb;
	padding: 12px 1.0em 11px;
}
.sideNavi dd a.ic_popupLink{
	background: url(/common/images/com_ic009_3.png) 1em 0.9em no-repeat;
	background: url(/common/images/com_ic009_3.gif) 1em 0.9em no-repeat \9; /*ie8*/
	padding:0 0 0 1.6em;
	background-size: auto 18px;
}
.sideNavi .multi a.ic_popupLink {
	padding: 12px 0 12px 2.6em
}
.sideNavi #btnBoxCustom .pdf {
	padding: 0 16px 5px;
}
.sideNavi #btnBoxCustom .pdf a.ic_pdfLink {
	background: url(/common/images/com_ic015_2.png) 0 0 no-repeat;
	padding:0 0 0 1.6em;
	background-size: auto 15px;
}
/* business sideNavi */
#business .sideNavi .ttl,
#business .sideNavi .ttl .cur{
	background-color: #0a83ca !important;
}
#business .sideNavi .ttl.multi{
	padding:12px 0.5em 11px;
}

/* bnrBox01 */
.bnrBox01{
	margin-top: 30px;
}
.bnrBox01 li {
	margin-bottom: 15px;
}
.bnrBox01 li a {
	display: block;
}
.linkBox01 {
	display: none;
}

/* #btnBoxCustom
--------------------------------- */
#btnBoxCustom div {
	border: solid 1px #e2e2e2;
	border-top: none;
	margin-bottom: 15px;
} 
#btnBoxCustom ul {
	padding: 15px 16px;
}
#btnBoxCustom li {
	background-color: #5f5f5f;
	border-radius: 3px;
	margin-bottom: 10px;
}
#btnBoxCustom li.last {
	margin-bottom: 0;
}
#btnBoxCustom li a {
	color: #fff;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 55px;
	text-align: center;
}
#btnBoxCustom ul.att {
	padding-top: 0;
}
#btnBoxCustom .att li {
	background-color: #d23838;
	margin: 0;
}
#btnBoxCustom .att li a {
	font-size: 1.1em;
	line-height: 33px;
}

/* contents
--------------------------------- */
#mainContainer #contents {
	float: right;
	width: 732px;
	margin:	15px 0 0 0;
}

/* attention */
#attention dl {
	margin: 0 20px;
}

/* toPageTop
--------------------------------- */
#toPageTop {
	background-color: rgba(0, 0, 0, 0.25);
	background: url(/common/images/com_bg010.png) 0 0 no-repeat \9; /*ie8*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	bottom: 130px;
	display: none;
	position: fixed;
	right: 0;
}
#toPageTop a {
	display: block;
	padding:19px 17px;
}

/* footContainer
--------------------------------- */
#footContainer {
	background-color: #193694;
	clear: both;
	font-size: 1.3em;
	line-height: 1.8em;
	width: 100%;
}

/* siteInfo */
#footContainer .siteInfo {
	color: #fff;
	text-align: center;
}
#footContainer .siteInfo ul {
	border-bottom: solid 1px #132c7e;
	margin-bottom: 20px;
	padding: 11px 0 10px;
}
#footContainer .siteInfo li {
	border-right: 1px solid #fff;
	display: inline;
	padding: 0 9px;
}
#footContainer .siteInfo .firstChild {
	padding-left: 0;
}
#footContainer .siteInfo .last {
	border-right: none;
}
#footContainer .siteInfo li a {
	color: #fff;
	/zoom: 1;
}
#footContainer .siteInfo li a:link,
#footContainer .siteInfo li a:visited,
#footContainer .siteInfo li a:hover,
#footContainer .siteInfo li a:active {
	color: #fff;
}
#footContainer .siteInfo br {
	display: none;
}
#footContainer .copyright {
	padding-bottom: 8px;
}

/* business footContainer */
#business #footContainer {
	background-color: #0a83ca;
}
#business #footContainer .siteInfo ul {
	border-bottom: solid 1px #0a6ea9;
}

/* if drawer open  */
.on #pageContainer {
	left:0 !important;
	position: absolute;
}
.on #headContainer {
	left:0 !important;
}
/* clearFix
--------------------------------- */
#headBox,
#headerInfo,
#headerInfo ul,
#globalNavi ul,
#mainContainer,
.siteSearch{
	/zoom:1;
}

#headBox:after,
#headerInfo:after,
#headerInfo ul:after,
#globalNavi ul:after,
#mainContainer:after,
.siteSearch:after {
	content:'';
	display:block;
	clear:both;
}