/*******************************************************
*                                                      *
* 一般・ディーラ  共通定義ファイル                     *
*                                                      *
*******************************************************/
/*******************************************************
* 全体                                                 *
*******************************************************/
body#html_base {
    padding:0px;
    margin:12px auto;
    font-size:11pt;
    max-width:1000px;
    background-color:transparent;
    line-height:1.3;
}
/*
 * 始めにお読み下さい等
*/
body#html_base_reservation {
    padding:0px;
    margin:12px 0px;
    font-size:11pt;
    font-family:"ＭＳ Ｐゴシック";
    line-height:1.3;
}
body#html_base img {
    border-width:0px;
}
body#html_base a {
    background-color:transparent;
}

/*
 * 印刷範囲外にする
*/
@media print{
    .noprint{
        display:none;
    }
    .maring_2 {
        margin:-2px auto !important;
    }
}

/*
 * 表示
*/
.display_on {
    display:block;
}

/*
 * 非表示
*/
.display_off {
    display:none !important;
}

.display_inline {
    display:inline;
}

img {
  max-width: 100%;
  height: auto;
}
/*******************************************************
* 構成                                                 *
*******************************************************/
/*
 * ページ外枠
*/
div#containar {
    max-width:1000px;
    margin:0px auto;
    text-align:center; /* IE対策 */
}

/*
 * ヘッダ
*/
div#header {
    max-width:1000px;
    width:100%;
    margin:0px;
    background-color:white; /* 仮 */
}
header.top {
    width: 96%;
    padding: 10px;
    border: 10px solid #6eadd1;
    background-color: #92c1dc;
    font-size:2.5em;
    color:#FFF;
    text-align:left;
    text-shadow: 2px 2px 1px #7A7A7A;
    vertical-align:middle;
    margin: 0px;
}

/*
 * トップ
*/
div#top {
    max-width:1000px;
    width:100%;
    height:auto;
    margin:0px;
    margin-top:10px;
}
div#top img {
    width:98%;
}

/*
 * コンテンツ
*/
div#contents {
    width:95%;
    text-align:left;
    font-size:11pt;
    display:inline-block;
}
div#contents:after {
    content:"";
    display:block;
    clear:both;
    height:0px;
    max-height:0px;
    overflow:hidden;
}

/*
 * コンテンツ（メニューなし）
*/
div#no_menu_contents {
    width:95%;
    margin:0px auto;
    text-align:left;
    font-size:11pt;
    display:inline-block;
}

/*
 * コンテンツ（メニューなし）
*/
div#no_menu_contents_700 {
    width:70%;
    margin:0px auto;
    text-align:left;
    font-size:11pt;
}

/*
 * コンテンツ（プライバシーポリシー）
*/
div#menu_contents_policy {
    width:90%;
    text-align:left;
    font-size:11pt;
    display:inline-block;
}

/*
 * メニュー
*/
div#menu {
    width:18%;
    height:100%;
    display:inline-block;
    background-image:url(../../img/pic_002.png);
    background-repeat:repeat-y;
}

/*
 * フッタ
*/
div#footer {
    width:100%;
    margin:0px;
    height:20px;
    clear:both;
    background-color:white; /* 仮 */
}

.clear {clear:both;}
.clear hr {display:none;}

nav.pc {
    font-size:8.5pt;
    margin:12px 10px 14px 10px;
    padding:5px;
    text-align:left;
    width: auto;
    border: 1px solid #98CB66;
    border-radius: 6px;
}
nav.pc span {
    color: #C63E00;
}
div.site_menu {
    float:left;
    width:18%;
    display:block;
}
div.site_menu menu {
    margin: 10px;
    list-style-type:none;
    padding:0px;
}
menu li {
    margin: 5px;
    border: 1px solid #000;
    border-radius: 6px;
    background-color:white;
    color:#000;

}
menu li a,menu li a:link,menu li a:visited {
    color:#000;
    text-decoration: none;
    padding: 10px;
    display:block;
    font-size:12px;
}

menu li a:hover {

    color:#000;
    border: 1px solid orange;
    border-radius: 6px;
    background-color:white;
}
.spmenu_btn {
    display:none;
}

#enquiry {
    max-width:400px;
    width:90%;
    margin:auto;
}
#enquiry dt {
    cursor:pointer;
    background-image: url(../../img/plus.gif);
    background-repeat: no-repeat;
    background-position: 95% center;
    border:solid 1px #ccc;
    padding:10px 35px 10px 15px;
    font-size:14px;
    text-align:left;
}
#enquiry dd{
    display:none;
    font-size:14px;
    line-height:140%;
    margin:0;
    padding:15px;
    text-align:left;
}
#enquiry dt.active{
    background-image: url(../../img/minus.gif);
}
#enquiry dt.over {
    background-color: #CCC;
}
#enquiry_QA {
    max-width:1000px;
    width:90%;
    margin:auto;
}
#enquiry_QA dt {
    cursor:pointer;
    background-image: url(../../img/plus.gif);
    background-repeat: no-repeat;
    background-position: 95% center;
    border:solid 1px #ccc;
    padding:10px 60px 10px 15px;
    font-size:14px;
    text-align:left;
}
#enquiry_QA dd{
    display:none;
    font-size:14px;
    line-height:140%;
    margin:0;
    padding:15px;
    text-align:left;
}
#enquiry_QA dt.active{
    background-image: url(../../img/minus.gif);
}
#enquiry_QA dt.over {
    background-color: #CCC;
}
/*
 * ナンバープレート（選択できません）用
*/
.no_items {
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
 * ナンバープレート（選択できません）用
*/
.contents_menu_area {
    margin:auto;
    max-width:1000px;
    width:100%;
    text-align:center;
}
.contents_menu_area .one_block {
    display:inline-block;
    width:45%;
    margin:auto 10px 15px 10px;
    vertical-align:top;
}
.contents_menu_area .three_block {
    display:inline-block;
    width:30%;
    margin:auto 10px 15px 10px;
    vertical-align:top;
}
.contents_menu_area_s {
    margin:auto;
    max-width:750px;
    width:100%;
    text-align:center;
}
.contents_menu_area_s .one_block {
    display:inline-block;
    width:45%;
    margin:auto 10px 15px 10px;
    vertical-align:top;
}
.contents_menu_area_s .one_block h1 {
    font-size:110%;
}

/* メニューサイズ変更用 */
@media screen and (max-width:549px) {
    .contents_menu_area .one_block {
        width:85%;
    }
    .contents_menu_area_s .one_block {
        width:85%;
    }
}

.interval {
    margin-right:15px;
}

.interval_d {
    display:block;
    margin-right:15px;
}

/*******************************************************
* 希望番号入力エリア関連                               *
*******************************************************/
#number_area {
    max-width:1000px;
    width:80%;
    margin:10px auto;
    text-align:center;
    position: relative;
}
#number_area .lot_number_area {
    width:54%;
    margin:auto;
    display:inline-block;
    vertical-align:top;
}
#number_area .general_number_area {
    width:30%;
    margin:auto;
    display:inline-block;
    vertical-align:top;
}
#lot {
    border:1px solid gray;
    text-align:left;
    padding:5px;

}
#lot div {
    font-family:sans-serif;
    width:55px;
    height:38px;
    padding:3px;
    font-weight:bold;
    font-size:9pt;
    border:1px solid #000000;
    color:#006600;
    margin:5px auto;
    display:inline-block;
    text-align:center;
}
#lot_kei {
    border:1px solid gray;
    text-align:left;
    padding:5px;
}
#lot_kei div {
    font-family:sans-serif;
    width:55px;
    height:38px;
    padding:3px;
    font-weight:bold;
    font-size:9pt;
    background-color:#ffff00;
    border:1px solid #000000;
    color:#000000;
    margin:5px auto;
    display:inline-block;
    text-align:center;
}
#general {
    border:1px solid #E2E1E1;
    padding:5px;
}

/*******************************************************
* 文字装飾                                             *
*******************************************************/
/*
 * 基本フォント
*/
.base_font {
    font-size:11pt;
}

/*
 * 小フォント
*/
.small_font {
    font-size:10pt;
}

/*
 * 小フォント 2
*/
.smaller_font {
    font-size:smaller;
}

/*
 * 大フォント
*/
.big_font {
    font-size:13pt;
}

/*
 * 赤文字（通常）
*/
.red_normal {
    color:#DD0000;
}


/*
 * 赤文字（太字）
*/
.red_bold {
    color:#DD0000;
    font-weight:bold;
}


/*
 * 青文字（通常）
*/
.blue_normal {
    color:#0000ff;
}

/*
 * 黒文字（通常）
*/
.black_normal {
    color:#000000;
}

/*
 * 黒文字（優先）
*/
.black_important {
    color:#000000 !important;
}

/*
 * オレンジ文字（通常）
*/
.orange_normal {
    color:#ff6600;
}


/*
 * ページ内リンク
*/
.pagelink {
    font-size:10pt;
    text-align:right;
}


/*
 * メニュー表示（桁あふれ）
*/
.menu_overflow {
   overflow-y:hidden;
}

/*
 * 太字
 */
.weight_bold {
    font-weight:bold;
}

/*
 * 斜体
 */
.style_oblique {
    font-style:oblique;
}

/*
 * 下線
 */
.decoration_underline {
    text-decoration:underline;
}

/*
 * 取り消し線
 */
.decoration_strike {
    text-decoration:line-through;
}

/*
 * 文字_デフォルト
 */
.weight_normal {
    font-weight:normal;
}

/*******************************************************
* ブロック設定                                         *
*******************************************************/
/*
 * 上下に1行分開ける
 */
.up_and_down_space {
    display:block;
    margin-top:1em;
    margin-bottom:1em;
}

/*
 * 中央配置
 */
.position_center {
    margin:0px auto;
    text-align:center;
}

.indent_area {
    padding-left:20px;
}
.indent_area span {
    margin-left:-20px;
}

/*
 * スクロールauto
 */
.scroll_auto {
    overflow: auto;
}

/*
 * スクロールno
 */
.scroll_no {
    overflow: no-display;
}

.margin_0 {
    margin:0px !important ;
}

/*
 * 上下左右に10pxあける
 */
.margin_10 {
    margin:10px  !important;
}

/*
 * 上下に10px、左右に0pxあける
 */
.margin_10_0 {
    margin:10px 0px  !important;
}

/*
 * 上下10px左右autoあける
 */
.margin_10_auto {
    margin:10px auto  !important;
}

/*
 * 上下0px左右1emあける
 */
.margin_0_1em {
    margin:0px 1em  !important;
}

/*
 * 上下左右に20pxあける
 */
.margin_20 {
    margin:20px  !important;
}

/*
 * 上下45px左右0pxあける
 */
.margin_35_0 {
    margin:35px 0px  !important;
}

/*
 * 上下に40pxあける
 */
.margin_40 {
    margin:40px 0px 40px 0px  !important;
}

/*
 * 上下に40pxあける
 */
.margin_40_200 {
    margin:40px 200px 40px 200px  !important;
}

/*
 * 上20px右60px下0px左60pxあける
 */
.margin_20_60_0_60 {
    margin:20px 60px 0px 60px  !important;
}

/*
 * 上10px下10px右60px左50pxあける
 */
.margin_10_60_10_30 {
    margin:10px 60px 10px 50px  !important;
}

/*
 * 上に0pxあける
 */
.margin_top_0 {
    margin-top:0px  !important;
}

/*
 * 上に5pxあける
 */
.margin_top_5 {
    margin-top:5px  !important;
}

/*
 * 上に30pxあける
 */
.margin_top_30 {
    margin-top:30px  !important;
}

/*
 * 下に0pxあける
 */
.margin_bottom_0 {
    margin-bottom:0px  !important;
}

/*
 * 下に20pxあける
 */
.margin_bottom_20 {
    margin-bottom:20px  !important;
}

/*
 * 上下に12pxあける
 */
.margin_12 {
    margin:12px 0px 12px 0px;
}

/*
 * 左右に10pxあける
 */
.margin_0_10 {
    margin:0px 10px 0px 10px;
}


/*
 * 承諾事項用のmargin
 */
.margin_consent {
    margin:10px 0px 20px 10px;
}

/*
 * 始めにお読み下さいの目次
 */
.margin_read_me {
    margin:10px 36px 10px -40px;
}

/*
 * 同意エリア（同意する、同意しない）
 * 使用箇所なし
*/
.contents_consent {
    margin-top:0px;
    padding:10px;
    width:50%;
    text-align:center;
    border: 2px solid black;
}

/*
 * 同意エリア（同意するのみ）
*/
.contents_consent_simple {
    margin-top:0px;
    padding:10px;
    text-align:center;
    border: 2px solid #99CC33;
    color:#000000;
    font-weight:bold;
}

