.list_indent_10 {
    padding-left: 1em;
    text-indent: -1em;
}

.list_indent_15 {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

table.blue_table {
    border-collapse: collapse;
    margin: 10px 0;
    width: 750px;
}

table.blue_table th {
    background-color: #D0E8F2;
    border: 1px solid #CBCBCB;
    text-align: center;
    font-weight: normal;
    line-height: 140%;
    padding: 7px;
    font-size: 1.2em;
}

table.blue_table th.title_row {
    background-color: #1E70EB;
    border: 1px solid #1E70EB;
    border-bottom: 1px solid #CBCBCB;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 1em;
    font-size: 1.4em;
}

table.blue_table tr.middle_title td {
    text-align: center;
    height: 3em;
    background-color: #DBEEF4;
}

table.blue_table tr.bottom_title td {
    text-align: center;
    height: 3em;
    background-color: #F2FCFF;
}

table.blue_table tr.left_title td {
    text-align: left;
    height: 3em;
    background-color: #DBEEF4;
}

table.blue_table td {
    background-color: #FFFFFF;
    border: 1px solid #CBCBCB;
    text-align: left;
    padding: 3px;
    font-size: 1.2em;
}

table.blue_table td.wimax_price_cell {
    text-align: center;
    padding: 8px;
    white-space: nowrap;
}

table.blue_table td.wimax_price_cell div.monthly_price {
    font-weight: bold;
}

table.blue_table td.wimax_price_cell div.discount {
    font-weight: bold;
    color: red;
}

table.blue_table tr.no_card td.grayout_area {
    background-color: #EAEAEA;
    color: #999999;
}

table.blue_table caption {
    border: 1px solid #CBCBCB;
    text-align: left;
    background-color: #DBEEF4;
    line-height: 140%;
    padding: 10px;
    font-size: 1.2em;
    margin-top: -10px;
    border-bottom-style: hidden;
}

table.barefoot {
    border-bottom-style: hidden;
}

div.option_show {
    border: solid 1px #CBCBCB;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 10px;
}

div.option_show dl {
    margin-top: 0px;
}

div.option_show dt {
    padding-top: 10px;
    margin-bottom: 0.5em;
}

div.option_show dd {
    color: #FF0000;
    margin-left: 1em;
    margin-bottom: 1em;
}

div.baloon_text {
    font-size: 1em;
    padding-left: 15px;
    text-align: left;
}

div.kaidenhou {
    font-size: 1.4em;
    border: solid 1px #CBCBCB;
}

div.kaidenhou div.kaidenhou_title {
    border-bottom: solid 1px #CBCBCB;
    background-color: #F6F6F6;
    padding: 7px;
    line-height: 140%;
    margin: 0;
}

div.kaidenhou div.kaidenhou_text {
    padding-left: 15px;
    padding-top: 10px;
    height: 210px;
    overflow: auto;
    line-height: 140%;
}

div.kaidenhou_text div.annotation {
    margin-left: 1em;
    font-size: 0.8em;
    color: #666666;
}

div.kaidenhou_text li {
    margin: 3px 0;
    padding: 0 0 0 -1em;
}

div.kaidenhou_text table {
    text-align: center;
    border-collapse: collapse;
    margin: 10px;
    line-height: 140%;
    font-size: 0.6em;
}

div.kaidenhou_text th {
    border: 1px solid #BABCBD;
    background-color: #EBEBEB;
    padding: 5px 10px;
}

div.kaidenhou_text td {
    border: 1px solid #BABCBD;
    padding: 5px 10px;
}

div.important_matter {
    border: solid 1px #CBCBCB;
}

div.important_matter div.important_matter_default_text{
    font-size: 1.4em;
    line-height: 140%;
}

div.important_matter_mb1{
    margin-bottom: 10px;
}

div.important_matter_mb2{
    margin-bottom: 20px;
}

div.important_matter_mb4{
    margin-bottom: 40px;
}

div.important_matter div.important_matter_title {
    border-bottom: solid 1px #CBCBCB;
    background-color: #F6F6F6;
    padding: 7px;
    margin: 0;
}

div.important_matter div.important_matter_text {
    padding: 16px 20px 20px;
}

div.important_matter div.epromise_text {
    padding: 0 10px 20px;
}

div.important_matter_terms {
    padding-top: 10px;
    padding-bottom: 30px;
}

div.important_matter_text div.annotation {
    margin-left: 1em;
    font-size: 0.8em;
    color: #666666;
}

div.important_matter_text li {
    margin: 3px 0;
    padding: 0 0 0 -1em;
}

div.important_matter_text table {
    text-align: center;
    border-collapse: collapse;
    margin: 10px;
    line-height: 140%;
    font-size: 0.6em;
}

div.important_matter_text th {
    border: 1px solid #BABCBD;
    background-color: #EBEBEB;
    padding: 5px 10px;
}

div.important_matter_text td {
    border: 1px solid #BABCBD;
    padding: 5px 10px;
}

/* ------------------------------------------------------
 important matter
------------------------------------------------------ */
div.sp_important_matter div.sp_important_matter_title {
    border-bottom: solid 1px #CBCBCB;
    background-color: #F6F6F6;
    padding: 7px;
    line-height: 140%;
    margin: 0;
}

div.sp_important_matter div.sp_important_matter_text {
    padding: 10px;
    line-height: 140%;
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

div.sp_important_matter.annotation {
    margin-left: 1em;
    font-size: 0.8em;
}

div.sp_important_matter_text li {
    margin: 3px 0;
    padding: 0 0 0 -1em;
}

div.sp_important_matter_text table {
    text-align: center;
    border-collapse: collapse;
    line-height: 140%;
    font-size: 1em;
}

div.sp_important_matter_text th {
    border: 1px solid black;
    background-color: #EBEBEB;
    padding: 5px 10px;
}

div.sp_important_matter_text td {
    border: 1px solid black;
    padding: 5px 10px;
}

div.nttpayment_attention {
    font-size: 120%;
    border: 1px solid #f08080;
    margin-bottom: 1em;
    padding: 1em;
}

div.sevicechange_attention {
    font-size: 120%;
    border: 1px solid;
    margin-bottom: 1em;
    padding: 1em;
}

/************************
/ クーポン表示領域
************************/
#chk_coupon_bg p.coupon_explain {
    font-size: 14px;
    margin: 0 0 5px 25px;
}

div.coupon_disp_area {
    border: 1px solid #ff0000;
    margin-left: 20px;
    margin-bottom: 1em;
    width: 93%;
    padding: 1em 0.5em;
    display: none;
}

ul.coupon_disp li, ul.coupon_disp_label li {
    list-style: none;
}

ul.coupon_disp li span.attention,
ul.coupon_disp_label li span.attention,
ul.mb_coupon_disp li span.attention {
    color: #ff0000;
    font-weight: bolder;
}

ul.coupon_disp li span.validterm, ul.coupon_disp_label li span.validterm {
    font-size: 0.8em;
    margin-left: 3em;
}

ul.mb_coupon_disp li span.validterm {
    margin-left: 3em;
}

ul.coupon_disp li span.smallfont, ul.coupon_disp_label li span.smallfont {
    font-size: 0.8em;
}

ul.coupon_disp li.subrow, ul.coupon_disp_label li.subrow {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

table.globaltable ul.coupon_disp_label {
    margin-left: -0.5em;
    margin-right: 0;
}

#coupon_input_message {
    font-size: 14px;
    margin-left: 30px;
}

#coupon_result_area {
    margin-top: 1em;
}

