@charset "UTF-8";

/* ----------------------------------------------------------------
 * [PC] ベースCSS
 *
 * 01. リセット
 * 02. Clearfix
 * 03. ベース
 * 04. モジュール
 * 05. ユーティリティー
 * 06. システム用
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
 01. リセット
---------------------------------------------------------------- */

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

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
address,
ol,
ul,
li,
dl,
dt,
dd,
table,
caption,
td,
th,
figure,
figcaption,
img,
iframe,
embed,
object,
form,
label,
button {
background: none;
border: none;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
text-align: inherit;
vertical-align: baseline;
}

html {
text-align: left;
word-wrap: break-word;
}

ol,
ul {
list-style: none;
}

table {
border-collapse: collapse;
}

a {
text-decoration: none;
}

img {
vertical-align: top;
}

input,
select,
option,
textarea {
font: inherit;
}

input[type="button"]:not([disabled]),
input[type="submit"]:not([disabled]),
input[type="reset"]:not([disabled]),
button:not([disabled]) {
cursor: pointer;
}

[hidden] {
display: none !important;
}



/* ----------------------------------------------------------------
 02. Clearfix
---------------------------------------------------------------- */

.cf {
*zoom: 1;
}
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}



/* ----------------------------------------------------------------
 03. ベース
---------------------------------------------------------------- */

html {
color: #222;
font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
font-size: 14px;
line-height: 1.8;
}

:link,
:visited {
color: #0087E6;
}

:link:hover,
:visited:hover {
text-decoration: underline;
}



/* ----------------------------------------------------------------
 04. モジュール
---------------------------------------------------------------- */


/**
 * JSオフ時の表示
 */

.mod-jsOffMsg {
-webkit-box-sizing: border-box;
background: #FDEDED;
box-sizing: border-box;
color: #E84D4D;
margin: 30px auto;
max-width: 980px;
padding: 20px;
}

/**
 * form
 */

/*  placeholder対応 textInpu textarea */
.mod-input,
.mod-textarea {
-webkit-box-sizing: border-box;
border: solid 1px #999;
box-sizing: border-box;
display: inline-block;
position: relative;
}
.mod-input_large {
font-size: 18px;
width: 100%;
}
.mod-input,
.mod-input-front,
.mod-input-back,
.mod-textarea,
.mod-textarea-front,
.mod-textarea-back {
border-radius: 3px;
}
.mod-input-front,
.mod-input-back {
line-height: 1.8;
padding: 6px 8px;
}
.mod-input-front,
.mod-textarea-front {
-webkit-box-sizing: border-box;
background: none;
border: none;
box-sizing: border-box;
position: relative;
width: 100%;
z-index: 1;
}
.mod-input-back,
.mod-textarea-back {
bottom: 0;
color: #999;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
}
.mod-input_imeactive .mod-input-front {
ime-mode: active;
}
.mod-input_imedisabled .mod-input-front {
ime-mode: disabled;
}
.mod-textarea_large {
font-size: 18px;
height: 200px;
width: 100%;
}
.mod-textarea-front,
.mod-textarea-back {
padding: 6px 8px;
}
.mod-textarea-front {
resize: none;
}
.mod-textarea_large .mod-textarea-front {
height: 198px;
}

/* -- select form -- */
.mod-select {
-webkit-box-sizing: border-box;
background-color: #FFF;
border: solid 1px #999;
border-radius: 3px;
box-sizing: border-box;
height: 44px;
line-height: 1.4;
overflow: hidden;
white-space: nowrap;
}
.mod-select_large {
font-size: 18px;
width: 100%;
}

.mod-input.is-highlighted,
.mod-select.is-highlighted,
.mod-textarea.is-highlighted {
background: #FEFCE0;
}

/* -- radio -- */
.mod-radio {
cursor: pointer;
display: block;
font-size: 18px;
margin-bottom: 10px;
}
.mod-radio.is-highlighted {
background-color: #FEFCE0;
}
.mod-radio input {
margin-right: 10px;
}
.mod-errorText {
color: #F26A5C;
font-size: 16px;
margin-bottom: 5px;
}