/*
 * サイズ指定（チェックボックス用）
 */
.checkbox_size {
    width:15px;
    height:15px;
}

/*
 * 場所指定（チェックボックス用）
 */
.checkbox_position {
    margin-left:-33px;
}

/*
 * サイズ指定（Q&Aのタイトルエリア用）
 */
.qa_title_area {
    width:95%;
    margin:17px
}

/*
 * サイズ指定（Q&Aのタイトルラベル用）
 */
.qa_title_label {
    width:96%;
    margin:17px
}

/*
 * サイズ指定（iframe用）（メニューの）
 */
.menu_size {
    width:180px;
    height:520px;
}

/*
 * 中寄せ
 */
.arrange_center {
    text-align:center !important;
}

/*
 * 右寄せ
 */
.arrange_right {
    text-align:right;
}
/*
 * 左寄せ
 */
.arrange_left {
    text-align:left;
}
/*
 * 均等割り付け
 */
.arrange_justify {
    text-align:justify;
    text-justify:inter-ideograph;
}

/*
 * 縦中寄せ
 */
.arrange_middle {
    vertical-align:middle;
}
/*
 * 上寄せ
 */
.arrange_top {
    vertical-align:top;
}
/*
 * 下寄せ
 */
.arrange_bottom {
    vertical-align:bottom;
}

/*
 * 自動改行禁止
 */
.block_nowrap {
    white-space:nowrap;
}

/*
 * 自動改行
 */
.block_wrap {
    white-space:normal;
}

/*
 * インラインブロック
 */
.box_inline {
    display:inline-block;
}

/*
 * 禁則処理（厳密）
 */
.hyphenation {
    line-break:strict;
}

/*
 * 文字間隔を半角スペース分くらい開ける
 */
.spacing_half {
    letter-spacing:0.3em;
}

/*
 * ブロック要素：幅750px
 */
.width_750 {
    width:750px;
}

/*
 * テーブル要素用
 */
.table {
    display:table;
}
.tr {
    display:table-row;
}
.thead {
    display:table-header-group;
}
.tbody {
    display:table-row-group;
}
.tfoot {
    display:table-footer-group;
}
.col {
    display:table-column;
}
.colgroup {
    display:table-column-group;
}
.td, .th {
    display: table-cell;
}
.caption {
    display:table-caption;
}

.table, .td {
    padding: 0;
    border: none;
}

/*
 * 中央下寄せ(外枠divに使用)
 */
.position_relative {
    position:relative;
    height:170px;
}

/*
 * 中央下寄せ(下寄せを行うdivに使用)
 */
.position_absolute_bottom {
    position:absolute;
    bottom:10px;
    width:85%;
    text-align:center;
}

/*改行なし*/
 .no_line_break {
    white-space:nowrap;
 }


/**********************************
* 項目構成                        *
***********************************/
/*
 * 始めにお読み下さいの目次用
 */
.read_me {
    width:90%;
    margin:10px auto;
}

/*
 * 改行
 */
.br {
    margin-bottom:14px  !important;
}

/*
 * 始めにお読み下さいの目次外枠
 */
.read_me_field {
    padding:1em;
    width:90%;
}

/*
 * padding:0.5em;
 */
.padding_half_em {
    padding:0.5em !important;
}

/*
 * padding:1em;
 */
.padding_1em {
    padding:1em !important;
}

/*
 * padding:1.4em;
 */
.padding_1_4em {
    padding:1.4em;
}

/*
 * margin-top:5px
 */
.margin_top_5 {
    margin-top:5px !important;
}

/*
 * margin-top:30px
 */
.margin_top_30 {
    margin-top:30px !important;
}

/*
 * margin-right:5px
 */
.margin_right_5 {
    margin-right:5px !important;
}

/*
 * margin-right:20px
 */
.margin_right_20 {
    margin-right:20px !important;
}

/*
 * margin-left:20px
 */
.margin_left_20 {
    margin-left:20px !important;
}

/*
 * margin-left:30px
 */
.margin_left_30 {
    margin-left:30px !important;
}

/*
 * margin-left:40px
 */
.margin_left_40 {
    margin-left:40px !important;
}

/*
 * margin-left:70px
 */
.margin_left_70 {
    margin-left:70px !important;
}

/*
 * margin-left:90px
 */
.margin_left_90 {
    margin-left:90px !important;
}

/*
 * margin-left:-20px
 */
.margin_left_20_row {
    margin-left:-20px !important;
}

/*
 * margin-left:-25px
 */
.margin_left_25_row {
    margin-left:-25px !important;
}

/*
 * margin-left:-30px
 */
.margin_left_30_row {
    margin-left:-30px !important;
}

/*
 * margin-bottom:0.5em
 */
.margin_bottom_half_em {
    margin-bottom:0.5em !important;
}

/*
 * margin-bottom:1em
 */
.margin_bottom_1em {
    margin-bottom:1em !important;
}

/*
 * margin-bottom:10px
 */
.margin_bottom_10 {
    margin-bottom:10px !important;
}

/*
 * margin-bottom:15px
 */
.margin_bottom_15 {
    margin-bottom:15px !important;
}

/*
 * margin:2em 0px 0.5em 0px
 */
.margin_gide {
    margin:2em 0px 0.5em 0px !important;
}

/*
 * margin:2em 0px 0.5em 0px
 */
.margin_error {
    max-width:600px;
    width:90%;
    margin-top:1em !important;
}

/*
 * margin:auto
 */
.margin_auto {
    margin:auto;
}


/*
 * width:20%
 */
.width_20_par {
    width:20% !important;
}

/*
 * width:33%
 */
.width_33_par {
    width:33% !important;
}

/*
 * width:85%
 */
.width_85_par {
    width:85% !important;
}

/*
 * width:90%
 */
.width_90_par {
    width:90% !important;
}

/*
 * width:95%
 */
.width_95_par {
    width:95% !important;
}

/*
 * width:100%
 */
.width_100_par {
    width:100% !important;
}

/*
 * width:15px
 */
.width_15 {
    width:15px !important;
}

/*
 * width:70px
 */
.width_70 {
    width:70px !important;
}

/*
 * width:80px
 */
.width_80 {
    width:80px !important;
}

/*
 * width:90px
 */
.width_90 {
    width:90px !important;
}

/*
 * width:100px
 */
.width_100 {
    width:100px !important;
}

/*
 * width:110px
 */
.width_110 {
    width:110px !important;
}

/*
 * width:115px
 */
.width_115 {
    width:115px !important;
}

/*
 * width:125px
 */
.width_125 {
    width:125px !important;
}

/*
 * width:130px
 */
.width_130 {
    width:130px !important;
}

/*
 * width:150px
 */
.width_150 {
    width:150px !important;
}

/*
 * width:160px
 */
.width_160 {
    width:160px !important;
}

/*
 * width:180px
 */
.width_180 {
    width:180px !important;
}

/*
 * width:230px
 */
.width_230 {
    width:230px !important;
}

/*
 * width:250px
 */
.width_250 {
    width:250px !important;
}

/*
 * width:300px
 */
.width_300 {
    width:300px !important;
}

/*
 * width:320px
 */
.width_320 {
    max-width:320px !important;
    margin:auto;
}

/*
 * width:350px
 */
.width_350 {
    width:350px !important;
}

/*
 * width:400px
 */
.width_400 {
    max-width:400px !important;
}

.width_400_d {
    width:400px !important;
}

/*
 * width:450px
 */
.width_450 {
    width:450px !important;
}

/*
 * width:500px
 */
.width_500 {
    width:500px !important;
}

/*
 * width:530px
 */
.width_530 {
    width:530px !important;
}

/*
 * width:564px
 */
.width_564 {
    max-width:564px !important;
}

.width_564_d {
    width:564px !important;
}

/*
 * width:700px
 */
.width_700 {
    width:700px !important;
}

/*
 * width:730px
 */
.width_730 {
    width:730px !important;
}

/*
 * width:750px
 */
.width_750 {
  max-width:750 !important;
    width:97%;
}

/*
 * width:780px
 */
.width_780 {
    width:780px !important;
}

/*
 * max-width:120px
 */
.max_width_120 {
    max-width:120px;
}

/*
 * max-width:220px
 */
.max_width_220 {
    max-width:220px;
}

/*
 * width:230px
 */
.select_width230 {
    max-width:230px;
    width:100%;
}

/*
 * width:320px
 */
.select_width320 {
    max-width:320px;
    width:100%;
}

/*
 * max-width:400px
 */
.max_width_400 {
    max-width:400px;
}

/*
 * max-width:470px
 */
.max_width_470 {
    max-width:470px !important;
}

/*
 * height:14px
 */
.height_14 {
    height:14px !important;
}

/*
 * height:25px
 */
.height_25 {
    height:25px;
}

/*
 * height:35px
 */
.height_35 {
    height:35px !important;
}

/*
 * height:80px
 */
.height_80 {
    height:80px !important;
}

/*
 * height:90px
 */
.height_90 {
    height:90px !important;
}

/*
 * height:125px
 */
.height_125 {
    height:125px;
}

/*
 * height:150px
 */
.height_150 {
    height:150px !important;
}

/*
 * height:160px
 */
.height_160 {
    height:160px !important;
}

/*
 * height:200px
 */
.height_200 {
    height:200px !important;
}

/*
 * height:275px
 */
.height_275 {
    height:275px !important;
}

/*
 * padding:10px
 */
.padding_10 {
    padding:10px !important;
}

/*
 * グループ表示（罫線囲い）
*/
.field_gide {
    margin-top:1em;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}

/*
 * グループ表示（抽選対象希望番号）
*/
.field_lotno {
    border:1px solid gray;
}

/*
 * 予約センターの要素
 */
.reservation_div {
    width:700px;
    margin:0px 100px 0px 20px;;
}

/*******************************************************
* メニューエリア                                       *
*******************************************************/
/**********************************
* メニュー関連                    *
***********************************/
/*
 * メニューページ
*/
body#menu {
    margin:0px;
    width:180px;
    height:400px;
    text-align:left;
    background-image:url(../../img/pic_002.png);
    background-repeat:repeat-y;
}
body#menu img {
    border-width:0px;
}

div#menyu_bakimg {
    background-image:url(../../img/pic_002.png);
    background-repeat:repeat-y;
}

/*
 * メニュー外枠（中寄せ）
*/
div#menu_center {
    margin:0px auto;
    width:180px;
    text-align:center; /* IE対策 */
}

/*
 * メニューボタンリスト
*/
ul#menu_list {
    list-style-type:none;
    padding:0px; /* IE対策 */
    margin:0px;
    width:180px;
    text-align:center; /* IE対策 */
}

/*
 * メニューボタンリスト
*/
ul#menu_list_logout {
    list-style-type:none;
    padding:0px; /* IE対策 */
    margin:35px 0px;
    width:180px;
    text-align:center; /* IE対策 */
}

/*
 * メニューボタン
*/
ul#menu_list li.menu_btn {
    width:150px;
    height:36px;
    margin:3px auto;
    overflow:hidden;
}

/*
 * メニューボタン
*/
ul#menu_list_logout li.menu_btn {
    width:150px;
    height:36px;
    margin:3px auto;
    overflow:hidden;
}

/*
 * メニューボタンリンク（通常）
*/
ul#menu_list li.menu_btn a {
    display:block;
    margin:0px auto;
}

/*
 * メニューボタンリンク（通常）
*/
ul#menu_list_logout li.menu_btn a {
    display:block;
    margin:0px auto;
}

/*
 * メニューボタンリンク（現在のページ）
*/
ul#menu_list li.menu_btn a.current {
    display:block;
    margin:-72px auto 0px auto;
    background-color:transparent;
}

/*
 * メニューボタンリンク（現在のページ）
*/
ul#menu_list_logout li.menu_btn a.current {
    display:block;
    margin:-72px auto 0px auto;
    background-color:transparent;
}

.btn_base { /* コンテンツ内下部基本ボタン（戻る等） */
    text-align: center;
}
.btn_base a:link, .btn_base a:visited {
    color: #000000;
    font-weight:normal;
    font-size: 21px;
    background-color: #98CB66 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    text-decoration: none;
    position: relative;
    margin: 10px 20px;
    padding: 10px 30px;
    display: inline-block;
}
.btn_base:before {
    clear:both;
}

.btn_base_info { /* コンテンツ内下部基本ボタン（戻る等） */
    text-align: center;
}
.btn_base_info a:link, .btn_base_info a:visited {
    color: #000000;
    font-weight:normal;
    font-size: 21px;
    background-color: #98CBCB !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    text-decoration: none;
    position: relative;
    margin: 10px 20px;
    padding: 10px 30px;
    display: inline-block;
}
.btn_base_info:before {
    clear:both;
}

