@charset "utf-8";
/*=================================
base.css
- reset
- base
- utility
- reader
layout.css
- header
- container
- navigation
- childList
- localNavi
- topicPath
- main
- contents
- aside
- footer
- pageTopBtn
clearfix
================================ */

/* reset
-------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
menu{list-style:none}

/* custom
-------------------------------- */
main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6, small { font-weight: normal; }
ul, ol { list-style: none; }
strong { font-weight: bold; }
em { font-style: normal; }
address { font-style: normal; }
hr, legend { display: none; }
time { display: block; }
sub, sup{ position: relative; font-size: 10px; font-size: 1rem; line-height: 1; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { vertical-align: bottom; max-width: 100%; height: auto; }

/* base
-------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%; /* 10px = 1rem */
}
*,*:before,*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
	font-size: 1.2rem;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.6;
	color: #333333;
}
input, select, textarea, button{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a:link    {
	color: #00619e;
	text-decoration: underline;
	outline: none;
	transition-property: background-color, color;
	transition-duration: 0.2s;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #ef4136;
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}
a:active {
	color: #ef4136;
}
.outlineText {
	display: none;
}

/* utility
-------------------------------- */
.w001per {width: 1% !important;}.w002per {width: 2% !important;}.w003per {width: 3% !important;}.w004per {width: 4% !important;}.w005per {width: 5% !important;}.w006per {width: 6% !important;}.w007per {width: 7% !important;}.w008per {width: 8% !important;}.w009per {width: 9% !important;}.w010per {width: 10% !important;}.w011per {width: 11% !important;}.w012per {width: 12% !important;}.w013per {width: 13% !important;}.w014per {width: 14% !important;}.w015per {width: 15% !important;}.w016per {width: 16% !important;}.w017per {width: 17% !important;}.w018per {width: 18% !important;}.w019per {width: 19% !important;}.w020per {width: 20% !important;}.w021per {width: 21% !important;}.w022per {width: 22% !important;}.w023per {width: 23% !important;}.w024per {width: 24% !important;}.w025per {width: 25% !important;}.w026per {width: 26% !important;}.w027per {width: 27% !important;}.w028per {width: 28% !important;}.w029per {width: 29% !important;}.w030per {width: 30% !important;}.w031per {width: 31% !important;}.w032per {width: 32% !important;}.w033per {width: 33% !important;}.w034per {width: 34% !important;}.w035per {width: 35% !important;}.w036per {width: 36% !important;}.w037per {width: 37% !important;}.w038per {width: 38% !important;}.w039per {width: 39% !important;}.w040per {width: 40% !important;}.w041per {width: 41% !important;}.w042per {width: 42% !important;}.w043per {width: 43% !important;}.w044per {width: 44% !important;}.w045per {width: 45% !important;}.w046per {width: 46% !important;}.w047per {width: 47% !important;}.w048per {width: 48% !important;}.w049per {width: 49% !important;}.w050per {width: 50% !important;}.w051per {width: 51% !important;}.w052per {width: 52% !important;}.w053per {width: 53% !important;}.w054per {width: 54% !important;}.w055per {width: 55% !important;}.w056per {width: 56% !important;}.w057per {width: 57% !important;}.w058per {width: 58% !important;}.w059per {width: 59% !important;}.w060per {width: 60% !important;}.w061per {width: 61% !important;}.w062per {width: 62% !important;}.w063per {width: 63% !important;}.w064per {width: 64% !important;}.w065per {width: 65% !important;}.w066per {width: 66% !important;}.w067per {width: 67% !important;}.w068per {width: 68% !important;}.w069per {width: 69% !important;}.w070per {width: 70% !important;}.w071per {width: 71% !important;}.w072per {width: 72% !important;}.w073per {width: 73% !important;}.w074per {width: 74% !important;}.w075per {width: 75% !important;}.w076per {width: 76% !important;}.w077per {width: 77% !important;}.w078per {width: 78% !important;}.w079per {width: 79% !important;}.w080per {width: 80% !important;}.w081per {width: 81% !important;}.w082per {width: 82% !important;}.w083per {width: 83% !important;}.w084per {width: 84% !important;}.w085per {width: 85% !important;}.w086per {width: 86% !important;}.w087per {width: 87% !important;}.w088per {width: 88% !important;}.w089per {width: 89% !important;}.w090per {width: 90% !important;}.w091per {width: 91% !important;}.w092per {width: 92% !important;}.w093per {width: 93% !important;}.w094per {width: 94% !important;}.w095per {width: 95% !important;}.w096per {width: 96% !important;}.w097per {width: 97% !important;}.w098per {width: 98% !important;}.w099per {width: 99% !important;}.wFull { width: 100% !important; }.wAuto { width: auto !important; }

.columnWidth02 { /* 2column */width: 48.6%;}
.columnWidth03 { /* 3column */width: 31.62%;}
.columnWidth04 { /* 4column */width: 22.95%;}
.columnWidth05 { /* 5column */width: 18%;}
.columnWidth06 { /* 6column */width: 14.6%;}

.mt_00 { margin-top: 0 !important; }
.mt_SS { margin-top: 0.5em !important; }
.mt_S { margin-top: 1em !important; }
.mt_M { margin-top: 1.5em !important; }
.mt_L { margin-top: 2em !important; }
.mt_LL { margin-top: 3em !important; }
.mt_m01 { margin-top: -1px !important; }

.mb_00 { margin-bottom: 0 !important; }
.mb_SS { margin-bottom: 0.5em !important; }
.mb_S { margin-bottom: 1em !important; }
.mb_M { margin-bottom: 1.5em !important; }
.mb_L { margin-bottom: 2em !important; }
.mb_LL { margin-bottom: 3em !important; }
.mb_m01 { margin-bottom: -1px !important; }

.mAuto { margin-right: auto !important; margin-left: auto !important; }

.aL { text-align: left !important;}
.aC { text-align: center !important;}
.aR { text-align: right !important;}
.vT { vertical-align: top !important;}
.vM { vertical-align: middle !important;}
.vB { vertical-align: bottom !important;}

.font_1L { font-size: 1.0rem; !important; }

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


/* header
-------------------------------- */
#header {
	position: relative;
	height: 60px;
	padding: 5px;
}
#header.fixed {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	outline: solid 1px #eeeeee;
	z-index: 10;
}
#header a {
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#popup #fontSize {
	display: none;
}

