@charset "UTF-8";
/* CSS Document */
/* ============================================ [ 全ページで共通 ] */
/* ========================= [ リセット ] */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0 auto;
    padding: 0;
    outline: 0;
}
ul, ol, dl {
    list-style: none;
}
img {
    vertical-align: bottom;
}
a, img {
    border: none;
}
body {
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #eee; /* コンテンツの高さがブラウザの高さに比べて足りない場合に、フッターの底が白く途切れないよう、フッターと同じ色のグレーを指定 */
}
/* ========================= [ micro clearfix ]  */
/*  ↑「overflow: hidden;」でのfloat解除では支障がある場合に使用  */
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
 *zoom: 1;
}
/* ========================= [ #page ] */
#page {
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #545454;
    font-size: 14px;
    text-align: center;
}
#page a {
    color: #2869ab;
    text-decoration: none;
}
#page a:visited {
    color: #3f83ff;
    text-decoration: none;
}
#page a:hover {
    color: #3f83ff;
    text-decoration: underline;
}
/* ========================= [ #global-navi ] */
#global-navi {
    position: absolute; /* グローバルナビ全体を上固定に */
    top: 0;
    width: 100%;
    height: 83px;
    z-index:1000;
     /* 画面上部に横長のバーを置いてフタをする */
}
#global-navi .navi-wrap {
    width: 1040px;
    height: 83px;
    background: url(../images/bg_btn_global_navi.png) no-repeat;     /* ナビのボタンの土台 */
}
#global-navi .navi-wrap ul {
    padding: 0px 0 0 0px;
}
#global-navi .navi-wrap li {
    display:inline-block;
    margin: 0;
    padding: 0 3px;
}
#global-navi .navi-wrap .home {
    display: block;
    width: 151px;
    height: 70px;
    margin:0px 0px 0px 0px;
    background: url(../images/btn_global_navi_home_over.png) no-repeat;
}
#global-navi .navi-wrap .introduction {
    display: block;
    width: 151px;
    height: 70px;
    background: url(../images/btn_global_navi_comingsoon.png) no-repeat;
}
#global-navi .navi-wrap .character {
    display: block;
    width: 151px;
    height: 70px;
    background: url(../images/btn_global_navi_comingsoon.png) no-repeat;
}
#global-navi .navi-wrap .gallery {
    display: block;
    width: 151px;
    height: 70px;
    background: url(../images/btn_global_navi_comingsoon.png) no-repeat;
}
#global-navi .navi-wrap .information {
    display: block;
    width: 151px;
    height: 70px;
    background: url(../images/btn_global_navi_information_over.png) no-repeat;
}
#global-navi .navi-wrap .qanda {
    display: block;
    width: 151px;
    height: 70px;
    background: url(../images/btn_global_navi_qanda_over.png) no-repeat;
}
#global-navi .btn img {
    box-shadow: #000 0 0 0;
}
/* ========================= [ #footer ] */
#footer {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 144px;
    margin: -48px 0 0 0;
    background: url(../images/bg_footer_navi.png) repeat-x bottom;
    color: #3f3f3f;
}
#footer .footer-wrap {
    width: 1040px;
}
#footer .footer-wrap .logo-dmm {
    float: left;
    margin: 70px 50px 0 20px;
}
#footer .footer-wrap .btn-pagetop {
    float: right;
    margin: 0 28px 0 0;
}
#footer .footer-wrap .pagetop {
    display: block;
    width: 83px;
    height: 56px;
    background: url(../images/btn_footer_navi_top_over.png) no-repeat;
}
#footer .footer-wrap .btn img {
    box-shadow: #000 0 0 0;
}
#footer .footer-wrap .footer-navi {
    padding: 72px 0 0 0;
}
#footer .footer-wrap .footer-navi a {
    color: #3f3f3f;
    text-decoration: none;
}
#footer .footer-wrap .footer-navi a:visited {
    color: #3f3f3f;
    text-decoration: none;
}
#footer .footer-wrap .footer-navi a:hover {
    text-decoration: underline;
    color: #3f3f3f;
}
#footer .footer-wrap .footer-navi li {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #777777; /* 区切り線 */
}
#footer .footer-wrap .footer-navi .navi-last {
    border-right: 1px solid #777777; /* 右端の区切り線 */
}
#footer .footer-wrap .copy {
    width: 1040px;
    margin: 40px 0 0 0;
    font-size: 10px;
    overflow: hidden;
}
/* ============================================ [ 以下、ページ毎に異なる ] */