.btn_base_sure { /* コンテンツ内下部基本ボタン（ワーニング等） */
    text-align: center;
}
.btn_base_sure a:link, .btn_base_sure a:visited {
    color: #000000;
    font-weight:normal;
    font-size: 21px;
    background-color: #98CB66 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    text-decoration: none;
    position: relative;
    padding: 10px 30px;
    display: inline-block;
}

/*******************************************************
* データエリア                                         *
*******************************************************/
/**********************************
* 始めにお読みください            *
***********************************/
/*
 * 希望番号指定可能箇所説明
*/
div#definition_kibou_number {
    display:table;
    width:100%;
    margin:0px auto;
}
div#definition_kibou_number div.number_type {
    display:table-row;
}
div.number_type div.plate_img {
    display:table-cell;
    padding:10px;
}
div.number_type div.plate_description {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    padding:0px 0px 0px 10px;
}
/**********************************
* メニュー一覧                  *
***********************************/
/*
 * ヘディング
*/
div#heading {
    margin:0px;
    width:100%;
    text-align:left;
}

/*
 * 一般ユーザ用
*/
div#heading_left_n {
    margin:0px;
    width:65%;
    text-align:left;
    display:inline-block;
    vertical-align:top;
}
div#heading_right_n {
    margin:0px;
    width:34%;
    text-align:left;
    display:inline-block;
}

/*
 * ディーラー用
*/
div#heading_left {
    margin:0px;
    width:56.25%;
    text-align:left;
    display:inline-block;
    vertical-align:top;
}
div#heading_right {
    margin:0px;
    width:42.5%;
    text-align:left;
    display:inline-block;
}

/*
 * メニュータイトル
*/
div#title_img {
    margin:12px 0px;
    width:700px;
    text-align:left;
    clear:both;
}
div#title_img img {
    background-color:transparent;
}

/*
 * メニュー説明
*/
div#title_description {
    margin:12px 0px;
    max-width:1000px;
    text-align:left;
    clear:both;
}

/*
 * メニュー項目外枠
*/
div#menu_contents {
    margin:0px auto;
    width:780px;
    text-align:center; /* IE対策 */
}

/*
 * メニュー項目一覧
*/
div#contents_list {
    width:620px;
    padding:0px; /* IE対策 */
    margin:0px auto 20px auto;
    text-align:center;
    display:table;
    empty-cells:hide;
    border-collapse:collapse;
    border-spacing:0px;
}

/*
 * メニュー項目
*/
div.contents_item {
    width:620px;
    margin:0px auto;
    height:70px;
    padding:0px; /* IE対策 */
    text-align:center;
    display:table-row;
}

/*
 * メニュー項目タイトル
*/
div.contents_item div.item_title {
    padding:15px;
    height:70px;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    overflow:hidden;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    *display: inline;/*スターハック*/
    *zoom: 1;/*スターハック*/
}
div.item_title div.banner {
    margin:0px;
    width:124px;
    height:59px;
    overflow:hidden;
    display:block;
}
div.item_title img {
    background-color:transparent;
}
/*
 * ボタンリンク
*/
div.banner a {
    display:block;
    margin-top:0px;
}

/*
 * メニュー項目説明
*/
div.contents_item div.item_description {
    width:470px;
    height:70px;
    text-align:left;
    vertical-align:middle;
    display:table-cell;
    overflow:hidden;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    *display: inline;/*スターハック*/
    *zoom: 1;/*スターハック*/
}

/*
 * ワンポイント装飾画像(申込メニュー)
*/
img#decoration_img {
    float:right;
    margin-top:21px;
}

/*
 * ワンポイント装飾画像(照会メニュー)
*/
img#decoration_img_s {
    float:right;
    margin-top:21px;
}

/*
 * ワンポイント装飾画像(予約センター用)
*/
img#decoration_img_y {
    float:right;
    margin-top:134px;
}

/**********************************
* 入力画面                        *
***********************************/
/*
 * ナビ表示エリア
*/
div#navi_img {
    margin:12px 0px 14px 0px;
    padding:0px auto;
    width:800px;
    text-align:left;
}

/*
 * ボタン
*/
div.button_item {
    margin:0px 10px;
    width:auto;
    height:28px;
    display:inline-block;
}
div.button_item img {
    background-color:transparent;
}

/*
 * ボタンリンク
*/
div.button_item a {
    display:block;
    margin:0px;
}

/*
 * 画面説明エリア（メニューなし））
*/
div#contents_description_n {
    margin:0px auto;
    padding:12px 0px;
    width:90%;
    text-align:left;
}

/*
 * 画面説明エリア（メニューあり）
*/
div#contents_description {
    margin:0px auto;
    padding:12px 0px;
    width:100%;
    text-align:left;
}

/*
 * 一般ユーザ用
 * 画面説明エリア（問い合わせ先あり・上位）
*/
div#contents_description_nh {
    margin:0px auto;
    padding:12px 0px 0px;
    width:84.7%;
    text-align:left;
}

/*
 * 一般ユーザ用
 * 画面説明エリア（問い合わせ先あり・下位）
*/
div#contents_description_nl {
    margin:0px auto;
    padding:0px 0px 12px;
    width:90%;
    text-align:left;
}

/*
 * ディーラー用
 * 画面説明エリア（問い合わせ先あり・上位）
*/
div#contents_description_h {
    margin:0px auto;
    padding:12px 0px 0px;
    width:100%;
    text-align:left;
}

/*
 * ディーラー用
 * 画面説明エリア（問い合わせ先あり・下位）
*/
div#contents_description_l {
    margin:0px auto;
    padding:0px 0px 12px;
    width:100%;
    text-align:left;
}

/*
 * 注意事項リスト（マーカーが「！」）
*/
ul.list_attention {
    margin:15px 0px 12px 25px; /* 画像アイコン分ずらす */
    padding:0px;
    list-style-image:url(../../img/icon_001.png);
    list-style-position:outside;
}

ul.list_attention_contents {
    margin:0px 0px 12px 22px; /* 画像アイコン分ずらす */
    padding:0px;
    list-style-image:url(../../img/icon_001.png);
    list-style-position:outside;
}

ul.list_attention_contents_rn {
    margin:0px 0px 0px 22px; /* 画像アイコン分ずらす */
    padding:0px;
    list-style-image:url(../../img/icon_001.png);
    list-style-position:outside;
}

/*
 * 注意事項
*/
li.attention_item {
    margin:5px 0px;
    padding:0px;
    list-style-type:none;
    width:95%;
}
li.attention_item_dot {
    margin:5px 0px;
    padding:0px;
    width:95%;
}
li.attention_item_contents {
    margin:0px 0px;
    padding:0px;
}
li.attention_item_info {
    margin:5px 0px 15px 0px;
    padding:0px;
}

/*
 * 注釈リスト（マーカーが「※」）
 */
ul.list_annotated {
    margin:10px 0px;
    list-style-image:url(../../img/icon_005.png);
    list-style-position:outside;
}

 /*
  * 注釈リスト（マーカーが手書きの「※」で一字下げ）
  */
 ul.list_annotated_textindent {
     margin:0px;
     padding-left:1em;
     width:100%;
 }
 ul.list_annotated_textindent li {
     list-style-type:none;
     text-indent:-1.0em;
     list-style-type:none;
 }

/*
 * 注釈リスト（マーカーが「※」）次のお手続き用
 */
