@charset "UTF-8";
/*
----------------------------------------
This file is not editable.
Please create a new CSS file for the custom, if you want to edit and to append the CSS file.
Because, it is to prevent the differences between the files. This file is updated as needed.
----------------------------------------
*/
/* reset
---------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* initialize
---------------------------------------- */
body { color: #333333; word-break: break-all; word-wrap: break-word; text-align: left; font-size: 14px; line-height: 1.56; -webkit-text-size-adjust: none; }
@media all and (max-width: 560px) { body { font-size: 16px; } }

body, input, textarea, select { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

hr.yjSeparation { display: none; }

.cf { *zoom: 1; }
.cf:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.txtL { text-align: left!important; }

.txtR { text-align: right!important; }

.txtC { text-align: center!important; }

input[type="checkbox"], input[type="radio"] { cursor: pointer; }

input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { font-size: 14px; border-width: 1px; border-style: solid; border-color: #abadb3 #c1c2cb #c8cfd6; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 1px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 0 1px inset; -webkit-transition: box-shadow 0.2s linear 0s; -moz-transition: box-shadow 0.2s linear 0s; }
input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, textarea:hover, select:hover { border-color: #5794bf #93a5af #acc2ce; }
@media all and (max-width: 560px) { input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { font-size: 16px; } }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px inset, rgba(82, 168, 236, 0.6) 0 0 8px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px inset, rgba(82, 168, 236, 0.6) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px inset, rgba(82, 168, 236, 0.6) 0 0 8px; outline: none; border-color: #52a8ec; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; }
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

a, .btnView { -webkit-tap-highlight-color: rgba(102, 204, 255, 0.5); }

img { vertical-align: bottom; }

.required { color: #fb3a4a; font-weight: bold; }

input:disabled { background-color: #e9e9e9; cursor: not-allowed; }

/* layout
---------------------------------------- */
#header, #footer, #contents { padding: 0 10px; }

.yjGuid, .yjSkip { display: block; height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }

/* responsive
---------------------------------------- */
@media all and (min-width: 950px) { #wrapper { width: 950px; margin: 0 auto; } }
/* Tablet */
/* Smartphone */
@media all and (max-width: 568px) { #header, #footer { padding: 0; } }
#footer { margin-top: 3em; padding: 1em 0; border-top: 1px solid #ccc; text-align: center; font-size: 14px; }
#footer small { display: block; }
#footer ul { margin: 0.5em 0; }
#footer ul li { display: inline-block; *display: inline; *margin: 0 0.5em; }
#footer ul.linkNav { display: none; }
#footer ul.linkNav li:first-child:after { content: "|"; padding: 0 0.4em; }
#footer ul.subLinkNav { font-size: 12px; }
#footer ul.subLinkNav li:after { content: "-"; padding: 0 0.4em; }
#footer ul.subLinkNav li.last:after { content: none; }
@media all and (max-width: 668px) { #footer { padding: 10px; border-top: 3px solid #d4d7db; background: #eee; }
    #footer small span { display: none; }
    #footer ul.linkNav { display: block; } }

/* #masthead
---------------------------------------- */
#masthead { margin: 4px auto 10px auto; *zoom: 1; }
#masthead:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#masthead h1 { float: left; }
#masthead h1 a { background-position: center center; background-repeat: no-repeat; display: block; text-indent: -9999px; overflow: hidden; }
@media all and (max-width: 568px) { #masthead { margin: 0 0 10px; padding: 5px 13px 6px; overflow: hidden; }
    #masthead h1 a { height: 33px !important; padding: 0 8px; } }

/* pfHeadline
---------------------------------------- */
.pfHeadline { clear: both; margin: 1em 0 0.5em; *zoom: 1; }
.pfHeadline:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.pfHeadline h2, .pfHeadline h3, .pfHeadline h4, .pfHeadline p, .pfHeadline .ttl { display: inline-block; *display: inline; margin-bottom: 0; }
.pfHeadline h2, .pfHeadline h3, .pfHeadline h4, .pfHeadline .ttl { line-height: 1.2em; }
.pfHeadline h2 { font-size: 30px; color: #777; }
@media all and (max-width: 568px) { .pfHeadline h2 { font-size: 26px; } }
.pfHeadline h3, .pfHeadline .ttl { font-size: 20px; }
.pfHeadline h4 { font-size: 18px; }
.pfHeadline p { margin-left: 1em; color: #aaa; }

/* btnView
---------------------------------------- */
.btnView, .btnView.primary, .btnView.info, .btnView.success, .btnView.notice, .btnView.warning { font-size: 14px; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; margin: 0.2em 0.4em; padding: 0.6em 1.2em; text-decoration: none; text-align: center; line-height: normal; border: 1px solid #bbb; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: #e5e5e5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); background-image: -webkit-linear-gradient(#f1f1f1, #e5e5e5); background-image: -moz-linear-gradient(#f1f1f1, #e5e5e5); background-image: -o-linear-gradient(#f1f1f1, #e5e5e5); background-image: linear-gradient(#f1f1f1, #e5e5e5); -webkit-box-shadow: rgba(255, 255, 255, 0.25) 1px 1px 0 inset; -moz-box-shadow: rgba(255, 255, 255, 0.25) 1px 1px 0 inset; box-shadow: rgba(255, 255, 255, 0.25) 1px 1px 0 inset; }
.btnView:hover { border-color: #999; background: #f1f1f1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #f1f1f1)); background-image: -webkit-linear-gradient(#e5e5e5, #f1f1f1); background-image: -moz-linear-gradient(#e5e5e5, #f1f1f1); background-image: -o-linear-gradient(#e5e5e5, #f1f1f1); background-image: linear-gradient(#e5e5e5, #f1f1f1); }
.btnView:active { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset; }
.btnView.primary, .btnView.info, .btnView.success, .btnView.notice, .btnView.warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.btnView.primary { border-color: #437EB4 #437EB4 #255581; background: #4B92DC; background: #26699f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOTJkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2Njk5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b92dc), color-stop(100%, #26699f)); background-image: -webkit-linear-gradient(#4b92dc, #26699f); background-image: -moz-linear-gradient(#4b92dc, #26699f); background-image: -o-linear-gradient(#4b92dc, #26699f); background-image: linear-gradient(#4b92dc, #26699f); }
.btnView.primary:hover { background: #4b92dc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2Njk5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiOTJkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #26699f), color-stop(100%, #4b92dc)); background-image: -webkit-linear-gradient(#26699f, #4b92dc); background-image: -moz-linear-gradient(#26699f, #4b92dc); background-image: -o-linear-gradient(#26699f, #4b92dc); background-image: linear-gradient(#26699f, #4b92dc); }
.btnView.primary[disabled], .btnView.primary.disabled { background: #6693c1; }
.btnView.info { border-color: #2f96b4 #2f96b4 #1f6377; background: #2f96b4; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4)); background-image: -webkit-linear-gradient(#5bc0de, #2f96b4); background-image: -moz-linear-gradient(#5bc0de, #2f96b4); background-image: -o-linear-gradient(#5bc0de, #2f96b4); background-image: linear-gradient(#5bc0de, #2f96b4); }
.btnView.info:hover { background: #5bc0de; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f96b4), color-stop(100%, #5bc0de)); background-image: -webkit-linear-gradient(#2f96b4, #5bc0de); background-image: -moz-linear-gradient(#2f96b4, #5bc0de); background-image: -o-linear-gradient(#2f96b4, #5bc0de); background-image: linear-gradient(#2f96b4, #5bc0de); }
.btnView.info[disabled], .btnView.info.disabled { background: #669fb0; }
.btnView.success { border-color: #51a351 #51a351 #387038; background: #51a351; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxYTM1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #51a351)); background-image: -webkit-linear-gradient(#62c462, #51a351); background-image: -moz-linear-gradient(#62c462, #51a351); background-image: -o-linear-gradient(#62c462, #51a351); background-image: linear-gradient(#62c462, #51a351); }
.btnView.success:hover { background: #62c462; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxYTM1MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51a351), color-stop(100%, #62c462)); background-image: -webkit-linear-gradient(#51a351, #62c462); background-image: -moz-linear-gradient(#51a351, #62c462); background-image: -o-linear-gradient(#51a351, #62c462); background-image: linear-gradient(#51a351, #62c462); }
.btnView.success[disabled], .btnView.success.disabled { background: #799a79; }
.btnView.notice { border-color: #f89406 #f89406 #ad6704; background: #fd720b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YjcwOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkNzIwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5b709), color-stop(100%, #fd720b)); background-image: -webkit-linear-gradient(#f5b709, #fd720b); background-image: -moz-linear-gradient(#f5b709, #fd720b); background-image: -o-linear-gradient(#f5b709, #fd720b); background-image: linear-gradient(#f5b709, #fd720b); }
.btnView.notice:hover { background: #fbb450; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OTQwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f89406), color-stop(100%, #fbb450)); background-image: -webkit-linear-gradient(#f89406, #fbb450); background-image: -moz-linear-gradient(#f89406, #fbb450); background-image: -o-linear-gradient(#f89406, #fbb450); background-image: linear-gradient(#f89406, #fbb450); }
.btnView.notice[disabled], .btnView.notice.disabled { background: #e0a34c; }
.btnView.warning { border-color: #bd362f #bd362f #802420; background: #bd362f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); background-image: -webkit-linear-gradient(#ee5f5b, #bd362f); background-image: -moz-linear-gradient(#ee5f5b, #bd362f); background-image: -o-linear-gradient(#ee5f5b, #bd362f); background-image: linear-gradient(#ee5f5b, #bd362f); }
.btnView.warning:hover { background: #ee5f5b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bd362f), color-stop(100%, #ee5f5b)); background-image: -webkit-linear-gradient(#bd362f, #ee5f5b); background-image: -moz-linear-gradient(#bd362f, #ee5f5b); background-image: -o-linear-gradient(#bd362f, #ee5f5b); background-image: linear-gradient(#bd362f, #ee5f5b); }
.btnView.warning[disabled], .btnView.warning.disabled { background: #bf6864; }
.btnView[disabled], .btnView.disabled { color: #aaa; background: #e5e5e5; cursor: default; border-color: #bbb; box-shadow: none; outline: none; text-shadow: none; }
.btnView img { vertical-align: top; margin-right: 4px; }

/* pfFormObject
---------------------------------------- */
.pfFormObject { margin-bottom: 1em; clear: both; }
.pfFormObject p { margin-bottom: 0; padding-bottom: 0.8em; }
.pfFormObject p.lead { color: #666; font-size: 12px; }
.pfFormObject div.pfLabel .btnView, .pfFormObject div.pfInput .btnView { padding: 0.4em 0.8em; }
.pfFormObject div.pfLabel { width: 17em; float: left; text-align: right; }
.pfFormStyle .pfFormObject div.pfLabel { padding-top: 0.4em; }
.pfConfirmStyle .pfFormObject div.pfLabel { padding-top: 0; }
@media all and (max-width: 480px) { .pfFormObject div.pfLabel { text-align: left; float: none; width: auto; }
    .pfConfirmStyle .pfFormObject div.pfLabel { font-size: 12px; } }
.pfFormObject div.pfInput { margin-left: 18em; }
@media all and (max-width: 480px) { .pfFormObject div.pfInput { margin-left: 0; } }
.pfFormObject div.pfInput input[type="text"], .pfFormObject div.pfInput input[type="email"], .pfFormObject div.pfInput input[type="url"], .pfFormObject div.pfInput input[type="number"], .pfFormObject div.pfInput input[type="password"], .pfFormObject div.pfInput input[type="tel"], .pfFormObject div.pfInput textarea { vertical-align: middle; min-width: 20em; *width: 20em; margin: 0; }
@media all and (max-width: 480px) { .pfFormObject div.pfInput input[type="text"], .pfFormObject div.pfInput input[type="email"], .pfFormObject div.pfInput input[type="url"], .pfFormObject div.pfInput input[type="number"], .pfFormObject div.pfInput input[type="password"], .pfFormObject div.pfInput input[type="tel"], .pfFormObject div.pfInput textarea { min-width: 200px; width: 100%; } }
.pfFormObject div.pfInput select { vertical-align: middle; min-width: 20em; margin: 0; }
@media all and (max-width: 480px) { .pfFormObject div.pfInput select { min-width: 200px; width: 100%; } }
.pfFormObject div.pfInput .btnView { vertical-align: middle; }
.pfFormObject div.pfInput input[type="text"], .pfFormObject div.pfInput input[type="email"], .pfFormObject div.pfInput input[type="url"], .pfFormObject div.pfInput input[type="number"], .pfFormObject div.pfInput input[type="password"], .pfFormObject div.pfInput input[type="tel"], .pfFormObject div.pfInput textarea, .pfFormObject div.pfInput select { padding: 0.4em 0.2em; }
.pfFormObject div.pfInput label { margin-right: 4px; }
.pfFormObject div.pfInput label input[type="radio"], .pfFormObject div.pfInput label input[type="checkbox"] { margin: 0.6em 4px 0 0; }
.pfFormObject div.pfInput input.pfDateInput { width: 7em; min-width: inherit; margin: 0; }
.pfFormObject div.pfInput select.pfDateSelect { width: auto; min-width: inherit; margin: 0 0.3em 0 0.5em; }
.pfFormObject div.pfInput select.pfDateSelect.y { margin-left: 0; }
.pfFormObject div.pfInput input.pfTelInput { width: 4em; min-width: inherit; *min-width: 4em; margin: 0; }
.pfFormObject div.pfInput input.pfZipInput { width: 4em; min-width: inherit; *min-width: 4em; margin: 0; }
.pfFormObject div.pfInput .error, .pfFormObject div.pfInput .errorText { padding-left: 0.5em; border-left: 3px solid #cc0000; }
.pfFormObject div.pfInput .error input[type="text"], .pfFormObject div.pfInput .error input[type="email"], .pfFormObject div.pfInput .error input[type="url"], .pfFormObject div.pfInput .error input[type="number"], .pfFormObject div.pfInput .error input[type="password"], .pfFormObject div.pfInput .error input[type="tel"], .pfFormObject div.pfInput .error textarea, .pfFormObject div.pfInput .error select { background: #ffc; }
.pfFormObject div.pfInput .errorText { color: #cc0000; font-weight: bold; }
.pfFormObject div.pfSubmit { text-align: center; margin-top: 1em; margin-bottom: 1em; }
.pfFormObject div.pfSubmit .btnView { min-width: 10em; *width: 10em; *vertical-align: top; }
.pfFormObject div.pfSubmit a.btnView { *padding: 0.8em 0.2em; }
@media all and (max-width: 568px) { .pfFormObject div.pfSubmit { text-align: center; margin-left: 0; } }
.pfFormObject div.pfCaptcha { text-align: center; }
fieldset .pfHeadline { margin-bottom: 2em; padding-bottom: 0.5em; border-bottom: 1px solid #cccccc; }

/*
fieldset{
	padding:0 10px;
	border:1px solid #ccc;
	margin-bottom:$default_margin;
}
*/
/* pfNotice
---------------------------------------- */
.pfNotice { clear: both; margin-bottom: 1em; padding: 0.3em 0.6em; border: 2px solid #CEA500; background-color: #ffd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.pfNotice dl dt { font-weight: bold; }

/* pfMessage
---------------------------------------- */
.pfMessage { padding: 4em 10px; margin-bottom: 1em; text-align: center; }
@media all and (max-width: 568px) { .pfMessage { padding-left: 0; padding-right: 0; } }
.pfMessage dl dt { font-size: 30px; font-weight: normal; }
@media all and (max-width: 568px) { .pfMessage dl dt { font-size: 26px; } }
.pfMessage dl dd { margin: 0; padding: 0; }

/* mod_explanation
---------------------------------------- */
#mod_explanation h3 { font-size: 20px; margin-bottom: 0.5em; }
#mod_explanation p { margin-bottom: 1em; }
#mod_explanation table { width: 100%; border-collapse: collapse; margin-bottom: 1em; border: 1px solid #cccccc; }
#mod_explanation table tr th, #mod_explanation table tr td { border: 1px solid #cccccc; vertical-align: top; padding: 0.3em 0.4em 0.2em; text-align: left; }
#mod_explanation table tr th { background: #eaeaea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(#f1f1f1, #eaeaea); background-image: -moz-linear-gradient(#f1f1f1, #eaeaea); background-image: -o-linear-gradient(#f1f1f1, #eaeaea); background-image: linear-gradient(#f1f1f1, #eaeaea); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; width: 20%; }
@media all and (max-width: 480px) { #mod_explanation table { border-bottom: none; }
    #mod_explanation table tr th, #mod_explanation table tr td { display: block; border-top: none; border-left: none; border-right: none; }
    #mod_explanation table tr th { width: auto; } }
#mod_explanation ul, #mod_explanation ol { padding-left: 1.8em; margin-bottom: 1em; }
#mod_explanation ul ul, #mod_explanation ul ol, #mod_explanation ol ul, #mod_explanation ol ol { margin: 0; }
#mod_explanation ul li { list-style: disc; }
#mod_explanation ul.nostyled { padding: 0; }
#mod_explanation ul.nostyled li { list-style: none; }
#mod_explanation ol li { list-style: decimal; }
#mod_explanation a.pdf { background: url(https://s.yimg.jp/images/common/pdf_s.gif) no-repeat 0 50%; padding-left: 20px; }
#mod_explanation strong { color: #fb3a4a; font-weight: bold; font-size: 120%; }
#mod_explanation em { color: #fb3a4a; }
#mod_explanation b { font-weight: bold; }
#mod_explanation .small { font-size: 86%; }
#mod_explanation .big { font-size: 120%; }
#mod_explanation font { color: #333 !important; }
#mod_explanation u { text-decoration: none; }
#mod_explanation i { font-style: normal; }

/* mod_explanation
---------------------------------------- */
.mod_explanation h3 { font-size: 20px; margin-bottom: 0.5em; }
.mod_explanation p { margin-bottom: 1em; }
.mod_explanation table { width: 100%; border-collapse: collapse; margin-bottom: 1em; border: 1px solid #cccccc; }
.mod_explanation table tr th, .mod_explanation table tr td { border: 1px solid #cccccc; vertical-align: top; padding: 0.3em 0.4em 0.2em; text-align: left; }
.mod_explanation table tr th { background: #eaeaea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(#f1f1f1, #eaeaea); background-image: -moz-linear-gradient(#f1f1f1, #eaeaea); background-image: -o-linear-gradient(#f1f1f1, #eaeaea); background-image: linear-gradient(#f1f1f1, #eaeaea); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; width: 20%; }
@media all and (max-width: 480px) { .mod_explanation table { border-bottom: none; }
    .mod_explanation table tr th, .mod_explanation table tr td { display: block; border-top: none; border-left: none; border-right: none; }
    .mod_explanation table tr th { width: auto; } }
.mod_explanation ul, .mod_explanation ol { padding-left: 1.8em; margin-bottom: 1em; }
.mod_explanation ul ul, .mod_explanation ul ol, .mod_explanation ol ul, .mod_explanation ol ol { margin: 0; }
.mod_explanation ul li { list-style: disc; }
.mod_explanation ul.nostyled { padding: 0; }
.mod_explanation ul.nostyled li { list-style: none; }
.mod_explanation ol li { list-style: decimal; }
.mod_explanation a.pdf { background: url(https://s.yimg.jp/images/common/pdf_s.gif) no-repeat 0 50%; padding-left: 20px; }
.mod_explanation strong { color: #fb3a4a; font-weight: bold; font-size: 120%; }
.mod_explanation em { color: #fb3a4a; }
.mod_explanation b { font-weight: bold; }
.mod_explanation .small { font-size: 86%; }
.mod_explanation .big { font-size: 120%; }
.mod_explanation font { color: #333 !important; }
.mod_explanation u { text-decoration: none; }
.mod_explanation i { font-style: normal; }

/* #mod_biz_id
---------------------------------------- */
#mod_biz_id { background: #f7f7f7; border: 1px solid #C0C0C0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 1em; margin-bottom: 1em; padding: 0.5em; text-align: center; }
#mod_biz_id .btnView { min-width: 160px; }
#mod_biz_id dl dt { font-size: 20px; }
@media all and (max-width: 568px) { #mod_biz_id dl dt { font-size: 18px; } }

/* #mod_disclaimers
---------------------------------------- */
#mod_disclaimers { border-top: 1px solid #cccccc; padding-top: 1em; }
#mod_disclaimers ul { padding: 0; }
#mod_disclaimers ul li { font-size: 86%; }

/* #mod_stepNav
---------------------------------------- */
#mod_stepNav { margin: 1.5em 0; }
#mod_stepNav ol { *zoom: 1; }
#mod_stepNav ol:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#mod_stepNav ol li { font-size: 11px; text-align: center; float: left; width: 33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mod_stepNav ol li span { display: block; background: url(/images/webform/_sprite_step-f68dd8905fe9d5dfb257f8c83d7efa4e.png) no-repeat 0 5px; }
#mod_stepNav ol li span .checked { width: 10px; height: 11px; margin: 0 auto; }
#mod_stepNav ol li.step_1 span.yet .checked, #mod_stepNav ol li.step_2 span.yet .checked, #mod_stepNav ol li.step_3 span.yet .checked { background-position: -40px -285px; }
#mod_stepNav ol li.step_1 span.current .checked, #mod_stepNav ol li.step_2 span.current .checked, #mod_stepNav ol li.step_3 span.current .checked { background-position: -20px -285px; }
#mod_stepNav ol li.step_1 span.finished .checked, #mod_stepNav ol li.step_2 span.finished .checked, #mod_stepNav ol li.step_3 span.finished .checked { background-position: 0 -285px; }
#mod_stepNav ol li.step_1 { width: 34%; }
#mod_stepNav ol li.step_1 span.current { background-position: 50% -155px; }
#mod_stepNav ol li.step_1 span.finished { background-position: 50% -115px; }
#mod_stepNav ol li.step_2 span.yet { background-position: 50% 5px; }
#mod_stepNav ol li.step_2 span.current { background-position: 50% -75px; }
#mod_stepNav ol li.step_2 span.finished { background-position: 50% -35px; }
#mod_stepNav ol li.step_3 span.yet { background-position: 50% -235px; }
#mod_stepNav ol li.step_3 span.current { background-position: 50% -195px; }

/* .backLink
---------------------------------------- */
.backLink { padding-top: 1em; }
.backLink p { text-align: center; }
.backLink p .btnView { min-width: 10em; }
@media all and (max-width: 480px) { .backLink p .btnView { width: 100%; margin-left: 0; margin-right: 0; } }

/* .clarisHeadline
---------------------------------------- */
.clarisHeadline { font-size: 20px; display: block; margin-bottom: 2em; padding-bottom: 0.5em; border-bottom: 1px solid #cccccc; }

/* select:invalid (to use chosen)
---------------------------------------- */
#displayAuctionAccountGetActionConnectedToSelectBox select:invalid { height: 0px !important; opacity: 0 !important; position: absolute !important; display: flex !important; }
#displayRAndFAccountGetActionConnectedToSelectBox select:invalid { height: 0px !important; opacity: 0 !important; position: absolute !important; display: flex !important; }
#displayAllAccountGetActionConnectedToSelectBox select:invalid { height: 0px !important; opacity: 0 !important; position: absolute !important; display: flex !important; }
#searchAllAccountGetActionConnectedToSelectBox select:invalid { height: 0px !important; opacity: 0 !important; position: absolute !important; display: flex !important; }
#searchAndDisplayAllAccountGetActionConnectedToSelectBox select:invalid { height: 0px !important; opacity: 0 !important; position: absolute !important; display: flex !important; }

table { width: 100%; }
th,td { height: 50px; vertical-align: middle; padding: 0 15px; border: 1px solid #ccc; }
.fixed01 { position: sticky; top: 0; color: #fff; background: #e85350; }
.captcha { display: inline-block; }
/* loading用のスタイル */
.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 400px; /* 適切な高さに調整してください */
    text-align: center;
    color: #555;
}
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #09f;
    margin-bottom: 1rem;
    animation: spin 1s ease infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}