/* -- checkbox -- */

.mod-checkbox {
cursor: pointer;
display: inline-block;
}

.mod-checkbox [type="checkbox"] {
display: none;
}

.mod-checkbox-image {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAJ1BMVEWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqrCwsLDw8P29vb39/f///9ypc5sAAAAB3RSTlMGiImQke3ulVLqiQAAADFJREFUCNdjYAkvB4MyBwaLPWfA4HQjQ/QZKNjKUANjHh9sTCRHWkKdfmoSA0s6zEMAmiWPsmzw5EkAAAAASUVORK5CYII=);
display: inline-block;
height: 20px;
vertical-align: middle;
width: 20px;
}

[type="checkbox"]:checked + .mod-checkbox-image {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAgVBMVEWqqqqqqqqqqqqqqqqqqqqqqqqqqqoAh+YBh+YGiucPjucclOk3oes7o+xCpuxOrO5es+94v/J5wPKAw/OBxPOGxvOMyfSPyvSRy/SSzPSWzvWk1Paqqqq94PnCwsLDw8PF5PnS6vvY7fvg8Pzq9f31+v729vb39/f8/v/+//////+Jn7JmAAAAB3RSTlMGiImQke3ulVLqiQAAAHhJREFUGNOl0UkWgjAQBNAWEioqoqAMYgQHNNj3PyA7XgZXUMu/6JFISO0kEURxZ9iJ6TYkPWM2kjQH0QtxyF4BflIcbHww83jE/m3hRbX8O2H3tGueoeoc27vbqASgbn73CmjCka7F6o1m/Hu6uPf020dEIgneMQGRJDd9jHa9nQAAAABJRU5ErkJggg==);
}

.mod-checkbox-text {
vertical-align: middle;
}

.mod-checkbox-text:first-child {
padding-right: 10px;
}

.mod-checkbox-text:last-child {
padding-left: 10px;
}


/**
 * tooltip
 */

.mod-tooltipPlacer {
position: relative;
}
.mod-tooltip {
background-color: #FEFCE0;
border: 1px solid #AAA;
bottom: 0;
display: none;
font-size: 12px;
left: 0;
margin: 0 auto 10px;
padding: 15px 20px;
position: absolute;
text-align: left;
width: 390px;
}
.mod-tooltipPlacer_center .mod-tooltip {
left: 50%;
margin-left: -210px;
}
.mod-tooltip.is-active {
display: block;
}
.mod-tooltip-arrow,
.mod-tooltip-arrow:before {
border-style: solid;
border-width: 10px 9px;
display: block;
height: 0;
position: absolute;
width: 0;
}
.mod-tooltip_bc .mod-tooltip-arrow:before {
border-color: #FEFCE0 transparent transparent transparent;
bottom: -9px;
content: "";
left: 50%;
margin-left: -9px;
z-index: 1;
}
.mod-tooltip_bc .mod-tooltip-arrow {
border-color: #AAA transparent transparent transparent;
bottom: -20px;
left: 50%;
margin-left: -9px;
z-index: auto;
}

/**
 * リンク
 */

.mod-link {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-left: 14px;
text-indent: -14px;
word-break: break-all;
}

.mod-link:before {
background: no-repeat left center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGBAMAAAAWFyJGAAAAG1BMVEUAAACqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqp3aYijAAAACHRSTlMACigrYJ/T9eTSDCAAAAAXSURBVAjXYwhkYGhTYOgoAaE2A4ZABgAkMwP3bxCOUQAAAABJRU5ErkJggg==);
content: "";
padding-left: 14px;
}

.mod-link_d:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGBAMAAAAMK8LIAAAAGFBMVEUAAACqqqqqqqqqqqqqqqqqqqqqqqqqqqq5aR+zAAAAB3RSTlMAFRZUq+nqt/5y5QAAACRJREFUCNdjcC8vL2EQLS9PYmAuLzdgYHAvYWBgEE0CEswGDABstwWVzeDY+wAAAABJRU5ErkJggg==);
}