ul.list_annotated_info {
    margin-top:5px;
    margin-left:-10px;
    margin-bottom:5px;
    list-style-image:url(../../img/icon_005.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカーが「※１」）
 */
ul.list_annotated_f {
    margin:10px 0px;
    list-style-image:url(../../img/icon_006.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカーが「※２」）
 */
ul.list_annotated_s {
    margin:10px 0px;
    list-style-image:url(../../img/icon_007.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカーが赤字「※１」）
 */
ul.list_annotated_red_f {
    margin:10px 0px;
    list-style-image:url(../../img/icon_011.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカー赤字が「※２」）
 */
ul.list_annotated_red_s {
    margin:10px 0px;
    list-style-image:url(../../img/icon_012.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカー赤字が「※３」）
 */
ul.list_annotated_red_3 {
    margin:10px 0px;
    list-style-image:url(../../img/icon_013.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカー赤字が「※４」）
 */
ul.list_annotated_red_4 {
    margin:10px 0px;
    list-style-image:url(../../img/icon_014.png);
    list-style-position:outside;
}

/*
 * 注釈リスト（マーカー赤字が「※５」）
 */
ul.list_annotated_red_5 {
    margin:10px 0px;
    list-style-image:url(../../img/icon_016.png);
    list-style-position:outside;
}

/*
 * 段落下げ（マーカーがスペース）
 */
ul.list_space {
    margin-top:-10px;
    padding-left:8px;
    list-style-image:url(../../img/icon_010.png);
    list-style-position:outside;
}

/*
 * メッセージ表示エリア
*/
div#error_message_area {
    margin:12px 0px;
    padding:0px;
    text-align:left; /* IE対策 */
}

/*
 * ワーニングリスト（マーカーが「●」）
*/
ul.list_warning {
    margin:10px 0px;
    list-style-image:url(../../img/icon_006.png);
    list-style-position:outside;
}

/*
 * 項目説明リスト
*/
dl.list_definition_indent1char {
    margin:0px;
}
.list_definition_indent1char dd {
    margin-left:1em;
}

/*
 * 蛍光ペン
*/
.linemaker {
background: linear-gradient(transparent 50%, #ffff66 60%);
}

/**********************************
* WEBお知らせ                     *
***********************************/
/*
 * WEBお知らせ領域
*/
div#web_info {
    max-width:700px;
    width: 100%;
    margin:15px auto;
    padding:0px auto;
    text-align:center;
}

/*
 * WEBお知らせ子画面
*/
body#web_info_contents {
    margin:10px 0px;
    padding:10px 0px;
    font-size:12px;
}

/* /* */
/*  * 希望ナンバー追加（td） */
/* */ */
/* td.add_no { */
/*     width:75px; */
/*     border:1px solid; */
/* } */
/* td.add_no_pref { */
/*     background-color:#A4D3EE; */
/* } */

/**********************************
* テーブル位置                    *
* ※未使用※                      *
***********************************/
/*
 * データ部左側余白
 *（メニュー部とデータ部の間）
*/
.table_margin {
    margin-left:10px;
    font-size:11pt;
}


/**********************************
* 画面タイトル関連                *
***********************************/
/*
 * サブメニュータイトル
*/
.sub_menu_title {
    font-size:14pt;
    font-weight:bold;
}


/*
 * 画面タイトル
*/
.screen_title {
    font-size:13pt;
    font-weight:bold;
}


/*
 * お知らせタイトル
*/
.infomation {
    font-size:13pt;
    font-weight:bold;
    color:"#DD0000";

}


/**********************************
* ナビ関連                        *
***********************************/
/*
 * ナビ（基本）
*/
.navi {
    font-size:8pt;
    color:#0000ff;
}


/*
 * ナビ（アクティブ）
*/
.navi_active {
    font-size:9pt;
    font-weight:bold;
    text-decoration:underline;
    color:#DD0000;
}


/**********************************
* メッセージ関連                  *
***********************************/
/*
 * メッセージ（各画面）
*/
.message {
    font-size:12pt;
    width:90%;
    font-weight:bold;
    color:#DD0000;
}

/*
 * メッセージ
 * 1.共通エラー画面
 * 2.システムエラー画面
 * 3.不正操作画面
 * 4.セッションタイムアウト画面
 * 5.市町村合併
*/
.message_common {
    font-size:16pt;
    font-weight:bold;
    color:#DD0000;
}

/**********************************
* グループ化表示関連              *
***********************************/
/*
 * グループ表示（罫線囲い）
*/
.alert_field {
    font-size:11pt;
    border-width:1px;
    border-style:solid;
    border-color:#99CC33;
}

/*
 * グループ表示（罫線囲い）
*/
.alert_field_qa {
    font-size:11pt;
    border-width:1px;
    border-style:solid;
    border-color:darkgray;
}

/*
 * グループ表示（罫線囲い）（始めにお読み下さい）
*/
.alert_field_read_me {
    font-size:12pt;
    border-width:2px;
    border-style:solid;
    border-color:#99CC33;
    width:90%;
}

/*
 * グループ表示（罫線囲い）（承諾事項用）
*/
.alert_field_consent {
    font-size:11pt;
    border-width:3px;
    border-style:solid;
    border-color:#99CC33;
    max-width:700px;
    width:90%;
    margin: 10px auto;
}

/*
 * 承諾事項のlist定義
 */
ul.alert_field_list {
    width:90%;
}
li.alert_field_item {
    list-style-type:none;
    text-indent:-1.5em;
    font-weight:bold;
    margin-bottom:15px;
    font-size:110%;
}

/*
 * タイトル（グループ表示）
 * 文字サイズ大
*/
.alert_title {
    font-size:15pt;
    font-weight:bold;
    color:#227722;
}

/*
 * タイトル2（グループ表示）
 * 文字サイズ小
*/
.legend_title {
    font-size:11pt;
    color:#227722;
}

/*
 * ナンバープレートイメージタイトル（グループ表示）
*/
.number_plate_title {
    font-size:11pt;
    font-weight:bold;
    color:#227722;
}

/*
 * 詳細内容（グループ表示）
*/
.alert_detail {
    font-size:11pt;
    color:#000000;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:15px;
}

/*
 * 詳細内容（グループ表示）
*/
.alert_detail_common {
    font-size:11pt;
    color:#000000;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:15px;
}

/*
 * 詳細内容（グループ表示）（入力案内用）
*/
.alert_detail_common_left {
    font-size:11pt;
    color:#000000;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:-30px;
}

/*
 * 詳細内容（グループ表示）（承諾事項用）
*/
.consent_contents {
    font-size:11pt;
    font-weight:bold;
    color:#000000;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:-35px;
}

/*
 * ワーニング（意思確認事項）（外枠フィールド）
*/
.warning_field {
    border:2px solid #DD0000;
    max-width:780px;
    width:90%;
    padding:0px 5px 5px 5px;
    margin-bottom:3em;
}

/*
 * ワーニングタイトル（グループ表示）
*/
.warning_title {
    font-size:15pt;
    font-weight:bold;
    color:#DD0000;
}

div#warning_item div:nth-child(1) {
    display:inline-block;
    margin-right:15px;
    margin-left:10px;
    vertical-align:middle;
    max-width:350px;
    width:90%
}
div#warning_item div:nth-child(2) {
    display:inline-block;
    color:#DD0000;
    margin-right:30px;
    margin-left:5vw;
    vertical-align:middle;
}
div#warning_item div:nth-child(3) {
    display:inline-block;
    vertical-align:middle;
    text-align:center !important;
}

/**********************************
* 表（テーブル）関連              *
***********************************/

/*********************
* タイトル用         *
*********************/
.info_area {
    background-color:#F0FFF3;
    padding:10px;
    max-width:750px;
    border-radius: 6px;
    margin:auto;
    margin-bottom:10px;
}
.info_area h1 {
    margin-top:0px;
    margin-bottom:10px;
}
.info_area h2 {
    padding:5px;
    font-size:11pt;
    background-color:#115311;
    margin-bottom:-8px;
    margin-top:10px;
}

.info_area h2.error_content_title {
    color: #000;
    border-bottom: 3px solid #98CB66;
    background-color: #ff9900;
}


#reg_no_area {
    max-width:400px;
    width:100%;
    margin-left:0px
}
#reg_no_area .plate_place_name {
    width:25%;
    display:table-cell;
}
#reg_no_area .group_no {
    width:25%;
    padding-left:5px;
    display:table-cell;
}
#reg_no_area .kana_char {
    width:25%;
    padding-left:5px;
    display:table-cell;
}
#reg_no_area .serial_spec_no {
    width:35%;
    padding-left:5px;
    display:table-cell;
}

hr {
    width:96%;
    text-align:left;
}

/*
 * 基本テーブル
*/
table.base_table {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:750px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル（650px）
*/
table.base_table_650 {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:650px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル（570px）
*/
table.base_table_570 {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:570px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル（450px）
*/
table.base_table_450 {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:450px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル（460px）
*/
table.base_table_460 {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:450px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル(入力案内用)
*/
table.base_table_common {
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    background-color:#000000;
    width:750px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル
*/
table.base_table_consent {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:700px;
    margin:12px auto;
    text-align:center;
}
.base_table td {
    white-space:normal;
}

/*
 * 基本テーブル始めにお読み下さい
*/
table.base_table_read {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:570px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル入力案内
*/
table.base_table_gide {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
    width:500px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル入力案内
*/
table.base_table_gide_2 {
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    background-color:#000000;
    width:400px;
    margin:12px auto;
    text-align:center;
}

/*
 * 基本テーブル(請求金額照会用)
*/
table.base_table_request {
    border-width: 1px;
    border-style: solid;
    border-color: #779977;
    background-color: #779977;
    width: 750px;
    margin: 12px auto;
    text-align: center;
    margin-bottom: -14px;
}

/*
 * タイトル(請求金額照会用)
*/
.base_table_request td.column_title {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
    width:200px;
}

/*
 * タイトル（項目名）
*/
.base_table td.column_title {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
    width:200px;
}

/*
 * タイトル（項目名）(エラー用）
*/
.base_table td.column_title_err {
    background-color:#ff6600;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
    width:200px;
}

/*
 * タイトル（項目名）（携帯情報専用）
*/
.base_table td.column_title_small {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
    width:100px;
}


/*
 * 可変項目（タイトル行用）
 * (使用者の氏名または名称等）
*/
.base_table td.column_contents_t {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}
.base_table_570 td.column_contents_t {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 可変項目（タイトル行用）（承諾事項用）
 * (使用者の氏名または名称等）
*/
.base_table_consent td.column_contents_t {
    background-color:#115311;
    font-size:13pt;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 受付番号（タイトル行用）
*/
.base_table td.column_receipt_no_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 年月日（タイトル行用）
*/
.base_table td.column_date_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 標板地名（タイトル行用）
*/
.base_table td.column_plate_place_name_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}
.base_table_570 td.column_plate_place_name_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 希望番号（タイトル行用）
*/
.base_table td.column_serial_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 処理状況（タイトル行用）
*/
.base_table td.column_status_t {
    white-space:normal;
    width:100px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 処理状況（タイトル行用)(希望番号列なし)
*/
.base_table td.column_status_t_ch {
    white-space:normal;
    width:180px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 選択（タイトル行用）
*/
.base_table td.column_select_t {
    width:40px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}
.base_table_570 td.column_select_t {
    width:40px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}
/*
 * 選択（タイトル行用）（承諾事項用）
*/
.base_table_consent td.column_select_t_consent {
    width:60px;
    background-color:#115311;
    font-size:13pt;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 標板地名（タイトル行用）
*/
.base_table_read td.column_plate_place_name_t {
    width:60px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 可変項目（タイトル行用）
 * (使用者の氏名または名称等）
*/
.base_table_read td.column_contents_t {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * タイトル（項目名）（携帯情報専用）
*/
.base_table_460 td.column_title_small {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
    width:100px;
}

/*
 * ラベル（基本テーブル）
*/
.table_label {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * タイトルwidth:90px
*/
.read_width_90 {
    width:90px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * タイトルwidth:160px
*/
.read_width_160 {
    width:160px;
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:5px 3px 5px 3px;
}

/*
 * 確認画面枠あり用
*/
.title_frame_confirmation {
    margin-bottom:25px;
    width:75%;
}

/*
 * 枠あり項目（仕様の本拠の位置について等）のタイトル
*/
.long_title_frame_240 {
    max-width:240px;
    width:90%;
}

/*
 * 枠あり項目（仕様の本拠の位置について等）のタイトル
*/
.long_title_frame_250 {
    max-width:250px;
    width:90%;
}

/*
 * 枠あり項目（標板地名・交付可能日の承諾事項等）のタイトル
*/
.long_title_frame_310 {
    max-width:310px;
    width:90%;
}

/*
 * 枠あり項目（二次元コード表示等）のタイトル
*/
.long_title_frame_380 {
    max-width:380px;
    width:90%;
}

/*
 * 枠あり項目（二次元コード表示等）のタイトル
*/
.long_title_frame_340 {
    max-width:340px;
    width:90%;
}

.long_title_frame_490 {
    max-width:490px;
    width:90%;
}

/*
 * 枠あり項目（当選した場合の二次元コード表示等）のタイトル
*/
.long_title_frame_510 {
    max-width:510px;
    width:90%;
}

/*
 * 枠あり項目（二次元コード表示等）のタイトル
*/
.long_title_frame_480 {
    max-width:480px;
    width:90%;
}

/*
 * 枠あり項目（抽選対象希望番号）のタイトル
*/
.long_title_frame_420 {
    max-width:420px;
    width:90%;
}

/*
 * 抽選対象希望番号のタイトル部分
*/
.lottery_title {
    text-align:center;
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #98CB66;
    position: relative;
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding:5px;
    font-size:11pt;
    background-color:#115311;
    margin-top:10px;
}

/*
 * 抽選対象希望番号のタイトル部分
*/
.lottery_title {
    text-align:center;
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #98CB66;
    position: relative;
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding:5px;
    font-size:11pt;
    background-color:#115311;
    margin-top:10px;
}

/*
 * 表中の下線部
*/
.lottery_field {
    border-bottom: 1px solid rgb(152, 203, 102);
    text-align:center
}

/*
 * 抽選対象希望番号のタイトル内の配置
*/
.lottery_field_left {
    width:32%;
    display:inline-block;
    margin-right:14%;
}
.lottery_field_right {
    width:23%;
    display:inline-block;
    font-size: 15px;
    margin: 14px 0% 14px 0%;
    text-align: right;
}

.lot_margin_left {
    margin-left:38%;
}

/*
 * 抽選対象希望番号の表部分
*/
.lot_number {
    font-family:sans-serif;
    width:55px
    ;height:35px;
    font-weight:bold;
    font-size:9pt;
    border:1px solid #000000;
    color:#006600;
    margin:2px auto;
    display:inline-block;
    text-align:center;
    background: #ffffff;

}
#lot_number div {
    font-family:sans-serif;
    width:55px;
    height:38px;
    font-weight:bold;
    font-size:9pt;
    border:1px solid #000000;
    color:#006600;
    display:inline-block;
    text-align:center;
    margin: 2px 0px 2px 25%;
}

/*
 * 抽選対象希望番号なし用枠
*/
.number_field_500_lot {
    border-width:1px;
    border-style:solid;
    border-color:#99CC33;
    max-width:500px;
    padding:0px 5px 5px 5px;
}


/*
 * 自動車種類説明用枠（legend）
*/
.legend_ptype_description {

}


/*
 * 抽選対象希望番号用枠（legend）
*/
.legend_lot_inquiry {

}


/*
 * 抽選対象希望番号なし用枠（legend）
*/
.legend_lot_not_inquiry {

}


/*
 * 予約済証二次元コード用枠（legend）
*/
.legend_reserved {

}


/*
 * 図柄希望者向け案内用枠（legend）
*/
.legend_illust_plate {

}


/*
 * 使用の本拠の位置説明用枠（legend）
*/
.legend_use_position {

}


/*
 * 標板地名・交付可能日の承諾事項用枠（legend）
*/
.legend_deliverable {

}


/*
 * ナンバープレートイメージ用枠（legend）
*/
.legend_plate_image {

}


/*
 * 承諾事項用枠（legend）
*/
.legend_consent {

}


/*
 * 意思確認事項用枠（legend）
*/
.legend_confirmation {

}


/*
 * 必ずお読みください用枠（legend）
*/
.legend_read_me {

}


/*
 * 当選時予約済証二次元コード用枠（legend）
*/
.legend_lot_reserved {

}


/*
 * 希望番号申込について用枠（legend）
*/
.legend_number_request {

}


/*
 * 交換申込について用枠（legend）
*/
.legend_replacement_request {

}


/*
 * ラグビーナンバー用枠（legend）
*/
.legend_rugby_number {

}


/*
 * 東京2020大会特別プレート用枠（legend）
*/
.legend_special_plate {

}


/*
 * 交付可能日の承諾事項用枠（legend）
*/
.legend_acceptance_grant {

}


/*
 * 寄付ご注意用枠（legend）
*/
.legend_caution {

}


/*
 * 寄付に関する承諾事項用枠（legend）
*/
.legend_donation_consent {

}


/*
 * 交換制度対象外車両用枠（legend）
*/
.legend_not_exchange {

}


/*
 * 図柄ナンバー対象外車両用枠（legend）
*/
.legend_not_design {

}


/*
 * 希望番号申込サービス対象外車両用枠（legend）
*/
.legend_not_eligible {

}


/*
 * 交換申請書のダウンロード用枠（legend）
*/
.legend_exchange_download {

}


/*
 * 図柄抽選対象希望番号用枠（legend）
*/
.legend_lottery_object {

}


/*
 * 図柄ナンバー申込サービス対象外車両用枠（初めにお読みください）（legend）
*/
.legend_design_service {

}


/*
 * 図柄ナンバー申込サービス対象外車両用枠（申し込み）（legend）
*/
.legend_symbol_service {

}


/*********************
* タイトル用         *
*********************/

/*********************
* 内容用             *
*********************/

/*
 * 可変項目（背景色：白）
 * (使用者の氏名または名称等）
*/
.base_table td.column_contents {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
}
.base_table_570 td.column_contents {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
}

/*
 * 可変項目（背景色：白）
 * (使用者の氏名または名称等）
*/
.base_table_read td.column_contents {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
}

/*
 * 可変項目（背景色：白）（承諾事項用）
 * (使用者の氏名または名称等）
*/
.base_table_consent td.column_contents {
    white-space:normal;
    font-size:11pt;
    font-weight:bold;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
}

/*
 * 可変項目（背景色：白）
 * (使用者の氏名または名称等）
*/
.base_table_460 td.column_contents {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
}

/*
 * 項目属性（背景色：白）
*/
.base_table td.column_attribute {
    width:120px;
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
    text-align:center;
}

/*
 * 項目属性（任意項目専用）
*/
.base_table td.column_attribute_any {
    width:120px;
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
}

/*
 * 項目属性（携帯情報専用）
*/
.base_table td.column_attribute_small {
    width:80px;
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
    text-align:center;
}

/*
 * 項目属性（携帯情報専用）
*/
.base_table_460 td.column_attribute_small {
    width:80px;
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
    text-align:center;
}

/*
 * お問い合わせ先（背景色：白）
*/
.base_table td.column_contact {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px;
    text-align:left;
}
/*
 * 受付番号（背景色：白）
*/
.base_table td.column_receipt_no {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 年月日（背景色：白）
*/
.base_table td.column_date {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 標板地名（背景色：白）
*/
.base_table td.column_plate_place_name {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}
.base_table_570 td.column_plate_place_name {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 標板地名（背景色：白）
*/
.base_table_read td.column_plate_place_name {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 標板地名（背景色：白、高さ：13.33px）
*/
.base_table td.column_plate_place_name_h {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 1em;
    text-align:left;
    height:13.33px;
}

/*
 * 希望番号（背景色：白）
*/
.base_table td.column_serial {
    width:60px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 処理状況（背景色：白）
*/
.base_table td.column_status {
    white-space:normal;
    width:100px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 選択（背景色：白）
*/
.base_table td.column_select {
    width:40px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}
.base_table_570 td.column_select {
    width:40px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 選択（背景色：白）（承諾事項用）
*/
.base_table_consent td.column_select_consent {
    width:60px;
    font-size:13pt;
    font-weight:bold;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 戻るボタン（意思確認事項）（背景色：白）
*/
.base_table td.column_change {
    width:70px;
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
    text-align:center;
}

/*
 * 項目（基本テーブル）
*/
.table_value {
    font-size:10pt;
    background-color:#ffffff;
    padding:8px 3px 8px 3px;
}

/*
 * 項目（照会：数値右寄せ）
*/
.table_value_num {
    font-size:10pt;
    background-color:#ffffff;
    text-align:right;
    padding:0px 5px 0px 0px;
}

/*
 * 項目（照会：数値右寄マージン大）
*/
.table_value_num_mrgl {
    font-size:10pt;
    background-color:#ffffff;
    text-align:right;
    padding:8px 180px 8px 0px;
}


/*********************
* 内容用             *
*********************/

/*
 * 記入例（入力項目）
*/
.inputannounce {
    font-size:10pt;
    color:#555555;
}


/*
 * 属性（基本テーブル項目）
*/
.value_property {
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
    text-align:center;
}


/*
 * ラジオ選択テーブル
*/
.selece_table {
    border-width:1px;
    border-style:solid;
    border-color:#779977;
    background-color:#779977;
}


/*
 * ラベル（ラジオ選択テーブル）
*/
.select_label {
    background-color:#115311;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:0px;
    height:30px;
}


/*
 * 説明文（ラジオ選択テーブル）
*/
.selece_radio_explanation {
    font-size:10pt;
    background-color:#ffffff;
    vertical-align:top;
}


/*
 * 説明文のpadding（下だけpaddingなし）
*/
.explanation_padding {
    padding:5px 5px 0px 5px;
}


/*
 * 項目（ラジオ選択テーブル）
*/
.selece_radio {
    font-size:10pt;
    font-weight:bold;
    background-color:#eeeeff;
}


/*
 * 登録番号（各項目のラベル）
*/
.input_subitem {
    background-color:#ddddff;
    font-size:10pt;
    text-align:center;
    color:#224466;
}


/*
 * 項目（基本テーブル）
 * 高さ指定なし
*/
.table_value_no_heigth {
    font-size:10pt;
    background-color:#ffffff;
}


/*
 * 意思確認事項・1項目
*/
div.confirmation_item {
    margin:10px auto 20px auto;
    max-width:750px;
    width:95%;
    text-align:center;
}
/*
 * 意思確認事項・説明
*/
div.confirmation_item p {
    text-align:left;
    font-weight:bold;
    color:#DD0000;
    width:133%;
}

/*
 * 意思確認事項・説明
*/
div.confirmation_item p.confirmation_description {
    text-align:left;
    font-weight:bold;
    color:#DD0000;
    width:100%;
}

/*
 * 入力基本テーブル（横×2）
*/
.input_table_2col {
    margin:0px 10px;
    display:inline-table;
    width:350px;
    text-align:center;
}

/*
 * 入力基本テーブル（横×3）
*/
.input_table_3col {
    margin:0px 10px;
    display:inline-table;
    width:230px;
    text-align:center;
}

/*
 * 確認基本テーブル（横×1）
*/
table.confirmation_table_1col {
    margin:12px auto;
    width:500px;
    text-align:center;
}

/*
 * 一覧系テーブル
*/
table.catalog_table {
    margin:12px auto;
    width:550px;
    text-align:center;
}

/*
 * パディング3px
 */
.padding_thin {
    padding:3px;
}
/**********************************
* 入力項目（通常）                *
***********************************/
/*
 * テキストエリア１ IME制御全角
 * 氏名
*/
.input_width300 {
    max-width:300px;
    width:100%;
    ime-mode:active;
}

/*
 * テキストエリア１ IME制御全角
 * 氏名
*/
.input_width200_active {
    max-width:200px;
    width:100%;
    ime-mode:active;
}


/*
 * テキストエリア２ IME制御半角（固定）
 * 車台番号、メールアドレス、パスワード
*/
.input_width200 {
    max-width:200px;
    width:100%;
    ime-mode:disabled;
}


/*
 * テキストエリア３-１ IME制御全角
 * 旧標板地名
*/
.input_width80_imefull {
    max-width:80px;
    width:100%;
    ime-mode:active;
}


/*
 * テキストエリア３-２ IME制御半角（固定）
 * 受付番号、ディーラコード
*/
.input_width80_imehalf {
    max-width:80px;
    width:100%;
    ime-mode:disabled;
}


/*
 * テキストエリア４-１ IME制御全角
 * かな文字
*/
.input_width50_imefull {
    max-width:50px;
    width:100%;
    ime-mode:active;
}


/*
 * テキストエリア４-２
 * 上記以外（少数桁項目） IME制御半角（固定）
*/
.input_width50_imehalf {
    max-width:50px;
    width:100%;
    ime-mode:disabled;
}


/*
 * プルダウンエリア１
 * 全般
*/
.select_width240 {
    max-width:240px;
    width:100%;
}


/*
 * プルダウンエリア２
 * 照会の車種分類（登録車／軽自動車）
*/
.select_width350 {
    max-width:350px;
    width:100%;
}


/*
 * プルダウンエリア３
 * 都道府県・市郡区
*/
.select_width200 {
    max-width:200px;
    width:100%;
}

/**********************************
* ナンバープレート関連            *
***********************************/
/*
 * 抽選対象希望番号プレート
 * （「.number_plate_td」）
*/
table#kibou_no_touroku td {
    font-family:sans-serif;
    width:55px;
    height:38px;
    text-align:right;
    padding:3px;
    font-weight:bold;
    font-size:8pt;
    background-color:#ffffff;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    color:#006600;
    margin:5px auto;
}

/*
 * 抽選対象希望番号プレート（軽自動車）
 * （「.number_plate_kei_td」）
*/
table#kibou_no_kei td {
    font-family:sans-serif;
    width:55px;
    height:38px;
    text-align:right;
    padding:3px;
    font-weight:bold;
    font-size:8pt;
    background-color:#ffff00;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    color:#000000;
}


/*
 * 抽選対象希望番号プレート（登録自動車）
*/
.number_plate_td {
    font-family:sans-serif;
    width:55px;
    height:38px;
    text-align:right;
    padding:3px;
    font-weight:bold;
    font-size:9pt;
    background-color:#ffffff;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    color:#006600;
}


/*
 * 抽選対象希望番号プレート（軽自動車）
*/
.number_plate_kei_td {
    font-family:sans-serif;
    width:55px;
    height:38px;
    text-align:right;
    padding:3px;
    font-weight:bold;
    font-size:9pt;
    background-color:#ffff00;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    color:#000000;
}

@supports (-ms-accelerator:true) {
    table#kibou_no_touroku td {
        font-family:sans-serif;
        width:55px;
        height:38px;
        text-align:right;
        padding:3px;
        font-weight:bold;
        font-size:8.5pt;
        background-color:#ffffff;
        border-color:#000000;
        border-style:solid;
        border-width:1px;
        color:#006600;
        margin:5px auto;
    }

    table#kibou_no_kei td {
        font-family:sans-serif;
        width:55px;
        height:38px;
        text-align:right;
        padding:3px;
        font-weight:bold;
        font-size:8.5pt;
        background-color:#ffff00;
        border-color:#000000;
        border-style:solid;
        border-width:1px;
        color:#000000;
    }

    .number_plate_td {
        font-family:sans-serif;
        width:55px;
        height:38px;
        text-align:right;
        padding:3px;
        font-weight:bold;
        font-size:8.5pt;
        background-color:#ffffff;
        border-color:#000000;
        border-style:solid;
        border-width:1px;
        color:#006600;
    }

    .number_plate_kei_td {
        font-family:sans-serif;
        width:55px;
        height:38px;
        text-align:right;
        padding:3px;
        font-weight:bold;
        font-size:8.5pt;
        background-color:#ffff00;
        border-color:#000000;
        border-style:solid;
        border-width:1px;
        color:#000000;
    }
}

/*
 * 標板完成イメージ（外枠フィールド）
*/
.number_field {
    border-width:1px;
    border-style:solid;
    border-color:#99CC33;
    max-width:400px;
    width:97%;
    padding:0px 5px 5px 5px;
}
.number_field_500 {
    border-width:1px;
    border-style:solid;
    border-color:#99CC33;
    max-width:500px;
    width:97%;
    padding:0px 5px 5px 5px;
}
.number_field_610 {
    border-width:1px;
    border-style:solid;
    border-color:#99CC33;
    max-width:610px;
    width:97%;
    padding:0px 5px 5px 5px;
}

/*
 * 標板完成イメージ（外枠フィールド(オリパラ用)）
*/
.number_field_op {
    border-width:1px;
    border-style:solid;
    border-color:#7dbcf6;
    max-width:630px;
    width:90%;
    padding:0px 5px 5px 5px;
}

/*
 * 標板完成イメージ
*/
table#number_plate_complete_image {
    width:300px;
    height:156px;
    padding:0px;
    border-collapse:collapse;
    border:0px;
    margin:12px auto;
    text-align:center;
}
table#number_plate_complete_image tr td {
    padding:0px;
}


/**********************************
* 外枠フィールド関連              *
***********************************/
/*
 *ナンバープレートイメージ用
*/
div.number_plate_image {
    width:90%;
    margin-top:40px;
}

/*
 *承諾事項用
*/
table.consent_field {
    max-width:780px;
    width:95%;
    margin-top:20px;
}

/*
 *必ずお読み下さい用(メニューあり)
*/
div.must_read {
    width:95%;
    margin-top:30px;
}

/*
 *必ずお読み下さい用(メニューなし)
*/
div.must_read_no_menu {
    width:75%;
    margin-top:30px;
}

/*
 *QRコード用(メニューあり)
*/
div.qr_field {
    width:75%;
    margin-top:20px;
    margin-bottom:20px;
    max-width:715px;
}

/*
 *QRコード用(メニューなし)
*/
div.qr_field_no_menu {
    width:75%;
    margin-top:20px;
}

/*
 *QRコード用(印刷画面用)
*/
div.qr_field_prnt {
    width:75%;
    margin-top:20px;
    margin-bottom:20px;
}
/*
 *QRコードのサイズ調整
*/
div.qr_size {
    width:85%;
    margin:20px auto;
}

/*
 *レスポンシブ対応幅
*/
.responsive_width {
    max-width:750px;
    width:90%;
}

/*
 * 送信済みメール部分
*/
.mail_field {
    border-radius:8px!important;
    padding:5px!important;
    border:1px solid #98CB66 !important;
    margin:1px !important;
}

/*
 * 送信済みメール内容表示部分
*/
.mail_field_more {
    font-family:'ＭＳ ゴシック', MS Gothic, Courier New, 'モトヤLシーダ3等幅', MotoyaLCedar, monospace;
    font-size:11pt;
    background-color:#F0FFF3;
    padding:10px;
    max-width:750px;
    border-radius: 6px;
    margin:auto;
    margin-bottom:10px;
    word-break: break-all;
    word-wrap: break-word;
}

.mail_field_more h1 {
    margin-top:0px;
}

/*
 * 送信日時用
*/
.mail_date{
    width:247px;
    font-size: 16px;
    font-weight: unset;
    margin: -15px 0px 0px auto!important;
}
/**********************************
* 表示プロパティ関連              *
***********************************/
/*
 * 一覧形式表示（セル書式）
*/
#list_property td {
    font-size:9pt;
    background-color:#ffffff;
}


/*
 * 箇条書き一覧
*/
.article_list {
    font-size:11pt;
}

/*
 * 箇条書き一覧（始めにお読み下さい用）
*/
.article_list_start {
    font-size:11pt;
    margin-left:-30px;
}

/*
 * 箇条書き一覧（申込状況照会用）
*/
.article_list_info {
    font-size:11pt;
    margin:0px 5px 0px -30px;
}

/*
 * 箇条書き一覧（インデント解除）
*/
.article_list_no_indent {
    margin:0px;
    padding:0px;
}

/*
 * 箇条書き一覧（抽選結果照会用）
*/
.article_list_location {
    width: 730px;
    font-size: 11pt;
    padding: 10px;
    max-width: 90%;
    margin: auto;
    margin-bottom: 10px;
}

/*
 * マーカー（黒丸）
*/
.type_disc {
    list-style-type:disc;
}
/*
 * マーカー（白丸）
*/
.type_circle {
    list-style-type:circle;
}
/*
 * マーカー（数字）
*/
.type_decimal {
    list-style-type:decimal;
}
/*
 * マーカー（アルファベット小文字）
*/
.type_lower_alpha {
    list-style-type:lower-alpha;
}

/*
 * リンク先一覧
*/
table.linklist_table {
    margin:1em 0px 1em 1em;
    text-align:center;
    width:550px;
}
table.linklist_table td {
    padding:5px;
    text-align:left;
    font-size:11pt;
    white-space:nowrap;
}

/*
 * ページ最下部のコメント（右寄せ）
 * （「ご利用ありがとうございました。」等）
 */
div.end_comment_right {
    width:700px;
    margin:0px auto 20px auto;
    text-align:right;
}
div.end_comment_right_700 {
    width:700px;
    margin:0px auto 20px auto;
    text-align:right;
}
/*
 * ページ最下部のコメント（左寄せ）
 * （「ご利用ありがとうございました。」等）
 */
div.end_comment_left {
    max-width:750px;
    width:90%;
    margin:30px auto;
    text-align:left;
}

/**********************************
* 表ラベル（エラー）              *
***********************************/
/*
 * ラベルエラー用（基本テーブル）変更
*/
.table_label_error {
    background-color:#ff6600;
    font-size:10pt;
    text-align:center;
    color:#ffffff;
    padding:3px;
    height:30px;
}


/**********************************
* 表ラベル（エラー）              *
***********************************/
/*
 * 予約センター一覧テーブル
*/
table.reservationcenter_table {
    width:550px;
    text-align:center;
}
table.reservationcenter_table td {
    white-space:nowrap;
    padding:4px;
    vertical-align:middle;
}


/*
 * 連絡先
*/
.number_title {
    margin-right:0.5em;
    width:1.5em;
    text-align:left;
}

/*
 * お問い合わせ先
*/
table.contact_table {
    width:auto;
    margin-right:0px;
}

/**********************************
* ボタンエリア                    *
***********************************/
/*
 * ボタン位置
*/
.button {
    margin:16px 0px;
    text-align:center;
    vertical-align:top;
}
/*
 * ボタン
*/
div.button_item {
    margin:0px 10px;
    width:auto;
    height:28px;
    overflow:hidden;
    display:inline-block;
}
div.button_item img {
    background-color:transparent;
}

/*
 * ボタンリンク
*/
div.button_item a {
    display:block;
    margin:0px;
}


/*******************************************************
* フッターエリア                                       *
*******************************************************/
/**********************************
* フッター                        *
***********************************/
/*
 * 著作権
*/
.copyright {
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    vertical-align:bottom;
}

/*
 * お問い合わせ先
*/
.contact_footer {
    display: inline-block;
    text-align:center;
    vertical-align: top;
    margin: 3px;
    padding: 0px 30px 0px 30px;
}

.contact_footer_with_agent {
  display: inline-block;
    text-align:center;
    vertical-align: top;
    margin: 3px;
    width: 38%
}

/*******************************************************
* その他（特殊）                                       *
*******************************************************/
/**********************************
* プライバシーポリシー専用        *
***********************************/
/*
 * 外枠
 */
div#privacy {
    margin:0px 15px;

}

/*
 * タイトル
*/
.privacy_title {
    margin-bottom:5px;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
}


/*
 * 説明文
*/
.privacy_explanation {
    text-indent:15px;
    font-size:10pt;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:-15px;
}


/*
 * 大分類：タイトル
*/
.privacy_li1 {
    font-size:10pt;
    margin-top:40px;
}


/*
 * 大分類：説明文
*/
.privacy_li1_explanation {
    text-indent:15px;
    font-size:10pt;
    margin-top:5px;
    margin-bottom:-15px;
    margin-left:-25px;
}


/*
 * 小分類：タイトル
*/
.privacy_li2 {
    font-size:10pt;
    margin-top:15px;
    margin-bottom:-10px;
    margin-left:-30px;
}


/*
 * 小分類：説明文
*/
.privacy_li2_explanation {
    text-indent:15px;
    font-size:10pt;
    margin-top:5px;
    margin-left:-10px;
}


/*
 * 制定
*/
.enactment {
    font-size:12pt;
    text-align:right;
}

/*
 * 注意事項
*/
.notes {
    font-size:14pt;
}

/*******************************************************
* アイフレーム                                         *
*******************************************************/
/*
 * お知らせあり（囲み罫線あり）
*/
iframe.information_exist {
    max-width:700px;
    width:100%;
    margin:0px 0px;
    border:5px #99CC66 outset;
}

/*
 * お知らせなし（囲み罫線なし）
*/
iframe.information {
    max-width:700px;
    width:80%;
    margin:0px 0px;
    border-width:0px;
}

iframe.app_info {
    max-width:700px;
    width:98%;
    height: 200px;
}

/*
 * 予約センター
*/
iframe#center_list {
    border-width:0px;
    width:700px;
}

/*******************************************************
* ナンバープレートイメージ画像                         *
*******************************************************/

/*
 * 外枠（背景イメージによって変更）
*/
div.number_plate_illust_back {
    width:300px;
    height:153px;
    padding:0px;
    margin-bottom:20px;
    font-family:'ＭＳ ゴシック', MS Gothic, monospace;
}

/*
 * 標板地名
*/
div#number_plate_illust_1 {
    font-size:30px;
    font-weight:bold;
    float:left;
    text-align:right;
    width:100%;
    /*margin:25px 0px 0px 50px;*/
}

/*
 * 一連指定番号
*/
div#number_plate_illust_4 {
    font-size:75px;
    letter-spacing:5px;
    float:left;
    text-align:center;
    width:100%;
    /*margin-top:5px;*/
}

/*
 * 一連指定番号（ハイフンまたは半角スペース）
*/
div#number_plate_illust_5 {
    font-size:40px;
    letter-spacing:5px;
    float:left;
    text-align:center;
    width:100%;
    /*margin-top:23px;*/
}

/*
 * 一連指定番号
*/
div#number_plate_illust_6 {
    font-size:75px;
    letter-spacing:5px;
    float:left;
    text-align:center;
    /*width:95px;*/
    /*margin-top:5px;*/
}

/*
 * ロゴ画像
*/
div#number_plate_illust_7 {
    letter-spacing:5px;
    float:left;
    text-align:center;
    width:50px;
    margin-top:10px;
    margin-right:10px;
}

/*
 * 標板地名1桁目
*/
.number1 {
    font-size:30px;
    font-weight:bold;
    float:left;
    width:14px;
    margin-left:0px;
    margin-right:1px;
    /*margin-top:27px;*/
}

/*
 * 枠線1
*/
.dot1 {
    float:left;
    border:2px dashed;
    width:14px;
    height:24px;
    margin-left:3px;
    /*margin-top:27px;*/
    border-radius:5px;
}

/*
 * 枠線2
*/
.dot2 {
    float:left;
    border:2px dashed;
    width:35px;
    height:35px;
    /*margin-left:30px;*/
    /*margin-top:20px;*/
    border-radius:5px;
}

.clearfix {
    clear:both;
}

/*
 * 登録自動車自家用の文字色
*/
div.fontcolor_regown_1 {
    color:#05860d;
}

div.fontcolor_regown_2 {
    color:#05860d;
}

div.fontcolor_regown_3 {
    color:#05860d;
}

div.fontcolor_regown_4 {
    color:#05860d;
}

div.fontcolor_regown_5 {
    color:#05860d;
}

div.fontcolor_regown_6 {
    color:#05860d;
}

div.fontcolor_regown_A {
    color:#05860d;
}

div.fontcolor_regown_B {
    color:#05860d;
}

div.fontcolor_regown_C {
    color:#05860d;
}

div.fontcolor_regown_D {
    color:#05860d;
}

div.fontcolor_regown_E {
    color:#05860d;
}

div.fontcolor_regown_F {
    color:#05860d;
}

/*
 * 登録自動車事業用の文字色
*/
div.fontcolor_regbus_1 {
    color:#FFFFFF;
}

div.fontcolor_regbus_2 {
    color:#FFFFFF;
}

div.fontcolor_regbus_3 {
    color:#05860d;
}

div.fontcolor_regbus_4 {
    color:#05860d;
}

div.fontcolor_regbus_5 {
    color:#05860d;
}

div.fontcolor_regbus_6 {
    color:#05860d;
}

div.fontcolor_regbus_A {
    color:#05860d;
}

div.fontcolor_regbus_B {
    color:#05860d;
}

div.fontcolor_regbus_C {
    color:#05860d;
}

div.fontcolor_regbus_D {
    color:#05860d;
}

div.fontcolor_regbus_E {
    color:#05860d;
}

div.fontcolor_regbus_F {
    color:#05860d;
}


/*
 * 軽自動車自家用の文字色
*/
div.fontcolor_light_1 {
    color:#000000;
}

div.fontcolor_light_2 {
    color:#000000;
}

div.fontcolor_light_3 {
    color:#05860d;
}

div.fontcolor_light_4 {
    color:#05860d;
}

div.fontcolor_light_5 {
    color:#05860d;
}

div.fontcolor_light_6 {
    color:#05860d;
}

div.fontcolor_light_A {
    color:#05860d;
}

div.fontcolor_light_B {
    color:#05860d;
}

div.fontcolor_light_C {
    color:#05860d;
}

div.fontcolor_light_D {
    color:#05860d;
}

div.fontcolor_light_E {
    color:#05860d;
}

div.fontcolor_light_F {
    color:#05860d;
}
/******************************************************
* ナンバープレートイメージ画像終了                    *
******************************************************/
/******************************************************
* 寄付金入力画面                                      *
******************************************************/
/*
 * height:300px
*/
.height_300 {
    height:300px !important;
}

/*
 * height:460px
 */
.height_kihu {
    height:460px !important;
}

/*
 * 自動車種類画像用テーブル
*/
table.ptype_table {
    margin:0 auto;
    margin-bottom:10px;
}

/*
 * 寄付金選択テーブル
*/
.input_table_2col_kihu {
    margin:0px 10px 0px;
    display:inline-table;
    width:350px;
    text-align:center;
}

/*
 * 寄付金選択テーブル（3個）
*/
.input_table_3col_kihu {
    margin:0px 10px 0px;
    display:inline-table;
    width:300px;
    text-align:center;
}

/*
 * 注意事項
*/
.alert_field_oly {
    border-width:1px;
    border-style:solid;
    border-color:#DD0000;
    max-width:400px;
    width:90%;
    padding:0px 5px 5px 5px;
    margin:auto;
}

/*
 * 注意事項（寄付の説明）
*/
.alert_field_con {
    border-width:1px;
    border-style:solid;
    border-color:#DD0000;
    max-width:490px;
    width:90%;
    padding:0px 5px 5px 5px;
}


/*
 * 注意事項タイトル
*/
.alert_title_oly {
    font-size:15pt;
    font-weight:bold;
    color:#DD0000;
}

/*
 * 寄付金入力フォーム
*/
.input_contribution {
    width:100px;
    ime-mode:disabled;
    text-align:right;
}

/*
 * テーブル下部コメント
*/
.kihu_comment {
    width:750px;
    margin:12px auto;
    text-align:left;
}

/*
 * 寄付先項目（背景色：白）
 *
*/
.kihu_column_contents {
    white-space:normal;
    font-size:10pt;
    background-color:#ffffff;
    text-align:left;
}

/*
 * 寄付先項目ラベル
*/
.kihu_contents_label {
    display: block;
    text-indent: -25px;
    padding:8px 3px 8px 2.6em;
}

/*
 * 標板の種類項目配色変更
*/
.column_contents_ng {
    background-color:#bdbdbd;
    color:#000000;
    padding:0px;
}

/*
 * 寄付先標板画像
*/
.contribution_pkin_img {
    width:235px;
    height:70px;
    text-align:center;
}

/*
 * 自動車種類画像用テーブル(登録用)
*/
.ptype_table_kihu {
    margin:0 15px 10px 25px;
}

/*
 * 自動車種類画像用テーブル（軽自動車用）
*/
.ptype_table_kihu_kei {
    margin:0 80px 0 90px;
}

/*
 * 線結合
*/
.table_border_collapse {
    border-collapse:collapse;
}

/*
 * 寄付先標板画像枠線
*/
.contribution_border {
    border: solid 1px #779977;
}

/*
 * 寄付標板画像枠
*/
.contribution_contents {
    margin: 10px 0px 15px 0px;
    text-align:center;
}

/*
 * 寄付標板画像枠_用途,標板の種類
*/
.contribution_contents_sub {
    max-width:400px;
    width:100%;
    vertical-align:top;
}

/*
 *
*/
.max-width_100 {
    max-width:100px;
    width:100%;
}
/******************************************************
* 寄付金入力画面終了                                  *
******************************************************/
/*
 * 事前申込期間意思確認事項内の承諾事項
*/
.margin_30_20 {
    margin-top:30px;
    margin-bottom:20px;
}

/*******************************************************
* 二次元コード印刷画面                             *
*******************************************************/
/* タイトルフォント */
.title_font {
    font-size:2.5em;
}

.reserve_font_s {
    font-size:15px;
}
.reserve_font_m {
    font-size:20px;
}
.reserve_font_l {
    font-size:25px;
}
.notes_padding {
    padding:8px 10px !important;
}

/* 申込年月日 */
.appl_ymd {
    width:250px;
    margin-left:750px;
}

/* テーブル定義 */
.reserve_table {
    border:1px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    border-spacing:0px;
    width:1000px;
    text-align:center;
    margin:-1px auto;
    table-layout: fixed;
}
/* td定義 */
.reserve_table td {
    border:1px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    border-spacing:0px;
    padding:3px 10px;
}

/* 受付番号 */
.reserve_table td.rcpt_no {
    width:270px;
}

/* 交付可能年月日 */
.reserve_table td.deliver_ymd {
    width:325px;
}

/* 希望番号 */
.reserve_table td.reg_no {
    width:360px;
}

/* 車種分類 */
.reserve_table td.car_type {
    width:120px;
}

/* 用途 */
.reserve_table td.use_div {
    width:110px;
}

/* 標板の種類 */
.reserve_table td.pkind_div {
    width:175px;
}

/* 車台番号・使用者の氏名（タイトル） */
.reserve_table td.chassis_user_t {
    width:100px;
}

/* 自動車検査証に記載されている登録番号・車両番号 */
.reserve_table td.old_reg_no {
    width:350px;
}

/* 自動車検査証に記載されている登録番号・車両番号 */
.user_name {
    width:800px;
    float:left;
}

/* 注意書き */
.reserve_notes {
    width:800px;
    margin:0px auto;
    float:left;
}

/* バーコード */
.qr_code {
    width:100px;
}

/* 発行機関名 */
.chapter_agent {
    float:left;
    width:650px;
    padding:3px 10px;
}

/* 電話番号 */
.tel_no {
    width:200px;
    padding:3px 10px;
    float:right;
}
.tel_no.after {
    clear: both;
}

.box {
    display: inline-block;
}

h1 { /* 大見出し */
    font-size: 140%;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #98CB66;
    padding: 0;
    margin: 0 0 20px 0;
    *margin-bottom:5px;
}

/* メニュー見出し */
h2 {
    color: #fff;
    font-weight: normal;
    border-bottom: 3px solid #98CB66;
    background-color: #98CB66;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    position: relative;
    margin: 0;
    padding: 7px 10px;
}

.menu_table {
    margin: 0px;
    display: inline-table;
    width: 385px;
    text-align: center;
}

.menu_box {
    border-bottom: 3px solid #98CB66;
    border-left: 3px solid #98CB66;
    border-right: 3px solid #98CB66;
    height: 450px;
}

div.menu_box .item_title {
    display:inline-table;
    width: 180px;
    margin: 5px 0px;
    border: 1px solid #98CB66;
    height: 100px;
}
div.menu_box div.item_title div.banner {
    margin:0px auto;
    width:124px;
    height:59px;
    overflow:hidden;
    display:block;
}

.left_indent {
    text-align: left !important;
}

div.menu_box .menu_item {
    margin: 20px 0px;
    border-bottom: 1px solid #98CB66;
}

.menu_item div.banner {
    margin:0px auto;
    width:124px;
    height:59px;
    overflow:hidden;
    display:block;
}

div#pc_contents {
    display: inline;
}
div#pc_contents_code_pc {
    display:inline;
    margin-left: -5px;
}
div#pc_contents_code_smartphone {
    display:none;
}
div#sp_contents {
    display:none;
}

.inner {
    width: 100%;
    max-width:1000px;
    /*margin: 0 auto;*/
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

/* header */
#top-head {
    top: -100px;
    /*position: absolute;*/
    width: 100%;
    max-width:1000px;
    /*margin: 100px auto 0;*/
    /*padding: 30px 0 0;*/
    line-height:1;
    z-index: 999;
    height: 110px;
}
.height_auto {
    height: auto !important;
}
#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    left: 0;
    bottom: -30px;
    margin-left:-40px;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
    border-left-color:#000;
    border-left-style:solid;
    border-left-width:1px;
    box-shadow:5px 5px 10px 0px #99cc33;
    font-size:16pt;
}
#global-nav ul li a {
    padding: 0px 15px;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

footer {
    background:#98CB66;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    position: relative;
    width: 95%;
    font-size:11pt;
    margin: 0 auto 25px;
    clear:both;
}
footer p  { /* コピーライト */
    color:#000;
    font-size: 100%;
    text-align: center;
    padding: 6px;
}

div.btn_area {
    background-color: #A4EE97;
    border-radius: 5px;
    margin:2% auto;
    padding:10px;
    max-width:500px;
}
div.btn_area_change {
    background-color: #7bcced;
    border-radius: 5px;
    margin:2% auto;
    padding:10px;
    max-width:500px;
}
div.btn_area_bundle {
    background-color: #4b96e5;
    border-radius: 5px;
    margin:2% auto;
    padding:10px;
    max-width:500px;
}
a.menu_btn_sp {
    width: 60%;
    font-size:20pt;
    display:block;
    padding: 10px;
    margin:auto;
    color:#333;
    text-align:center;
    text-decoration:none;
    background-color: #FFF !important;
    border-radius: 5px;
}

.chkbox_sp {
    display:none;
}
.chkbox_pc {
    display:block;
}

#accordion {
    max-width:600px;
    width:90%;
    margin: 5px auto;
}
#accordion dt {
    cursor:pointer;
    background-image: url(../../img/plus.gif);
    background-repeat: no-repeat;
    background-position: 95% center;
    border:solid 1px #ccc;
    padding:15px 35px 15px 15px;
    font-size:14px;
    text-align:left;
}
#accordion dd{
    display:none;
    font-size:14px;
    line-height:140%;
    margin:0;
    padding:15px;
    text-align:left;
}
#accordion dt.active{
    background-image: url(../../img/minus.gif);
}
#accordion dt.over {
    background-color: #CCC;
}

/******************************************************
* ペイジー（ATM・インターネット振込）説明画面         *
******************************************************/
/*
 * タイトル用
*/
.title_payeasy {
    margin-top: 12px;
}

/*
 * 画像表示用
*/
.img_bank {
    text-align: left;
    margin:0px 5% 0px 5%;
}

.img_bank_position {
    height: 40px;
    width: 30%;
    display: inline-block;
}

/*
 * 画像位置調整用
*/
.img_adjust {
    margin-bottom: 5px;
}

/*
 * ご注意表示用
*/
.attention_position {
    margin: 0px 14px;
}

/*
 * ご注意表示用(インターネット振込画面)
*/
.attention_position_net {
    margin: 0px 5% 0px 20px;
}

/*
 * インターネット振込用画像表示
*/
.img_bank_position_net {
    height: 45px;
    width: 30%;
    display: inline-block;
}

/*
 * ご利用手順タイトル
*/
.step_title {
    font-weight: bold;
    font-size: 110%;
    margin: 0px 5% 0px 0px
}

/*
 * ご利用手順画像（位置調節）
*/
.step_img_position {
    margin-left: 10%;
}

/*
 * ご利用手順画像（大きさ調節）
*/
.step_img_size {
    width: 648px;
}
/******************************************************
* ペイジー（ATM・インターネット振込）説明画面終了     *
******************************************************/
/****************************************
* 地方版図柄ナンバー一覧画面            *
****************************************/
/*
 * タイトル
*/
.local_font {
    font-size:260%;
    background-color:#98CB66;
    border-radius: 10px 10px 0px 0px;
    color: #000000;
    border-bottom:3px solid #115311;
}

/*
 * 背景
*/
.local_background {
    background-color:#F0FFF3;
}
/****************************************
* 地方版図柄ナンバー一覧画面終了            *
****************************************/
/*******************************************************
* スマホ用                                             *
*******************************************************/
@media screen and (max-width:750px) {
    body {

    }
    body#html_base {
        overflow-x:hidden;
        padding:0px;
        margin:12px 0px;
        background-color:transparent;
    }
    /*
     * ページ外枠
    */
    div#containar {
        width:100%;
        margin:60px auto 0px;
        padding:0 5px;
        text-align:center; /* IE対策 */
    }

    /*
     * ヘッダ
    */
    div#header {
        width:100%;
        margin:0px;
        background-color:white; /* 仮 */
    }

    /*
     * トップ
    */
    div#top {
        width:98%;
        margin:0px;
    }
    div#top img {
        width:100%;
    }
    div#header img {
        display:none;
    }
    div#footer img {
        width:100%;
    }
    div#footer {
        width:100%;
    }
    body#html_base div#menu {
        display:none;
    }
    /*
     * コンテンツ
    */
    div#contents {
        width:93%;
        margin:0px 20px 0px 10px;
        text-align:left;
        font-size:11pt;
    }
    header {
        position:fixed;
        width:100%;
        height:50px;
        top:0;
        left:0;
        background:#FFF;
        border-bottom:1px solid #000;
        z-index:100;
        display:inline;
    }
    .spmenu_btn {
        display:block;
        position:absolute;
        top:100px;
        right:15px;
        width:30px;
        height:22px;
        background:#98CB66;
        border-top:10px solid #fff;
        border-bottom:10px solid #fff;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .spmenu_btn:before {
        content:'';
        position:absolute;
        width:30px;
        height:2px;
        background:#98CB66;
        top:-9px;
        right:0;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .spmenu_btn:after {
        content:'';
        position:absolute;
        width:30px;
        height:2px;
        background:#98CB66;
        bottom:-9px;
        right:0;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .spmenu_btn.active {
        background:#FFF;
    }
    .spmenu_btn.active:before {
        -moz-transform:rotate(-135deg);
        -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
        top:0;
        right:0;
    }
    .spmenu_btn.active:after {
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg);
        bottom:0;
        right:0;
    }
    .spmenu {
        display:none;
        position:absolute;
        top:51px;
        left:0;
        width:100%;
        background:#98CB66;
    }
    nav {
        display:block;
        width:100%;
        margin:0 auto;
    }
    nav li a {
        display:block;
        width:100%;
        color:#FFF;
        padding:15px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        position:relative;
        border-bottom:1px solid #999;
    }
    div#pc_contents {
       display:none;
    }
    div#pc_contents_code_pc {
       display:none;
    }
    div#pc_contents_code_smartphone {
       display:inline;
       margin-left: -5px;
    }
    div#sp_contents {
       display:inline;
       font-size:11pt;
    }
    .btn_base { /* コンテンツ内下部基本ボタン（戻る等） */
        text-align: center;
    }
    .btn_base a:link, .btn_base a:visited {
        color: #000000;
        font-weight:normal;
        font-size: 21px;
        background-color: #98CB66 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        text-decoration: none;
        position: relative;
        margin: 20px;
        padding: 10px 30px;
        display: inline-block;
    }
    .btn_base:before {
        clear:both;
    }
    .btn_base_s { /* コンテンツ内下部基本ボタン（戻る等） */
        text-align: center;
    }
    .btn_base_s a:link, .btn_base_s a:visited {
        color: #fff;
        font-weight:normal;
        font-size: 20px;
        background-color: #98CB66 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        text-decoration: none;
        position: relative;
        margin: 20px;
        padding: 10px 10px;
        display: inline-block;
    }
    div#title_description {
        margin-left:20px;
        width:100%;
    }
    .title_description_QA {
        margin-left:10px !important;
        width:93% !important;
    }
    nav.appl {
        border-radius: 5px;
        width:50%;
        font-size:10pt;
        padding:8px;
        border: 1px solid #5AC448;
        margin-buttom:5px;
    }
    .chkbox {
        margin:         0 0 10px 20px;
    }
    /* ラベルのスタイル　*/
    .chkbox label {
        padding-left:       38px;           /* ラベルの位置 */
        font-size:      15pt;
        line-height:        32px;
        display:        inline-block;
        cursor:         pointer;
        position:       relative;
    }

    /* ボックスのスタイル */
    .chkbox label:before {
        content:        '';
        width:          32px;           /* ボックスの横幅 */
        height:         32px;           /* ボックスの縦幅 */
        display:        inline-block;
        position:       absolute;
        left:           0;
        background-color:   #fff;
        box-shadow:     inset 1px 2px 3px 0px #000;
        border-radius:      6px 6px 6px 6px;
    }
    /* 元のチェックボックスを表示しない */
    .chkbox input[type=checkbox] {
        display:        none;
    }
    /* チェックした時のスタイル */
    .chkbox input[type=checkbox]:checked + label:before {
        content:        '\2713';        /* チェックの文字 */
        font-size:      34px;           /* チェックのサイズ */
        color:          #000;           /* チェックの色 */
        background-color:   #FFF;           /* チェックした時の色 */
    }
    h1 { /* 大見出し */
        font-size: 140%;
        font-weight: bold;
        padding: 0;
        margin: 10px 0px 10px 0px;
        *margin-bottom:5px;
    }
    li.attention_item {
        text-align:left;
        margin:5px 0px;
    }

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        height: auto;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        margin:7px;
        color: #333;
        font-size: 25px;
        border-bottom:2px solid #98CB66;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        box-shadow: none;
        font-size: 14px;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
    .chkbox_sp {
        display:block
    }
    .chkbox_pc {
        display:none;
    }

    .info_area {
        margin: auto 10px auto 5px;
        margin-bottom:10px;
    }
    .contents_menu_area .three_block {
        width:85%;
    }

    div#warning_item div:nth-child(1) {
        width:90%;
    }
    div#warning_item div:nth-child(2) {
        /*width:30%;*/
        padding:26px 0px;
        text-align:center !important;
    }
    div#warning_item div:nth-child(3) {
        width:40%;
        text-align:center !important;
    }
    .contents_menu_area .three_block {
        width:85%;
    }



    /*
     * 注意事項リスト（マーカーが「！」）
    */
    ul.list_attention {
        /*margin:15px auto 12px auto; /* 画像アイコン分ずらす */
        padding:0px;
        list-style-image:url(../../img/icon_001.png);
        list-style-position:outside;
        max-width:800px;
        width:90%;
    }
    ul.list_attention_contents {
        margin:15px auto 12px auto; /* 画像アイコン分ずらす */
        padding:0px;
        list-style-image:url(../../img/icon_001.png);
        list-style-position:outside;
        max-width:800px;
        width:90%;
    }

    ul.list_attention_contents_rn {
        margin:15px auto 12px auto; /* 画像アイコン分ずらす */
        padding:0px;
        list-style-image:url(../../img/icon_001.png);
        list-style-position:outside;
        max-width:800px;
        width:90%;
    }

    /*
     *レスポンシブ対応幅
    */
    .responsive_width {
        max-width:750px;
        width:80%;
    }

    /*
     * 抽選対象希望番号なし外枠
    */
    .number_field_500_lot {
        border-width:1px;
        border-style:solid;
        border-color:#99CC33;
        max-width:75%;
        padding:0px 5px 5px 5px;
    }

    /*
     * 送信日時用
    */
    .mail_date{
    width:237px;
    font-size: 15px;
    font-weight: unset;
    margin: -10px 0px 0px auto!important;
    white-space:nowrap;
    }


    /*
     *ラジオボタンのレスポンシブ対応
    */
    input[type="radio"] {
        transform: scale(1.3);
        margin-right:7px;
    }

    /*
     *チェックボックスのレスポンシブ対応
    */
    input[type="checkbox"] {
        transform: scale(2);
        margin-right:10px;
    }
    .checkbox_underline {
    margin-top:15px;
    margin-bottom:15px;
    margin-right:0px!important;
    margin-left:15px;
    float:left
    }

    /*
     * 承諾事項のlist定義
     */
    li.alert_field_item {
        text-indent:-1.9em;
    }

    /*
    */
   .margin_left_70 {
      margin:auto !important;
   }

  /*
   * 箇条書き一覧
  */
  .article_list {
      padding-left:0;
  }

  /*
   * iPhone用iframeスクロール
  */
  .scroll_iphone {
      overflow:auto;
        -webkit-overflow-scrolling:touch;

        height:230px;
    }
    div.scroll_iphone::-webkit-scrollbar {
      width:5px;
    }

    iframe.app_info {
        height: 97%;
    }

    /*
     * マーカー（数字）
    */
    .type_decimal {
        margin-left:-20px;
    }

    /*
     * 説明文
    */
    .privacy_explanation {
        margin-left:5px !important;
        margin-right:5px !important;
    }

    .margin_0 {
        margin:4px !important ;
    }

        /*
     * テキストエリア３-１ IME制御全角
     * 旧標板地名
    */
    .input_width80_imefull {
        max-width:80px;
        width:75%;
        ime-mode:active;
    }

    /*
     * チェックボックス右の下線付き文言
     */
    .underline_with_checkbox {
        text-decoration:underline;
        text-align:left;
        display:inline-block;
        width:80%
    }

    /*
     * ディスプレイON
     */
    .display_on {
        display:inline-block;
        text-align:center;
        width:100%
    }

    /*
     * センタ寄せ除去したバージョンのディスプレイON
     */
    .display_on_not_center {
        display:inline-block;
        width:100%
    }

   .contact_footer_with_agent {
    display: inline-block;
        text-align:center;
        vertical-align: top;
        margin: 3px;
        width:85%
    }

     #number_area .lot_number_area {
        width:85%;
    }

    #number_area .general_number_area {
        width:85%;
        margin:20px auto;
    }
}