/* companyLogo */
#companyLogo {
	float: left;
	padding: 5px;
}
#companyLogo a {
	display: block;
	width: 124px;
	height: 24px;
	background: url(/common/img/sp_header_logo01.png) no-repeat 0 0;
	background-size: 124px 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 5px;
}
#companyLogo a:hover {
	opacity: 0.7;
}

/* iconLink */
#iconLink {
	float: right;
}
#iconLink ul li {
	float: left;
	display: table;
	width: 50px;
	border: solid 1px #cccccc;
	border-right: none;	
}
#iconLink ul li:last-child {
	border-right: solid 1px #cccccc;
}
#iconLink ul li a {
	position: relative;
	display: table-cell;
	height: 48px;
	padding: 5px 1px 2px;
	font-size: 0.9rem;
	text-align: center;
	vertical-align: bottom;
	color: #231815;
	line-height: 1;
}
#iconLink ul li.search.open {
	border-color: #fceeee;
}
#iconLink ul li.search.open a {
	background-color: #fceeee;
	color: #bd1212;
}
#iconLink ul li.search a:before,
#iconLink ul li.atm a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 18px;
	height: 20px;
	margin: -16px 0 0 -9px;
	background-image: url(/common/img/sp_com_bg01.png);
	background-repeat: no-repeat;
	background-size: 250px auto;
}
#iconLink ul li.search a:before {
	background-position: 0 0;
}
#iconLink ul li.search.open a:before {
	background-position: -40px 0;
}
#iconLink ul li.atm a:before {
	background-position: -20px 0;
}
#iconLink ul li.menu a span {
	position: absolute;
	left: 50%;
	display: inline-block;
	width: 22px;
	height: 2px;
	margin-left: -11px;
	background-color: #555555;
	transition: all .4s;
}
#iconLink ul li.menu a span:nth-of-type(1) { top: 10px;}
#iconLink ul li.menu a span:nth-of-type(2) { top: 16px;}
#iconLink ul li.menu a span:nth-of-type(3) { top: 22px;}

#iconLink.en {
	background-color: #f5f5f5;
	border-radius: 3px;
}
#iconLink.en {
	float: right;
	padding: 0 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
}
#iconLink.en ul li {
	float: left;
	margin-left: 20px;
	border:none;
}
#iconLink.en ul li:first-child {
	margin-left: 0;
}
#iconLink.en ul li a {
	position: relative;
	display: inline-block;
	float: left;
	padding: 3px 5px 3px 12px;
	font-size: 0.786em;
	color: #555555;
	height:inherit;
}
#iconLink.en ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url(/common/img/com_bg01.png) no-repeat 0 -17px;
}
#iconLink.en ul li:last-child{
	border-right:none;
}

/* menu open
-------------------------------- */
body.open {
	overflow: hidden;
}
#modalBgArea {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	background: #000000;
	opacity: 0.4;
	z-index: 20;
}