/* =================================== [ ホーム（index.html） ] */
/* ========================= [ #main-home ] */
#main-home {
    min-width: 1040px;
    min-height: 500px;
    height: 901px;
    background: url(../images/bg_home.jpg) no-repeat center top #e8e3d2;
}
/* ========================= [ #head-home ] */
#main-home #head-home {
    width: 1040px;
    height: 515px;
    overflow: hidden;
}
#main-home #head-home .logo-home {
    float: right;
    margin: 115px 28px 0 0px;
    z-index:0;
}
#main-home #head-home .catch-copy {
    float: left;
    margin: 80px 0 0 0px;
    z-index:1;
}
#main-home #head-home .free-to-play {
    float: right;
    width: 364px;
    height: 186px;
    margin: 15px 20px 0 500px;
    background: url(../images/bg_home_freetoplay.png) no-repeat center top;
}
#main-home #head-home .free-to-play h3 {
    padding: 15px 0 0 0;
}
#main-home #head-home .free-to-play ul {
    margin: 26px 0 0 30px;
}
#main-home #head-home .free-to-play li {
    float: left;
    margin: 0 0px 0 0;
}

#main-home #head-home .free-to-play .app-store {
    display: block;
    width: 300px;
    height: 89px;
    background: url(../images/btn_appstore_over.png) no-repeat;
}
#main-home #head-home .free-to-play .btn img {
    box-shadow: #000 0 0 0;
}
/* ========================= [ #content-home ] */
#main-home #content-home {
    width: 1040px;
    margin: 0 auto 12px;
}
#main-home #content-home .whats-new {
    float: left;
    width: 565px;
    height: 323px;
    margin: 0 0 0 30px;
    background: url(../images/bg_home_whatsnew.png) no-repeat center top;
}
#main-home #content-home .whats-new h3 {
    margin: 29px 0 2px 0;
}
#main-home #content-home .whats-new .box-news {
    width: 467px;
    height: 198px;
}
#main-home #content-home .whats-new .box-news li {
    width: 467px;
    height: 32px;
    text-align: left;
    border-bottom: 1px dashed #000000;
}
.box-news .newsicon {
    display: block;
    float: left;
    width: 88px;
    line-height: 32px;
    color: #000;
    text-align: center;
}
#main-home #content-home .whats-new .box-news li .newsicon {
    font-size: 12px;
}
#main-home #content-home .whats-new .box-news a {
    display: block; /* 省略表示させるためにブロックレベル要素にする */
    float: left;
    width: 268px;
    height: 32px;
    line-height: 32px;
    overflow: hidden; /* はみ出た部分を隠す */
    white-space: nowrap; /* 改行させない */
    text-overflow: ellipsis; /* 省略されていることを「…」で表示する */
}
#main-home #content-home .whats-new .box-news .date {
    float: right;
    width: 111px;
    height: 32px;
    color: #000000;
    font-size: 11px;
    line-height: 32px;
    text-align: right;
}
#main-home #content-home .whats-new .btn-more {
    float: right;
    margin: 11px 47px 0 0;
}
#main-home #content-home .whats-new .more {
    display: block;
    width: 164px;
    height: 26px;
    background: url(../images/btn_home_information_over.png) no-repeat;
}
#main-home #content-home .whats-new .btn img {
    box-shadow: #000 0 0 0;
}
/* ========================= [ 公式Twitter ] */
#main-home #content-home .twitter {
    float: right;
    width: 407px;
    height: 298px;
    margin: 11px 24px 0 0;
    background: url(../images/bg_home_twitter.png) no-repeat center top;
}
#main-home #content-home .twitter h3 {
    float: left;
    margin: 13px 0 0 20px;
}
#main-home #content-home .twitter .btn-follow {
    float: right;
    margin: 17px 17px 0 0;
}
#main-home #content-home .twitter .box-timeline {
    margin: 45px 0 0 1px;
}

/* ========================= [ sns ] */
.sns {
    position: relative;
    z-index: 100;
    clear: both;
    padding-top: 20px;
}
.sns .btn-sns {
    text-align: center;
}
.sns .btn-sns li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    vertical-align: middle;
}