.coupon_message_area {
    display: none;
}

#coupon_explain2 {
    display: none;
}

div.blue_title_header_pc {
    background-color: #0070C0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.4em;
    padding: 10px 20px;
}

div.blue_title_text_pc {
    padding: 20px;
    border: 2px solid #0070C0;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 10px;
}

/************************
/ SP向け
************************/
h3.blue_header {
    border-left: 0;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #1E70EB;
    font-size: small;
    margin-top: 5px;
    padding: 5px;
}

ul.service_list {
    padding-left: 1.5em;
}

ul.service_list li {
    list-style-type: disc;
}

div.blue_title_header_sm {
    background-color: #1e70eb;
    color: #FFFFFF;
    font-size: small;
    padding: 5px;
    margin: 0 5px;
}

div.blue_title_text_sm {
    background-color: #FFFFFF;
    padding: 5px;
    margin: 0 5px;
    border: 2px solid #0070C0;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 10px;
}

div.blue_title_text_sm ul {
    margin-top: 1em;
    margin-left: 30px;
    margin-bottom: 1em;
    list-style-type: disc;
}

div.blue_title_text_sm li {
    list-style-type: disc;
}

#certfication_input_area {
    margin-top: 3em;
    margin-bottom: 2em;
}

#certfication_input_area ul {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