/* navigation
-------------------------------- */
#navigation {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	left: 100%;
	height: 100vh;
	background-color: #f3f3f3;
	z-index: 20;
	transition-property: left;
	transition-duration: 0.3s;
}
body.open #navigation {
	left: 55px;
}
.menuClose {
	position: fixed;
	top: 5px;
	left: 100%;
	width: 45px;
	height: 33px;
	margin-top: 0;
	z-index: 30;
	transition-property: left;
	transition-duration: 0.3s;
}
body.open .menuClose {
	left: 5px;
}
.menuClose a {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	padding: 25px 3px 3px;
	border: solid 1px #ffffff;
	background-color: #ffffff;
	font-size: 0.9rem;
	text-align: center;
	vertical-align: bottom;
	color: #231815;
	line-height: 1;
	text-decoration: none;
}
.menuClose a span {
	position: absolute;
	left: 50%;
	display: inline-block;
	width: 22px;
	height: 2px;
	margin-left: -11px;
	background-color: #555555;
	transition: all 0.4s;
}
.menuClose a span:nth-of-type(1) {
	top: 5px;
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.menuClose a span:nth-of-type(2) {
	top: 11px;
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar .8s forwards;
	animation: active-menu-bar .8s forwards;
}
.menuClose a span:nth-of-type(3) {
	top: 17px;
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}

/* globalNavi */
#globalNavi {
	position: relative;
	background-color: #ffffff;
	z-index: 10;
}
#globalNavi > ul {
	border-bottom: solid 1px #cccccc;
}
#globalNavi > ul > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #eeeeee;
	border-top: solid 1px #cccccc;
	font-weight: bold;
	font-size: 1.4rem;
	color: #333333;
	text-decoration: none;
}
#globalNavi > ul >.open > a {
	background-color: #ffffff;
}
#globalNavi > ul > li.hasChild > a:after {
	content: "＋";
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	margin-top: -1.4rem;
	font-weight: normal;
	font-size: 2.8rem;
	line-height: 1;
	color: #b3b3b3;
}
#globalNavi > ul > li.hasChild.open  > a:after {
	content: "－";
}
#globalNavi > ul > li > a > span {
	position: relative;
	display: inline-block;
	padding-bottom: 3px;
}
#globalNavi > ul > li > ul {
	display: none;
	padding: 0 15px 10px;
}
#globalNavi > ul > li > ul > li {
	margin-top: 10px;
}
#globalNavi > ul > li > ul > li:first-child {
	margin-top: 0;
}
#globalNavi > ul > li.hasChild > ul > li > a {
	position: relative;
	display: inline-block;
	padding-left: 1em;
}
#globalNavi > ul > li.hasChild > ul > li > a:before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	display: inline-block;
	width: 7px;
	height: 10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -24px;
	background-size: 250px auto;
}
#globalNavi > ul > li.hasChild > .kojin {
	padding-top: 0;
}
#globalNavi > ul > li.hasChild > ul > .logOn {
	float: left;
	width: 49%;
	margin-bottom: 10px;
}
#globalNavi > ul > li.hasChild > ul > .logOn > a {
	position: relative;
	display: block;
	padding: 6px 1em 6px 1.5em;
	background-color: #ffb122;
	border-top: solid 1px #ffb122;
	border-bottom: solid 1px #de9a1d;
	border-radius: 5px;
	box-shadow: 0 1px 0 #b47c18;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
#globalNavi > ul > li.hasChild > ul > .logOn > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	width: 10px;
	height: 15px;
	margin: -8px 0 0 -5px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -29px -97px;
	background-size: 250px auto;
}
#globalNavi > ul > li.hasChild > ul > .account {
	float: right;
	width: 49%;
	margin-top: 0;
	margin-bottom: 10px;
}
#globalNavi > ul > li.hasChild > ul > .account > a {
	position: relative;
	display: block;
	padding: 6px 1em 6px 1.5em;
	background-color: #bd1212;
	border-top: solid 1px #bd1212;
	border-bottom: solid 1px #a81010;
	border-radius: 5px;
	box-shadow: 0 1px 0 #8f0d0d;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
#globalNavi > ul > li.hasChild > ul > .account > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	width: 16px;
	height: 15px;
	margin: -8px 0 0 -8px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -59px -97px;
	background-size: 250px auto;
}
#globalNavi > ul > li.hasChild > ul > .account + li {
	clear: both;
}
#globalNavi > ul > li.hasChild > ul > .introduce {
	position: relative;
	display: block;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
}
#globalNavi > ul > li.hasChild > ul > .introduce > a {
	position: relative;
	display: block;
	padding: 0.8em 1em 0.8em 1.5em;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
#globalNavi > ul > li.hasChild > ul > .introduce > a:hover {
	color: #ef4136;
}
#globalNavi > ul > li.hasChild > ul > .introduce > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	display: inline-block;
	width: 7px;
	height: 10px;
	margin-top: -5px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -24px;
	background-size: 250px auto;
}
#globalNavi > ul > li.hasChild.hojin > ul > .logOn {
	float: left;
	width: 49%;
	margin-bottom: 10px;
}
#globalNavi > ul > li.hasChild.hojin > ul > .logOn > a {
	background-color: #337194;
	border-top: solid 1px #337194;
	border-bottom: solid 1px #27556f;
	box-shadow: 0 1px 0 #27556f;
}
#globalNavi > ul > li.hasChild.hojin > ul > .account {
	float: right;
	width: 49%;
	margin-top: 0;
	margin-bottom: 10px;
}
#globalNavi > ul > li.hasChild.hojin > ul > .account > a {
	position: relative;
	display: block;
	padding: 16px 15px 17px 40px;
	background-color: #126EBD;
	border-top: solid 1px #126EBD;
	border-bottom: solid 1px #0E528E;
	border-radius: 5px;
	box-shadow: 0 1px 0 #0E528E;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
#globalNavi > ul > li.hasChild.hojin > ul > .account > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	width: 16px;
	height: 15px;
	margin: -8px 0 0 -8px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -59px -97px;
	background-size: 250px auto;
}
#globalNavi > ul > li.hasChild.hojin > ul > .account + li {
	clear: both;
}