.mod-link_inline {
display: inline;
padding-left: 0;
text-indent: 0;
}


/**
 * リンクリスト
 */

.mod-linkList {
line-height: 1.25;
}

.mod-linkList > .mod-link {
display: block;
margin-top: 10px;
}

.mod-linkList > .mod-link:first-child {
margin-top: 0;
}

.mod-linkList_2col > .mod-link {
float: left;
padding-right: 20px;
width: 50%;
}

.mod-linkList_2col > .mod-link:nth-child(1),
.mod-linkList_2col > .mod-link:nth-child(2) {
margin-top: 0;
}

.mod-linkList_2col > .mod-link:nth-child(2n+1) {
clear: left;
}


/**
 * ラベル
 */

.mod-label {
background: #FFF;
border: solid 1px #DDD;
display: inline-block;
font-size: 12px;
padding: 0 9px;
}

.mod-label_school {
background: #FFF no-repeat 10px 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAn1BMVEU/gcpEhMtFhcxGhcxHhsxJh81KiM1Tjs9ZktFclNJdldJfltNhl9NimNRjmdRyo9hzo9h/q9yCrdyHsN6Isd6Ls9+Ms9+OteCQtuCWuuKlxOamxeanxeeoxuepx+eryOisyeixzOmxzOq0zurM3fHN3vHQ4PLV4/PW5PTb5/Xu9Prv9fvw9fvx9vvy9/vz9/z0+Pz2+f38/f79/v////9R0sRfAAAAhUlEQVQY06XQ2xZCUBSF4emwnQ+FihSdqBRR6/2frdgjMbr0363vYl4s0F+YSGVqGGk1oLMv4ZPkXzg1ewd9zqEhRAyjWIRQHpMcgh478wfmcsXnc09ob8HL6TjjFGTFWtPiIgtowTgp0JP7batDoTleHVnfKZuup2dHdeyqoqi6m3rSJ97J9iudsCqwUgAAAABJRU5ErkJggg==);
padding-left: 32px;
}

.mod-label_openes {
background: #FFF no-repeat 10px 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA2FBMVEVbpzNcpzRcqDVdqDVeqDZfqThgqTlgqjlhqjpiqzxjqz1lrD9mrUFnrkJssElusUpusUtvskxwsk1ys1B1tVN1tVR5t1h+ul+Bu2KGvmmHvmmKwG2OwnKOw3OSxXiXx36ZyIGayYGfy4eizYukzo2mz5Cp0ZSr0pat05m9263A3bHD37XE4LbF4LfK4r3M5MDN5MHR5sbT58jT6MnY6s7a69Hb7NLc7NPo8+Lo8+Pr9Obw9+zw9+3x9+3x+O7y+O/z+PDz+fH3+/X5/Pj8/vz+/v3+//7////t8NHyAAAApklEQVQY033Q2zKCYRQG4CclCZVSUihCe7QR2ZP8939HDr7+GTMN6/A5WO9ar2ht/EPLy+1C6zOmr8n0OxpAdRnoo8rJ4gzMAjXhogGJeaAd2DiGzmpXHpQ4uI0TB2nYSuUrufL5e0h8vemd7idSoLa666GCXZAJtChCoQyHgaYg298kOQr0nIHW1V39aBz/eJ1l77H59vvtl173Kbpvr5cznPzV1w8xSjl6DGuSIAAAAABJRU5ErkJggg==);
padding-left: 32px;
}


/**
 * ラベルリスト
 */

.mod-labelList {
font-size: 0;
margin-left: -4px;
margin-right: -4px;
margin-top: -8px;
}

.mod-labelList > .mod-label {
margin-left: 4px;
margin-right: 4px;
margin-top: 8px;
}


/**
 * ボタン
 */

