/*******************************************************
*                                                      *
* 一般ユーザ  定義ファイル                             *
*                                                      *
*******************************************************/

/*******************************************************
* 全体                                                 *
*******************************************************/
/*
 * 全体
*/
body {
    background-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #276e9d;
    scrollbar-darkshadow-color: #faf2cd;
    scrollbar-highlight-color: #276e9d;
    scrollbar-3dlight-color: #faf2cd;
    scrollbar-arrow-color: #276e9d;
}

/*
 * マージン:12px auto
 */
.margin_12_auto {
    margin:12px auto;
}
/*******************************************************
* ナンバープレートイメージ画像                         *
*******************************************************/

/******************************************************
* ナンバープレートイメージ画像終了                    *
******************************************************/
/*******************************************************
* トップページ                                         *
*******************************************************/

/*
 * 図柄サイトリンクエリア
*/
.contents_zugara_link {
    margin:0px 40px 0px 50px;
    padding:10px;
    text-align:left;
    border: 3px solid #99CC33;
}

/*
 * 行間
*/
.line_height_18 {
    line-height:18px
}

/*
 * 行間
*/
.line_height_20 {
    line-height:20px
}

/*
 * 図柄ナンバー取扱画面へのリンク
*/
.oly_treatment_link {
    max-width:700px;
    width:90%;
    border-width:3px;
    border-style:solid;
    border-color:#99CC33;
    margin:0px auto;
    padding:5px 5px 5px 5px;
}

/*
 * 図柄リンクタイトル（グループ表示）
*/
.zugara_link_title {
    font-size:13pt;
    font-weight:bold;
    color:#DD0000;
}

/*******************************************************
* 12pxレイアウト                                       *
*******************************************************/

li.attention_item_info {
    margin:12px 0px 12px 0px;
}
/*
 * 画面説明エリア（メニューあり）
*/
div#contents_description {
    margin:12px 0px;
    padding:0px;
}

/*
 * 箇条書き一覧
*/
.article_list {
    margin-top:12px;
    margin-bottom:12px;
}

/*
 *ナンバープレートイメージ用
*/
div.number_plate_image {
    margin-top:12px;
    margin-bottom:12px;
}

/*
 * 一般ユーザ用
 * 画面説明エリア（問い合わせ先あり・下位）
*/
div#contents_description_nl {
    margin-bottom:12px;
    padding:0px;
}
/*******************************************************
* 12pxレイアウト終了                                   *
*******************************************************/

/*******************************************************
* テーブルの配色変更                                   *
*******************************************************/
/*
 * 連絡先登録同意確認枠
*/
.contents_consent_simple {
    border:2px solid #99CC33;
    max-width:640px;
    width:90%;
}

/*
 * エラー表示用

.info_area h3 {
    padding:5px;
    line-height:1;
    font-size:14pt;
    background-color:#115311;
    margin-bottom:-8px;
    margin-top:10px;
}
.info_area h3 {
    background-color:#ff6600;
    color:#fff;
    border-bottom: 3px solid #ff8c00;
}
h3 {
    color: #fff;
    font-weight: normal;
    border-bottom: 3px solid ##ff6600;
    background-color: #115311;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    -o-border-radius: 0 8px 0 0;
    -ms-border-radius: 0 8px 0 0;
    position: relative;
    margin: 0;
    padding: 7px 10px;
    line-height: 1.4;
}
 */

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

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

/*
 * 意思確認事項の位置修正
*/
.warning_field {
    margin-top:12px;
    margin-bottom:12px;
}

/*******************************************************
* テーブルの配色変更終了                               *
*******************************************************/

/*******************************************************
* 申込メニュー                                         *
*******************************************************/
div.menu_area {
    background-color: #A4EE97;
    border-radius: 5px;
    margin:2% auto;
    padding:10px;
    max-width:700px;
    text-align: center
}
/*******************************************************
* データエリア                                         *
*******************************************************/
/**********************************
* 全体（ＱＡ以外）                *
***********************************/
/*
 * 表題バー（タイトル）
*/
.content_title {
    text-indent:12px;
    font-weight:bold;
    background-color:#ccff99;
    font-size:11pt;
    height:30px;
    padding:3px;
    vertical-align:middle;
    display:table-cell;
    width:1000px;
    clear:both;
}

/*
 * 契約ディーラログインアイコン部分
*/
div#dealer {
    width:50px;
    height:15px;
    overflow:hidden;
    display:inline-block;
}

/*
 * 契約ディーラログインアイコンリンク
*/
div#dealer a {
    display:block;
    margin:0px;
    background-color:transparent;
}