/* btnLink */
#btnLink {
	padding: 10px;
	background-color: #f3f3f3;
}
#btnLink ul {
	overflow: hidden;
	border: solid 1px #e3e2e2;
	border-radius: 5px;
	box-shadow: 0 1px 0 #a7a6a6;
}
#btnLink ul li {
	float: left;
	display: table;
	width: 33.3%;
}
#btnLink ul li:first-child {
	margin-left: 0;
}
#btnLink ul .commission a,
#btnLink ul .interest a,
#btnLink ul .faq a,
#btnLink ul .myPortal a {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 60px;
	padding: 1px 2px 20px;
	background-color: #ffffff;
	font-size: 1.2rem;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1.1;
}
#btnLink ul .interest a,
#btnLink ul .faq a,
#btnLink ul .myPortal a {
	border-left: solid 1px #e3e2e2;
}
#btnLink ul .commission a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 24px;
	height: 23px;
	margin: -11px 0 0 -12px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -116px;
	background-size: 250px auto;
}
#btnLink ul .interest a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 20px;
	height: 23px;
	margin: -11px 0 0 -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -26px -116px;
	background-size: 250px auto;
}
#btnLink ul .faq a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 26px;
	height: 23px;
	margin: -11px 0 0 -13px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -48px -116px;
	background-size: 250px auto;
}
#btnLink ul .myPortal a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 22px;
	height: 23px;
	margin: -11px 0 0 -11px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -100px -116px;
	background-size: 250px auto;
}

/* helpContact */
.helpContact {
	padding: 10px;
	background-color: #f3f3f3;
}
.helpContact dt {
	font-weight: bold;
	font-size: 1.4rem;
	color: #bd1212;
	line-height: 1.2;
}
.helpContact .mail,
.helpContact .freeDial01 {
	margin-top: 0.8em;
}
.helpContact .mail a {
	position: relative;
	display: block;
	width: 100%;
	padding: 0.8em;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 1px 0 #a7a6a6;
	font-size: 1.2rem;
	color: #555555;
	text-align: center;
	text-decoration: none;
}
.helpContact .mail a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 3em;
	width: 18px;
	height: 17px;
	margin: -8px 0 0 -9px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -30px -76px;
	background-size: 250px auto;

}
.helpContact .freeDial01 {
	background-color: #ffffff;
}
.helpContact .freeDial01:before {
	top: 0.6em;
}
.helpContact .freeDial01 a {
	padding: 0 0 0 2.5em;
	font-size: 2rem;
}
.helpContact .freeDial01 + dd {
	margin-top: 1em;
	font-size: 1rem;
}

.close {
	margin-top: 0;
	padding: 0 10px 20px;
	background-color: #f3f3f3;
}
.close:before {
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto;
	border-top: solid 1px #cccccc;
}
.close a {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 15px;
	padding: 0.8em;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 1px 0 #a7a6a6;
	font-size: 1.2rem;
	color: #555555;
	text-align: center;
	text-decoration: none;
}
.close a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 17px;
	margin-right: 10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -50px -76px;
	background-size: 250px auto;
	vertical-align: text-top;
}


/* siteSearch
-------------------------------- */
.siteSearchWrap {
	clear: both;
	display: none;
	margin-top: -5px;
	padding: 10px;
	background-color: #fceeee;
}
#header.fixed + .siteSearchWrap {
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	margin-top: 0;
	z-index: 20;
}
.siteSearch {
	padding: 0 15px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	border-radius: 14px;
}
.siteSearch .searchText {
	width: 90%;
	height: 28px;
	border: none;
	-webkit-appearance: none;
}
.siteSearch .searchButton {
	position: relative;
	width: 18px;
	height: 20px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 0;
	background-size: 250px auto;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
	-webkit-appearance: none;
}


/* container
-------------------------------- */
#container {
	width: 100%;
}


/* topicPath
-------------------------------- */
#topicPathArea {
	overflow-x: scroll;
	width: 100%;
	padding: 5px;
	background-color: #f1f1f1;
	-webkit-overflow-scrolling: touch;
}

/* btnBlock */
#topicPathArea .btnBlock {
	display: none;
}

/* topicPathList */
#topicPathArea .topicPathList {
	display: table;
	width: auto;
	margin-right: 5px;
	white-space: nowrap;
}
#topicPathArea .topicPathList li {
	position: relative;
	display: table-cell;
	font-size: 1rem;
}
#topicPathArea .topicPathList li:before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 10px;
	margin: 0 5px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -69px -24px;
	background-size: 250px auto;
	-webkit-transform: rotate(-90deg);  
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	vertical-align: middle;
}
#topicPathArea .topicPathList .home {
	margin-left: 0;
	padding-left: 0;
}
#topicPathArea .topicPathList .home:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	margin: 0 5px 0 0;
	background: url(/common/img/sp_com_bg01.png) no-repeat -41px -97px;
	background-size: 250px auto;
	-webkit-transform: rotate(0deg);  
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	vertical-align: middle;
}
#topicPathArea .topicPathList li:last-child {
	padding-right: 5px;
}
#topicPathArea .topicPathList li:last-child span {
	font-weight: bold;
	cursor: default;
}
#topicPathArea .topicPathList li:last-child a,
#topicPathArea .topicPathList li:last-child a:hover {
	color: #333333;
	text-decoration: none;
}

	
/* main
-------------------------------- */
#main {
	width: 100%;
	padding: 10px 10px 30px;
}
#main > *:first-child {
	margin-top: 0;
}