/* 更に小さいスマホ用 */
@media screen and (max-width:389px) {
    /*
     * 外枠（背景イメージによって変更）
    */
    div.number_plate_illust_back {
        width:78vw;
        height:153px;
        padding:0px;
        margin-bottom:20px;
        background-size:100%;
        background-repeat:no-repeat;
    }

    /*
     * 標板地名
    */
    div#number_plate_illust_1 {
        font:7vw "ＭＳ ゴシック", monospace;
        font-weight:bold;
        float:left;
        text-align:right;
        /*width:30vw;*/
        /*margin:5.8vw 0vw 0vw 14vw;*/
    }

     /*
     * 一連指定番号
    */
    div#number_plate_illust_4 {
        font:18vw "ＭＳ ゴシック", monospace;
        letter-spacing:0vw;
        float:left;
        text-align:center;
        /*width:24vw;*/
        margin-top:0vw;
    }

    /*
     * 一連指定番号（ハイフンまたは半角スペース）
    */
    div#number_plate_illust_5 {
        font:12vw "ＭＳ ゴシック", monospace;
        letter-spacing:5px;
        float:left;
        text-align:center;
        width:4vw;
        /*margin-top:13px;*/
    }

    /*
     * 一連指定番号
    */
    div#number_plate_illust_6 {
        font:18vw "ＭＳ ゴシック", monospace;
        letter-spacing:0vw;
        float:left;
        text-align:center;
        /*width:95px;*/
        /*margin-top:0vw;*/
    }

    /*
     * ロゴ画像
    */
    div#number_plate_illust_7 {
        letter-spacing:5px;
        float:left;
        text-align:center;
        width:13vw;
        margin-top:2.5vw;
        margin-right:3vw;
    }

    /*
     * 標板地名1桁目
    */
    .number1 {
        font:7vw "ＭＳ ゴシック", monospace;
        font-weight:bold;
        float:left;
        width:3.5vw;
        margin-left:0px;
        margin-right:0.4vw;
        /*margin-top:6.1vw;*/
    }

    /*
     * 枠線1
    */
    .dot1 {
        float:left;
        border:2px dashed;
        width:3vw;
        height:5.3vw;
        margin-left:5px;
        /*margin-top:6.4vw;*/
        border-radius:1vw;
    }

    /*
     * 枠線2
    */
    .dot2 {
        float:left;
        border:2px dashed;
        width:7vw;
        height:7vw;
        /*margin-left:6vw;*/
        /*margin-right:1vw;*/
        /*margin-top:4vw;*/
        border-radius:1vw;
    }

    /*
     *レスポンシブ対応高さ
    */
    .responsive_height {
        height:18px;
    }

    /*
     *レスポンシブ対応幅
    */
    .responsive_width {
        max-width:750px;
        width:70%;
    }

    /*
     * テキストエリア４-１ IME制御全角
     * かな文字
    */

    .input_width50_imefull {
        max-width:50px;
        width:50%;
        ime-mode:active;
  }

    /*
     * テキストエリア４-２
     * 上記以外（少数桁項目） IME制御半角（固定）
    */
    .input_width50_imehalf {
        max-width:50px;
        width:50%;
        ime-mode:disabled;
    }

  /*
     * テキストエリア３-１ IME制御全角
     * 旧標板地名
    */
     .name_width_80 {
      width:80%
  }

}