/* ============================================ [ 下層ページ共通 ] */
/* ========================= [ #main-subpage ] */

#main-subpage {
    min-width: 1040px;
    min-height: 500px;
    /* 共通フッターの近くに、下層ページ専用の背景画像を下詰めで配置 */
}
/* ========================= [ header-subpage ] */
#main-subpage #head-subpage {
    width: 100%;
    background: #ebe8d9; /* 下層ページヘッダーの下地の背景色 */
    overflow: hidden;
}
#main-subpage #head-subpage .box-head {
    height: 240px;
    background: url(../images/bg_subpage_head.jpg) no-repeat center top; /* 下層ページヘッダーの下地色の上に、ヘッダー背景画像を重ねて配置 */
}
#main-subpage #head-subpage .box-head h1 {
    width: 950px;
    padding: 80px 0 0 0px;
    text-align: left;
}
#main-subpage #head-subpage .line-head {
    width: 100%;
    height: 8px;
    background: url(../images/bg_content_line.png) repeat-x; /* 下層ページヘッダーの下部にラインを置く */
}
/* ========================= [ content-subpage ] */
#main-subpage  #content-subpage_bg{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    background:url(../images/bg_content.jpg) no-repeat center bottom fixed #e8e3d2;
}

/* ============= [ パンくずリスト（Topic Path） ] */
#topic-path_bg{
    width:100%;
    background:url(../images/bg_topic-path.png) repeat-x;
    z-index:0;
}

.topic-path {
    width: 940px;
    height:147px;
    padding: 15px 0 25px 100px;
    font-size: 12px;
    
}
.topic-path li {
    float: left;
}
/* ============= [ コンテンツ背景枠（縦3スライス） ] */
#main-subpage #content-subpage .box-content .content-top {
    width: 914px;
    height: 94px;
    margin-top:-145px;
    background: url(../images/bg_content_top.png) no-repeat center;
}
#main-subpage #content-subpage .box-content .content-top h2 {
    width: 351px;
    height: 37px;
    margin: 0px auto 0;
    padding: 13px 0 0 0;
}