/* aside
-------------------------------- */
#aside {
	width: 100%;
}
#aside > *:first-child {
	margin-top: 0;
}
#aside a {
	text-decoration: none;
}
#aside a:hover {
	text-decoration: underline;
}

/* area */
#aside [class*="area"] {
	margin-top: 0.8em;
	padding: 0.8em;
}
#aside .area01 {
	background-color: #ffeeec;
}
#aside .area01.bgColor02 {
	background-color: #e9fbc5;
}
#aside .area01.bgColor03 {
	background-color: #ffefe0;
}
#aside .area04 {
	background-color: #ebf5ff;
	border-radius: 5px 5px 0 0;
}
.plusLink {
	margin-top: 0.1em !important;
	border-radius: 0 0 5px 5px !important;
}
.plusLink > *:first-child {
	margin-top: 0;
}
#aside .area01 .inner > *:first-child,
#aside .area04 .inner > *:first-child {
	margin-top: 0;
}
#aside .area01.bgColor02 .inner > .title {
	color: #8dc61e;
	font-weight: bold;
}
#aside .area01.bgColor03 .inner > .title {
	color: #FF4F02;
	font-weight: bold;
}
#aside .area01 .ibTitle {
	font-weight: bold;
	color: #bd1212;
}
#aside .area04 .ibTitle {
	font-weight: bold;
	color: #126ebd;
	text-align: center;
}
#aside .area01 .ibTitle:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	margin-right: 3px;
	background: url(/common/img/com_bg01.png) no-repeat -17px -63px;
	vertical-align: middle;
}
#aside .area04 .ibTitle:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	margin-right: 3px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -127px -101px;
	vertical-align: middle;
	background-size: 260px auto;
}
#aside .area01 .asideBtnList02 {
	margin-top: 0.5em;
}
#aside .area01 .asideBtnList02 > li {
	float: left;
	width: 49%;
}
#aside .area01 .asideBtnList02 > li + li {
	margin-left: 2%;
}
#aside .area01 .asideBtnList02 > li > a {
	display: block;
	padding: 10px 15px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #c71313;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #a7a6a6;
					box-shadow: 0 1px 0 #a7a6a6;
}
#aside .area01.bgColor02 .asideBtnList02 > li > a {
	background-color: #95d120;
	-webkit-box-shadow: 0 1px 0 #719d17;
					box-shadow: 0 1px 0 #719d17;
}
#aside .area01.bgColor03 .asideBtnList02 > li > a {
	background-color: #ff5f17;
	-webkit-box-shadow: 0 1px 0 #ff4f02;
	box-shadow: 0 1px 0 #ff4f02;
}
#aside .area04 .logOn {
	margin-top: 0;
}
#aside .area01 .logOn,
#aside .area01 .account {
	margin-top: 0.5em;
}

