@charset "utf-8";
/*--------------
 sp.css
 ver. 20150323
----------------*/

html, body, artice, section, div, fieldset, iframe,
h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd,
table, thead, tbody, th, td,
strong, em, img, a { margin: 0; padding: 0; font-weight: normal; border: 0; }
html, body { height: 100%; font: normal 100% sans-serif; }
body {
	position: relative;
	margin: auto;
	width: 320px;
	background: #fff;
	color: #151515;
	font-family: sans-serif;
	font-size: .875em;
	-webkit-text-size-adjust: 100%;
}
iframe { width: 100%; min-height: 10em; -webkit-overflow-scrolling: touch; }
ul, ol, li { list-style: none; }
a { color: #0066cc; }
strong, em, i { font-style: normal; font-weight: normal; }
strong { color: #009be5; }
strong.important { color: #f00; }

select,
textarea,
input[type=text],
input[type=password],
input[type=number],
input[type=email] {
	padding: 5px;
	width: 100%;
	font-size: 16px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
select.number { width: auto; }

/* header, footer, go-top
-------------------*/
header { padding: 10px; }
header:after { content: ""; display: block; clear: both; }
header p { float: left; padding: 5px 0; }
header ul { display: table; width: 100%; table-layout: fixed; }
header>ul { float: right; width: auto; }
header li { display: table-cell; padding: 0 2px; vertical-align: middle; }
header li a {
	display: block;
	width: 100%;
	padding: 10px 5px;
	height: 34px;
	background: #fcfcfc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f6f6f6));
	background: linear-gradient(to bottom, #fcfcfc, #f6f6f6);
	text-align: center;
	-webkit-box-shadow: 0 3px 1px #c4c4c4;
	box-shadow: 0 3px 0 #c4c4c4;
	border: 1px solid #d1d3d2;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header nav {
	clear: both;
	margin: -10px;
	border: 2px solid #009be5;
	border-width: 2px 0;
}
header nav li { padding: 5px 0; }
header nav a {
	margin: auto;
	padding: 5px 0;
	width: 100%;
	height: 51px;
	background: #fff center bottom no-repeat;
	background-size: 50px auto;
	line-height: 0;
	text-indent: -9999px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-right: 2px dotted #009ce5;
	overflow: hidden;
	border-radius: 0;
}
header nav .navSmall a { background-size: 82px auto; }
header nav .current a { background-position: center 0; }
header nav li:last-child a { border: 0; }

html[lang=en] header nav .navSmall a { background-size: 92px auto; }
#mytop a { background-image: url(../images/gnav_s_mytop.png); }
#navcheck a { background-image: url(../images/gnav_s_navcheck.png); }
#mailbox a { background-image: url(../images/gnav_s_mailbox.png); }
#navhistory a { background-image: url(../images/gnav_s_navhistory.png); }
#web a { background-image: url(../images/gnav_s_web.png); }
.navSmall #mytop a { background-image: url(../images/gnav_l_mytop.png); }
.navSmall #navcheck a { background-image: url(../images/gnav_l_navcheck.png); }
.navSmall #mailbox a { background-image: url(../images/gnav_l_mailbox.png); }
.navSmall #navhistory a { background-image: url(../images/gnav_l_navhistory.png); }
.navSmall #web a { background-image: url(../images/gnav_l_web.png); }

html[lang=en] #mytop a { background-image: url(../images/gnav_s_mytop_en.png); }
html[lang=en] #navcheck a { background-image: url(../images/gnav_s_navcheck_en.png); }
html[lang=en] #mailbox a { background-image: url(../images/gnav_s_mailbox_en.png); }
html[lang=en] #navhistory a { background-image: url(../images/gnav_s_navhistory_en.png); }
html[lang=en] #web a { background-image: url(../images/gnav_s_web_en.png); }
html[lang=en] .navSmall #mytop a { background-image: url(../images/gnav_l_mytop_en.png); }
html[lang=en] .navSmall #navcheck a { background-image: url(../images/gnav_l_navcheck_en.png); }
html[lang=en] .navSmall #mailbox a { background-image: url(../images/gnav_l_mailbox_en.png); }
html[lang=en] .navSmall #navhistory a { background-image: url(../images/gnav_l_navhistory_en.png); }
html[lang=en] .navSmall #web a { background-image: url(../images/gnav_l_web_en.png); }

footer { color: #666; }
ul.links { display: table; width: 100%; table-layout: fixed; }
.links+.links { border-top: 1px solid #fff; }
p.links,
.links li {
	padding: 0;
	background: #2aace9;
	background: -webkit-gradient(linear, left top, left bottom, from(#2aace9), to(#039ce5));
	background: linear-gradient(to bottom, #2aace9, #039ce5);
	font-size: .9em;
	text-align: left;
	vertical-align: middle;
}
p.links { border-top: 0; }
.links li { display: table-cell; }
.links li:first-child { border-right: 1px solid #fff; }
.links a {
	display: block;
	padding: 10px 20px 10px 10px;
	background: url(../images/icon_links.png) right center no-repeat;
	background-size: 29px 29px;
	color: #fff;
	text-decoration: none;
}

#switch-pc { padding: 5px; background: #009de5; line-height: 1.6; }
#switch-pc a {
	display: inline-block;
	margin: auto;
	padding: 0 20px 0 60px;
	width: 5em;
	background: #fff url(/css/user/sp/img/icon_pc.gif) 30px center no-repeat;
	background-size: 19px auto;
	font-size: 1.33em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0;
	border-radius: 1em;
}

footer p { font-size: .75em; letter-spacing: -1px; }
footer .menu {
	display: table;
	width: 100%;
	text-align: center;
	border: 1px solid #009be5;
	border-width: 1px 0 0;
}
footer .menu+.menu { border-width: 0 0 1px; }
.links+.menu { margin-top: -1px; }
footer .menu li { display: table-cell; font-size: .85em; }
footer .menu a { position: relative; display: block; padding: 10px 4px 10px 8px; }
footer .menu a:before { position: absolute; content: "/"; left: 0; }
footer .menu li:first-child a:before { content: ""; }

#security { padding: 10px; background: #f6f6f6; font-size: .75em; }
#security li { margin: 10px 0; padding: 10px; background: #fff; }
#security dl { display: table; width: 100%; }
#security dt, #security dd { display: table-cell; vertical-align: middle; }
#security dt { padding-right: 10px; width: 85px; }
footer p { padding: 10px; text-align: center; border-top: 2px solid #009be5; }

.go-top { margin: 10px; background: #fff; text-align: right; }
.go-top a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #2aace9;
	background: -webkit-gradient(linear, left top, left bottom, from(#2aace9), to(#039ce5));
	background: linear-gradient(to bottom, #2aace9, #039ce5);
	text-align: center;
	line-height: 40px;
	-webkit-box-shadow: 0 3px 1px #007cb5;
	box-shadow: 0 3px 0 #007cb5;
	border-radius: 4px;
}


/* common
-------------------*/
article {
	background: #f6f6f6;
	line-height: 1.4;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #fff;
}

h1 {
	padding: 10px 10px 10px 50px;
	background: #fff url(../images/icon_login_s.png) 10px 10px no-repeat;
	-webkit-background-size: 30px 25px;
	background-size: 30px 25px;
	color: #009be5;
	font-size: 1.28em;
	line-height: 1.2;
	letter-spacing: -1px;
	border: 2px solid #009be5;
	border-width: 2px 0;
}
h1.misc { background-image: url(../images/icon_pc_s.png); }
h1 em { font-size: .85em; }
h2 { margin: 10px; font-weight: bold; font-size: 1.14em; }
article p { margin: 10px; }

.input-error { margin: 10px; color: #f00; }

.note { color: #8d8d8d; font-size: .85em; }
.link-line { margin: 1em 0; font-size: .85em; text-align: center; }
.link-line a { color: #06c; text-decoration: underline; }
.ex { color: #f00; }
.date { font-size: .9em; text-align: right; }
.img { display: block; text-align: center; }

.greeting {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	background: #009be5;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	border-radius: 5px;
}
.greeting:after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	bottom: -8px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: #009be5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.greeting span { position: relative; display: block; background: #009be5; z-index: 10; }

.misc-box,
.text-box,
.term-box,
.info-box,
.form-box,
.personal { margin: 10px; padding: 10px; background: #fff; }
.text-box p , .text-box>.info-box { margin: 0; padding: 0; }
.text-box>.info-box { margin-top: 10px; }
.info-box dl { padding: 10px; background: #e1f5ff; }
.info-box dt {
	margin-bottom: 10px;
	padding: 0 10px 5px;
	color: #009be5;
	text-align: center;
	border-bottom: 1px solid #009be5;
}

.text-box h2 { margin: 10px 0; color: #009be5; }
.text-box p { margin: 10px 0; }

.info-box { margin: 0; }
.info-box li { padding: 0 0 5px; font-size: .85em; }
.info-box li ol { margin-top: .5em; }
.info-box li li { font-size: 1em; }
.info-box ul li {
	padding-left: 20px;
	background: url(../images/arrow_list.png) 0 3px no-repeat;
	background-size: 13px 13px;
}
.info-box ul.important li { background-image: url(../images/arrow_list_red.png); }

.terms { width: auto; line-height: 1.4; }
.term-box { padding: 0; }
.iframe-box {
	-webkit-overflow-scrolling: touch;
	display: block;
	padding: 10px 0 10px 10px;
	height: 200px;
	overflow: auto;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.term-box iframe { display: block; height: 100%; }
.terms h2, .term-box h2 { margin: 0; color: #009be5; }
.terms h3, .term-box h3 { font-size: 1em; }
.terms p, .term-box p,
.terms dl, .term-box dl { margin-bottom: 10px; }

.form-box { padding-bottom: 1px; }
.form-box dt {
	padding-left: 10px;
	color: #009be5;
	font-size: 1.14em;
	line-height: 1.2;
	border-left: 5px solid #009be5;
}
.form-box dd+dt { margin-top: 10px; }
.form-box p { margin: 10px 0; }
.form-box p:first-child { margin-top: 0; }
.form-box dd { padding: 10px 0; }
.personal { text-align: center; }
.personal>p { margin: 0; color: #009be5; font-size: 1.14em; }
.lasttime {
	display: block;
	margin: 5px 0 10px;
	padding: 5px;
	background: #f1f1f1;
	text-align: center;
	border-radius: 5px;
}
.lasttime em { font-weight: bold; }

.description-box {
	margin: 10px;
	padding-left: 35px;
	background: 0 0 no-repeat;
	background-size: 30px auto;
}
#web-text { background-image: url(../images/icon_web_s.png); }
#nav-text { background-image: url(../images/icon_navcheck_s.png); }
#history-text { background-image: url(../images/icon_history_s.png); }
#sheet-text { background-image: url(../images/icon_sheet_s.png); }
#faq-text { background-image: url(../images/icon_faq_s.png); }
#help-text { background-image: url(../images/icon_help_s.png); }

.faq-box .greeting { margin: 0 10px 20px; text-align: left; }
.faq-box .greeting span:after { content: ""; display: block; clear: both; }
.faq-box .greeting span span { display: table-cell; }
.faq-box .greeting .number+span { padding-left: 10px; vertical-align: middle; }
.faq-box .greeting i {
	display: block;
	padding: 5px;
	width: 28px;
	height: 28px;
	background: #fff;
	color: #009be5;
	font-size: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 5px;
}
.faq-box dl { margin: 10px; background: #fff; }
.faq-box dt {
	position: relative;
	padding: 10px 40px;
	color: #009be5;
	font-weight: bold;
	text-indent: -30px;
}
.help-box dt { padding-left: 10px; text-indent: 0; }
.faq-box .number { color: #151515; }
.faq-box dt:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	width: 15px;
	height: 9px;
	background: url(../images/arrow_open.gif) center center no-repeat;
	background-size: 15px auto;
}
.faq-box dt.open:after { background-image: url(../images/arrow_close.gif); }
.faq-box dd { padding: 10px; border-top: 1px solid #e6e6e8; }

.faq-steps { text-align: left; }
.faq-steps li {
	margin-bottom: 10px;
	padding: 0 0 20px;
	background: url(../images/arrow_faq_steps.gif) center bottom no-repeat;
	background-size: 39px auto;
}
.non-steps li { background: none; }
.faq-steps strong {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	background: #999;
	color: #fff;
	text-align: center;
	border-radius: 1em;
}
.faq-steps .img { margin: 10px 0; }

.column { margin: 10px 0; padding: 10px; background: #f4f4f4; }
.column p { margin: 0; color: #009be5; }
.column li {
	background-image: url(../images/arrow_faq_column.gif);
	background-size: 30px auto;
}
.faq-steps li:last-child { margin: 0; padding: 0; background: none; }

.btn-line { padding: 0 0 .5em; text-align: center; }
.btn {
	display: block;
	margin: auto;
	background: #2aace9;
	background: -webkit-gradient(linear, left top, left bottom, from(#2aace9), to(#039ce5));
	background: linear-gradient(to bottom, #2aace9, #039ce5);
	text-align: center;
	-webkit-box-shadow: 0 3px 1px #007cb5;
	box-shadow: 0 3px 0 #007cb5;
	border-radius: 5px;
}
.btn a {
	display: block;
	padding: 10px 30px 10px 10px;
	background: url(../images/icon_links.png) right center no-repeat;
	background-size: 29px 29px;
	color: #fff;
	font-size: 1.14em;
	text-decoration: none;
}
.btn .sub { font-size: .6em; }
.btn img { margin-right: 10px; vertical-align: middle; }

.btn-submit a,
.btn-negative a { padding-right: 10px; }
.btn-submit a { background: none; }
.btn-negative {
	width: 80%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: linear-gradient(to bottom, #fff, #f6f6f6);
	border: 1px solid #c4c4c4;
	-webkit-box-shadow: 0 3px 1px #c4c4c4;
	box-shadow: 0 3px 0 #c4c4c4;
	font-size: .9em;
	border-radius: 5px;
}
.btn-negative a { color: #009be5; }

.back .btn {
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: linear-gradient(to bottom, #fff, #f6f6f6);
	border: 1px solid #c4c4c4;
	-webkit-box-shadow: 0 3px 1px #c4c4c4;
	box-shadow: 0 3px 0 #c4c4c4;
	border-radius: 5px;
}
.back a {
	padding: 5px 5px 5px 25px;
	background: url(../images/arrow_back.png) 5px 10px no-repeat;
	background-size: 13px 13px;
	color: #009be5;
	font-size: .9em;
}

.search-box {
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	box-align: center;
	width: 100%;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search-box input,
.search-box .btn {
	display: inherit;
	margin: 0;
	background: none;
	width: auto;
	border: 0;
	box-shadow: none;
	-webkit-align-self: center;
	align-self: center;
}
.search-box input {
	-webkit-box-flex: 3;
	box-flex: 3;
	-webkit-flex: 3;
	flex: 3;
}
.search-box .btn a { padding: 5px; color: #8d8d8d; font-size: 1em; }

.link-list { margin: 0 -10px; }
.link-list li {
	border-top: 1px solid #e6e6e8;
}
.link-list a {
	position: relative;
	display: block;
	padding: 10px;
	color: #8d8d8d;
	font-size: .85em;
	text-decoration: none;
}
.link-list em { display: block; color: #151515; font-size: 1.2em; }
.link-list a:after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 2px solid #7b7b7b;
	border-width: 2px 2px 0 0;
}

.misc-box h1,
#top-menu h1,
#navcheck-box h1,
#result-box h1 {
	position: relative;
	padding: 0 0 10px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	border: 0;
	border-bottom: 5px solid #009be5;
}
.misc-box h1:after,
#top-menu h1:after,
#navcheck-box h1:after,
#result-box h1:after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	bottom: -2px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.misc-box h1 span,
#top-menu h1 span,
#navcheck-box h1 span,
#result-box h1 span { position: relative; background: #fff; z-index: 10; }

.misc-box h2 {
	margin: 10px 0;
	padding: 10px 10px 10px 50px;
	background: #ededed 10px 10px no-repeat;
	background-size: 30px auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.misc-box h2.navcheck { background-image: url(../images/icon_navcheck_s.png); }
.misc-box h2.counseling { background-image: url(../images/icon_counseling_s.png); }

.misc-box p { margin: 10px 0; }

dl.basic dt,
dl.basic dd { padding: 5px 0; }
dl.basic dd { border-top: 1px solid #e6e6e8; }
dl.basic dd+dt { margin-top: 10px; }

dl.list dt { margin-top: 20px; color: #009be5; }

table.basic { margin: 10px auto; width: 95%; border-collapse: collapse; }
table.basic th,
table.basic td { padding: 5px; border: 1px solid #e5e1e1; }
table.basic th { background: #e1f5ff; font-weight: bold; text-align: left; vertical-align: top; }


/* top page
------------------------------*/
#top { border-top: 2px solid #009be5; }
#top h1,
#top h2 { margin: 0; padding: 0; background: none; border: 0; }
#top h4 { margin: 20px 10px 0; }
#top img { vertical-align: top; }
#top article { background: none; }
#top section { margin: 20px 10px; }

#welcome { border-bottom: 2px solid #009be5; }
#welcome p { margin: 10px 0; }
#welcome dl { margin: 20px 0; text-align: center; }
#welcome dt { margin-bottom: 1px; border-radius: 3px 3px 0 0; }
#welcome dd { border-radius: 0 0 3px 3px; }
#welcome dt,
#welcome dd { padding: 13px; background: #dcf2f8; }
#welcome dd p { margin: 0; padding: 0; }
#welcome dl+dl dt,
#welcome dl+dl dd { background: #e5f7de; }

.top-info {
	margin: 20px 0;
	border: 1px solid;
	border-radius: 3px;
}
#info-1st { border-color: #009be5; }
#info-login { border-color: #88cb4c; }
#top .top-info h3 {
	margin: 0;
	padding: 10px;
	text-align: center;
	border-radius: 3px 3px 0 0;
}
#info-1st h3 { background: #00a2e5;}
#info-login h3 { background: #88cb4c;}


/* mail box
------------------------------*/
.mail-box { background: #fff; }
.mail-box .empty { margin: 0; padding: 2em 0; text-align: center; border-bottom: 1px solid #e5e1e1; }
.mail-box .form-box:last-child { margin-bottom: 0; }

.mail-box a { display: block; text-decoration: none; }

.mail-box dl {
	padding: 10px;
	background: 10px 10px no-repeat;
	background-size: auto 23px;
	color: #8d8d8d;
	border-bottom: 1px solid #e5e1e1;
}
.mail-box dl p { margin: .5em 0; }
.mail-box p:last-child { margin-bottom: 0; }
.mail-box .timestamp { display: block; color: #8d8d8d; font-size: .9em; }

#inbox dl { padding-left: 50px; }
.mail-box .unread dl { background-image: url(../images/icon_mail_status_unread.png); background-size: auto 14px; }
.mail-box .readed dl { background-image: url(../images/icon_mail_status_readed.png); }
.mail-box .sended dl { background-image: url(../images/icon_mail_status_sended.png); }
.mail-box dt { color: #151515; }
.mail-box a .timestamp { float: right; }

#mail-status li {
	padding: 5px 0 5px 40px;
	background: 0 center no-repeat;
	background-size: auto 23px;
	color: #009be5;
	font-size: .85em;
}
#mail-status .note { color: #009be5; }
#mail-status .unread { background-image: url(../images/icon_mail_status_unread.png); background-size: auto 14px; }
#mail-status .readed { background-image: url(../images/icon_mail_status_readed.png); }
#mail-status .sended { background-image: url(../images/icon_mail_status_sended.png); }

.tabs {
	display: table;
	padding: 0 5px;
	width: 100%;
	table-layout: fixed;
	border-bottom: 2px solid #009be5;
	box-sizing: border-box;
}
.tabs li {
	display: table-cell;
	padding: 5px 5px 0;
	text-align: center;
	vertical-align: middle;
}
.tabs a {
	display: block;
	padding: 10px 10px 7px 0;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: linear-gradient(to bottom, #fff, #f6f6f6);
	color: #8d8d8d;
	line-height: 23px;
	border: 1px solid #c4c4c4;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
}
.tabs i {
	display: inline-block;
	margin: -3px 10px 0;
	width: 18px;
	height: 23px;
	background: url(../images/icon_mailbox_send.png) 0 0;
	background-size: 100px 23px;
	vertical-align: middle;
}
.tabs .current a {
	background: #009be5;
	color: #fff;
	border: 1px solid #009be5;
}
.tabs li:first-child i { background-image: url(../images/icon_mailbox_recieve.png); }
.tabs .current i { background-position: right 0; }

.paging {
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	padding: 10px;
	color: #8d8d8d;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	box-align: center;
	border-bottom: 1px solid #e5e1e1;
}
.paging>p {
	box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 1;
	order: 1;
	margin: 0;
	text-align: left;
	font-size: .9em;
}
.paging>p:first-child {
	text-align: center;
	box-ordinal-group: 2;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 2;
	order: 2;
	-webkit-box-flex: 3;
	box-flex: 3;
	-webkit-flex: 3;
	flex: 3;
	font-size: .85em;
}
.paging>p:last-child {
	text-align: right;
	-webkit-box-ordinal-group: 3;
	box-ordinal-group: 3;
	-webkit-order: 3;
	order: 3;
}

.paging .btn {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: linear-gradient(to bottom, #fff, #f6f6f6);
	border: 1px solid #c4c4c4;
	-webkit-box-shadow: 0 3px 1px #c4c4c4;
	box-shadow: 0 3px 0 #c4c4c4;
	border-radius: 5px;
}
.paging a {
	padding: 5px 10px 5px 20px;
	background: url(../images/arrow_paging.png) 0 10px no-repeat;
	background-size: 290px 75px;
	color: #009be5;
	text-align: center;
}
.paging>p:last-child a { padding: 5px 20px 5px 10px; background-position: right 10px; }

.paging .btn-disable { background: #f5f5f5; }
.paging .btn-disable a { background-position: 0 -58px; color: #8d8d8d; }
.paging :last-child.btn-disable a { background-position: right -58px; }

#question-title {
	position: relative;
	margin: 10px 10px -10px;
	padding: 10px 10px 10px 75px;
	background: #e1f5ff url(../images/icon_mail_l.png) 10px 10px no-repeat;
	background-size: 52px 52px;
}
#question-title:after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	bottom: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background: #e1f5ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#question-title dl { position: relative; z-index: 10; }
#question-title dt { margin-bottom: 5px; color: #009be5; font-size: 1.14em; }

.form-list { border-top: 1px solid #e6e6e8; }
.form-list li {
	display: table;
	width: 100%;
	padding: 10px 0;
	height: 3.4em;
	line-height: 1.2;
	border-bottom: 1px solid #e6e6e8;
	box-sizing: border-box;
}
.form-list .input-cell,
.form-list label { display: table-cell; padding: 0 5px; vertical-align: middle; }
.form-list .input-cell { width: 2em; }

/* navcheck
------------------------------*/
.steps { text-align: center; }
#navcheck-box dt { padding-left: 0; font-size: 1em; border: 0; }
#navcheck-box h2 {
	margin: 10px 0;
	padding: 5px;
	background: #e1f5ff;
	color: #009be5;
	font-weight: normal;
	font-size: 1em;
}

#result-box h1 { margin-bottom: 10px; border-color: #cc6051; color: #cc6051; }
#result-box h1+p { padding-bottom: 10px; border-bottom: 1px solid #f6f6f6; }
#result-box h2 { margin: 0; padding: 0 10px; min-height: 25px; color: #009be5; line-height: 1.2; }
#result-box #nav-text { margin: 10px 0; }
#result-box #nav-text strong { margin: 10px 0; }

.check-result {
	margin: 0 10px 10px;
	background: #fff;
	border: 1px solid #009ce5;
	border-radius: 5px;
}
.check-result h3 {
	padding: 5px;
	background: #009ce5;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
#resultB { border-color: #2dc3ea; }
#resultB h3 { background: #2dc3ea; }
#resultC { border-color: #60d8f7; }
#resultC h3 { background: #60d8f7; }

.check-result table+p { margin: 10px 0 0; text-align: center; }
.check-result img { width: 290px; height: auto; }

.check-result table { width: 100%; border-collapse: collapse; }
.check-result th,
.check-result td {
	padding: 8px 10px;
	text-align: center;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.check-result tr :last-child { border-right: 0; }

.check-result thead th { padding: 5px 5px; background: #ececec; font-size: .8em; }
.check-result thead th:first-child { background: none; }
.check-result tbody th { font-size: .85em; text-align: left; }
.check-result td { width: 30%; box-sizing: border-box; }
.check-result th+td {
	padding-right: 30px;
	background: right center no-repeat;
	background-size: 40px auto;
	font-weight: bold;
	font-size: 1.1em;
}
.check-result .happy { background-image: url(../images/icon_happy.gif); }
.check-result .fine { background-image: url(../images/icon_fine.gif); }
.check-result .normal { background-image: url(../images/icon_normal.gif); }
.check-result .sad { background-image: url(../images/icon_sad.gif); }
.check-result .bad { background-color: #ffe7d3; background-image: url(../images/icon_bad.gif); }

.check-result .legend { background: #ececec; }

#result-legend { border: 2px solid #cc6051; }
#result-legend th,
#result-legend td { border-bottom: 0; }


/* misc
------------------------------*/
#inquiry-title {
	background-image: url(../images/icon_inquiry_s.png);
	background-position: 10px 10px;
}
.inquiry-box { margin: 10px; }
.inquiry-box dl { margin-bottom: 10px; background: #fff; }
.inquiry-box dt {
	position: relative;
	padding: 10px;
	background: #e1f5ff;
	color: #009be5;
	font-size: 1.14em;
	text-align: center;
}
.inquiry-box dt:after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	bottom: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background: #e1f5ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.inquiry-box dd {
	padding: 20px 10px 10px 70px;
	background: url(../images/icon_mail_l.png) 10px 20px no-repeat;
	background-size: 48px 48px;
}
#tel-box dd { background-image: url(../images/icon_tel_l.png); }
#reserve-box dd { background-image: url(../images/icon_counseling_l.png); }
.inquiry-box p { margin: 0; }
.inquiry-box .btn-line { margin: 1em 0 0 -60px; }
.tel a { color: #009be5; font-size: 1.64em; text-decoration: none; }

html[lang=en] * { letter-spacing: 0 !important; }


/* for display
------------------------------*/
@media all and (orientation: landscape) { }
@media only screen and (max-width: 1024px) {}