#main-subpage #content-subpage .box-content .content-middle {
    width: 870px;
    background: url(../images/bg_content_middle.jpg) repeat-y center;  /* 内容量に応じて高さ可変 */
}
#main-subpage #content-subpage .box-content .content-middle h3 {
    width: 746px;
    height: 40px;
    margin: 0 auto 0;
    padding: 20px 0 0 58px;
    background: url(../images/bg_ttl_h3.png) no-repeat center bottom;
    color: #ffffff;
    font-size: 27px;
    letter-spacing: -0.03em;
    line-height: 41px;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle h4 {
    width: 706px;
    padding: 25px 89px 0;
    color: #7c3603;
    font-size: 18px;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle p {
    width: 706px;
    padding: 25px 89px 0;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .f20 { /* コンテンツ本文を大きな文字で強調する場合 */
    font-size: 20px;
}
#main-subpage #content-subpage .box-content .content-middle .f20-red { /* コンテンツ本文を大きな文字で強調しつつ、赤い警告色をつける場合 */
    color: #ff0000;
    font-size: 20px;
}
#main-subpage #content-subpage .box-content .content-bottom {
    width: 914px;
    height: 91px;
    background: url(../images/bg_content_bottom.png) no-repeat center;
}
/* ============= [ 下層ページ下部、アプリダウンロード先へのボタン群 ] */
#main-subpage #content-subpage .free-to-play {
    width: 364px;
    height: 184px;
    margin: 45px auto 0;
    padding: 0 0 48px 0;  /* 共通フッターの「TOPへ」ボタンの高さ分、下にpaddingを取る */
    background: url(../images/bg_home_freetoplay.png) no-repeat center top;
}
#main-subpage #content-subpage .free-to-play h3 {
    padding: 15px 0 0 0;
}
#main-subpage #content-subpage .free-to-play ul {
    margin: 30px 0 0 31px;
}
#main-subpage #content-subpage .free-to-play li {
    float: left;
    margin: 0 0px 0 0;
}
#main-subpage #content-subpage .free-to-play .app-store {
    display: block;
    width: 300px;
    height: 89px;
    margin:-5px 0px 0px 0px;
    background: url(../images/btn_appstore_over.png) no-repeat;
}
#main-subpage #content-subpage .free-to-play .btn img {
    box-shadow: #000 0 0 0;
}
/* ============= [ ページネーション（お知らせ一覧、Q&A一覧で使用） ] */
#main-subpage #content-subpage .pagenation {
    width: 786px;
    height: 41px;
    margin: 30px auto 0;
}
#main-subpage #content-subpage .pagenation li {
    display: inline-block; /* floatを使わずにページネーションを横並びに */
    margin: 0 0 0 5px;   /* 空白類文字の隙間が右横にできるのを加味しつつ、左にマージンを取る */
}
#main-subpage #content-subpage .pagenation span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #3e2c11;
    border-radius: 5px;
    color: #4a1400;
    font-size: 13px;
    background: #d5ccb9;
    font-weight:bold;
    background: -moz-linear-gradient(top,  #eae2cc 0%, #d5ccb9 50%, #b7ad9e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eae2cc 0%,#d5ccb9 50%,#b7ad9e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eae2cc 0%,#d5ccb9 50%,#b7ad9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 0 0 1px 1px #fff inset;
}
#main-subpage #content-subpage .pagenation a {
    text-decoration: none;
}
#main-subpage #content-subpage .pagenation a:hover span, #main-subpage #content-subpage .pagenation li > span {
    background: #ebe4d6;
    background: -moz-linear-gradient(top,  #fdf9ed 0%, #ebe4d6 50%, #ded4c4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fdf9ed 0%,#ebe4d6 50%,#ded4c4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fdf9ed 0%,#ebe4d6 50%,#ded4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #311900;
}
#main-subpage #content-subpage .pagenation .page-prev span, #main-subpage #content-subpage .pagenation .page-next span {/* 「前」「次」のボタン */
    width: 54px;
}
#main-subpage #content-subpage .pagenation .page-prev > span, #main-subpage #content-subpage .pagenation .page-next > span { /* ボタン非表示とせず、押せない状態のボタン画像を表示する場合  */
    background: #909090;
    background: -moz-linear-gradient(top,  #a4a4a4 0%, #909090 50%, #797979 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a4a4a4 0%,#909090 50%,#797979 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a4a4a4 0%,#909090 50%,#797979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #e5e5e5;
}


/* ========================= [ ホームへ戻るボタン ] */
#main-subpage #content-subpage .box-content .content-middle .btn-center-home {
    width: 264px;
    margin: 50px auto 0;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .home {
    display: block;
    width: 264px;
    height: 45px;   
    background: url(../images/btn_back_home_over.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn img {
    box-shadow: #000 0 0 0;
}


/* =================================== [ ※これより下、下層ページごとに記述（非共通） ] */
/* =================================== [ お知らせ（information.html） ] */
#main-subpage #content-subpage .box-content .content-middle .box-news {
    width: 786px;
    padding: 12px 0 0 0;
}
#main-subpage #content-subpage .box-content .content-middle .box-news li {
    width: 786px;
    padding: 6px 0 6px 0;
    text-align: left;
    border-bottom: 1px dashed #000000;
    line-height: 0.5;
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .box-news .newsicon {
    width: 118px;
    line-height: 37px;
    font-size: 16px;
}
#main-subpage #content-subpage .box-content .content-middle .box-news .date {
    width: 111px;
    padding: 0 0 0 8px;
    color: #000000;
    font-size: 12px;
    line-height: 15px;
}
#main-subpage #content-subpage .box-content .content-middle .box-news a {
    display: block;
    width: 660px;
    padding: 0 0 0 8px;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .box-news .ttl-news {
    display: block;
    width: 660px;
    padding: 0 0 0 8px;
    color: #562a0a;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
}
/* =================================== [ お知らせ詳細（information_detail.html） ] */

#main-subpage #content-subpage .box-content .content-middle .txt-news {

}