.mod-btn {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
border: solid 3px;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
box-sizing: border-box;
display: inline-block;
font-size: 21px;
line-height: 1;
padding-bottom: 14px;
padding-top: 15px;
text-align: center;
vertical-align: middle;
}
input.mod-btn,
button.mod-btn {
min-height: 56px;
padding: 0;
}

.mod-btn:hover {
text-decoration: none;
}

.mod-btn_white {
background: #FFF;
border-color: #0087E6;
color: #0087E6;
}

.mod-btn_white:hover {
background: #0087E6;
color: #FFF;
}

.mod-btn_blue {
background: #0087E6;
border-color: #0087E6;
color: #FFF;
}

.mod-btn_blue:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: 0.6;
}

.mod-btn_orange {
background: #FF9422;
border-color: #FF9422;
color: #FFF;
}

.mod-btn_orange:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: 0.6;
}

.mod-btn_disabled {
-webkit-box-shadow: none;
background: none;
border-color: #DDD;
border-width: 1px;
box-shadow: none;
color: #AAA;
padding-bottom: 16px;
padding-top: 17px;
}
input.mod-btn_disabled,
button.mod-btn_disabled {
min-height: 56px;
padding: 0;
}

.mod-btn_size01 {
font-size: 16px;
padding-bottom: 9px;
padding-top: 9px;
width: 160px;
}
input.mod-btn_size01,
button.mod-btn_size01 {
min-height: 40px;
padding: 0;
}

.mod-btn_size02 {
font-size: 14px;
padding-bottom: 10px;
padding-top: 10px;
width: 120px;
}
input.mod-btn_size02,
button.mod-btn_size02 {
min-height: 40px;
padding: 0;
}

.mod-btn_matomete {
font-size: 20px;
padding-bottom: 15px;
padding-top: 15px;
width: 240px;
}

.mod-btn_w200 {
width: 200px;
}

.mod-btn_w230 {
width: 230px;
}

.mod-btn_w240 {
width: 240px;
}


/**
 * 済ボタン
 */

.mod-sumiBtn {
-webkit-box-sizing: border-box;
border: solid 1px #DDD;
border-radius: 4px;
box-sizing: border-box;
color: #AAA;
cursor: default;
display: inline-block;
font-size: 20px;
line-height: 1;
padding-bottom: 17px;
padding-top: 17px;
text-align: center;
vertical-align: middle;
}
input.mod-sumiBtn,
button.mod-sumiBtn {
min-height: 56px;
padding: 0;
}

.mod-sumiBtn:hover {
text-decoration: none;
}

.mod-sumiBtn_jibun {
color: #222;
cursor: pointer;
font-size: 16px;
line-height: 1.375;
padding-bottom: 5px;
padding-top: 5px;
}

.mod-sumiBtn-blueTxt {
color: #0087E6;
}

.mod-sumiBtn:hover .mod-sumiBtn-blueTxt {
text-decoration: underline;
}

.mod-sumiBtn_fav {
cursor: pointer;
padding-bottom: 5px;
padding-top: 6px;
}

.mod-sumiBtn_fav-text01 {
color: #0087E6;
display: block;
font-size: 18px;
margin-bottom: 4px;
}

.mod-sumiBtn_fav:hover .mod-sumiBtn_fav-text01 {
text-decoration: underline;
}

.mod-sumiBtn_fav-text02 {
color: #222;
display: block;
font-size: 18px;
}

.mod-sumiBtn_w200 {
width: 200px;
}

.mod-sumiBtn_w230 {
width: 230px;
}

.mod-sumiBtn_w240 {
width: 240px;
}


/**
 * ページトップボタン
 */