#certfication_input_area ul li {
    list-style: none;
    float: left;
}

#certfication_input_area ul li.left {
    text-align: right;
    width: 20%;
}

#certfication_input_area ul li.left, #certfication_input_area ul li.right {
    font-size: 1.2em;
    line-height: 240%;
}

#certfication_input_area ul li.center {
    margin: 0 1em;
}

#certfication_input_area input {
    ime-mode: disabled;
    width: 300px;
}

#terminalselect_input_area {
    width: 100%;
    margin-top: 4em;
    margin-bottom: 1em;
}

#terminalselect_input_area table, #planselect_input_area table, #lightss_planselect_input_area table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#terminalselect_input_area table thead th, #planselect_input_area table thead th, #lightss_planselect_input_area table thead th {
    background-color: #1E70EB;
    font-weight: bold;
    color: #FFFFFF;
    height: 40px;
    padding-left: 0.5em;
}

#terminalselect_input_area table tbody td, #terminalselect_input_area table thead th, #planselect_input_area table tbody td, #planselect_input_area table thead th, #lightss_planselect_input_area table tbody td, #lighttss_planselect_input_area table thead th {
    border: 1px solid #CBCBCB;
    text-align: left;
}

#terminalselect_input_area .selectterminal, #planselect_input_area .selectplan, #lightss_planselect_input_area .selectplan {
    width: 5%;
    text-align: center;
}

#terminalselect_input_area .terminaldisp {
    width: 55%;
}

#terminalselect_input_area .assistpackexplain {
    width: 40%;
}

ul.explainlist {
    margin-top: 1em;
    margin-left: 0;
    padding-left: 0.5em;
}

ul.explainlist li {
    list-style: none;
}

div.floatleft {
    float: left;
}

div.terminalimage {
    width: 30%;
}

div.terminalexplain {
    width: 70%;
}

div.fxc5awhimage {
    height: 110px;
    width: 110px;
    background: url(../img/pc/lte/fxc5awh.gif);
}

div.fxc5abkimage {
    height: 110px;
    width: 110px;
    background: url(../img/pc/lte/fxc5abk.gif);
}

div.allowsm01bkimage {
    height: 110px;
    width: 130px;
    background: url(../img/pc/lte/arrows_b.gif);
}

div.allowsm01whimage {
    height: 110px;
    width: 130px;
    background: url(../img/pc/lte/arrows_w.gif);
}

div.kcs301aewhimage {
    margin: 5px 20px 5px 10px;
    height: 120px;
    width: 130px;
    background: url(../img/pc/lte/kcs301ae_w.gif);
}

div.kcs301aegmimage {
    margin: 5px 20px 5px 10px;
    height: 120px;
    width: 130px;
    background: url(../img/pc/lte/kcs301ae_g.gif);
}

div.idol2sslimage {
    margin: 5px 20px 5px 10px;
    height: 110px;
    width: 130px;
    background: url(../img/pc/lte/idol_s.gif);
}

div.idol2schimage {
    margin: 5px 20px 5px 10px;
    height: 110px;
    width: 130px;
    background: url(../img/pc/lte/idol_c.gif);
}

div.idol2swhimage {
    margin: 5px 20px 5px 10px;
    height: 110px;
    width: 130px;
    background: url(../img/pc/lte/idol_w.gif);
}