#aside .area01 .logOn {
	float: left;
	width: 49%;
}
#aside .area01 .account {
	float: right;
	width: 49%;
}
#aside .area01 .logOn a {
	display: block;
	height: 42px;
	padding: 0.8em 0.5em;
	background-color: #ffb122;
	border-top: solid 1px #ffb122;
	border-bottom: solid 1px #de9a1d;
	border-radius: 5px;
	box-shadow: 0 1px 0 #b47c18;
	font-weight: bold;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
}
#aside .area04 .logOn a {
	display: block;
	padding: 0.5em 0.2em;
	background-color: #337194;
	border-bottom: solid 1px #27556f;
	border-radius: 5px;
	box-shadow: 0 1px 0 #27556f;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
}
#aside .area04 .logOn a span {
	position: relative;
	display: inline-block;
	font-size: 1.2em;
}
#aside .area01 .logOn a span:before,
#aside .area04 .logOn a span:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 20px;
	margin-right: 8px;
	background: url(/common/img/com_bg01.png) no-repeat -37px -61px;
	vertical-align: middle;
}
#aside .area01 .logOn a:hover span,
#aside .area04 .logOn a:hover span {
	text-decoration: underline;
}
#aside .area01 .account a {
	display: block;
	height: 42px;
	padding: 0.8em 0.5em;
	background-color: #bd1212;
	border-top: solid 1px #bd1212;
	border-bottom: solid 1px #a81010;
	border-radius: 5px;
	box-shadow: 0 1px 0 #8f0d0d;
	font-weight: bold;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
}
#aside .area04 .account a {
	display: block;
	position: relative;
	padding: 0.8em 0.8em 0.5em;
	background-color: #126ebd;
	border-bottom: solid 1px #0e528e;
	border-radius: 5px;
	box-shadow: 0 1px 0 #0e528e;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#aside .area01 .account a:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 14px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -53px -63px;
	vertical-align: middle;
}
#aside .area04 .account a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.0em;
	display: inline-block;
	width: 15px;
	height: 14px;
	margin-top: -7px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -53px -63px;
	vertical-align: middle;
}
#aside .area01 .account a:hover,
#aside .area04 .account a:hover {
	text-decoration: underline;
}
#aside .area04 .otherLink {
	margin-top: 15px;
}
#aside .area04 .otherLink li {
	float: left;
	margin-left: 20px;
}
#aside .area04 .otherLink li:first-child {
	margin-left: 0;
}
#aside .area02 {
	padding: 0 10px;
}
#aside .area02 ul {
	overflow: hidden;
	border: solid 1px #e3e2e2;
	border-radius: 5px;
	box-shadow: 0 1px 0 #a7a6a6;
}
#aside .area02 ul li {
	float: left;
	display: table;
	width: 33.3%;
}
#aside .area02 ul li:first-child {
	margin-left: 0;
}
#aside .area02 ul .commission a,
#aside .area02 ul .interest a,
#aside .area02 ul .faq a,
#aside .area02 ul .myPortal a {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 60px;
	padding: 1px 2px 20px;
	background-color: #ffffff;
	font-size: 1.2rem;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1.1;
}
#aside .area02 ul .interest a,
#aside .area02 ul .faq a,
#aside .area02 ul .myPortal a {
	border-left: solid 1px #e3e2e2;
}
#aside .area02 ul .commission a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 24px;
	height: 23px;
	margin: -11px 0 0 -12px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -116px;
	background-size: 250px auto;
}
#aside .area02 ul .interest a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 20px;
	height: 23px;
	margin: -11px 0 0 -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -26px -116px;
	background-size: 250px auto;
}
#aside .area02 ul .faq a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 26px;
	height: 23px;
	margin: -11px 0 0 -13px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -48px -116px;
	background-size: 250px auto;
}
#aside .area02 ul .myPortal a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 22px;
	height: 23px;
	margin: -11px 0 0 -11px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -100px -116px;
	background-size: 250px auto;
}
#aside .area03 {
	margin-top: 1.5em;
	padding: 0 10px;
}
#aside .area03 + .area03 {
	margin-top: 0.5em;
}
.plusLink .service01 a {
	display: block;
	position: relative;
	padding: 1.2em 3.2em 1em;
	background-color: #1252bd;
	border-bottom: solid 1px #0e3d8e;
	border-radius: 5px;
	box-shadow: 0 1px 0 #0e3d8e;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.plusLink .service01 a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 1em;
	display: inline-block;
	width: 24px;
	height: 21px;
	margin-top: -9px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -166px -126px;
	vertical-align: middle;
}
.plusLink .service02 a {
	display: block;
	position: relative;
	padding: 1.2em 3.2em 1em;
	background-color: #bd8312;
	border-bottom: solid 1px #8f620d;
	border-radius: 5px;
	box-shadow: 0 1px 0 #8f620d;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.plusLink .service02 a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 1em;
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-top: -9px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -201px -127px;
	vertical-align: middle;
}
.plusLink .service03 a {
	display: block;
	position: relative;
	padding: 1.2em 3.2em 1em;
	background-color: #bd4212;
	border-bottom: solid 1px #853212;
	border-radius: 5px;
	box-shadow: 0 1px 0 #853212;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.plusLink .service03 a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 1em;
	display: inline-block;
	width: 20px;
	height: 25px;
	margin-top: -12px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -370px -122px;
	vertical-align: middle;
}
#aside .area05 {
	margin: 0 10px;	
	padding: 0 !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 0 !important;
}
#aside .area05 .inner {
	padding: 10px 20px;
	border-top: 4px solid #bd1212;
}
#aside .area05 .ibTitle {
	position: relative;
	margin-top: 5px !important;
	padding-left: 1.7em;
	font-size: 1.143em;
	font-weight: bold;
}
#aside .area05 .ibTitle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 22px;
	height: 20px;
	margin-top: -13px;
	margin-right: 12px;
	background: url(/common/img/com_bg01.png) no-repeat -231px -125px;
	vertical-align: middle;
}
#aside .area05 .ibTitle a {
	display: block;
	position: relative;
	color: #000000;
}
#aside .area05 .ibTitle a:before {
	content: "";
	display: table;
	position: absolute;
	right: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: url(/common/img/com_bg01.png) no-repeat 0 0;
	background-position: 0 -88px;
}
#aside .area05 .navNote {
	margin-top: 0.7em;
	padding-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	border-top: 1px solid #e6e6e6;
	color: #777777;
	font-size: 0.857em;
	letter-spacing: -0.3px;
}
#aside .asideBtnList01 li {
	float: left;
	display: table;
	width: 49%;
	margin-top: 0.5em;
}
#aside .asideBtnList01 li:nth-child(1),
#aside .asideBtnList01 li:nth-child(2) {
	margin-top: 0;
}
#aside .asideBtnList01 li:nth-child(2n) {
	float: right;
}
#aside .asideBtnList01 li a {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 40px;
	padding: 0.8em 0.8em 0.8em 3.5em;
	border-radius: 5px;
	font-weight: bold;
	color: #777777;
	line-height: 1.4;
	vertical-align: middle;
}
#aside .asideBtnList01 li.commission a,
#aside .asideBtnList01 li.interest a {
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
}
#aside .asideBtnList01 li.order a,
#aside .asideBtnList01 li.inquiry a,	
#aside .asideBtnList01 li.exchange a,
#aside .asideBtnList01 li.investment a,
#aside .asideBtnList01 li.market a {
	padding: 0.1em 0.8em 0.1em 2.2em;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	color: #333333;
	text-align: center;
}
#aside .asideBtnList01 li.commission a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8em;
	display: inline-block;
	width: 24px;
	height: 23px;
	margin-top: -12px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -116px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.interest a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.9em;
	display: inline-block;
	width: 20px;
	height: 23px;
	margin-top: -12px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -26px -116px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.atm {
	margin-top: 0.5em;
}
#aside .asideBtnList01 li.atm a {
	background-color: #ef4136;
	box-shadow: 0 2px 0 #b53129;
	border-radius: 5px;
	color: #ffffff;
}
#aside .asideBtnList01 li.atm a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8em;
	display: inline-block;
	width: 28px;
	height: 30px;
	margin-top: -15px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -76px -116px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.faq a {
	padding: 0.8em 0.5em;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
	font-weight: normal;
	text-align: center;
	font-size: 0.857em;
}
#aside .asideBtnList01 li.faq a span {
	position: relative;
	display: block;
	padding-bottom: 0.3em;
	font-weight: bold;
	font-size: 1.167em;
}
#aside .asideBtnList01 li.faq a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.5em;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -162px -116px;
	background-size: 250px auto;
}
.fontXL #aside .asideBtnList01 li.faq a span:before {
	left: 0;
}
#aside .asideBtnList01 li.order a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat 0 -143px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.inquiry a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 14px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -21px -143px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.exchange a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 22px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -37px -143px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.investment a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 16px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -62px -143px;
	background-size: 250px auto;
}
#aside .asideBtnList01 li.market a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 18px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -79px -143px;
	background-size: 250px auto;
}
#aside .notice {
	margin-top: 1.5em;
	padding: 0 10px;
}
#aside .notice a {
	position: relative;
	display: block;
	padding: 0.8em 1em 0.8em 4em;
	background-color: #777777;
	box-shadow: 0 2px 0 #5a5959;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