.mod-pageTopBtn {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAPCAYAAACFgM0XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2UxYzRjMC0wMzE1LTQ0ODEtOWViMy1iOTZmZWZmNTBhNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0NEOEY0NDE2NUI0MTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0NEOEY0NDA2NUI0MTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YmEzZmRkOC1lMzgyLTQyNDQtODNmYy01MDdmYmY4NDAxNjMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4ZjZkODk3My1hM2ZjLTExNzgtOWI3NS1kZDEwY2QwNWJjNTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AqgW+AAABJUlEQVR42rzUT0sCQRzGcbeDEoGB3QzCs568l5fafAGtx9p34KlLvoR8FR0KegV5VvIlRJ00IkihroKX7TvwzMEgm53dHPjgn5n5PT9WZ4IkSQqeI0Bfr5fwKhR4NlDEDQ4U/IYYy7SFtjzCdzFACScI9X6guX9tYB9DPKGDhXT03VBr3If5CRzVMcXVmjVm7hUN17qu4S3McOGw9hwf2pNLAxHmCFM8rVB7oqwNdPGOZopwq6m9XZ8GzPG8xjNqHuFWTTX6qunUQBG3GGMvQ7hVwSPuVHtl/ucxLOMBOzjGZyH7+NJ9sa3a5d/ugSpGeMGZzndew9SKVHukrJV7wJzxCXo5PPK/9JRVt/+BQ53beAPhVqx75ch8uEd7g+HWqcn+FmAADOeVD/Z9mUoAAAAASUVORK5CYII=) no-repeat #AAA center center;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
display: none;
height: 80px;
width: 80px;
}

.mod-pageTopBtn.is-active {
display: block;
}

.mod-pageTopBtn.is-close {
display: none;
}

.mod-pageTopBtn:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: 0.6;
}


/**
 * アイコン
 */

.mod-newwinIcon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2UxYzRjMC0wMzE1LTQ0ODEtOWViMy1iOTZmZWZmNTBhNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0NEOEY0M0Q2NUI0MTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0NEOEY0M0M2NUI0MTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YmEzZmRkOC1lMzgyLTQyNDQtODNmYy01MDdmYmY4NDAxNjMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4ZjZkODk3My1hM2ZjLTExNzgtOWI3NS1kZDEwY2QwNWJjNTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz75TKwvAAAAPElEQVR42mJkaH/GAAUfgJifgQBgYiARkKyBBYj/AzEjlM9IQP1/2juJPp5G8RQpGgRIseE/kS5iBAgwALVdBpkCSwLzAAAAAElFTkSuQmCC);
display: inline-block;
height: 11px;
margin-bottom: 0.2em;
vertical-align: middle;
width: 12px;
}

.mod-newwinIcon_gray {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2UxYzRjMC0wMzE1LTQ0ODEtOWViMy1iOTZmZWZmNTBhNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MzRBNzQ2NUFCMTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MzRBNzM2NUFCMTFFNThCMTJCQjcyQzUwQUE2OUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YmEzZmRkOC1lMzgyLTQyNDQtODNmYy01MDdmYmY4NDAxNjMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4ZjZkODk3My1hM2ZjLTExNzgtOWI3NS1kZDEwY2QwNWJjNTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4P1EM2AAAAPElEQVR42mJctWoVAxR8AGJ+BgKAiYFEQLIGFiD+D8SMUD4jAfX/ae8k+ngaxVOkaBAgxYb/RLqIESDAAOZ7ByoSvcRUAAAAAElFTkSuQmCC);
}

.mod-infoIcon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAvVBMVEUAAAAAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+b4WUZZAAAAPnRSTlMAAgMFBgcLDBEiJygpK0NERVFSU1RVVltcaGlqa2xvcHGJipOUmaaqq6y7zNPU1dfZ293f4OPk7vLz9vj5+hyRWBIAAADfSURBVBgZBcGLQlJBAAXAcVsKElOLG1YCYirig+KCVrae//8sZ4D69WbX/v266SoAp9skSZLtZ0BZJpuL8WAwvtgkywKWeflegDJrWcIk7RiAk5YJ9SkzDK//ZDXEeZ6raR4L+qyus0J5zJnbLHCcOxJYZG2fMWCUezjM3v8MgOF9P4Ka5m8qcJcR+JDmdw6BvgeOsnebBdB1wDxr0zwU0PegPORMfco5SMCPPA/o0j4BcNLSwWVevh0AB7OWS1B+Jpv5x3fvj+ab5KoAvmyTJEm2EwDqdL17fd2tpxW8AX9MIPqyqcgeAAAAAElFTkSuQmCC);
display: inline-block;
height: 20px;
margin-bottom: 0.2em;
vertical-align: middle;
width: 20px;
}