#main-subpage #content-subpage .box-content .content-middle .txt-news hr {
    width: 786px;
    height: 1px;
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    border: none;
    border-bottom: 1px dashed #c49c7e;
}
#main-subpage #content-subpage .box-content .content-middle .btn-center-info {
    width: 264px;
    margin: auto;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .back-information {
    display: block;
    width: 264px;
    height: 44px;
    background: url(../images/btn_back_information_over.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn img {
    box-shadow: #000 0 0 0;
}
/* =================================== [ Q&A（qanda.html） ] */
#main-subpage #content-subpage .box-content .content-middle .btn-category { /* 質問カテゴリのボタン群 */
    width: 786px;
    margin: 0 auto 0px;
    padding: 0px 0 0 0;
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .btn-category ul {
    margin: 0 0 0 -5px;
}
#main-subpage #content-subpage .box-content .content-middle .btn-category li {
    display: inline-block;
    width: 189px;
    margin: 0 0 10px 4px;
}
#main-subpage #content-subpage .box-content .content-middle .btn-category a {
    display: block;
    width: 189px;
    background: url(../images/btn_qanda_category.png) no-repeat;
    color: #311900;
    font-size: 14px;
    font-weight:bold;
    height: 45px;
    line-height: 45px;
}
#main-subpage #content-subpage .box-content .content-middle .btn-category a:visited {
    background: url(../images/btn_qanda_category.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn-category a:hover {
    background: url(../images/btn_qanda_category_over.png) no-repeat;
    color: #311900;
    text-decoration: none;
}



#main-subpage #content-subpage .box-content .content-middle .box-search { /* 検索フォーム */
    width: 784px;
    height: 54px;
    margin: 0px auto 10px;
    border: 1px solid #7b756c;
    background: #d8d0bc;
}
#main-subpage #content-subpage .box-content .content-middle .box-search .ttl-search {
    float: left;
    margin: 0 10px 0 10px;
    padding: 0;
    color: #311900;
    font-size: 18px;
    font-weight: bold;
    line-height: 54px;
}
#main-subpage #content-subpage .box-content .content-middle .box-search form {
    float: left;
    height: 31px;
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
}
#main-subpage #content-subpage .box-content .content-middle .box-search input {
    margin: 0;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .form-search .txt-box {
    float: left;
    width: 596px;
    height: 30px;
    font-size: 14px;
}
#main-subpage #content-subpage .box-content .content-middle .form-search .btn-search {
    width: 104px;
    height: 31px;
    margin: 2px 0 0 10px;
}
#main-subpage #content-subpage .box-content .content-middle .list-question {
    padding: 9px 0 0 0;
}
#main-subpage #content-subpage .box-content .content-middle .list-question li {
    width: 706px;
    padding: 12px 89px 0;
    text-align: left;
    font-size: 16px;
}
/* =================================== [ Q&A検索結果（qanda_search.html） ] */
#main-subpage #content-subpage .box-content .content-middle .search-result {
    width: 776px;
    padding: 10px 0 6px 10px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dashed #000000;
}
#main-subpage #content-subpage .box-content .content-middle .list-qanda {
    width: 776px;
    padding: 10px 0 0 10px;
    border-bottom: 1px dashed #000000;
}
#main-subpage #content-subpage .box-content .content-middle .list-qanda li {
    width: 706px;
    text-align: left;
    font-size: 16px;
}
#main-subpage #content-subpage .box-content .content-middle .list-qanda .highlight {
    padding: 1px 4px 1px 4px;
    background: #ff5500;
    color: #fff;
}
#main-subpage #content-subpage .box-content .content-middle .list-qanda .dot { /* 「jquery.dotdotdot.min.js」にて、三行の高さで「…」の省略表示（幅と高さの指定が必要） */
    width: 706px;
    height: 75px;
    padding-top: 8px;
    font-size: 14px;
}
/* =================================== [ Q&A詳細（qanda_detail.html） ] */
#main-subpage #content-subpage .box-content .content-middle .box-qanda {
    width: 786px;
    padding: 15px 0 0 0;
    text-align: left;
    border-bottom: 1px dashed #000000;
}
#main-subpage #content-subpage .box-content .content-middle .box-qanda p {
    width: 766px;
    margin: 0;
    padding: 0 10px 2px 10px;
    color: #7c3603;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .txt-qanda hr {
    width: 786px;
    height: 1px;
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    border: none;
    border-bottom: 1px dashed #c49c7e;
}
#main-subpage #content-subpage .box-content .content-middle .btn-center-qanda {
    width: 264px;
    margin: auto;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .back-qanda {
    display: block;
    width: 244px;
    height: 44px;
    background: url(../images/btn_back_qanda_over.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn img {
    box-shadow: #000 0 0 0;
}
/* =================================== [ お問い合わせ（support_input.html） ] */
/* ========================= [お問い合わせフォーム ] */
#main-subpage #content-subpage .box-content .content-middle .detail-support p{
    width: 100%;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .txt-inquiry-intro {
    width: 786px;
    padding: 25px 0 30px 0;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .area-error { /* エラーメッセージの表示領域 */
    width: 640px;
    margin: 0 auto 30px;
    padding: 10px;
    border: 2px #ff0000 solid;
    background: #fff;
    color: #ff0000;
    font-weight: bold;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support form {
    width: 786px;
    margin: 0 auto 15px;
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support section {
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .ttl-inquiry {
    margin-bottom: 10px;
    padding: 0;
    color: #311900;
    font-size: 18px;
    text-align: left;
    line-height: 1.3;
    font-weight: bold;
}
.detail-support .txt-need {
    color: #ff0000;
    font-size: 14px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .txt-attention {
    margin-top: 1em;
    color: #545454;
    font-size: 12px;
    font-weight: normal;
}
.detail-support select, input[type="text"], textarea, .detail-support .list-radio-check {
    width: 500px;
    font-size: 14px;
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support input {
    height: 18px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support textarea {
    height: 220px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support label {
    text-align: left;
    margin-right: 15px;
    white-space: nowrap;
}
.detail-support input[type="radio"] , #main-subpage #content-subpage .box-content .content-middle .detail-support input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .btn-center-confirm {
    width: 384px;
    margin: auto;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .detail-support .confirm {
    display: block;
    width: 454px;
    height: 44px;
    margin: 0 auto;
    background: url(../images/btn_support_confirm_over.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn-center-send {
    width: 386px;
    margin: 50px  auto 0 auto;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .send {
    display: block;
    width: 386px;
    height: 44px;
    background: url(../images/btn_back_support_send_over.png) no-repeat;
}
#main-subpage #content-subpage .box-content .content-middle .btn-center-correct {
    width: 266px;
    margin:40px  auto 0 auto;
    padding: 0;
}
#main-subpage #content-subpage .box-content .content-middle .correct {
    display: block;
    width: 266px;
    height: 44px;
    background: url(../images/btn_back_support_correct_over.png) no-repeat;
}

#main-subpage #content-subpage .box-content .content-middle .detail-support .btn img {
    box-shadow: #000 0 0 0;
}
/* =================================== [ 特定商取引（transaction.html） ] */
/* ========================= [定義リストでの表記 ] */
#main-subpage #content-subpage .box-content .content-middle .detail-transaction dl {
    width: 700px;
    margin: 20px auto 0;
    overflow: hidden;
}
#main-subpage #content-subpage .box-content .content-middle .detail-transaction dt {
    float: left;
    clear: both;
    width: 200px;
    margin: 0 0 20px 0;
    color: #311900;
    font-weight: bold;
    text-align: right;
}
#main-subpage #content-subpage .box-content .content-middle .detail-transaction dt:after {
    content: "："  /* 「dt」に記述されている文言の後に「：」を挿入する */
}
#main-subpage #content-subpage .box-content .content-middle .detail-transaction dd {
    width: 480px;
    float: right;
    margin: 0 0 20px 0;
    text-align: left;
}




/* =================================== [ 資金決済法（settlement.html） ] */
/* ========================= [ テーブルでの表記 ] */
#main-subpage #content-subpage .box-content .content-middle .detail-settlement table {
    width: 700px;
    border-collapse: collapse;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .table-ios {
    margin: 20px auto 0px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .table-android {
    margin: 20px auto 0;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement th {
    background: #d8d0bc;
    color: #311900;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement td {
    background: #fff;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement th, td {
    padding: 4px;
    border: 1px #7b756c solid;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .th-01 {
    width: 30px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .th-02 {
    width: 120px;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .td-01 {
    text-align: center;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .td-02 {
    text-align: left;
}
#main-subpage #content-subpage .box-content .content-middle .detail-settlement .td-03 {
    text-align: left;
}

.item-inquiry {
    margin-bottom: 30px;
    text-align: left;
    overflow: hidden;
}
.list-radio-check {
    display: inline-block;
}
.list-radio-check label {
    display: block;
}