#terminalselect_explain_area {
    border: 1px solid #CBCBCB;
    padding: 1em;
    margin-bottom: 2em;
}

div.reader_area {
    height: 33px;
    margin-right: 0.5em;
    float: left;
}

#planselect_input_area table tbody tr td, #lightss_planselect_input_area table tbody tr td {
    height: 4em;
    font-size: 12px;
    padding: 1em 0.7em;
}

#planselect_input_area .plandisp, #lightss_planselect_input_area .plandisp {
    width: 19%;
    font-weight: bold;
}

#planselect_input_area .plancost, #lightss_planselect_input_area .plancost {
    width: 17%;
    text-align: right;
    font-weight: bold;
}

#planselect_input_area .planspeed, #lightss_planselect_input_area .planspeed {
    width: 20%;
    text-align: center;
}

#planselect_input_area .planlimit, #lightss_planselect_input_area .planlimit {
    width: 20%;
    text-align: center;
}

#planselect_input_area .planuim, #lightss_planselect_input_area .planuim {
    width: 25%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

#planselect_input_area .planuim img, #lightss_planselect_input_area .planuim img {
    height: 100%;
}

#planselect_input_area .planuim table, #lightss_planselect_input_area .planuim table {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#planselect_input_area .planuim table td, #lightss_planselect_input_area .planuim table td {
    border-style: none;
    padding: 0;
    font-weight: bold;
}

#planselect_input_area .selectuim_title {
    font-size: 1.4em;
    font-weight: bold;
    background-color: #1E70EB;
    color: #FFFFFF;
    width: 100%;
    padding: 0.7em 0;
    margin: 1em 0;
}

#basiccourceexplain {
    margin-bottom: 2em;
}

#planselect_noticearea hr, #terminalselect_noticearea hr {
    border: none;
    border-top: solid 1px #CBCBCB;
    height: 1px;
}

#simlist {
    padding: 0;
    height: 110px;
    margin: 0;
}

#simlist li {
    list-style: none;
    float: left;
}

#simlist li.vertical_middle {
    margin-top: 25px;
}

div.spinbutton_narrow_field {
    width: 8em;
}

div.spinbutton_wide_field {

    width: 13em;
}

div.spinbutton_field div {
    float: left;
}

div.spinbutton_field div.cardtitle {
    font-size: 0.8em;
}

div.spinbox {
    width: 4em;
    height: 1.5em;
    text-align: right;
    margin-top: 0.5em;
    margin-right: 2px;
    line-height: 150%;
    background: #FFF;
    border: 1px solid #CBCBCB;
}

div.spinbutton_area {
    width: 2em;
}

div.spinbutton_area input {
    margin: 0 auto;
}

div.valid_error_field {
    width: 100%;
    text-align: center;
    color: red;
    font-size: 1.2em;
    padding-top: 1em;
    margin-top: 2em;
    margin-bottom: 0;
}

div.error_back_color {
    background: #FFE4E1;
}

div.msisdn_explain {
    width: 100%;
    text-align: center;
}

ul.largerfont {
    font-size: 1.5em;
}

ul.line_space li {
    margin-bottom: 3px;
}

.bolder {
    font-weight: bolder;
}

div.attentionbox {
    color: red;
    font-weight: bolder;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border: solid 1px red;
}

#aboutreleaseassistpack {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

#kaidenhou_area {
    padding: 0;
}

#kaidenhou_area ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#kaidenhou_area ul li {
    list-style: none;
}

#kaidenhou_area ul li.largespacer {
    margin-left: 5em;
}

input.disabled {
    background: none;
    box-shadow: none;
    filter: alpha(opacity=50);
}

#wifi_area {
    border: 1px solid #A6A6A6;
    margin: 3em 0;
    padding: 0.5em;
    font-size: 1.2em;
    line-height: 140%;
}

#wifi_area div {
    padding: 0.5em;
}

table.price_detail {
    font-size: 0.7em;
    border-collapse: collapse;
    width: 100%;
}

table.price_detail th {
    text-align: left;
    font-weight: normal;
    padding: 2px;
}