/**
 * フォントサイズ調整
 */

.mod-fs12 {
font-size: 12px;
}

/* ----------------------------------------------------------------
 05. ユーティリティー
---------------------------------------------------------------- */

.u-i {
font-style: italic !important;
}
.u-b {
font-weight: bold !important;
}
.u-n {
font-style: normal !important;
font-weight: normal !important;
}

.u-fs10 {
font-size: 10px !important;
}
.u-fs11 {
font-size: 11px !important;
}
.u-fs12 {
font-size: 12px !important;
}
.u-fs13 {
font-size: 13px !important;
}
.u-fs14 {
font-size: 14px !important;
}
.u-fs15 {
font-size: 15px !important;
}
.u-fs16 {
font-size: 16px !important;
}
.u-fs17 {
font-size: 17px !important;
}
.u-fs18 {
font-size: 18px !important;
}
.u-fs19 {
font-size: 19px !important;
}
.u-fs20 {
font-size: 20px !important;
}
.u-fs21 {
font-size: 21px !important;
}
.u-fs22 {
font-size: 22px !important;
}
.u-fs23 {
font-size: 23px !important;
}
.u-fs24 {
font-size: 24px !important;
}

.u-nw {
white-space: nowrap !important;
}

.u-al {
text-align: left !important;
}
.u-ar {
text-align: right !important;
}
.u-ac {
text-align: center !important;
}

.u-top {
vertical-align: top !important;
}
.u-middle {
vertical-align: middle !important;
}
.u-bottom {
vertical-align: bottom !important;
}
.u-baseline {
vertical-align: baseline !important;
}

.u-fl {
float: left !important;
}
.u-fr {
float: right !important;
}
.u-fn {
float: none !important;
}

.u-cl {
clear: left !important;
}
.u-cr {
clear: right !important;
}
.u-cb {
clear: both !important;
}

.u-di {
display: inline !important;
}
.u-db {
display: block !important;
}
.u-dib {
display: inline-block !important;
}

.u-m0 {
margin: 0 !important;
}
.u-mt0 {
margin-top: 0 !important;
}
.u-mb0 {
margin-bottom: 0 !important;
}
.u-ml0 {
margin-left: 0 !important;
}
.u-mr0 {
margin-right: 0 !important;
}
.u-mt5 {
margin-top: 5px !important;
}
.u-mb5 {
margin-bottom: 5px !important;
}
.u-ml5 {
margin-left: 5px !important;
}
.u-mr5 {
margin-right: 5px !important;
}
.u-mt10 {
margin-top: 10px !important;
}
.u-mb10 {
margin-bottom: 10px !important;
}
.u-ml10 {
margin-left: 10px !important;
}
.u-mr10 {
margin-right: 10px !important;
}
.u-mt15 {
margin-top: 15px !important;
}
.u-mb15 {
margin-bottom: 15px !important;
}
.u-ml15 {
margin-left: 15px !important;
}
.u-mr15 {
margin-right: 15px !important;
}
.u-mt20 {
margin-top: 20px !important;
}
.u-mb20 {
margin-bottom: 20px !important;
}
.u-ml20 {
margin-left: 20px !important;
}
.u-mr20 {
margin-right: 20px !important;
}
.u-mt25 {
margin-top: 25px !important;
}
.u-mb25 {
margin-bottom: 25px !important;
}
.u-ml25 {
margin-left: 25px !important;
}
.u-mr25 {
margin-right: 25px !important;
}
.u-mt30 {
margin-top: 30px !important;
}
.u-mb30 {
margin-bottom: 30px !important;
}
.u-ml30 {
margin-left: 30px !important;
}
.u-mr30 {
margin-right: 30px !important;
}
.u-mt35 {
margin-top: 35px !important;
}
.u-mb35 {
margin-bottom: 35px !important;
}
.u-ml35 {
margin-left: 35px !important;
}
.u-mr35 {
margin-right: 35px !important;
}
.u-mt40 {
margin-top: 40px !important;
}
.u-mb40 {
margin-bottom: 40px !important;
}
.u-ml40 {
margin-left: 40px !important;
}
.u-mr40 {
margin-right: 40px !important;
}
.u-mt45 {
margin-top: 45px !important;
}
.u-mb45 {
margin-bottom: 45px !important;
}
.u-ml45 {
margin-left: 45px !important;
}
.u-mr45 {
margin-right: 45px !important;
}
.u-mt50 {
margin-top: 50px !important;
}
.u-mb50 {
margin-bottom: 50px !important;
}
.u-ml50 {
margin-left: 50px !important;
}
.u-mr50 {
margin-right: 50px !important;
}

