@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;
}
#headBoxInner {
	display: none;
}
#identity {
	margin-top: 13px;
	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;
}
#identity p.headLogo a:last-child,
#business #identity p.headLogo a:first-child,
#business #identity p.headLogo a:last-child .forTop{
	display: none;
}
#business #identity p.headLogo a:last-child{
	display: block;
}
#headerInfo {
	float: right;
	padding:17px 0 12px 0;
	width: 47%;
}
#headerInfo .wrap1{
	position: relative;
	float: right;
	font-size: 1.2em;
	line-height: 1.2em;
	z-index: 1;
}
#headerInfo .utility {
	margin-top: 15px;
}
#headerInfo .utility li {
	float: left;
	margin-left: 20px;
}
#headerInfo .utility li.linkBA,
#business #headerInfo .utility li.linkIndiv{
	display: none;
}
#headerInfo .utility li.linkIndiv,
#business #headerInfo .utility li.linkBA{
	display: block;
}
#headerInfo .utility li a {
	padding-left: 1.0em;
	background: url(/common/images/com_ic001_3.png) 2px center no-repeat;
	background-size: auto 8px;
	background: url(/common/images/com_ic001.gif) 2px center no-repeat \9; /*ie8*/
}
#headerInfo .wrap2 {
	float: right;
	width: 210px;
}
#headerInfo .utilityBtn li{
	margin-left: 10px;
	line-height: 1.3;
}
#headerInfo .utilityBtn li a {
	display: block;
	font-size: 1.6em;
	padding: 7px 0;
	width: 100px;
}
#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{
	font-size: 1.5em;
	line-height: 1.8;
	width: 100%;
}
#globalNavi .userSelect{
	position: relative;
	width: 970px;
	margin: 0 auto;
}
#globalNavi .userSelect ul{
	position: absolute;
	top: -53px;
	z-index: 0;
}
#globalNavi .userSelect li{
	padding: 12px 0;
}
#globalNavi .userSelect li a{
	background-color: #1a3694;
	font-size: 0.9em;
	width: 164px;
	padding: 8px 0 10px;
}
#globalNavi .userSelect .business a{
	color: #333;
	background-color: #f5f5f5;
	width: 215px;
}
#globalNavi .naviArea{
	position: relative;
	background-color: #1a3694;
	width: 100%;
	z-index:1
}
#globalNavi ul{
	clear: both;
	margin: 0 auto;
	width: 970px;
}
#globalNavi .naviArea li a{
	border-left: 1px solid #4c65b8;
}
#globalNavi #menu02{
	display: none;
}
#globalNavi li {
	color: #fff;
	float:left;
	text-align: center;
	padding: 11px 0;
}
#globalNavi li a {
	color: #fff;
	display: block;
	overflow: hidden;
	text-decoration: none;
	width: 102px;
}
#globalNavi #menu01 .navi02 a{
	width: 95px;
	letter-spacing: 0.6em;
}
#globalNavi #menu01 .navi04 a{
	width: 115px;
}
#globalNavi #menu01 .navi09 a{
	width:136px;
	border-right:solid 1px #4c65b8;
}

/* �T�[�r�X���� */
#globalNavi #menu01 li,
#globalNavi #menu02 li{
	position: relative;
}
#fcd #globalNavi #menu01 .navi10 a:after,
#fx #globalNavi #menu01 .navi02 a:after,
#trust #globalNavi #menu01 .navi03 a:after,
#cardless #globalNavi #menu01 .navi04 a:after,
#loan #globalNavi #menu01 .navi05 a:after,
#jnbtoto #globalNavi #menu01 .navi06 a:after,
#lottery #globalNavi #menu01 .navi07 a:after,
#nonavi.lottery #globalNavi #menu01 .navi07 a:after,
#kouei #globalNavi #menu01 .navi08 a:after,
#help #globalNavi #menu01 .navi09 a:after,
#business .service #globalNavi #menu02 .navi02 a:after,
#business .baplus #globalNavi #menu02 .navi03 a:after,
#business.bl #globalNavi #menu02 .navi04 a:after,
#business.blCom #globalNavi #menu02 .navi04 a:after,
#business.blFr #globalNavi #menu02 .navi04 a:after,
#business.blUss #globalNavi #menu02 .navi04 a:after,
#business.blCorp #globalNavi #menu02 .navi04 a:after,
#business.blSole #globalNavi #menu02 .navi04 a:after,
#business .customer #globalNavi #menu02 .navi05 a:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	border: 5px solid transparent;
	border-bottom: 5px solid #fff;
	bottom: 0px;
	margin-left: -4px;
}

/* #business globalNavi */
#business #globalNavi .userSelect li a{
	color: #333;
	background-color: #f5f5f5;
}
#business #globalNavi .userSelect .business a{
	color: #fff;
	background-color: #0a83ca;
}
#business #globalNavi .naviArea{
	background-color: #0a83ca;
}
#business #globalNavi #menu01{
	display: none;
}
#business #globalNavi #menu02{
	display: block;
}
#business #globalNavi .naviArea li a {
	border-left:solid 1px #3ea5e1;
	width: 241px;
}
#business #globalNavi .last a{
	border-right:solid 1px #3ea5e1;
}
#business #globalNavi .navi02{
	letter-spacing:normal;
}

/* hover */
#globalNavi #menu01 a:hover:after,
#globalNavi #menu02 a.cur:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	border: 5px solid transparent;
	border-bottom: 5px solid #fff;
	bottom: 0px;
	margin-left: -4px;
}

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

/* topicPath
--------------------------------- */
#topicPath {
	clear: both;
	font-size: 1.4em;
	text-indent: 1.0em;
	width: 100%;
}
#topicPath p{
	line-height: 25px;
	margin: 0 auto;
	padding: 5px 6px 0;
	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 */
#sideArea .searchBox01{
	display: none;
}
.siteSearch {
	float: left;
	border: 2px solid #bbb;
	border-radius: 4px;
	width: auto;
}
.siteSearch .searchBoxWrap,
.siteSearch .searchBtn{
	float: left;
}
.siteSearch .searchBoxWrap input{
	background-color: #fff;
	border: none;
	color: #888;
	font-size: 13px;
	ime-mode: active;
	line-height: 30px;
	width: 180px;
	height: 28px;
	padding: 1px 0 3px 15px;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.1) inset;
}
.siteSearch .searchBtn input {
	background: #666 url(/common/images/com_ic072.png) 7px 50% no-repeat;
	background-size: 15px;
	border: none;
	height: 32px;
	width: 30px;
	border-radius: 0 2px 2px 0;
}

/* 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: #383838;
	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 #2e2e2e;
	margin-bottom: 20px;
	padding: 11px 0 10px;
}
#footContainer .siteInfo li {
	border-right: 1px solid #fff;
	display: inline;
	padding: 0 9px;
}
#footContainer .siteInfo li:nth-of-type(8){
	display: none;
}
#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 .siteInfo li:nth-of-type(7){
	display: none;
}
#business #footContainer .siteInfo li:nth-of-type(8){
	display: inline-block;
}

/* 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;
}