@charset "utf-8";
/** settings menu item list */
@media (max-width: 640px) { body.talkApp { font-size: 1em; }
  body.talkApp .touch_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; padding: 0.2em 0.5em; margin: 0.3em 0; border: 1px solid #DDDDDD; text-align: left; }
  body.talkApp .touch_button span { vertical-align: middle; }
  body.talkApp .mini_touch_button { border: 1px solid #CCCCCC; background: #EEEEEE; padding: 0 10px; color: black; text-decoration: none !important; }
  body.talkApp .complement { font-size: 0.9em; line-height: 1.5; }
  body.talkApp select.relationship_select { width: auto; }
  body.talkApp .settings_container div.buttons button { font-size: 15px; }
  #strong { font-size: 1.1em; }
  span.eng_title_em { float: left; padding-right: 5px; }
  .settings_container { margin: 0px 0px 70px; width: 100%; height: 100%; background-image: url(); border: 0px; }
  .settings_container .pagetitle { line-height: 130%; }
  .settings_container .page_description { margin-left: 5px; }
  .settings_container .account_link { white-space: nowrap; }
  .settings_container .settings_content { width: 100%; float: left; padding: 0px; }
  .settings_container .pagesubtitle_area .right > span { display: block; text-align: right; }
  .settings_container dd.value > input[type=text] { width: 80%; }
  .settings_container .banner .cell { float: none; }
  .settings_container .banner .label2 { border-left: 0px; border-top: 1px solid #e4ddd8; }
  .settings_container .saved_message, .settings_container .setting_message { padding: 10px; }
  .settings_container div.items { border-left: 0px; border-right: 0px; border-bottom: 0px; }
  .settings_container div.items dl dt, .settings_container div.items dl dd { border-top: 0px; }
  .settings_container div.items dl dt.name { width: auto; }
  .settings_container div.table { border-left: 0px; border-right: 0px; border-bottom: 0px; }
  .settings_container div.table dl dt, .settings_container div.table dl dd { border-top: 0px; }
  .settings_container div.table dl dt.name { width: auto; }
  .settings_container div.table dl dt, .settings_container div.table dl dd { border-bottom: 0px; padding-top: 5px; padding-bottom: 0px; }
  .settings_container div.table dd.name { font-size: 130%; font-weight: bold; }
  .settings_container div.table dd.phoneVisibleCell { display: block; }
  .settings_container div.table dd.phoneHiddenCell { display: none; }
  .settings_container div.table dd.contract_id, .settings_container div.table dd.name, .settings_container div.table dd.course { text-align: left; }
  .settings_container div.table dd.first_item { background-color: #f5eee3; border-bottom: 1px solid #e4ddd8; padding-top: 5px; padding-bottom: 5px; }
  .settings_container div.table dd.end_item { border-bottom: 1px solid #e4ddd8; text-align: left; padding-bottom: 5px; padding-top: 0px; }
  .settings_container div.table dd.end_item span.end_data_label { display: inline; }
  .settings_container div.form { margin-left: 0px; margin-right: 0px; }
  .settings_container div.form dl dt, .settings_container div.form dl dd { padding: 5px 0px; }
  .settings_container .option-box dl.option_box_dl { padding: 10px 5px; }
  .settings_container .option-box dl.option_box_dl dt.complement_area, .settings_container .option-box dl.option_box_dl dd.complement_area { padding-left: 20px; display: block; }
  .settings_container .option-box dl.option_box_dl dt input, .settings_container .option-box dl.option_box_dl dd input { margin-right: 0px; }
  ul.linkList li { margin: 0px; }
  ul.linkList li > a { white-space: nowrap; }
  .closeArea { display: none; }
  .subject_insert_box { margin-left: 0px; margin-right: 0px; } }
/***************************** 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; } }