.u-p0 {
padding: 0 !important;
}
.u-pt0 {
padding-top: 0 !important;
}
.u-pb0 {
padding-bottom: 0 !important;
}
.u-pl0 {
padding-left: 0 !important;
}
.u-pr0 {
padding-right: 0 !important;
}
.u-pt5 {
padding-top: 5px !important;
}
.u-pb5 {
padding-bottom: 5px !important;
}
.u-pl5 {
padding-left: 5px !important;
}
.u-pr5 {
padding-right: 5px !important;
}
.u-pt10 {
padding-top: 10px !important;
}
.u-pb10 {
padding-bottom: 10px !important;
}
.u-pl10 {
padding-left: 10px !important;
}
.u-pr10 {
padding-right: 10px !important;
}
.u-pt15 {
padding-top: 15px !important;
}
.u-pb15 {
padding-bottom: 15px !important;
}
.u-pl15 {
padding-left: 15px !important;
}
.u-pr15 {
padding-right: 15px !important;
}
.u-pt20 {
padding-top: 20px !important;
}
.u-pb20 {
padding-bottom: 20px !important;
}
.u-pl20 {
padding-left: 20px !important;
}
.u-pr20 {
padding-right: 20px !important;
}
.u-pt25 {
padding-top: 25px !important;
}
.u-pb25 {
padding-bottom: 25px !important;
}
.u-pl25 {
padding-left: 25px !important;
}
.u-pr25 {
padding-right: 25px !important;
}
.u-pt30 {
padding-top: 30px !important;
}
.u-pb30 {
padding-bottom: 30px !important;
}
.u-pl30 {
padding-left: 30px !important;
}
.u-pr30 {
padding-right: 30px !important;
}
.u-pt35 {
padding-top: 35px !important;
}
.u-pb35 {
padding-bottom: 35px !important;
}
.u-pl35 {
padding-left: 35px !important;
}
.u-pr35 {
padding-right: 35px !important;
}
.u-pt40 {
padding-top: 40px !important;
}
.u-pb40 {
padding-bottom: 40px !important;
}
.u-pl40 {
padding-left: 40px !important;
}
.u-pr40 {
padding-right: 40px !important;
}
.u-pt45 {
padding-top: 45px !important;
}
.u-pb45 {
padding-bottom: 45px !important;
}
.u-pl45 {
padding-left: 45px !important;
}
.u-pr45 {
padding-right: 45px !important;
}
.u-pt50 {
padding-top: 50px !important;
}
.u-pb50 {
padding-bottom: 50px !important;
}
.u-pl50 {
padding-left: 50px !important;
}
.u-pr50 {
padding-right: 50px !important;
}

.u-b0 {
border: none !important;
}
.u-bt0 {
border-top: none !important;
}
.u-bb0 {
border-bottom: none !important;
}
.u-bl0 {
border-left: none !important;
}
.u-br0 {
border-right: none !important;
}

/* ----------------------------------------------------------------
 06. システム用
---------------------------------------------------------------- */

.sys-form-alert {
color: #F26A5C;
font-size: 16px;
margin-bottom: 15px;
}