#aside .notice a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1em;
	display: inline-block;
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -76px -116px;
	background-size: 250px auto;
}

/* lowerNavi */
.lowerNavi {
	margin-top: 2em;
}
.lowerNavi .lowerNaviTop a {
	display: block;
	padding: 0.8em 0.4em;
	background-color: #bd1212;
	border-top: solid 1px #bd1212;
	border-bottom: solid 1px #a81010;
	box-shadow: 0 1px 0 #8f0d0d;
	font-weight: bold;
	font-size: 1.3rem;
	color: #ffffff;
	text-align: center;
}
.lowerNavi .lowerNaviList > li {
	border-bottom: solid 1px #cccccc;
}
.lowerNavi .lowerNaviList > li > a {
	position: relative;
	display: block;
	padding: 1em 1em 1em 1.7em;
	font-weight: bold;
	color: #555555;
	line-height: 1.4;
}
.lowerNavi .lowerNaviList > li.current > a {
	background-color: #ffeeec;
	color: #bd1212;
}
.lowerNavi .lowerNaviList > li > a:hover,
.lowerNavi .lowerNaviList > li.current > a:hover {
	background-color: #fffbdd;
	color: #ef4136;
}
.lowerNavi .lowerNaviList > li > a:before {
	content: "";
	position: absolute;
	top: 1.2em;
	left: 0.5em;
	display: inline-block;
	width: 7px;
	height: 10px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -9px -24px;
	background-size: 250px auto;
}
.lowerNavi .lowerNaviList > li > a[target="_blank"]:after,
.lowerNavi .lowerNaviList > li > ul > li > a[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0 10px 0 5px;
	background-image: url(/common/img/sp_com_bg01.png);
	background-repeat: no-repeat;
	background-size: 250px auto;
  background-position: 0 -48px;
	vertical-align: -1px;
}
.lowerNavi .lowerNaviList > li > a[href$=".pdf"]:after,
.lowerNavi .lowerNaviList > li > ul > li > a[href$=".pdf"]:after {
	width: 8px;
	background-position: -11px -48px;
}
.lowerNavi .lowerNaviList > li.open {
	padding: 0 0 0.8em;
}
.lowerNavi .lowerNaviList > li.open,
.lowerNavi .lowerNaviList > li.open > a:hover {
	background-color: #ffeeec;
}
.lowerNavi .lowerNaviList > li.open > a {
	color: #ef4136;
}
.lowerNavi .lowerNaviList > li.open > a:before {
	-webkit-transform: rotate(90deg);  
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.lowerNavi .lowerNaviList > li > ul {
	display: none;
}
.lowerNavi .lowerNaviList > li > ul > li > a {
	position: relative;
	display: block;
	padding: 0.8em;
	border-top: dashed 1px #cccccc;
	font-weight: bold;
	color: #555555;
	line-height: 1.4;
}
.lowerNavi .lowerNaviList > li > ul > li:first-child > a {
	border-top: none;
}
.lowerNavi .lowerNaviList > li > ul > li.current > a,
.lowerNavi .lowerNaviList > li > ul > li.open > a {
	background-color: #f1f1f1;
	color: #bd1212;
}
.lowerNavi .lowerNaviList > li > ul > li > ul {
	padding: 0.8em 0.8em 0.8em 1.2em;
}
.lowerNavi .lowerNaviList > li > ul > li > ul > li > a {
	position: relative;
	display: block;
	padding: 0.3em;
	color: #555555;
	font-size: 0.857em;
	line-height: 1.4;
}
.lowerNavi .lowerNaviList > li > ul > li > ul > li.current > a {
	color: #bd1212;
}
.dlLink {
	margin: 20px 10px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 1px 0 #a7a6a6;
}
.dlLink .ibTitle {
	position: relative;
	margin-top: 0px !important;
	font-size: 1.143em;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.dlLink .ibTitle:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 21px;
	height: 18px;
	display: inline-block;
	background: url(/common/img/com_bg01.png) no-repeat -261px -127px;
}
.dlBtn {
	margin-top: 10px !important;
}
.dlBtn a {
	display: block;
	padding: 0.6em 0 0.4em;
	background-color: #bd1212;
	border-bottom: solid 1px #8f0d0d;
	border-radius: 5px;
	box-shadow: 0 1px 0 #8f0d0d;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.dlBtn a:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 14px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -350px -130px;
	vertical-align: middle;
}
.pdfLink01 {
	margin-top: 15px;
}
.pdfLink01 li:first-child {
	margin-top: 0;
}
.pdfLink01 li {
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.pdfLink01 li:before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 12px;
	margin-top: -2px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat -16px -88px;
	vertical-align: middle;
}
.pdfLink01 li a {
	color: #000000;
}
.relationLink {
	margin: 20px 10px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 1px 0 #a7a6a6;
}
.relationLink .ibTitle {
	position: relative;
	margin-top: 0px !important;
	padding-bottom: 0.8em;
	padding-left: 10px;
	font-size: 1.143em;
	font-weight: bold;
	text-align: center;
}
.relationLink .ibTitle:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 17px;
	height: 17px;
	display: inline-block;
	background: url(/common/img/com_bg01.png) no-repeat -286px -127px;
}
.relationLink .iconLink01 {
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
}
.relationLink .iconLink01 li {
	margin-top: 7px;
}
#aside .asideBtnList01 li.electric,
#aside .asideBtnList01 li.reportEn {
	float: none;
	width: calc(100% - 20px);
	margin: 15px 10px 0;
}
#aside .asideBtnList01 li.electric a,
#aside .asideBtnList01 li.reportEn a {
	display: block;
	padding: 0.9em 0.2em 0.7em 1.4em;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	font-size: 1.143em;
	color: #333333;
	text-align: center;
}
#aside .asideBtnList01 li.reportEn a {
	padding-left: 30px;
}
#aside .asideBtnList01 li.electric a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8em;
	display: inline-block;
	width: 21px;
	height: 18px;
	margin-top: -10px;
	background: url(/common/img/com_bg01.png) no-repeat -305px -127px;
}
#aside .asideBtnList01 li.reportEn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8em;
	display: inline-block;
	width: 14px;
	height: 21px;
	margin-top: -10px;
	background: url(/common/img/com_bg01.png) no-repeat -330px -126px;
}

