@charset "UTF-8";
/** settings menu item list */
label, select { cursor: pointer; }

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

.pt10 { padding-top: 10px !important; }

.w260 { width: 260px; }

span.ml5 { margin-left: 5px; }

span.ml10 { margin-left: 10px; }

span.eng_title_em { color: red; font-size: 90%; }

div.announcement { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #FBDEC4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 40px 40px; }
div.announcement div.contents_inner { color: #EB6000; font-size: 120%; font-weight: bold; line-height: 1.8; padding: 16px; text-align: center; }
div.announcement div.contents_inner.brown { color: #815e45; }

ul.notes_list { list-style: disc outside none; padding-left: 40px; }

.settings_container { background-color: white; background-repeat: repeat-y; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); margin: 20px 20px 70px 20px; border: 1px solid #75664E; width: 920px; background-image: url(../images/settings/menu-background.png); }
.settings_container .settings_content { width: 660px; float: right; padding: 20px; }
.settings_container a { color: #5590da; text-decoration: none; }
.settings_container a:hover { text-decoration: underline; }
.settings_container button, .settings_container menu_button { border: 1px solid #CCCCCC; margin-left: 10px; padding: 8px 20px; text-align: center; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -moz-linear-gradient(#ffffff 30%, #f0f0f0); background-image: -webkit-linear-gradient(#ffffff 30%, #f0f0f0); background-image: linear-gradient(#ffffff 30%, #f0f0f0); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #333; width: 120px; font-size: 100%; }
.settings_container button.first { margin-left: 0px; }
.settings_container input { padding: 5px; }
.settings_container select, .settings_container option { padding: 3px; }
.settings_container button:active { border: solid 1px #aaa; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #f0f0f0), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#f0f0f0 70%, #ffffff); background-image: -webkit-linear-gradient(#f0f0f0 70%, #ffffff); background-image: linear-gradient(#f0f0f0 70%, #ffffff); -moz-box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); -webkit-box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); }
.settings_container button:hover:not(.disabled) { background: #fbfdff; border: solid 1px #aaa; cursor: pointer; background-image: -owg-linear-gradient(#ffffff 30%, #f0f0f0); background-image: -webkit-linear-gradient(#ffffff 30%, #f0f0f0); background-image: -moz-linear-gradient(#ffffff 30%, #f0f0f0); background-image: -o-linear-gradient(#ffffff 30%, #f0f0f0); background-image: linear-gradient(#ffffff 30%, #f0f0f0); -webkit-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); -moz-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); }.settings_container button:active { border: solid 1px #aaa; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #f0f0f0), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#f0f0f0 70%, #ffffff); background-image: -webkit-linear-gradient(#f0f0f0 70%, #ffffff); background-image: linear-gradient(#f0f0f0 70%, #ffffff); -moz-box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); -webkit-box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); box-shadow: 0px 0px 4px rgba(67, 188, 236, 0.4); }
.settings_container .pagetitle_area { background-color: #FBF9F4; padding: 15px; }
.settings_container .pagetitle { font-size: 150%; font-weight: bold; color: #815e45; }
.settings_container .pagetitle span.reset { font-size: 14px; font-weight: normal; }
.settings_container .pagetitle .topicpath-separator { padding-left: 10px; }
.settings_container .pagetitle * { vertical-align: middle; }
.settings_container .pagesubtitle_area { margin-top: 20px; margin-bottom: 0px; }
.settings_container .pagesubtitle_area .right { margin-top: 3px; font-size: 100%; }
.settings_container .pagesubtitle_area .right * { vertical-align: middle; }
.settings_container .pagesubtitle { color: #815e45; font-size: 120%; font-weight: bold; border-left: 4px solid; border-left-color: #815e45; padding-left: 10px; }
.settings_container .page_description { font-size: 100%; color: #666666; margin-top: 20px; margin-left: 10px; margin-bottom: 40px; }
.settings_container .page_description ul.txt_list { margin: 10px 10px 0; }
.settings_container .page_description ul.txt_list li { /*font-size: 1.4em;*/ line-height: 1.6; /*margin: 20px 0 0 1em;*/ text-indent: -1em; }
.settings_container .page_description ul.txt_list li strong { font-weight: bold; }
.settings_container .page_subdescription { font-size: 100%; color: #666666; margin-top: 10px; }
.settings_container .attention { color: #EB6000; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 2px solid #fbdec4; }
.settings_container .contents_area { margin: 20px 10px 20px 10px; }
.settings_container .separator { border-top: 1px solid #e4ddd8; margin: 5px 0px; }
.settings_container .pmark { margin-top: 10px; }
.settings_container .saved_message, .settings_container .setting_message { margin: 20px 10px 20px 10px; padding: 10px 0px; text-align: center; font-size: 110%; border: 1px solid #98d8a0; background-color: #e3f9db; font-weight: bold; }
.settings_container .saved_message *, .settings_container .setting_message * { vertical-align: middle; }
.settings_container .saved_message { color: #419c1d; }
.settings_container .setting_message { color: #318C0D; }
.settings_container div.items { clear: both; border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; margin-bottom: 0px; border: 1px solid #e4ddd8; }
@media screen and (min-width: 641px) { .settings_container div.items { display: table; } }
@media screen and (min-width: 641px) { .settings_container div.items dl { display: table-row; } }
.settings_container div.items dl dt, .settings_container div.items dl dd { padding: 5px 10px 5px 10px; }
@media screen and (min-width: 641px) { .settings_container div.items dl dt, .settings_container div.items dl dd { display: table-cell; } }
.settings_container div.items dl dt, .settings_container div.items dl dd { padding: 10px 10px 10px 15px; border: 1px solid #e4ddd8; font-size: 110%; line-height: 150%; }
.settings_container div.items dl dt.name { vertical-align: top; width: 200px; color: #815e45; font-weight: bold; background-color: #f5eee3; }
.settings_container div.items dl dd.value { color: #333333; vertical-align: middle; }
.settings_container div.items dl dd.value div.subjectRow { border-bottom: 1px solid #DDDDDD; margin-bottom: 5px; padding-bottom: 5px; }
.settings_container div.items dl dd.value div.subjectRow span.kokugoPublisher { color: #b32222; }
.settings_container div.items dl dd.value div.subjectRow span.sansuPublisher { color: #07529a; }
.settings_container div.items dl dd.value div.subjectRow span.rikaPublisher { color: #0a7011; }
.settings_container div.items dl dd.value div.subjectRow span.shakaiPublisher { color: #6e3796; }
.settings_container div.items dl dd.value div.subjectRow span.eigoPublisher { color: #c1813d; }
.settings_container div.items dl dd.value div.subjectRow ul { float: left; }
.settings_container div.items dl dd.value div.subjectRow ul li.reservedPublisher { color: #888888; font-size: 90%; text-indent: -1em; }
.settings_container div.items dl dd.value div.subjectRow div.clear { clear: both; }
.settings_container div.table { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 1px solid #e4ddd8; margin-bottom: 0px; }
@media screen and (min-width: 641px) { .settings_container div.table { display: table; } }
@media screen and (min-width: 641px) { .settings_container div.table dl { display: table-row; } }
.settings_container div.table dl dt, .settings_container div.table dl dd { padding: 5px 10px 5px 10px; }
@media screen and (min-width: 641px) { .settings_container div.table dl dt, .settings_container div.table dl dd { display: table-cell; } }
.settings_container div.table dt, .settings_container div.table dd { padding: 5px 10px; border: 1px solid #e4ddd8; text-align: center; font-size: 110%; }
.settings_container div.table dt { padding: 10px; color: #815e45; font-weight: bold; font-size: 110%; background-color: #f5eee3; }
.settings_container div.table dd.left { text-align: left; }
.settings_container div.table dd.phoneVisibleCell { display: none; }
.settings_container div.form { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; clear: both; margin-left: 20px; }
@media screen and (min-width: 641px) { .settings_container div.form { display: table; } }
@media screen and (min-width: 641px) { .settings_container div.form dl { display: table-row; } }
.settings_container div.form dl dt, .settings_container div.form dl dd { padding: 5px 10px 5px 10px; }
@media screen and (min-width: 641px) { .settings_container div.form dl dt, .settings_container div.form dl dd { display: table-cell; } }
.settings_container div.form dl dt, .settings_container div.form dl dd { vertical-align: top; font-size: 110%; padding: 5px 10px 10px 15px; line-height: 150%; color: #555555; }
.settings_container div.form dl dt.name { width: 200px; font-weight: bold; padding-top: 10px; }
.settings_container div.form dl dt.name .info { margin-top: 10px; font-size: 80%; color: #999; font-weight: normal; }
.settings_container div.form dl dt.sub { padding-left: 55px; }
.settings_container div.form dl dd.value { vertical-align: middle; }
.settings_container div.form dl dd.value select { border: 1px solid #aaa; }
.settings_container div.form dl dd.value option { margin: 2px; }
.settings_container div.form dl dd.option_banner { width: 40%; border: 0px; }
.settings_container div.buttons { text-align: center; margin: 20px auto; }
.settings_container div.buttons button { font-size: 105%; font-weight: bold; color: #483528; }
.settings_container div.buttons .complement { margin-top: 10px; }

.option-box { margin: -1px 0 0 0; border: 1px solid #e4ddd8; border-collapse: collapse; }
.option-box dl.option_box_dl { height: auto; border: 3px solid #FFFFFF; padding: 10px; }
.option-box dl.option_box_dl dt, .option-box dl.option_box_dl dd { height: auto; display: table-cell; padding: 0px 10px; vertical-align: middle; text-align: left; }
.option-box dl.option_box_dl dt { font-size: 110%; font-weight: bold; }
.option-box dl.option_box_dl div.complement_inner { height: auto; vertical-align: top; color: #666666; }
.option-box dl.selected { border: 3px solid !important; border-color: #c9e4fe !important; }
.option-box div.recommend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: #F8B878 solid 1px; width: 70px; height: 26px; margin: 18px 0px 0px 112px; padding: 0px 0px 0px 0px; background-color: #FEEDDB; color: #E17100; text-align: center; vertical-align: middle; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; float: left; line-height: 25px; }

@-moz-document url-prefix() { /** FireFoxのハック。tableのborder-collapseにcollapseが指定されていると、 paddingやfont-size、margin等いろいろなプロパティの影響を受けて一部borderが表示されないことがある */
  div.option-box { border-collapse: separate; }
  div.option-box dl.selected { border: 3px solid !important; border-color: #c9e4fe !important; } }
.back_link { font-weight: bold; font-size: 110%; }

@media screen and (min-width: 641px) { ul.settings-menu { width: 220px; float: left; margin: 10px 0px 20px 0px; display: block; }
  ul.settings-menu li.menu-layout { margin: 0px; padding: 0px; }
  ul.settings-menu li { margin-left: 12px; margin-top: 10px; padding: 20px 0px 20px 12px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; font-size: 100%; line-height: 140%; }
  ul.settings-menu li a { color: #666666; text-decoration: none; }
  ul.settings-menu li.current { background-color: white; } }
span.fontSizeL { font-size: 125%; font-weight: bold; }

ul.linkList { margin: 10px 0 30px; text-align: right; }
ul.linkList li { line-height: 1.6; margin: 0 0 0 20px; }
@media screen and (min-width: 641px) { ul.linkList li { display: inline; } }

#subjectInsertPublisher, #schoolsSelect { color: #483528; font-size: 105%; font-weight: bold; }

#subjectInsertPublisher { width: 180px; margin-right: 20px; float: left; }

#arrowOfFlowDiagram { float: left; margin: 5px 75px; }

#schoolsSelect { width: 160px; margin-top: 10px; }

.subject_insert_box { margin: 30px 0px 30px 20px; }
.subject_insert_box .complement { margin-bottom: 10px; }
.subject_insert_box .button_box { margin: 0px auto; text-align: center; }
.subject_insert_box .label { font-weight: bold; margin-right: 10px; }
.subject_insert_box .float_box { float: left; text-align: left; }

.subject_insert_box * { vertical-align: middle; }

.blueBox { margin-top: 20px; padding: 10px 20px; position: relative; border: 4px solid #b1dbf8; background: #e2f3ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: 1.6; }
.blueBox .header { color: #008ccf; font-size: 1.4em; font-weight: bold; }
.blueBox .body { color: #44a8ef; font-size: 1.2em; font-weight: bold; }

button.large { padding: 14px 20px !important; }

#iconUploadForm { margin: 5px; float: right; }

/***************************** From schools-select-dialog.scss
*****************************/
#schoolsSelectDialog { color: #666666; }

#schoolsSelectDialog dl { border: 1px solid #D9CCC2; }

#schoolsSelectDialog dl dt { border-right: 1px solid #D9CCC2; background-color: #f5eee3; color: #815e45; font-weight: bold; }

#schoolsSelectDialog .notesTxt { font-size: 0.86em; }

#schoolsSelectDialog .innerContainer { position: relative; width: 890px; height: 590px; }

#schoolsSelectDialog .innerContainer ul.schoolNav { background: url(../images/pagenav_bg.png) no-repeat center top; }

#schoolsSelectDialog .innerContainer ul.schoolNav li { background: url(../images/pagenav_point.png) no-repeat center top; }

#schoolsSelectDialog .innerContainer ul.schoolNav li.current { background: url(../images/pagenav_point_current.png) no-repeat center top; }

#schoolsSelectDialog .innerContainer ul.schoolNav.not-public { background: url(../images/pagenav_bg_2.png) no-repeat center top; }

#schoolsSelectDialog .innerContainer ul.btnInput li.lBtn, #schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { font-size: 1.2em; }

#schoolsSelectDialog .innerContainer ul.btnInput li button { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

@media screen and (max-width: 959px) { #schoolsSelectDialog .innerContainer ul.schoolNav li { background: url(../images/pagenav_point.png) no-repeat left center, url(../images/pagenav_bg_sp.gif) repeat-y left top; }
  #schoolsSelectDialog .innerContainer ul.schoolNav li.current { background: url(../images/pagenav_point_current.png) no-repeat left center, url(../images/pagenav_bg_sp.gif) repeat-y left top; } }
div.ml23 { margin-left: 23px; }

#schoolsSelectDialog { display: none; padding: 0; }

.errorMessage { color: red; font-weight: bold; }

#schoolsSelectDialog *:focus { outline: none; }

#schoolsSelectDialog .formTableWrap { margin: 0 !important; }

#schoolsSelectDialog .formTableWrap p.topTxt { margin: 20px 0 10px 0; line-height: 1.6; }

#schoolsSelectDialog .formTableWrap dl { display: table; background: none !important; width: 100%; }

#schoolsSelectDialog .formTableWrap dl dt { display: table-cell; width: 164px !important; padding: 10px; text-align: center !important; vertical-align: top; line-height: 1.6; }

#schoolsSelectDialog .formTableWrap dl dd { display: table-cell; padding: 10px 15px 10px 25px; text-align: left; vertical-align: top; overflow: hidden; line-height: 1.6; font-weight: bold; }

#schoolsSelectDialog .innerContainer ul.schoolNav { padding: 0; overflow: hidden; }

#schoolsSelectDialog .innerContainer ul.schoolNav li { padding: 35px 0 0 0; text-align: center; color: #878787; line-height: 1.2; font-weight: bold; }

#schoolsSelectDialog .innerContainer ul.schoolNav li.current { color: #EB5F00; border: 0px; }

#schoolsSelectDialog .schoolSelect { border: 1px solid #D9CCC2; background-color: white; height: 338px; padding: 12px 30px; margin-bottom: 11px; overflow: auto; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#schoolsSelectDialog .schoolSelect h4 { color: #815e45; }

#schoolsSelectDialog .schoolSelect #classification_established_public { padding-top: 23px; }

#schoolsSelectDialog .schoolSelect .notesTxt { margin-top: 12px; }

#schoolsSelectDialog .schoolSelect .notesTxt li { margin-bottom: 0.8em !important; }

#schoolsSelectDialog .schoolSelect h4 { font-weight: bold; line-height: 2; }

#schoolsSelectDialog .schoolSelect span.label { display: inline-block; line-height: 1.6; margin-top: 5px; margin-bottom: 5px; }

#schoolsSelectDialog .schoolSelect input[type="radio"]:checked + span.label { font-weight: bold; }

#schoolsSelectDialog .schoolSelect input[type="radio"].checked + span.label { font-weight: bold; }

#schoolsSelectDialog .schoolSelect .district, #schoolsSelectDialog .schoolSelect .city-group, #schoolsSelectDialog .schoolSelect .school-group { margin-bottom: 12px; padding: 0 20px 12px; background: url(../images/tensen.png) repeat-x center bottom; }

#schoolsSelectDialog .schoolSelect .district:last-child, #schoolsSelectDialog .schoolSelect .city-group:last-child, #schoolsSelectDialog .schoolSelect .school-group:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }

#schoolsSelectDialog .schoolSelect .district label, #schoolsSelectDialog .schoolSelect .city-group label, #schoolsSelectDialog .schoolSelect .school-group label { display: inline-block; width: 149px; }

#schoolsSelectDialog .schoolSelect .district label span.label, #schoolsSelectDialog .schoolSelect .city-group label span.label, #schoolsSelectDialog .schoolSelect .school-group label span.label { width: 125px; margin-left: 3px; vertical-align: middle; }

#schoolsSelectDialog .schoolSelect p.school_manual_entry { margin: 28px 0 5px; line-height: 1.2; }

#schoolsSelectDialog .schoolSelect p.school_manual_entry select { margin: 0 20px 0 8px; font-size: 85%; }

#schoolsSelectDialog .schoolSelect p.school_manual_entry input[type="text"] { min-width: 200px; font-size: 85%; }

#schoolsSelectDialog .schoolSelect p.school_manual_entry label { margin: 0 8px 0 0; }

#schoolsSelectDialog dd .errorMessage { font-size: 1em !important; }

#schoolsSelectDialog .innerContainer ul.btnInput { margin: 40px auto 0 auto; overflow: hidden; }

#schoolsSelectDialog .innerContainer ul.btnInput li.lBtn, #schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { width: 220px; text-align: center; cursor: pointer; }

#schoolsSelectDialog .innerContainer ul.btnInput li.lBtn { float: left; }

#schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { float: right; }

#schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { margin: 0 auto; }

#schoolsSelectDialog .innerContainer ul.btnInput li button.stop { background: #999; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjOWE5YTlhIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(20%, #9a9a9a), color-stop(50%, #888888), color-stop(100%, #888888)); background: -moz-linear-gradient(center top, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); background: -webkit-linear-gradient(center top, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); background: linear-gradient(to center bottom, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); border: none; color: #FFFFFF; cursor: pointer; font-weight: bold; line-height: 1.2; padding: 10px 0; dislay: block; width: 100%; }

#schoolsSelectDialog .innerContainer ul.btnInput li button.stop:hover, #schoolsSelectDialog .innerContainer ul.btnInput li button.stop:active { filter: alpha(opacity=70); -ms-filter: 0.7; opacity: 0.7; }

#schoolsSelectDialog .innerContainer ul.btnInput li button.next { background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center #EB6000; background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwOGI0OSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZjA4YjQ5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYjYwMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjYwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f08b49), color-stop(20%, #f08b49), color-stop(50%, #eb6000), color-stop(100%, #eb6000)); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, -moz-linear-gradient(center top, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, -webkit-linear-gradient(center top, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, linear-gradient(to center bottom, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); border: none; color: #FFFFFF; cursor: pointer; font-weight: bold; line-height: 1.2; padding: 10px 0; dislay: block; width: 100%; }

#schoolsSelectDialog .innerContainer ul.btnInput li button.next:hover, #schoolsSelectDialog .innerContainer ul.btnInput li button.next:active { filter: alpha(opacity=70); -ms-filter: 0.7; opacity: 0.7; }

#schoolsSelectDialog .innerContainer ul.btnInput li p.txtLink { margin: 5px 0 0 0; padding: 0 0 0 17px; background: url(../../../../form_common/images/arw_r_orange.png) no-repeat 6px 0.45em; text-align: left; font-size: 1.4em; line-height: 1.5; }

#schoolsSelectDialog .innerContainer { position: relative; height: 564px; width: 884px; margin: 23px 38px; }

#schoolsSelectDialog .innerContainer ul.schoolNav { width: 620px; margin-left: 132px; -moz-background-size: 100% 24px; -o-background-size: 100% 24px; -webkit-background-size: 100% 24px; background-size: 100% 24px; }

#schoolsSelectDialog .innerContainer ul.schoolNav.not-public { width: 310px; -moz-background-size: 100% 24px; -o-background-size: 100% 24px; -webkit-background-size: 100% 24px; background-size: 100% 24px; }

#schoolsSelectDialog .innerContainer ul.schoolNav li { float: left; width: 155px; }

#schoolsSelectDialog .innerContainer ul.btnInput { position: absolute; bottom: 0; left: 205px; width: 480px; }

@media screen and (max-width: 959px) { #schoolsSelectDialog { margin: 0; height: auto; width: 100%; background-color: #fff; z-index: 9999; display: none; }
  #schoolsSelectDialog .innerContainer { height: auto; width: auto; margin: 15px; }
  #schoolsSelectDialog .innerContainer ul.schoolNav { background: none !important; width: auto; margin: 0; }
  #schoolsSelectDialog .innerContainer ul.schoolNav li { min-width: 8em; padding: 5px 0 5px 30px; float: none; white-space: nowrap; text-align: left; font-size: 1.4em; }
  #schoolsSelectDialog .innerContainer ul.btnInput { position: static; width: 100%; margin: 30px auto 10px; display: table; }
  #schoolsSelectDialog .innerContainer ul.btnInput li.lBtn, #schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { float: none; display: table-cell; width: auto; }
  #schoolsSelectDialog .innerContainer ul.btnInput li.lBtn { padding: 0 5px 0 0; }
  #schoolsSelectDialog .innerContainer ul.btnInput li.rBtn { padding: 0 0 0 5px; }
  #schoolsSelectDialog .innerContainer ul.btnInput li button.stop, #schoolsSelectDialog .innerContainer ul.btnInput li button.next { padding: 12px 0; } }