table.price_detail td {
    text-align: right;
    font-weight: bold;
    padding: 2px;
}

div.inputblock {
    border: 2px solid #FF4444;
}

div.inputblock_end {
    border: 2px solid #CCCCCC;
}

div.inputblock_error {
    background-color: #FFEAEA;
    border: 2px solid #FF4444;
}

.gray_box {
    width: 100%;
    margin: 1em 0;
    border: 1px solid #CBCBCB;
    padding: 0.5em 0;
}

.red_box {
    width: 100%;
    margin: 1em 0;
    border: 2px solid #FF0000;
    padding: 0.5em 0;
}

.red_box2 {
    width: 100%;
    margin: 1em 0;
    border: 1px solid #FF0000;
    padding: 0.5em 0;
}

ul#variable_nav {
    margin: 0 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: middle;
}

ul#variable_nav li {
    float: left;
}

ul#variable_nav li.arrow {
    margin: 5px 5px;
}

ul#variable_nav li.num {
    border: solid 2px #1e70eb;
    color: #1e70eb;
    padding: 5px 5px;
}

ul#variable_nav li.current {
    border: solid 2px #1e70eb;
    background: #1e70eb;
    color: #fff;
    padding: 5px 5px;
}

.box_select {
    margin: 5px;
    padding-top: 5px;
    border: #cccccc 1px solid;
    position: relative;
}

.box_select div.bottom_radio {
    border-top: #cccccc 1px solid;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* ID指定→class名指定にして、base02.cssからコピー&微修正
------------------------------------------- */
.t-white {
    color: #fff;
}

.t-white_b {
    color: #fff;
    font-weight: bold;
}

.t-black {
    color: #333;
}

.t-black_b {
    color: #333;
    font-weight: bold;
}

.t-red {
    color: #f33;
}

.t-red_b {
    color: #f33;
    font-weight: bold;
}

.t-blue {
    color: #5252ad;
}

.t-blue_b {
    color: #5252ad;
    font-weight: bold;
}

.t-blue02 {
    color: #669;
}

.t-blue02_b {
    color: #669;
    font-weight: bold;
}

.t-blue03 {
    color: #339;
}

.t-blue03_b {
    color: #339;
    font-weight: bold;
    font-size: 12px;
}

.t-green {
    color: #316331;
}

.t-green_b {
    color: #316331;
    font-weight: bold;
}

.t-orange {
    color: #367602;
}

.t-orange_b {
    color: #367602;
    font-weight: bold;
}

.t-orange02 {
    color: #ffbb00;
}

.t-orange02_b {
    color: #ff9900;
    font-weight: bold;
}

.t-brown {
    color: #600;
}

.t-brown_b {
    color: #600;
    font-weight: bold;
    font-size: 12px;
}

.t-brown02 {
    color: #665;
}

.t-brown02_b {
    color: #665;
    font-weight: bold;
}

.t-gray {
    color: #444;
}

.t-gray_b {
    color: #444;
    font-weight: bold;
}

/* レイアウト
------------------------------------------- */
.lead {
    padding: 0.8em 0;
}

.box_inner {
    padding: 0.8em 1.2em;
}

.indent01 {
    padding: 0 0.8em;
}

.bold {
    font-weight: bold;
}

/* ユーザアンケート
------------------------------------------- */
.indigo_fill {
    background-color: #036;
    border: 6px solid #036;
}

.fill_inner {
    background-color: #FFF;
    padding: 1.2em;
}

/* textalign
------------------------------------------- */
.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

/* 背景色
------------------------------------------- */
input.text_error {
    background-color: #ffeaea;
}

.radio_box {
    border: 2px solid #bcbcbc;
    padding: 0.8em;
    border-radius: 10px;
    width: 5.5em;
    float: left;
    text-align: center;
    margin: 0.4em;
    white-space: nowrap;
}

.selectcolor {
    padding: 0.8em 0em 0.8em 0.4em;
    float: left;
}

.sim_image,
#planselect_input_area table tbody tr td.sim_image {
    height: 110px;
    text-align: center;
}

div.sim_image {
    height: 110px;
    width: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}