/* footer
-------------------------------- */
#footer {
	margin-top: 50px;
}
#footer a:hover {
	text-decoration: underline;
}
#footerBgArea {
	padding: 10px;
	background-color: #e5e5e5;
}
#footerBgArea .footTextLink li {
	margin-top: 0.5em;
}
#footerBgArea .footTextLink li:first-child {
	margin-top: 0;
}
#footerCopyArea {
	padding: 10px;
	background-color: #777777;
	color: #ffffff;
}
#footerCopyArea > *:first-child {
	margin-top: 0;
}
#footerCopyArea .viewChange a {
	position: relative;
	display: block;
	margin-top: 0;
	padding: 0.5em 1em;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	text-decoration: none;
	color: #333333;
	text-align: center;
}
#footerCopyArea .viewChange a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.5em;
	display: inline-block;
	margin-top: -10px;
	width: 24px;
	height: 20px;
	background: url(/common/img/sp_com_bg01.png) no-repeat -61px 0;
	background-size: 250px auto;
}
#footerCopyArea .viewChange + .text {
	margin-top: 0.8em;
}
#footerCopyArea .text {
	display: block;
	margin-top: 3px;
	font-size: 1rem;
}
#footerCopyArea .text dt {
	float: left;
}
#footerCopyArea .text dd {
	overflow: hidden;
}
#footerCopyArea .copy {
	display: block;
	margin-top: 0.5em;
	font-size: 1rem;
	text-align: center;
}


/* pageTopBtn
-------------------------------- */
#pageTop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 34px;
	height: 50px;
	margin-top: 0;
}
#pageTop a {
	display: block;
	width: 34px;
	height: 50px;
	background: url(/common/img/pagetop_ic01.png) no-repeat 50% 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* clearfix */
#header:after,
#btnLink ul:after,
#iconLink ul:after,
#globalNavi .childList .headinBlock:after,
#globalNavi .childList .categoryLowerList:after,
#topicPathArea:after,
#topicPathArea .topicPathList:after,
#container:after,
#aside .asideBtnList01:after,
#aside .area01 .inner:after,
#aside .area04 .inner:after,
#aside .area04 .otherLink:after,
#footerCopyArea .text:after {
	content : "";
	display : block;
	clear : both;
}