@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; }
div.preview, button.disabled { filter: alpha(opacity=40); -ms-filter: 0.4; opacity: 0.4; }

#page_contract_settings span.kokugoLable { background: url(../images/settings/kokugo.png) no-repeat center top; display: block; width: 57px; height: 20px; margin-right: 10px; float: left; }
#page_contract_settings span.sansuLable { background: url(../images/settings/sansu.png) no-repeat center top; display: block; width: 57px; height: 20px; margin-right: 10px; float: left; }
#page_contract_settings span.rikaLable { background: url(../images/settings/rika.png) no-repeat center top; display: block; width: 57px; height: 20px; margin-right: 10px; float: left; }
#page_contract_settings span.shakaiLable { background: url(../images/settings/shakai.png) no-repeat center top; display: block; width: 57px; height: 20px; margin-right: 10px; float: left; }
#page_contract_settings span.eigoLable { background: url(../images/settings/eigo.png) no-repeat center top; display: block; width: 57px; height: 20px; margin-right: 10px; float: left; }
#page_contract_settings .noTextAare { padding: 0px; }
#page_contract_settings dl.fee, #page_contract_settings dl.pay, #page_contract_settings dl.course { border: 3px solid #FFFFFF; }
#page_contract_settings dl.fee dt, #page_contract_settings dl.fee dd, #page_contract_settings dl.pay dt, #page_contract_settings dl.pay dd, #page_contract_settings dl.course dt, #page_contract_settings dl.course dd { padding: 5px 10px 5px 10px; text-align: left; }
@media screen and (min-width: 641px) { #page_contract_settings dl.fee dt, #page_contract_settings dl.fee dd, #page_contract_settings dl.pay dt, #page_contract_settings dl.pay dd, #page_contract_settings dl.course dt, #page_contract_settings dl.course dd { display: table-cell; } }
#page_contract_settings dl.fee dt, #page_contract_settings dl.pay dt, #page_contract_settings dl.course dt { vertical-align: middle; font-size: 110%; font-weight: bold; }
#page_contract_settings dl.pay dt, #page_contract_settings dl.pay dd, #page_contract_settings dl.course dt, #page_contract_settings dl.course dd { padding: 15px 10px; }
#page_contract_settings dl.pay dt, #page_contract_settings dl.course dt { width: 200px; }
#page_contract_settings dl.pay dt .notes, #page_contract_settings dl.course dt .notes { font-size: 90%; font-weight: normal; margin-left: 20px; color: #666666; }
#page_contract_settings dl.pay dd span.span03, #page_contract_settings dl.pay dd span.span07, #page_contract_settings dl.pay dd span.span04, #page_contract_settings dl.pay dd span.span08, #page_contract_settings dl.course dd span.span03, #page_contract_settings dl.course dd span.span07, #page_contract_settings dl.course dd span.span04, #page_contract_settings dl.course dd span.span08 { float: left; }
#page_contract_settings dl.pay dd span.span05, #page_contract_settings dl.pay dd span.span09, #page_contract_settings dl.pay dd span.cmt, #page_contract_settings dl.course dd span.span05, #page_contract_settings dl.course dd span.span09, #page_contract_settings dl.course dd span.cmt { float: right; }
#page_contract_settings dl.pay dd span.span03, #page_contract_settings dl.course dd span.span03 { color: #EB5F00; font-weight: bold; font-size: 120%; width: 300px; }
#page_contract_settings dl.pay dd span.cmt, #page_contract_settings dl.course dd span.cmt { color: #666666; }
#page_contract_settings dl.pay dd span.span07, #page_contract_settings dl.course dd span.span07 { font-size: 110%; width: 200px; }
#page_contract_settings dl.pay dd span.span10, #page_contract_settings dl.course dd span.span10 { margin-left: 10px; }
#page_contract_settings dl.pay dd .txtBold, #page_contract_settings dl.course dd .txtBold { font-weight: bold; }
#page_contract_settings dl.pay dd .convenience_stores img, #page_contract_settings dl.course dd .convenience_stores img { max-width: 120px; max-height: 60px; margin: 5px; }
#page_contract_settings dl.fee dt, #page_contract_settings dl.fee dd { padding: 5px 10px; }
#page_contract_settings dl.fee dt { padding-right: 0; width: 170px; }
#page_contract_settings dl.fee dt input { padding: 0; }
#page_contract_settings 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_contract_settings dl.fee dt span.normal { display: block; font-size: 90%; font-weight: normal; }
#page_contract_settings dl.fee dt span.notes { display: block; margin: 0; font-size: 60%; font-weight: normal; white-space: nowrap; }
#page_contract_settings dl.fee dd span.span01 { float: left; }
#page_contract_settings dl.fee dd span.span02 { clear: both; display: block; margin: 0 0 0 1em; text-indent: -1em; font-size: 85%; }
#page_contract_settings 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_contract_settings dl.fee dd span.span03 > span { display: block; }
#page_contract_settings dl.fee dd span.span03 span.currentFee span.span04, #page_contract_settings dl.fee dd span.span03 span.currentFee span.span05 { color: #EB5F00; }
#page_contract_settings dl.fee dd span.span03 span.currentFee span.mainFee span.value { font-size: 130%; }
#page_contract_settings dl.fee dd span.span03 span.price { font-size: 140%; }
#page_contract_settings dl.fee dd span.span03 span.price.mainFee { display: inline-block; text-align: right; font-weight: bold; min-width: 5.5em; }
#page_contract_settings dl.fee dd span.span03 * { vertical-align: middle; }
#page_contract_settings dl.fee dd span.span03 span.span05 { display: inline-block; }
#page_contract_settings dl.fee dd span.span03 span.span05 span.price_english { display: block; white-space: nowrap; }
#page_contract_settings 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_contract_settings dl.fee dd span.span05 { font-size: 90%; }
#page_contract_settings dl.fee dd span.span06 { float: left; height: auto; line-height: 2.6; }
#page_contract_settings dl.fee dd span.span07 { float: left; margin: 4px 10px 0 0; width: 100%; }
#page_contract_settings 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_contract_settings dl.fee dd span.span09 { font-size: 110%; }
#page_contract_settings dl.fee dd span.span09.price { display: inline-block; min-width: 5.5em; }
#page_contract_settings dl.fee dd span.span09.price span.value { font-size: 115%; font-weight: normal; }
#page_contract_settings dl.fee dd span.span10 { float: left; font-size: 85%; height: auto; line-height: 2.0; }
#page_contract_settings dl.fee dd .txtBold { font-weight: bold; }
#page_contract_settings dl.fee dd span.cmt { float: right; color: #666666; }
#page_contract_settings dl.fee dd .convenience_stores img { max-width: 120px; max-height: 60px; margin: 5px; }
#page_contract_settings .convenience_store_select_box { margin-bottom: 20px; }
#page_contract_settings .convenience_store_select_box dl.convenience_store { border: 3px solid #FFFFFF; }
@media screen and (min-width: 641px) { #page_contract_settings .convenience_store_select_box dl.convenience_store { display: table-row; } }
#page_contract_settings .convenience_store_select_box dl.convenience_store dt, #page_contract_settings .convenience_store_select_box dl.convenience_store dd { padding: 5px 10px 5px 10px; vertical-align: middle; padding: 15px 10px; text-align: left; }
@media screen and (min-width: 641px) { #page_contract_settings .convenience_store_select_box dl.convenience_store dt, #page_contract_settings .convenience_store_select_box dl.convenience_store dd { display: table-cell; } }
#page_contract_settings .convenience_store_select_box dl.convenience_store dt *, #page_contract_settings .convenience_store_select_box dl.convenience_store dd * { vertical-align: middle; }
#page_contract_settings .convenience_store_select_box dl.convenience_store dt { width: 420px; font-size: 110%; font-weight: bold; }
#page_contract_settings .convenience_store_select_box dl.convenience_store dt img { margin-left: 5px; max-height: 70px; }
#page_contract_settings .convenience_store_select_box dl.convenience_store dt .name { margin-left: 10px; }
#page_contract_settings .convenience_store_select_box dl.convenience_store dd { text-align: right; width: 200px; }
#page_contract_settings .convenience_store_select_box dl.convenience_store.unavailable dt label { cursor: default; opacity: 0.3; }
#page_contract_settings .convenience_store_select_box dl.convenience_store.unavailable dd { text-align: left; width: 285px; }
#page_contract_settings div.form dt.name { width: 180px; }
#page_contract_settings .feeNext { margin-left: 10px; }
#page_contract_settings .paymentMethod, #page_contract_settings .paymentUnit, #page_contract_settings .tabletPaymentUnit { margin-top: 20px; }
@media screen and (min-width: 641px) { #page_contract_settings .paymentUnit dl, #page_contract_settings .tabletPaymentUnit dl { display: table-row; } }
#page_contract_settings .paymentUnit dd, #page_contract_settings .tabletPaymentUnit dd { width: 432px; }
#page_contract_settings .cmt { vertical-align: top; display: inline-block; }
#page_contract_settings .cmttxt { vertical-align: top; display: inline-block; margin-left: -20px; padding-left: 20px; width: 400px; }
#page_contract_settings .box { margin-bottom: 20px; }
#page_contract_settings .box .outer { border-color: #FFFFFF; border-width: 2px; border-style: solid; }
#page_contract_settings .box .inner { border: 1px solid #e4ddd8; }
#page_contract_settings .box .selected { border-color: #c9e4fe !important; }
#page_contract_settings .creditcard_description { margin: 10px 0px; }
#page_contract_settings .use { padding: 15px 10px; font-size: 120%; font-weight: bold; background-color: #FBF9F4; }
#page_contract_settings .use .complement { padding-top: 3px; margin-left: 20px; font-weight: normal; }
#page_contract_settings .card_number { width: 65px; margin-right: 10px; }
#page_contract_settings #edit_publisher_form { margin-top: 30px; margin-bottom: 30px; }
#page_contract_settings #edit_publisher_form dt.value { color: black; vertical-align: middle; }
#page_contract_settings #edit_publisher_form dt.value select { margin-top: 10px; }
#page_contract_settings #edit_publisher_form dt.first { vertical-align: top !important; padding: 5px 10px 15px 15px; }
#page_contract_settings #edit_publisher_form dt.name { width: 80px; font-size: 1.2em; vertical-align: middle; }
#page_contract_settings #edit_publisher_form dt.reservedPublisher { height: 65px; padding-top: 0; vertical-align: top; }
#page_contract_settings #edit_publisher_form dt.reservedPublisher span.info { color: #888888; font-size: 90%; }
#page_contract_settings #edit_publisher_form dt#end { height: auto; }
#page_contract_settings div#edit_publisher_contents div.separator.topmargin { margin-top: 25px; }
#page_contract_settings .monthlyFee .complement { display: block; }
#page_contract_settings .auto_continue_area { border: 1px solid #e4ddd8; padding: 20px 30px; background-color: #FDF3E2 !important; }
#page_contract_settings .auto_continue_area h3 { color: #eb6000; font-size: 120%; font-weight: bold; border: 0; }
#page_contract_settings .auto_continue_area ul { list-style-type: disc; }
#page_contract_settings .select_courses dd * { vertical-align: middle; }
#page_contract_settings .select_courses .notes { color: #555555; padding-left: 10px; font-size: 110%; font-weight: bold; display: inline-block; }

#page_contract_settings div.banner { display: table; }

#page_contract_settings div.banner { border: 2px solid #E4DDD8; border-collapse: collapse; margin: 10px 0 15px; width: 100%; }

#page_contract_settings div.banner_info dl { display: table-cell; }

#page_contract_settings div.banner .label { background-color: #F5EEE3; border-right: 1px solid #E4DDD8; color: #815E45; font-weight: bold; text-align: center; }

#page_contract_settings div.banner .label { min-width: 120px; }

#page_contract_settings div.banner .label, #page_payment_settings div.banner .value { font-size: 110%; padding: 10px; }

#page_contract_settings div.banner_info dl dt, #page_payment_settings div.banner_info dl dd { display: table-cell; }

#page_contract_settings div.banner .label2 { border-left: 1px solid #E4DDD8; }

#page_contract_settings div.banner .value { width: 100%; }

#page_contract_settings div.banner .label, #page_contract_settings div.banner .value { font-size: 110%; padding: 10px; }

#page_contract_settings div.banner_info dl dt, #page_contract_settings div.banner_info dl dd { display: table-cell; }

div#ambassador { float: right; font-size: 70%; font-weight: normal; }

.gray_out_img { filter: brightness(150%) saturate(0%); }

.gray_out_txt { color: #999999 !important; }