/* 更に小さいスマホ用 */
@media screen and (max-width:369px) {
    #mobile-head {
        height:43px;
    }
    #top-head .logo {
        position: absolute;
        left: 10px;
        margin:7px;
        color: #333;
        font-size: 20px;
        border-bottom:2px solid #98CB66;
    }
    #nav-toggle {
        top: 6px;
    }
    #nav-toggle div {
        position: relative;
    }
    #nav-toggle span {
        width: 80%;
    }
    #nav-toggle span:nth-child(1) {
        top: 0;
    }
    #nav-toggle span:nth-child(2) {
        top: 10px;
    }
    #nav-toggle span:nth-child(3) {
        top: 21px;
    }
    div#containar {
        margin-top:40px;
    }
    .alert_field_consent {
        width:85%;
    }
    .alert_detail {
        margin-left:-20px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -550px;
    }
    /*
     * テキストエリア１ IME制御全角
     * 氏名
    */
    .input_width300 {
        max-width:300px;
        width:80%;
        ime-mode:active;
    }

    /*
     * テキストエリア３-１ IME制御全角
     * 旧標板地名
    */
    .input_width80_imefull {
        max-width:80px;
        width:75%;
        ime-mode:active;
    }


    /*
     * テキストエリア３-２ IME制御半角（固定）
     * 受付番号、ディーラコード
    */
    .input_width80_imehalf {
        max-width:80px;
        width:100%;
        ime-mode:disabled;
    }


    /*
     * テキストエリア４-１ IME制御全角
     * かな文字
    */
    .input_width50_imefull {
        max-width:50px;
        width:50%;
        ime-mode:active;
    }

    /*
     * テキストエリア４-２
     * 上記以外（少数桁項目） IME制御半角（固定）
    */
    .input_width50_imehalf {
        max-width:50px;
        width:50%;
        ime-mode:disabled;
    }

    /*
     * プルダウンエリア３
     * 都道府県・市郡区
    */
    .select_width200 {
        max-width:200px;
        width:100%;
    }

    /*
     * 承諾事項のlist定義
     */
    ul.alert_field_list {
        width:90%;
    }
    li.alert_field_item {
        list-style-type:none;
        text-indent:-1.5em;
        font-weight:bold;
        margin-bottom:15px;
        margin-right:5px;
        font-size:110%;
    }
}

/*******************************************************
* 文末                                                 *
*******************************************************/