/*
 * 契約ディーラログインアイコン（オンマウス/アクティブ）
*/
div#dealer a:hover,div#dealer a:active {
    margin-top:-15px;
    background-color:transparent;
}

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

/*
 * 入力基本テーブル（横×2）画像部分
*/
.img_padding {
padding-top: 20px;
}

/*
 * 使用の本拠用テーブル
*/
table.base_table {
    border-width: 1px;
    border-style: solid;
    border-color: #779977;
    background-color: #779977;
    width: 90%;
    margin: 12px auto;
    text-align: center;
}

/*
 * 使用の本拠、注意書き
*/
/*
 * width:750px
 */
.place_width_750 {
    max-width:750px !important;
    width:90%;
}

/*
 * 承諾事項、使用の本拠の位置についての内容
*/
.annotation_field {
    width: 95% !important;
    text-align: left;
    margin: 10px 0px !important;
}

/*
 * 承諾事項内の同意のチェックボックス
*/
.agree_field {
    font-size: 11pt;
    border: 2px solid #99CC33;
    max-width: 640px;
    width: 90%;
    margin: 12px auto;
    padding: 10px;
    text-align: center;
    color: #0000FF;
    font-weight: bold;
}

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

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

/*
 * ワンポイント装飾画像(照会メニュー)
*/
ul.list_annotated_lot {
    margin:12px 0px;
    list-style-image: url(../../img/icon_005.png);
    list-style-position: outside;
}
/**********************************
* Ｑ＆Ａ専用                      *
***********************************/
/*
 * ＱＡ　質問：表題バー
*/
.content_title_q {
    text-indent:10px;
    font-weight:bold;
    background-color:#ccff99;
    font-size:11pt;
    height:30px;
    padding:3px;
}

/*
 * ＱＡ　回答：表題バー
*/
.content_title_a {
    text-indent:10px;
    font-weight:bold;
    background-color:#66ccff;
    font-size:11pt;
    height:30px;
    padding:3px;
}

/*
 * ＱＡ　質問：一覧
 *
 *.article_list {
 *    font-size:11pt;
 *    margin:15px 30px;
 *    line-height:15pt;
 *}
*/


/*
 * ＱＡ　回答：全体
*/
#answer_all td {
    margin:15x 30px;
    line-height:15pt;
    text-valign:top;
}

/*
 * ＱＡ　回答：質問一覧（左）
*/
.answer_title_l {
    font-size:11pt;
    vertical-align:top;
    text-indent:0px;
    line-height:15pt;
    background-color:#cceeff;
}

/*
 * ＱＡ　回答：質問一覧（右）
*/
.answer_title_r {
    font-size:11pt;
    vertical-align:top;
    text-indent:0px;
    line-height:15pt;
    background-color:#cceeff;
}

/*
 * ＱＡ　回答：文頭
*/
.answer_l {
    font-size:11pt;
    vertical-align:top;
    text-indent:20px;
}

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

/*
 * A.リスト（マーカーが「A.」）
*/
ul.answerList {
    margin:10px 17px;
    list-style-image:url(../../img/icon_009.png);
    list-style-position:outside;
}

/*
 * 注意事項
*/
li.q_a_Item {
    margin:5px 0px;
    padding:0px 0px;
}
/**********************************
* Ｑ＆Ａ終了                      *
***********************************/
/**********************************
* 始めにお読みください開始        *
***********************************/
iframe.gcaa0301_h {
    max-width:1000px;
    width:100%;
    height: 3150px
}
iframe.gcaa0301 {
    max-width:1000px;
    width:100%;
    height: 4000px
}
iframe.gcaa0302_h {
    max-width:1000px;
    width:100%;
    height: 1180px
}
iframe.gcaa0302 {
    max-width:1000px;
    width:100%;
    height: 1175px
}
iframe.gcaa0303_h {
    max-width:1000px;
    width:100%;
    height: 560px
}
iframe.gcaa0303 {
    max-width:1000px;
    width:100%;
    height: 560px
}
/**********************************
* 始めにお読みください終了        *
***********************************/
footer {
    margin-top: 30px;
}

footer p  { /* コピーライト */
    margin: 1px;
}

ul.list_annotated {
    margin-left:-20px;
}
.reset_list_image {
    margin-left:-20px;
}

/* 小さいスマホ用 */
@media screen and (max-width:529px) {
    /*
     * ナンバープレート画像サイズ
     */
    .number_img_size {
        width:140px !important;
    }

ul.list_annotated {
    margin-left:-20px;
}
.reset_list_image {
    margin-left:-20px;
}


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