@charset "utf-8";
/*=================================
sp_base.css
- reset
- base
- utility
- reader
- header
- container
- navigation
- childList
- localNavi
- topicPath
- main
- contents
- aside
- footer
- pageTopBtn
sp_contents.css
- heading
- column
- text
- link
- list
- table
- unique
- icon
media
- print
clearfix
================================ */

/**********************************

  BASE

**********************************/

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

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


/* base
-------------------------------- */
.resetter {
	-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: 12px;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.6;
	color: #333333;
	vertical-align: baseline;
}
.resetter *,
.resetter *:before,
.resetter *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
  box-sizing: inherit;
}
.resetter a:link {
	color: #00619e;
	text-decoration: underline;
	outline: none;
	transition-property: background-color, color;
	transition-duration: 0.2s;
}
.resetter a:visited {
	color: #551a8b;
}
.resetter a:hover {
	color: #008F79;
	text-decoration: none;
}
.resetter a:hover img {
	opacity: 0.8;
}
.resetter a:active {
	color: #008F79;
}
.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; }

.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;}


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

/* 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;
}
#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: 33px;
	padding: 5px 1px 2px;
	font-size: 9px;
	text-align: center;
	vertical-align: bottom;
	color: #231815;
	line-height: 1;
}
#iconLink ul li.search.open {
	border-color: #EAF9F7;
}
#iconLink ul li.search.open a {
	background-color: #EAF9F7;
	color: #007561;
}
#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: 4px;}
#iconLink ul li.menu a span:nth-of-type(2) { top: 10px;}
#iconLink ul li.menu a span:nth-of-type(3) { top: 16px;}

#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: 9px;
	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;
}
body.cb_active {
	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;
}
.resetter.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 .resetter.menuClose {
	left: 5px;
}
.resetter.menuClose a {
	position: relative;
	display: block;
	width: 100%;
	height: 33px;
	padding: 20px 3px 3px;
	border: solid 1px #ffffff;
	background-color: #ffffff;
	font-size: 9px;
	text-align: center;
	vertical-align: bottom;
	color: #231815;
	line-height: 1;
	text-decoration: none;
}
.resetter.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: 4px;
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.menuClose a span:nth-of-type(2) {
	top: 10px;
	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: 16px;
	-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: 14px;
	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: -14px;
	font-weight: normal;
	font-size: 28px;
	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: 14px;
	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: #007561;
	border-top: solid 1px #007561;
	border-bottom: solid 1px #007561;
	border-radius: 5px;
	box-shadow: 0 1px 0 #00654E;
	font-size: 14px;
	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: #008F79;
}
#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;
}

/* 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: 12px;
	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;
}
.visitBtnLink a {
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	width: 100%;
}
.visitBtnLink a:hover {
	color: #008F79;
}
.visitBtnLink em {
	display: table;
	width: 100%;
	font-style: normal;
	font-size: 92%;
}
.visitBtnLink em a {
	background-color: #008F79;
	border-color: #008F79;
	color: #ffffff;
}
.visitBtnLink em a:hover {
/*	background-color: #66CDAA; */
/*	border-color: #66CDAA; */
	color: #ffffff;
	opacity: 0.7;
}
.visitBtnLink em a:before {
	background-position: -18px -24px;
}
.visitBtnLink a span {
	position: relative;
	display: block;
	padding: 0.8em 1em 0.8em 2em;
}
.visitBtnLink a span: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;
}
.visitBtnLink.closeType a span:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-position: -69px -77px;
}
.visitBtnLink em a span:before {
	background-position: -18px -24px;
}

/* helpContact */
#navigation .helpContact {
	padding: 10px;
	background-color: #f3f3f3;
}
.helpContact dt {
	font-weight: bold;
	font-size: 14px;
	color: #007561;
	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: 12px;
	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: 20px;
}
.helpContact .freeDial01 + dd {
	margin-top: 1em;
	font-size: 10px;
}

#navigation .close {
	margin-top: 0;
	padding: 0 10px 20px;
	background-color: #f3f3f3;
}
#navigation .close:before {
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto;
	border-top: solid 1px #cccccc;
}
#navigation .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: 12px;
	color: #555555;
	text-align: center;
	text-decoration: none;
}
#navigation .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: #EAF9F7;
}
#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%;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
}


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

/* topicPathList */
#topicPathArea .topicPathList {
	display: table;
	width: auto;
	margin-right: 5px;
	white-space: nowrap;
}
#topicPathArea .topicPathList li {
	position: relative;
	display: table-cell;
	font-size: 10px;
}
#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;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main > *:first-child {
	margin-top: 0;
}

/* aside
-------------------------------- */


/* 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: 10px;
}
#footerCopyArea .text dt {
	float: left;
}
#footerCopyArea .text dd {
	overflow: hidden;
}
#footerCopyArea .copy {
	display: block;
	margin-top: 0.5em;
	font-size: 10px;
	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;
}



/**********************************

  CONTENTS

**********************************/

/* common
-------------------------------- */

/* heading
-------------------------------- */
.heading01 {
	margin-top: 1em;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.4;
}
.heading01 + * {
	margin-top: 1.5em;
}

/* freeDial */
#navigation .freeDial01,
#navigation .freeDial02 {
	position: relative;
	padding: 1.3em 0.5em 0.5em;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	box-shadow: 0 1px 0 #a7a6a6;
	text-align: center;
	cursor: pointer;
}
#navigation .freeDial01:before,
#navigation .freeDial02:before {
	content: "通話無料";
	display: inline-block;
	position: absolute;
	top: 0.4em;
	right: left;
	font-weight: bold;
	font-size: 10px;
}
#navigation .freeDial01:after,
#navigation .freeDial02:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	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;
}
#navigation .freeDial01 a,
#navigation .freeDial02 a,
#navigation .normalDial01 a,
#navigation .paidDial01 a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 1.5em;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 1.2;
	text-decoration: none;
}
#navigation .paidDial01 a {
	padding: 0 0 0 1.8em;
	font-size: 1.56em;
	color: #008F79;
}
#navigation .freeDial01 a:before,
#navigation .freeDial02 a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 6px;
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-top: -8px;
	margin-left:0.2em;
	background: url(/common/img/sp_com_bg01.png) no-repeat -134px -75px;
	background-size: 250px auto;
}
#navigation .freeDial01 a span:after {
	content: "はちにのハローはちに";
	display: inline-block;
	position: absolute;
	top: -1em;
	right: 0;
	font-size: 8px;
	letter-spacing: 0.4em;
	color: #777777;
}



/**********************************

  MEDIA

**********************************/

/* print
-------------------------------- */
@media print {
}


/* 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,
#footerCopyArea .text:after {
	content : "";
	display : block;
	clear : both;
}