@charset "UTF-8"; /** settings menu item list */ /** settings menu item list */ label, select { cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="radio"][disabled] { cursor: default; } #page_english_course_entry .buttons button, #page_apply_proficiency_test .buttons button, #page_jhcourse_settings .buttons button { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku GothicPro,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif; 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; width: 210px; font-size: 120%; } #page_english_course_entry .buttons button.next, #page_apply_proficiency_test .buttons button.next, #page_jhcourse_settings .buttons button.next { background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #f0f0f0)) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -moz-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -webkit-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; } #page_english_course_entry .buttons button.bottom_margin, #page_apply_proficiency_test .buttons button.bottom_margin, #page_jhcourse_settings .buttons button.bottom_margin { margin-bottom: 10px; } #page_english_course_entry #entry_start div.buttons, #page_apply_proficiency_test #entry_start div.buttons, #page_jhcourse_settings #entry_start div.buttons { margin: auto; } #page_english_course_entry #entry_start div.buttons button, #page_apply_proficiency_test #entry_start div.buttons button, #page_jhcourse_settings #entry_start div.buttons button { background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #f0f0f0)) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -moz-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -webkit-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; padding: 15px 20px 15px 0; width: 195px; } #page_english_course_entry #entry_start div.buttons button.cancel_withdrawal, #page_apply_proficiency_test #entry_start div.buttons button.cancel_withdrawal, #page_jhcourse_settings #entry_start div.buttons button.cancel_withdrawal { margin-top: 10px; margin-bottom: 10px; } #page_english_course_entry div.course_unit, #page_apply_proficiency_test div.course_unit, #page_jhcourse_settings div.course_unit { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 641px) { #page_english_course_entry div.course_unit, #page_apply_proficiency_test div.course_unit, #page_jhcourse_settings div.course_unit { display: table; } } @media screen and (min-width: 641px) { #page_english_course_entry div.course_unit dl, #page_apply_proficiency_test div.course_unit dl, #page_jhcourse_settings div.course_unit dl { display: table-row; } } #page_english_course_entry div.course_unit dl dt, #page_english_course_entry div.course_unit dl dd, #page_apply_proficiency_test div.course_unit dl dt, #page_jhcourse_settings div.course_unit dl dt, #page_apply_proficiency_test div.course_unit dl dd, #page_jhcourse_settings div.course_unit dl dd { padding: 5px 10px 5px 10px; } @media screen and (min-width: 641px) { #page_english_course_entry div.course_unit dl dt, #page_english_course_entry div.course_unit dl dd, #page_apply_proficiency_test div.course_unit dl dt, #page_jhcourse_settings div.course_unit dl dt, #page_apply_proficiency_test div.course_unit dl dd, #page_jhcourse_settings div.course_unit dl dd { display: table-cell; } } #page_english_course_entry div.course_unit dl dt, #page_english_course_entry div.course_unit dl dd, #page_apply_proficiency_test div.course_unit dl dt, #page_jhcourse_settings div.course_unit dl dt, #page_apply_proficiency_test div.course_unit dl dd, #page_jhcourse_settings div.course_unit dl dd { padding: 0px; } #page_english_course_entry div.course_unit dl dt, #page_apply_proficiency_test div.course_unit dl dt, #page_jhcourse_settings div.course_unit dl dt { width: 400px; } #page_english_course_entry div.course_unit div.child_box, #page_apply_proficiency_test div.course_unit div.child_box, #page_jhcourse_settings div.course_unit div.child_box { border-top: 1px solid #e4ddd8; border-left: 1px solid #e4ddd8; border-right: 1px solid #e4ddd8; padding: 20px; } #page_english_course_entry div.course_unit div.child_box dl.child .txtBold, #page_apply_proficiency_test div.course_unit div.child_box dl.child .txtBold, #page_jhcourse_settings div.course_unit div.child_box dl.child .txtBold { font-weight: bold; } #page_english_course_entry div.course_unit div.child_box dl.child div.name_col, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.name_col, #page_jhcourse_settings div.course_unit div.child_box dl.child div.name_col { width: 160px; vertical-align: top; float: left; } #page_english_course_entry div.course_unit div.child_box dl.child div.name_col span.child_name, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.name_col span.child_name, #page_jhcourse_settings div.course_unit div.child_box dl.child div.name_col span.child_name { font-size: 130%; font-weight: bold; } #page_english_course_entry div.course_unit div.child_box dl.child div.name_col span.child_gender, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.name_col span.child_gender, #page_jhcourse_settings div.course_unit div.child_box dl.child div.name_col span.child_gender { font-size: 115%; font-weight: bold; margin-left: 3px; } #page_english_course_entry div.course_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_jhcourse_settings div.course_unit div.child_box dl.child div.name_col span.inner_sub_box { color: #EB6000; display: block; padding: 0 0 5px 23px; font-size: 110%; } #page_english_course_entry div.course_unit div.child_box dl.child div.status_col, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.status_col, #page_jhcourse_settings div.course_unit div.child_box dl.child div.status_col { width: auto; vertical-align: top; } #page_english_course_entry div.course_unit div.child_box dl.child div.status_col .stage_name, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.status_col .stage_name, #page_jhcourse_settings div.course_unit div.child_box dl.child div.status_col .stage_name { font-size: 115%; font-weight: bold; } #page_english_course_entry div.course_unit div.child_box dl.child div.status_col li.reserved_stage, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.status_col li.reserved_stage, #page_jhcourse_settings div.course_unit div.child_box dl.child div.status_col li.reserved_stage { color: #666666; font-size: 115%; margin: 5px 0 0 150px; } #page_english_course_entry div.course_unit div.child_box dl.child div.status_col ul.stages_history, #page_apply_proficiency_test div.course_unit div.child_box dl.child div.status_col ul.stages_history, #page_jhcourse_settings div.course_unit div.child_box dl.child div.status_col ul.stages_history { color: #666666; font-size: 115%; margin-top: 10px; margin-left: 160px; } #page_english_course_entry div.course_unit div.child_box:last-child, #page_apply_proficiency_test div.course_unit div.child_box:last-child, #page_jhcourse_settings div.course_unit div.child_box:last-child { border-bottom: 1px solid #e4ddd8; } #page_english_course_entry div.course_unit div.child_box dl div.fee_col, #page_apply_proficiency_test div.course_unit div.child_box dl div.fee_col, #page_jhcourse_settings div.course_unit div.child_box dl div.fee_col { vertical-align: top; padding: 0; clear: both; } #page_english_course_entry div.course_unit div.child_box dl div.fee_col span.inner_box, #page_apply_proficiency_test div.course_unit div.child_box dl div.fee_col span.inner_box, #page_jhcourse_settings div.course_unit div.child_box dl div.fee_col span.inner_box { background: url("../images/settings/arrow_english.png") no-repeat scroll left center transparent; color: #EB6000; display: block; padding: 5px 23px 5px 23px; font-size: 110%; width: auto; } #page_english_course_entry div.course_unit div.child_box dl div.fee_col span.inner_sub_box, #page_apply_proficiency_test div.course_unit div.child_box dl div.fee_col span.inner_sub_box, #page_jhcourse_settings div.course_unit div.child_box dl div.fee_col span.inner_sub_box { color: #EB6000; display: block; padding: 0 0 0 23px; font-size: 110%; width: auto; } #page_english_course_entry div.course_unit div.child_box dl dt.join_col, #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col { width: 225px; vertical-align: middle; } #page_english_course_entry div.course_unit div.child_box dl dt.join_col button, #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col button, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col button { width: auto; } #page_english_course_entry div.course_unit div.child_box dl dt.join_col ul.complement_inner, #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col ul.complement_inner, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col ul.complement_inner { margin-left: 30px; font-size: 12px; line-height: 18px; } #page_english_course_entry span.cmt, #page_apply_proficiency_test span.cmt, #page_jhcourse_settings span.cmt { vertical-align: top; display: inline-block; } #page_english_course_entry span.cmttxt, #page_apply_proficiency_test span.cmttxt, #page_jhcourse_settings span.cmttxt { vertical-align: top; display: inline-block; margin-left: -20px; padding-left: 20px; width: 620px; } #page_english_course_entry div.english_course_separator, #page_apply_proficiency_test div.english_course_separator, #page_jhcourse_settings div.english_course_separator { margin: 40px 0; } #page_english_course_entry .em_english, #page_apply_proficiency_test .em_english, #page_jhcourse_settings .em_english { font-weight: bold; font-size: 120%; } #page_english_course_entry .taLeft, #page_apply_proficiency_test .taLeft, #page_jhcourse_settings .taLeft { text-align: left; } #page_english_course_entry .select_courses dd *, #page_apply_proficiency_test .select_courses dd *, #page_jhcourse_settings .select_courses dd * { vertical-align: middle; } #page_english_course_entry .select_courses .notes, #page_apply_proficiency_test .select_courses .notes, #page_jhcourse_settings .select_courses .notes { color: #555555; padding-left: 10px; font-size: 110%; font-weight: bold; display: inline-block; } /** settings menu item list */ label, select { cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="radio"][disabled] { cursor: default; } #page_switch_to_new_tablet .settings_container div.form { margin-left: 0px; } #page_switch_to_new_tablet .settings_container div.form dl { display: block; } #page_switch_to_new_tablet .settings_container div.form dl dt, #page_switch_to_new_tablet .settings_container div.form dl dd { display: block; } #page_switch_to_new_tablet .settings_container div.form dl dt.name { width: auto; font-size: 125%; padding-left: 10px; } #page_switch_to_new_tablet .settings_container div.form dl dd.option_banner { float: right; } #page_switch_to_new_tablet dl.fee { border: 3px solid #FFFFFF; } #page_switch_to_new_tablet dl.fee dt, #page_switch_to_new_tablet dl.fee dd { padding: 5px 10px 5px 10px; text-align: left; padding: 5px 10px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet dl.fee dt, #page_switch_to_new_tablet dl.fee dd { display: table-cell; } } #page_switch_to_new_tablet dl.fee dt { vertical-align: middle; font-size: 110%; font-weight: bold; padding-right: 0; width: 170px; } #page_switch_to_new_tablet dl.fee dt input { padding: 0; } #page_switch_to_new_tablet dl.fee dt label { width: 142px; display: inline-block; vertical-align: middle; margin: 0 0 0 5px; font-size: 128%; line-height: 1.2; } #page_switch_to_new_tablet dl.fee dt span.normal { display: block; font-size: 90%; font-weight: normal; } #page_switch_to_new_tablet dl.fee dt span.notes { display: block; margin: 0; font-size: 60%; font-weight: normal; white-space: nowrap; } #page_switch_to_new_tablet dl.fee dd span.span01 { float: left; } #page_switch_to_new_tablet dl.fee dd span.span02 { clear: both; display: block; margin: 0 0 0 1em; text-indent: -1em; font-size: 85%; } #page_switch_to_new_tablet dl.fee dd span.span03 { background: none repeat scroll 0 0 #FDF9E2; float: left; margin: 0 10px 0 0; padding: 4px 0; width: 100%; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #page_switch_to_new_tablet dl.fee dd span.span03 > span { display: block; } #page_switch_to_new_tablet dl.fee dd span.span03 span.currentFee span.span04, #page_switch_to_new_tablet dl.fee dd span.span03 span.currentFee span.span05 { color: #EB5F00; } #page_switch_to_new_tablet dl.fee dd span.span03 span.currentFee span.mainFee span.value { font-size: 130%; } #page_switch_to_new_tablet dl.fee dd span.span03 span.price { font-size: 140%; } #page_switch_to_new_tablet dl.fee dd span.span03 span.price.mainFee { display: inline-block; text-align: right; font-weight: bold; min-width: 5.5em; } #page_switch_to_new_tablet dl.fee dd span.span03 * { vertical-align: middle; } #page_switch_to_new_tablet dl.fee dd span.span03 span.span05 { display: inline-block; } #page_switch_to_new_tablet dl.fee dd span.span03 span.span05 span.price_english { display: block; white-space: nowrap; } #page_switch_to_new_tablet dl.fee dd span.span04 { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #F9DAB5; font-size: 85%; line-height: 1.4; margin: 6px 8px; display: inline-block; text-align: center; width: 90px; } #page_switch_to_new_tablet dl.fee dd span.span05 { font-size: 90%; } #page_switch_to_new_tablet dl.fee dd span.span06 { float: left; height: auto; line-height: 2.6; } #page_switch_to_new_tablet dl.fee dd span.span07 { float: left; margin: 4px 10px 0 0; width: 100%; } #page_switch_to_new_tablet dl.fee dd span.span08 { border: 2px solid #E5E5E5; font-size: 85%; line-height: 1.4; margin: 2px 8px; display: inline-block; text-align: center; width: 90px; } #page_switch_to_new_tablet dl.fee dd span.span09 { font-size: 110%; } #page_switch_to_new_tablet dl.fee dd span.span09.price { display: inline-block; min-width: 5.5em; } #page_switch_to_new_tablet dl.fee dd span.span09.price span.value { font-size: 115%; font-weight: normal; } #page_switch_to_new_tablet dl.fee dd span.span10 { float: left; font-size: 85%; height: auto; line-height: 2.0; } #page_switch_to_new_tablet dl.fee dd .txtBold { font-weight: bold; } #page_switch_to_new_tablet dl.fee dd span.cmt { float: right; color: #666666; } #page_switch_to_new_tablet .tabletPaymentUnit { margin-top: 20px; } #page_switch_to_new_tablet div.contact_area, #page_apply_proficiency_test div.contact_area, #page_jhcourse_settings div.contact_area { margin-top: 10px; } #page_switch_to_new_tablet div.contact_area ul.notesTxt, #page_apply_proficiency_test div.contact_area ul.notesTxt, #page_jhcourse_settings div.contact_area ul.notesTxt { font-size: 90%; color: #666666; } #page_switch_to_new_tablet div.contact_area .courseHint, #page_apply_proficiency_test div.contact_area .courseHint, #page_jhcourse_settings div.contact_area .courseHint { margin-bottom: 10px; margin-left: 10px; } #page_switch_to_new_tablet div.contact_area .courses, #page_apply_proficiency_test div.contact_area .courses, #page_jhcourse_settings div.contact_area .courses { margin-left: 10px; line-height: 1.9em; } #page_switch_to_new_tablet div.contact_area .contact_inner, #page_apply_proficiency_test div.contact_area .contact_inner, #page_jhcourse_settings div.contact_area .contact_inner { border: 1px solid #c0c0c0; padding: 20px 40px; margin: 10px 0px 20px 0px; } #page_switch_to_new_tablet div.contact_area h4, #page_apply_proficiency_test div.contact_area h4, #page_jhcourse_settings div.contact_area h4 { border-left: 5px solid #815E45; padding: 0 0 0 7px; font-size: 140%; font-weight: bold; overflow: hidden; color: #815E45; } #page_switch_to_new_tablet div.contact_area .label, #page_apply_proficiency_test div.contact_area .label, #page_jhcourse_settings div.contact_area .label { font-size: 150%; margin: 10px 0px 0px 0px; } #page_switch_to_new_tablet div.contact_area .label .large, #page_apply_proficiency_test div.contact_area .label .large, #page_jhcourse_settings div.contact_area .label .large { font-size: 120%; } #page_switch_to_new_tablet div.contact_area h3.radio, #page_apply_proficiency_test div.contact_area h3.radio, #page_jhcourse_settings div.contact_area h3.radio { border-bottom: none; color: #4D4D4D; font-size: 110%; font-weight: bold; margin-bottom: 12px; padding-bottom: 0; } #page_switch_to_new_tablet div.contact_area div.preview, #page_apply_proficiency_test div.contact_area div.preview, #page_jhcourse_settings div.contact_area div.preview { filter: alpha(opacity=40); -ms-filter: 0.4; opacity: 0.4; } #page_switch_to_new_tablet div.contact_area div.confirmSection, #page_apply_proficiency_test div.contact_area div.confirmSection, #page_jhcourse_settings div.contact_area div.confirmSection { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl, #page_apply_proficiency_test div.contact_area div.confirmSection dl, #page_jhcourse_settings div.contact_area div.confirmSection dl { border: medium none; margin: 0; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl input, #page_apply_proficiency_test div.contact_area div.confirmSection dl input, #page_jhcourse_settings div.contact_area div.confirmSection dl input { margin: 5px 0; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl dt, #page_apply_proficiency_test div.contact_area div.confirmSection dl dt, #page_jhcourse_settings div.contact_area div.confirmSection dl dt { padding: 7px 10px 6px; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl dd, #page_apply_proficiency_test div.contact_area div.confirmSection dl dd, #page_jhcourse_settings div.contact_area div.confirmSection dl dd { padding: 7px 20px 6px 25px; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl dd .errorMessage, #page_apply_proficiency_test div.contact_area div.confirmSection dl dd .errorMessage, #page_jhcourse_settings div.contact_area div.confirmSection dl dd .errorMessage { text-align: left; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl.name01 input, #page_switch_to_new_tablet div.contact_area div.confirmSection dl.name02 input, #page_apply_proficiency_test div.contact_area div.confirmSection dl.name01 input, #page_jhcourse_settings div.contact_area div.confirmSection dl.name01 input, #page_apply_proficiency_test div.contact_area div.confirmSection dl.name02 input, #page_jhcourse_settings div.contact_area div.confirmSection dl.name02 input { max-width: 380px; width: 100%; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl.postal_code input.postal_code1, #page_apply_proficiency_test div.contact_area div.confirmSection dl.postal_code input.postal_code1, #page_jhcourse_settings div.contact_area div.confirmSection dl.postal_code input.postal_code1 { width: 5em; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl.postal_code input.postal_code2, #page_apply_proficiency_test div.contact_area div.confirmSection dl.postal_code input.postal_code2, #page_jhcourse_settings div.contact_area div.confirmSection dl.postal_code input.postal_code2 { width: 6em; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl.postal_code button, #page_apply_proficiency_test div.contact_area div.confirmSection dl.postal_code button, #page_jhcourse_settings div.contact_area div.confirmSection dl.postal_code button { width: 130px; } #page_switch_to_new_tablet div.contact_area div.confirmSection dl.address input, #page_apply_proficiency_test div.contact_area div.confirmSection dl.address input, #page_jhcourse_settings div.contact_area div.confirmSection dl.address input { width: 95%; } #page_switch_to_new_tablet div.contact_area div#registered_address_container, #page_apply_proficiency_test div.contact_area div#registered_address_container, #page_jhcourse_settings div.contact_area div#registered_address_container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 1px solid #e4ddd8; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#registered_address_container, #page_apply_proficiency_test div.contact_area div#registered_address_container, #page_jhcourse_settings div.contact_area div#registered_address_container { display: table; } } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#registered_address_container dl, #page_apply_proficiency_test div.contact_area div#registered_address_container dl, #page_jhcourse_settings div.contact_area div#registered_address_container dl { display: table-row; } } #page_switch_to_new_tablet div.contact_area div#registered_address_container dl dt, #page_switch_to_new_tablet div.contact_area div#registered_address_container dl dd, #page_apply_proficiency_test div.contact_area div#registered_address_container dl dt, #page_jhcourse_settings div.contact_area div#registered_address_container dl dt, #page_apply_proficiency_test div.contact_area div#registered_address_container dl dd, #page_jhcourse_settings div.contact_area div#registered_address_container dl dd { padding: 5px 10px 5px 10px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#registered_address_container dl dt, #page_switch_to_new_tablet div.contact_area div#registered_address_container dl dd, #page_apply_proficiency_test div.contact_area div#registered_address_container dl dt, #page_jhcourse_settings div.contact_area div#registered_address_container dl dt, #page_apply_proficiency_test div.contact_area div#registered_address_container dl dd, #page_jhcourse_settings div.contact_area div#registered_address_container dl dd { display: table-cell; } } #page_switch_to_new_tablet div.contact_area div#registered_address_container dt, #page_apply_proficiency_test div.contact_area div#registered_address_container dt, #page_jhcourse_settings div.contact_area div#registered_address_container dt { background: #F5EEE3; font-weight: bold; line-height: 1.6; text-align: left; vertical-align: top; width: 179px; } #page_switch_to_new_tablet div.contact_area div#registered_address_container dd, #page_apply_proficiency_test div.contact_area div#registered_address_container dd, #page_jhcourse_settings div.contact_area div#registered_address_container dd { overflow: hidden; text-align: left; vertical-align: top; } #page_switch_to_new_tablet div.contact_area div#new_address_container, #page_apply_proficiency_test div.contact_area div#new_address_container, #page_jhcourse_settings div.contact_area div#new_address_container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 1px solid #e4ddd8; margin-bottom: 20px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#new_address_container, #page_apply_proficiency_test div.contact_area div#new_address_container, #page_jhcourse_settings div.contact_area div#new_address_container { display: table; } } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#new_address_container dl, #page_apply_proficiency_test div.contact_area div#new_address_container dl, #page_jhcourse_settings div.contact_area div#new_address_container dl { display: table-row; } } #page_switch_to_new_tablet div.contact_area div#new_address_container dl dt, #page_switch_to_new_tablet div.contact_area div#new_address_container dl dd, #page_apply_proficiency_test div.contact_area div#new_address_container dl dt, #page_jhcourse_settings div.contact_area div#new_address_container dl dt, #page_apply_proficiency_test div.contact_area div#new_address_container dl dd, #page_jhcourse_settings div.contact_area div#new_address_container dl dd { padding: 5px 10px 5px 10px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contact_area div#new_address_container dl dt, #page_switch_to_new_tablet div.contact_area div#new_address_container dl dd, #page_apply_proficiency_test div.contact_area div#new_address_container dl dt, #page_jhcourse_settings div.contact_area div#new_address_container dl dt, #page_apply_proficiency_test div.contact_area div#new_address_container dl dd, #page_jhcourse_settings div.contact_area div#new_address_container dl dd { display: table-cell; } } #page_switch_to_new_tablet div.contact_area div#new_address_container dt, #page_apply_proficiency_test div.contact_area div#new_address_container dt, #page_jhcourse_settings div.contact_area div#new_address_container dt { background: #F5EEE3; font-weight: bold; line-height: 1.6; text-align: left; vertical-align: top; width: 179px; } #page_switch_to_new_tablet div.contact_area div#new_address_container dd, #page_apply_proficiency_test div.contact_area div#new_address_container dd, #page_jhcourse_settings div.contact_area div#new_address_container dd { overflow: hidden; text-align: left; vertical-align: top; } #page_switch_to_new_tablet div.support_area div.supportInner, #page_apply_proficiency_test div.support_area div.supportInner, #page_jhcourse_settings div.support_area div.supportInner { background: none repeat scroll 0 0 #F2F4F6; overflow: hidden; width: 100%; } #page_switch_to_new_tablet div.support_area div.supportInner div.support, #page_apply_proficiency_test div.support_area div.supportInner div.support, #page_jhcourse_settings div.support_area div.supportInner div.support { padding: 5px 10px 5px 10px; vertical-align: middle; margin: 15px 0 0; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.support_area div.supportInner div.support, #page_apply_proficiency_test div.support_area div.supportInner div.support, #page_jhcourse_settings div.support_area div.supportInner div.support { display: table-cell; } } #page_switch_to_new_tablet div.support_area div.supportInner div.support div.supportCheckbox, #page_apply_proficiency_test div.support_area div.supportInner div.support div.supportCheckbox, #page_jhcourse_settings div.support_area div.supportInner div.support div.supportCheckbox { float: left; margin: 14px 0 0; } #page_switch_to_new_tablet div.support_area div.supportInner div.support div.supportLabel, #page_apply_proficiency_test div.support_area div.supportInner div.support div.supportLabel, #page_jhcourse_settings div.support_area div.supportInner div.support div.supportLabel { margin: 10px 0 0 20px; } #page_switch_to_new_tablet div.support_area div.supportInner div.support div.supportLabel label, #page_apply_proficiency_test div.support_area div.supportInner div.support div.supportLabel label, #page_jhcourse_settings div.support_area div.supportInner div.support div.supportLabel label { font-size: 120%; font-weight: bold; line-height: 2.0; margin: 0 0 0 5px; } #page_switch_to_new_tablet div.support_area div.supportInner div.support div.supportLabel label span.nowrap, #page_apply_proficiency_test div.support_area div.supportInner div.support div.supportLabel label span.nowrap, #page_jhcourse_settings div.support_area div.supportInner div.support div.supportLabel label span.nowrap { white-space: nowrap; } #page_switch_to_new_tablet div.support_area div.supportInner div.supportImg, #page_apply_proficiency_test div.support_area div.supportInner div.supportImg, #page_jhcourse_settings div.support_area div.supportInner div.supportImg { padding: 5px 10px 5px 10px; background-size: 100% auto; padding: 10px 0; position: relative; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.support_area div.supportInner div.supportImg, #page_apply_proficiency_test div.support_area div.supportInner div.supportImg, #page_jhcourse_settings div.support_area div.supportInner div.supportImg { display: table-cell; } } #page_switch_to_new_tablet div.support_area p.option_area_top_txt, #page_apply_proficiency_test div.support_area p.option_area_top_txt, #page_jhcourse_settings div.support_area p.option_area_top_txt { font-size: 110%; font-weight: bold; } #page_switch_to_new_tablet div.support_area div.option_service_area, #page_apply_proficiency_test div.support_area div.option_service_area, #page_jhcourse_settings div.support_area div.option_service_area { margin-bottom: 20px; } #page_switch_to_new_tablet div.support_area div.option_service_area input.option_service_checkbox, #page_apply_proficiency_test div.support_area div.option_service_area input.option_service_checkbox, #page_jhcourse_settings div.support_area div.option_service_area input.option_service_checkbox { margin-left: 12px; } #page_switch_to_new_tablet div.support_area div.option_service_area label.option_service_label, #page_apply_proficiency_test div.support_area div.option_service_area label.option_service_label, #page_jhcourse_settings div.support_area div.option_service_area label.option_service_label { margin-left: 5px; } #page_switch_to_new_tablet div.support_area div.supportInner, #page_apply_proficiency_test div.support_area div.supportInner, #page_jhcourse_settings div.support_area div.supportInner { margin-top: 20px; } #page_switch_to_new_tablet div.support_area div.supportInner div.support, #page_apply_proficiency_test div.support_area div.supportInner div.support, #page_jhcourse_settings div.support_area div.supportInner div.support { padding-left: 12px; width: 40%; } #page_switch_to_new_tablet div.support_area div.supportInner img, #page_apply_proficiency_test div.support_area div.supportInner img, #page_jhcourse_settings div.support_area div.supportInner img { width: 90%; } #page_switch_to_new_tablet div.notes_area, #page_apply_proficiency_test div.notes_area, #page_jhcourse_settings div.notes_area { border: 1px solid #EDF0F1; background: none repeat scroll 0 0 #EDF0F1; margin: 0 10px; } #page_switch_to_new_tablet div.notes_area .notes_inner, #page_apply_proficiency_test div.notes_area .notes_inner, #page_jhcourse_settings div.notes_area .notes_inner { background: #F8FAFB; margin: 0 5px 5px 5px; padding: 10px; border: 1px solid #F8FAFB; } #page_switch_to_new_tablet div.notes_area .notes_inner div.item, #page_apply_proficiency_test div.notes_area .notes_inner div.item, #page_jhcourse_settings div.notes_area .notes_inner div.item { margin: 20px auto; } #page_switch_to_new_tablet div.notes_area .notes_inner div.item span.content_text, #page_apply_proficiency_test div.notes_area .notes_inner div.item span.content_text, #page_jhcourse_settings div.notes_area .notes_inner div.item span.content_text { font-weight: bold; } #page_switch_to_new_tablet div.notes_area .notes_inner div.item span.content_text span, #page_apply_proficiency_test div.notes_area .notes_inner div.item span.content_text span, #page_jhcourse_settings div.notes_area .notes_inner div.item span.content_text span { color: #CC3333; } #page_switch_to_new_tablet div.notes_area .notes_inner .notesTxt, #page_apply_proficiency_test div.notes_area .notes_inner .notesTxt, #page_jhcourse_settings div.notes_area .notes_inner .notesTxt { margin-top: 10px; padding-left: 25px; color: #797A7A; } #page_switch_to_new_tablet div.notes_area .notes_inner .notesTxt span, #page_apply_proficiency_test div.notes_area .notes_inner .notesTxt span, #page_jhcourse_settings div.notes_area .notes_inner .notesTxt span { color: #CC3333; } #page_switch_to_new_tablet div.notes_area h4, #page_apply_proficiency_test div.notes_area h4, #page_jhcourse_settings div.notes_area h4 { background: url("../images/basic/warning.png") no-repeat scroll 10px center #EDF0F1; font-weight: bold; line-height: 1.7; overflow: hidden; padding: 10px 0 10px 60px; color: #815E45; } #page_switch_to_new_tablet div.notes_area div.item, #page_apply_proficiency_test div.notes_area div.item, #page_jhcourse_settings div.notes_area div.item { width: 600px; } #page_switch_to_new_tablet div.notes_area div.item div.notes_content, #page_apply_proficiency_test div.notes_area div.item div.notes_content, #page_jhcourse_settings div.notes_area div.item div.notes_content { padding-left: 20px; } #page_switch_to_new_tablet div.notes_area div.item div.notes_content span.content_text, #page_apply_proficiency_test div.notes_area div.item div.notes_content span.content_text, #page_jhcourse_settings div.notes_area div.item div.notes_content span.content_text { font-size: 110%; } #page_switch_to_new_tablet div.notes_area div.item div.notes_content .notesTxt li, #page_apply_proficiency_test div.notes_area div.item div.notes_content .notesTxt li, #page_jhcourse_settings div.notes_area div.item div.notes_content .notesTxt li { margin: 7px 0; } #page_switch_to_new_tablet div.notes_area div.unordered_list, #page_apply_proficiency_test div.notes_area div.unordered_list, #page_jhcourse_settings div.notes_area div.unordered_list { background: url("../../../../form_common/images/arw_r_orange.png") no-repeat scroll left 0.5em; } #page_switch_to_new_tablet div.notes_area h4, #page_apply_proficiency_test div.notes_area h4, #page_jhcourse_settings div.notes_area h4 { font-size: 120%; } #page_switch_to_new_tablet div.page_description, #page_apply_proficiency_test div.page_description, #page_jhcourse_settings div.page_description { margin-bottom: 0 !important; } #page_switch_to_new_tablet div.contracts_unit, #page_apply_proficiency_test div.contracts_unit, #page_jhcourse_settings div.contracts_unit { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contracts_unit, #page_apply_proficiency_test div.contracts_unit, #page_jhcourse_settings div.contracts_unit { display: table; } } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contracts_unit dl, #page_apply_proficiency_test div.contracts_unit dl, #page_jhcourse_settings div.contracts_unit dl { display: table-row; } } #page_switch_to_new_tablet div.contracts_unit dl dt, #page_switch_to_new_tablet div.contracts_unit dl dd, #page_apply_proficiency_test div.contracts_unit dl dt, #page_jhcourse_settings div.contracts_unit dl dt, #page_apply_proficiency_test div.contracts_unit dl dd, #page_jhcourse_settings div.contracts_unit dl dd { padding: 5px 10px 5px 10px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet div.contracts_unit dl dt, #page_switch_to_new_tablet div.contracts_unit dl dd, #page_apply_proficiency_test div.contracts_unit dl dt, #page_jhcourse_settings div.contracts_unit dl dt, #page_apply_proficiency_test div.contracts_unit dl dd, #page_jhcourse_settings div.contracts_unit dl dd { display: table-cell; } } #page_switch_to_new_tablet div.contracts_unit dl dt, #page_switch_to_new_tablet div.contracts_unit dl dd, #page_apply_proficiency_test div.contracts_unit dl dt, #page_jhcourse_settings div.contracts_unit dl dt, #page_apply_proficiency_test div.contracts_unit dl dd, #page_jhcourse_settings div.contracts_unit dl dd { padding: 0px; } #page_switch_to_new_tablet div.contracts_unit dl dt, #page_apply_proficiency_test div.contracts_unit dl dt, #page_jhcourse_settings div.contracts_unit dl dt { width: 400px; } #page_switch_to_new_tablet div.contracts_unit div.child_box, #page_apply_proficiency_test div.contracts_unit div.child_box, #page_jhcourse_settings div.contracts_unit div.child_box { border-top: 1px solid #e4ddd8; border-left: 1px solid #e4ddd8; border-right: 1px solid #e4ddd8; padding: 20px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child .txtBold, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child .txtBold, #page_jhcourse_settings div.contracts_unit div.child_box dl.child .txtBold { font-weight: bold; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col { width: 160px; vertical-align: top; float: left; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col span.child_name, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col span.child_name, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col span.child_name { font-size: 130%; font-weight: bold; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col span.child_gender, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col span.child_gender, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col span.child_gender { font-size: 115%; font-weight: bold; margin-left: 3px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box { color: #EB6000; display: block; padding: 0 0 5px 23px; font-size: 110%; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col { width: auto; vertical-align: top; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col .stage_name, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col .stage_name, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col .stage_name { font-size: 115%; font-weight: bold; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col li.reserved_stage, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col li.reserved_stage, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col li.reserved_stage { color: #666666; font-size: 115%; margin: 5px 0 0 150px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col ul.stages_history, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col ul.stages_history, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col ul.stages_history { color: #666666; font-size: 115%; margin-top: 10px; margin-left: 160px; } #page_switch_to_new_tablet div.contracts_unit div.child_box:last-child, #page_apply_proficiency_test div.contracts_unit div.child_box:last-child, #page_jhcourse_settings div.contracts_unit div.child_box:last-child { border-bottom: 1px solid #e4ddd8; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child dt, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child dt, #page_jhcourse_settings div.contracts_unit div.child_box dl.child dt { vertical-align: middle; padding-top: 0px; width: auto; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child dd, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child dd, #page_jhcourse_settings div.contracts_unit div.child_box dl.child dd { width: 100%; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col { width: 350px; float: none; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col span.inner_sub_box { padding: 20px 0 20px 0; font-size: 115%; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.name_col div.inner_box, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.name_col div.inner_box, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.name_col div.inner_box { min-height: 46px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col { width: 100%; padding-top: 0px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col div.buttons, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col div.buttons, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col div.buttons { margin: auto; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col div.buttons button, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col div.buttons button, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col div.buttons button { background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #f0f0f0)) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -moz-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, -webkit-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 162px center, linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; font-size: 120%; padding: 15px 20px 15px 0; width: 195px; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col div.buttons li, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col div.buttons li, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col div.buttons li { margin: 5px 0; } #page_switch_to_new_tablet div.contracts_unit div.child_box dl.child div.status_col div.buttons span a, #page_apply_proficiency_test div.contracts_unit div.child_box dl.child div.status_col div.buttons span a, #page_jhcourse_settings div.contracts_unit div.child_box dl.child div.status_col div.buttons span a { cursor: pointer; } #page_switch_to_new_tablet div.settings_container div.buttons button, #page_apply_proficiency_test div.settings_container div.buttons button, #page_jhcourse_settings div.settings_container div.buttons button { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku GothicPro,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif; 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); border: 1px solid #CCCCCC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-left: 10px; padding: 8px 20px; text-align: center; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); width: 210px; font-size: 120%; } #page_switch_to_new_tablet div.settings_container div.buttons button.next, #page_apply_proficiency_test div.settings_container div.buttons button.next, #page_jhcourse_settings div.settings_container div.buttons button.next { background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #f0f0f0)) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -moz-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, -webkit-linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; background: url("../images/settings/course_select_arrow.png") no-repeat scroll 177px center, linear-gradient(#ffffff 30%, #f0f0f0) repeat scroll 0 0 transparent; } #page_switch_to_new_tablet ul.notes_list li, #page_apply_proficiency_test ul.notes_list li, #page_jhcourse_settings ul.notes_list li { margin: 7px 0; } #page_switch_to_new_tablet div.form div.ttl, #page_apply_proficiency_test div.form div.ttl, #page_jhcourse_settings div.form div.ttl { font-weight: normal; padding-top: 20px; } #page_switch_to_new_tablet div.addressCandidates, #page_apply_proficiency_test div.addressCandidates, #page_jhcourse_settings div.addressCandidates { margin-top: 5px; padding: 10px; background-color: #eee; } #page_switch_to_new_tablet div.addressCandidates .note, #page_apply_proficiency_test div.addressCandidates .note, #page_jhcourse_settings div.addressCandidates .note { font-size: 90%; } #page_switch_to_new_tablet div.addressCandidates ul, #page_apply_proficiency_test div.addressCandidates ul, #page_jhcourse_settings div.addressCandidates ul { margin-left: 20px; line-height: 1.6; font-size: 90%; } #page_switch_to_new_tablet div.addressCandidates ul li, #page_apply_proficiency_test div.addressCandidates ul li, #page_jhcourse_settings div.addressCandidates ul li { list-style-type: square; } #page_switch_to_new_tablet ul.linkList, #page_apply_proficiency_test ul.linkList, #page_jhcourse_settings ul.linkList { margin: 10px 0 20px; text-align: right; } #page_switch_to_new_tablet ul.linkList li, #page_apply_proficiency_test ul.linkList li, #page_jhcourse_settings ul.linkList li { line-height: 1.6; margin: 0 0 0 20px; } @media screen and (min-width: 641px) { #page_switch_to_new_tablet ul.linkList li, #page_apply_proficiency_test ul.linkList li, #page_jhcourse_settings ul.linkList li { display: inline; } } /** settings menu item list */ label, select { cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="radio"][disabled] { cursor: default; } #page_apply_proficiency_test div.contents_area div.deadline, #page_jhcourse_settings div.contents_area div.deadline { font-size: 125%; font-weight: bold; margin: 25px 0px 20px 0px; color: #666666; } #page_apply_proficiency_test div.course_unit div.child_box, #page_jhcourse_settings div.course_unit div.child_box { padding-right: 10px; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col { width: 235px; vertical-align: top; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col span.label, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col span.label { font-size: 130%; font-weight: bold; margin-right: 5px; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col span.joined, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col span.joined { font-size: 100%; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.buttons, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.buttons { text-align: left; margin-top: 5px !important; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.buttons button, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.buttons button { margin-left: 0px; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.no_apply, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.no_apply { padding: 10px; margin-top: 5px !important; border: 1px red dotted; width: 200px; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.no_apply div.text, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.no_apply div.text { height: 45px; font-size: 115%; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.no_apply div.notexists, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.no_apply div.notexists { height: 45px; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.no_apply div.note, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.no_apply div.note { font-size: 90%; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.text, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.text { color: red; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.note, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.note { font-size: 92%; } #page_apply_proficiency_test div.course_unit div.child_box dl dt.join_col div.link_area, #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.link_area { margin-top: 10px; } #page_apply_proficiency_test div.course_unit div.child_box dl.child dt.name_dt, #page_jhcourse_settings div.course_unit div.child_box dl.child dt.name_dt { width: 140px; } #page_apply_proficiency_test div.course_unit div.child_box dl.child dt.name_dt div.name_col, #page_jhcourse_settings div.course_unit div.child_box dl.child dt.name_dt div.name_col { width: 130px; } #page_apply_proficiency_test div.course_unit div.child_box dl.child dt.name_dt_single, #page_jhcourse_settings div.course_unit div.child_box dl.child dt.name_dt_single { width: 350px; } #page_apply_proficiency_test div.course_unit div.child_box dl.child dt.name_dt_single div.name_col, #page_jhcourse_settings div.course_unit div.child_box dl.child dt.name_dt_single div.name_col { width: 250px; } #page_apply_proficiency_test div.buttons button.cancel, #page_jhcourse_settings div.buttons button.cancel { vertical-align: bottom; } #page_apply_proficiency_test .settings_container .pmark, #page_jhcourse_settings .settings_container .pmark { margin-top: -30px; } #page_apply_proficiency_test div.form dd.value div input.input_name, #page_jhcourse_settings div.form dd.value div input.input_name { width: 4em; } #page_apply_proficiency_test div.form dd.value div input.kanji, #page_jhcourse_settings div.form dd.value div input.kanji { margin-left: 15px; } #page_apply_proficiency_test div.form dd.value div span, #page_jhcourse_settings div.form dd.value div span { padding-left: 20px; } #page_apply_proficiency_test div.form dd.value div.selectArea, #page_jhcourse_settings div.form dd.value div.selectArea { padding-top: 10px; } #page_apply_proficiency_test div.form dd.value div.complement span, #page_jhcourse_settings div.form dd.value div.complement span { padding-left: 92px; } #page_apply_proficiency_test div.form dd.value div.complement span.kana, #page_jhcourse_settings div.form dd.value div.complement span.kana { padding-left: 68px; } #page_apply_proficiency_test div.form dd.value div.complement span.red, #page_jhcourse_settings div.form dd.value div.complement span.red { padding-left: 0px; color: red; } #page_apply_proficiency_test div.confirmSection input, #page_jhcourse_settings div.confirmSection input { padding: 0px; } label, select { cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="radio"][disabled] { cursor: default; } #page_jhcourse_settings div#edit_classes_contents div.page_description { margin-bottom: 40px !important; } #page_jhcourse_settings div#edit_classes_contents div.separator.topmargin { margin-top: 25px; } #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col { vertical-align: middle; } #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.buttons { margin-left: 20px !important; } #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.link_area { margin-top: 15px; margin-bottom: 15px; margin-left: 45px; } #page_jhcourse_settings div.course_unit div.child_box dl dt.join_col div.status_col ul.stages_history { margin-left: 35px; } #page_jhcourse_settings .settings_container ul.btnInput { width: 480px; margin: 40px auto 20px; overflow: hidden; } #page_jhcourse_settings .settings_container ul.btnInput li { cursor: pointer; width: 220px; text-align: center; } #page_jhcourse_settings .settings_container ul.btnInput li.lBtn { float: left; } #page_jhcourse_settings .settings_container ul.btnInput li.rBtn { float: right; } #page_jhcourse_settings .settings_container ul.btnInput li button.stop, #page_jhcourse_settings .settings_container ul.btnInput li button.next { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku GothicPro,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif; margin-left: 0px; dislay: block; width: 100%; padding: 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; font-size: 120%; line-height: 1.2; font-weight: bold; color: #FFF; } #page_jhcourse_settings .settings_container ul.btnInput li button:hover.stop, #page_jhcourse_settings .settings_container ul.btnInput li button:active.stop, #page_jhcourse_settings .settings_container ul.btnInput li button:hover.next, #page_jhcourse_settings .settings_container ul.btnInput li button:active.next { filter: alpha(opacity=70); -ms-filter: 0.7; opacity: 0.7; } #page_jhcourse_settings .settings_container ul.btnInput li button.stop { background: #999; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjOWE5YTlhIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(20%, #9a9a9a), color-stop(50%, #888888), color-stop(100%, #888888)); background-image: -moz-linear-gradient(top, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); background-image: -webkit-linear-gradient(top, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); background-image: linear-gradient(to bottom, #9a9a9a, #9a9a9a 20%, #888888 50%, #888888); } #page_jhcourse_settings .settings_container ul.btnInput li button.next { 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(top, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, -webkit-linear-gradient(top, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); background: url(../../../../form_common/images/arw_btn_orange.png) no-repeat right center, linear-gradient(to bottom, #f08b49, #f08b49 20%, #eb6000 50%, #eb6000); }