body    { color: #333; font-size: 100%; line-height: 1.5; text-align: center; margin: 0 }
h1    { color: #679aef; font-size: 80%; margin-top: 3px; margin-bottom: 3px }
h2      { color: #666; font-size: 100%; font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px solid #ccc }
h3  { color: #f60; font-size: 100%; font-weight: bold; margin: 0; padding-left: 20px }
h4 { color: #679aef; font-size: 80%; font-weight: bold; margin: 3px 0 0 }
a  { color: #69c; font-weight: bold; text-decoration: none }
a:hover  { color: #f30; font-weight: bold }
p    { font-size: 80% }
.list_ya  { font-size: 110%; list-style-image: url(img/ico/list_point.gif); list-style-position: inside; margin-left: -20px }
.list_none { list-style-type: none; list-style-position: outside; margin-left: -10px }
.li_mi { font-weight: bold; padding-left: 5px; border-left: 4px solid #06c }
.li_mi1 { font-weight: bold; padding-left: 5px; border-left: 4px solid #f30 }
.li_mi_s { font-weight: bold; margin-left: -5px }
/*header部分*/
#header     { background-image: none; background-position: 0 bottom; text-align: center; margin: 0; width: 100%; height: auto }
#header_top   { color: #fff; text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; width: 750px; height: 20px }
#header_menu     { font-size: 80%; background-color: #fff; background-image: url(img/menu_bg03.gif); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; width: 100%; height: 30px }
#menu     { background-image: none; text-align: right; margin: auto; padding-top: 5px; width: 750px; height: 20px }
#menu a      { color: #fff; font-weight: bold; text-decoration: none; height: 20px }
#menu a:hover      { color: #f63; font-weight: bold; text-decoration: none; height: 20px }
#header_img00   { background-image: url(img/bg_main.gif); background-repeat: repeat-x; margin: 0; width: auto }
#header_img01  { margin: 0 auto 0; width: 750px }
#header_brank    { background-color: #fff; background-image: url(img/pankuzu_bg_a.gif); background-repeat: no-repeat; margin: 5px auto 11px; width: 750px; height: 25px }
.pankuzu      { color: #666; font-size: 80%; text-align: left; padding-top: 4px; padding-left: 12px; width: 580px; float: left }
.pankuzu a  { color: #679aef; background-position: right 0 }
.pankuzu a:hover { color: #f63 }
.cartbox  { font-size: 80%; padding-top: 0; padding-right: 0; float: right }
/*本文部分*/
.main   { text-align: left; margin: 0 auto; width: 750px; height: auto; clear: both }
.main1 { text-align: center; margin: 0 auto; width: 750px; height: auto; clear: both }
.main_dl   { text-align: center; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; width: 528px; height: auto; clear: both; border-bottom: 1px dotted #ccc }
#info  { margin: 0 5px; padding-top: 0; padding-bottom: 0; height: 15px; border-bottom: 1px dotted #ccc }
#contents     { width: 540px; height: auto; float: right }
.wrapper   { background-image: url(img/midashi_bg.gif); background-repeat: repeat-x; margin: 0; padding-right: 5px; padding-left: 5px; width: 528px; height: auto; border-right: 1px solid #999; border-left: 1px solid #999 }
.container_r  { text-align: left; margin: 5px; padding-left: 10px; width: 300px; float: right; border-left: 1px dotted #ccc }
.container_l  { margin: 5px; width: 180px; height: auto; float: left }
.container_c  { text-align: center; margin: 5px; width: 240px; float: left }
.item_data { padding-top: 5px; width: 300px; border-top: 1px dotted #ccc }
.item_data2  { padding-top: 20px; padding-bottom: 20px; width: 300px; border-top: 1px dotted #ccc }
.navi_l { float: left }
.navi_r { margin-right: 20px; float: right }
.main_upper  { background-image: url(img/midashi03.gif); background-repeat: no-repeat; margin: 0; width: 540px; height: 10px }
.main_under  { background-image: url(img/midashi02.gif); background-repeat: no-repeat; margin: 0; width: 540px; height: 10px }
.after_login   { font-size: 90%; background-image: url(img/bg_after_login.gif); background-repeat: repeat-x; margin-bottom: 10px; padding: 5px; border: dotted 1px #999 }
.after_login h5 { color: #030; font-size: 100%; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 2px; border-bottom: 1px dotted #999 }
.after_login table { font-size: 80% }
.use_service  { font-size: 90%; background-image: url(img/bg_after_login.gif); background-repeat: repeat-x; margin-bottom: 10px; padding: 5px; border: dotted 1px #999 }
.use_service h3 { color: #030; margin-top: 0; margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px dotted #999 }
.use_service td { padding-bottom: 4px; border-bottom: 1px dotted #ccc }
.infomation { font-size: 90%; width: 100% }
.info_mid { color: #666; font-weight: bold; border-bottom: 1px dotted #999 }
/*ログイン部分*/
#login { background-image: url(img/login_bg03.gif); background-repeat: repeat-x; text-align: center; margin-top: 0; margin-bottom: 0; padding: 5px; width: 178px; height: auto; border-right: 1px solid #999; border-left: 1px solid #999 }
.login_upper { background-image: url(img/login_bg01.gif); background-repeat: no-repeat; margin: 0; padding: 0; width: 190px; height: 7px }
.login_under { background-image: url(img/login_bg02.gif); background-repeat: no-repeat; margin: 0 0 15px; width: 190px; height: 7px }
.login_imput { margin-bottom: 3px; width: 160px }
.login_text { text-align: left; margin-left: 7px }
/*サイドメニュー部分*/
#menu_right { font-size: 80%; width: 190px; height: auto; float: left }
#menu_right_b { width: 188px; height: auto; float: left; border-right: 1px solid #999; border-left: 1px solid #999 }
#menu_right h3 { color: #fff; font-size: 105%; font-weight: bold; background-image: url(img/menu_r01.gif); background-repeat: no-repeat; margin: 0; padding-top: 4px; padding-left: 5px; width: 190px; height: 20px }
#menu_right h4 { color: #333; font-size: 100%; font-weight: normal; background-color: #efefef; margin: 2px 0 0; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#menu_right p { font-size: 100% }
.menu_right_u { background-image: url(img/menu_r02.gif); background-repeat: no-repeat; margin: 0; width: 190px; height: 10px; float: none }
/*フッター部分*/
#footer  { font-size: 80%; margin-right: auto; margin-left: auto; width: 750px }
#footer_menu  { text-align: center; padding-top: 3px; padding-bottom: 3px; width: 750px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#footer_menu_l { text-align: left; margin-left: 5px; width: auto; float: left }
#footer_menu_r { text-align: left; margin-right: 5px; width: auto; float: right }
/*リリース履歴部分*/
.m_box  { text-align: center; margin: 10px auto 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc }
.m_box1  { text-align: left; margin: 10px auto 5px; padding-bottom: 5px; border-bottom: 1px solid #999 }
.m_box2 { text-align: left; margin: 10px auto 5px; padding-bottom: 5px }
.tokuten { background-color: #eaf8ff; margin-top: 4px; margin-right: -5px; margin-left: -5px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #999; border-bottom: 1px solid #999 }
.release { }
.release p  { margin-left: 5pt; padding-bottom: 3px }
/*汎用
*/
.clear { clear: both }
.clear_b  { clear: both; border-bottom: 1px dotted #ccc }
.date { color: #f00; margin-right: 3px }
.next_cont { padding-bottom: 3px; border-bottom: 1px dotted #ccc }
.next_cont li  { font-size: 100%; list-style-image: url(img/ico/list_point.gif); list-style-position: outside; position: relative; left: -20px }
.small_font  { font-size: 80% }
.b_area  { margin-right: auto; margin-left: auto; float: right }
.b_area1 { text-align: right; margin-right: auto; margin-left: auto; float: right }
.b_area2 { text-align: center; margin-right: auto; margin-left: auto }
/*ボタン*/
.buy a   { background-image: url(img/button/b_buy01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.buy a:hover   { background-image: url(img/button/b_buy02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.dl a      { background-image: url(img/button/b_dl01.gif); background-repeat: no-repeat; display: block; width: 180px; height: 38px }
.dl a:hover     { background-image: url(img/button/b_dl02.gif); background-repeat: no-repeat; display: block; width: 180px; height: 38px }
.cancel a { background-image: url(img/button/b_cancel01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.cancel a:hover { background-image: url(img/button/b_cancel02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.list a { background-image: url(img/button/b_list01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.list a:hover { background-image: url(img/button/b_list02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.back_acc a { background-image: url(img/button/b_back_acc01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.back_acc a:hover { background-image: url(img/button/b_back_acc02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.re_acc a { background-image: url(img/button/b_re_acc01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.re_acc a:hover { background-image: url(img/button/b_re_acc02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.b_kaikei a { background-image: url(img/button/b_kaikei01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.b_kaikei a:hover { background-image: url(img/button/b_kaikei02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.accdel a { background-image: url(img/button/b_accdel01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.accdel a:hover { background-image: url(img/button/b_accdel02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.kaiyaku a { background-image: url(img/button/b_kaiyaku01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.kaiyaku a:hover { background-image: url(img/button/b_kaiyaku02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.stop a { background-image: url(img/button/b_stop01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.stop a:hover { background-image: url(img/button/b_stop02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 180px; height: 38px }
.pwask a { background-image: url(img/button/b_pwask01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; margin-right: auto; margin-left: auto; width: 230px; height: 25px }
.pwask a:hover { background-image: url(img/button/b_pwask02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; margin-right: auto; margin-left: auto; width: 230px; height: 25px }
.pwask_a a { background-image: url(img/button/b_pwask_a01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; margin-right: auto; margin-left: auto; width: 230px; height: 25px }
.pwask_a a:hover { background-image: url(img/button/b_pwask_a02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; margin-right: auto; margin-left: auto; width: 230px; height: 25px }
.start a  { background-image: url(img/button/b_guide01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 190px; height: 50px }
.start a:hover  { background-image: url(img/button/b_guide02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 190px; height: 50px }
.ank_in a  { background-image: url(img/button/b_kanri01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 100px; height: 30px }
.ank_in a:hover  { background-image: url(img/button/b_kanri02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 100px; height: 30px }
.qr_in a  { background-image: url(img/button/b_qr01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 100px; height: 30px }
.qr_in a:hover  { background-image: url(img/button/b_qr02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 100px; height: 30px }
.cart_b a { background-image: url(img/button/b_cart01.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 149px; height: 25px }
.cart_b a:hover { background-image: url(img/button/b_cart02.gif); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 149px; height: 25px }
/*アイコン*/
.top_ico   { background-image: url(img/ico/ico_ya.gif); background-repeat: no-repeat }
.magazine   { background-image: url(img/ico/ico_magazine.gif); background-repeat: no-repeat }
.soft { background-image: url(img/ico/ico_soft.gif); background-repeat: no-repeat }
.cart_ico { background-image: url(img/ico/ico_cart.gif); background-repeat: no-repeat }
.info { background-image: url(img/ico/ico_info.gif); background-repeat: no-repeat }
/*カート・アカウント部分
*/
#cart { width: 540px; height: auto; float: right }
.kaikei  { margin-top: 20px; margin-bottom: 30px; float: right }
.gok  { font-weight: bold !important; background-color: #ffffbd !important; border-bottom: 1px solid #999 }
.line_td { background-color: #ffffe7; border-right: 1px dotted #999; border-left: 1px dotted #999 }
.line_td1 { background-color: #ffffe7; border-right: 1px dotted #999; border-bottom: 1px dotted #999; border-left: 1px dotted #999 }
.line_td2 { background-color: #ffffe7; border-right: 1px dotted #999; border-bottom: 1px solid #999; border-left: 1px dotted #999 }
.line_dot { border-top: 1px dotted #999; border-right: 1px dotted #999; border-left: 1px dotted #999 }
.line_acc1 { border-bottom: 1px dotted #999 }
.line_acc2 { background-color: #ffffe7; border-bottom: 1px dotted #999; border-left: 1px dotted #999 }
.line_acc3  { border-bottom: 1px dotted #999; border-left: 1px dotted #999 }
.line_acc4 { border-bottom: 1px solid #999 }
.line_acc5 { border-bottom: 1px solid #999; border-left: 1px dotted #999 }
.attention     { font-size: 90%; background-color: #fff; background-image: url(img/midashi_bg.gif); background-repeat: repeat-x; margin-right: auto; margin-left: auto; padding: 10px 5px; border: solid 1px #f60 }
.attention1 { font-size: 100%; font-weight: bold; background-color: #fff; background-image: url(img/midashi_bg.gif); background-repeat: repeat-x; text-align: center; margin-right: auto; margin-left: auto; padding: 10px 5px; border: solid 1px #06c }
.account { border-top: 1px solid #999; border-right: 0; border-bottom: 0; border-left: 1px solid #999 }
.account td { padding: 8px; border-right: 1px solid #999; border-bottom: 1px solid #999 }
.acc_td { background-color: #f0f0f0 }
.imput_b  { font-size: 100%; margin: 5px }
.login_fld { text-align: center }
.login_fld table  { background-color: #f0f0f0; margin-right: auto; margin-left: auto; padding: 8px; border: solid 1px #999 }
.ank_table { border-style: none !important }
/*ダウンロードページ用*/
.dl_midashi  { color: #06c; font-size: 100%; font-weight: bold; background-image: url(img/ico/ico_dl.gif); background-repeat: no-repeat; margin-bottom: 10px; padding-bottom: 3px; padding-left: 20px; border-bottom: 1px solid #ccc }
.dl_box  { padding: 5px 10px; border-bottom: 1px dotted #ccc }
.dl_box1 { margin-bottom: 10px; padding: 5px 10px; border-bottom: 1px solid #666 }
.dl_box_l { margin-right: 10px; width: 80px; float: left }
.dl_box_r { width: 410px; float: right }
.dl_box_r1 { width: 220px; float: left }
.dl_box_g { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc }
.dl_box_g1 { padding-bottom: 10px }
.dl_mokuji { color: #333; font-weight: bold; padding-left: 3px; border-left: 2px solid #06c }
.dl_mokuji1 { color: #333; font-weight: bold; padding-left: 3px; border-left: 2px solid #f60 }
.bold_b { color: #600; font-size: 95%; font-weight: bold }
/*ご利用ガイド用*/
.g_midashi { color: #679aef; font-size: 100%; font-weight: bold; padding-bottom: 3px; border-bottom: 1px solid #ccc }
.g_container { text-align: center; margin-right: auto; margin-left: auto; width: auto; height: auto }
/*Q&A用*/
.list_q  { font-size: 90%; background-color: #ffffef; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-right: 10px; padding-left: 10px; border: dashed 1px #679aef }
.list_q li { list-style-image: url(img/ico/list_point.gif); list-style-position: inside; margin-top: 3px; margin-left: -20px; padding-bottom: 2px; width: 100%; border-bottom: 1px dotted #ccc }
.midashi_q { color: #06c; font-weight: bold; background-image: url(img/ico/ico_q.gif); background-repeat: no-repeat; margin-bottom: 5px; padding-bottom: 5px; padding-left: 25px; border-bottom: 1px dotted #ccc }
.qabox { font-size: 95%; margin-right: auto; margin-left: auto; width: 95% }
/*winIE用*/
*html #login { background-image: url(img/login_bg03.gif); background-repeat: repeat-x; text-align: center; margin-top: 0; margin-bottom: 0; padding: 5px; width: 190px; height: auto; border-right: 1px solid #999; border-left: 1px solid #999 }
*html #menu_right_b { width: 190px; height: auto; float: left; border-right: 1px solid #999; border-left: 1px solid #999 }
*html .wrapper { background-image: url(img/midashi_bg.gif); background-repeat: repeat-x; margin: 0; padding-right: 5px; padding-left: 5px; width: 540px; height: auto; border-right: 1px solid #999; border-left: 1px solid #999 }
*html #footer  { font-size: 80%; margin-right: auto; margin-left: auto; width: 750px; height: 1% }
*html #footer_menu   { text-align: center; padding-top: 3px; padding-bottom: 3px; width: 750px; height: 1%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
*html #footer_menu_l { text-align: left; margin-left: 5px; width: auto; height: 1%; float: left }
*html #footer_menu_r { text-align: left; margin-right: 5px; width: auto; height: 1%; float: right }
*html .list_ya  { font-size: 100%; list-style-image: url(img/ico/list_point.gif); list-style-position: inside; margin-left: 15px; padding-left: 3px }
*html .list_none  { list-style-type: none; list-style-position: outside; margin-left: 10px }
/*dxpc検索小窓用
*/
#headdx  { text-align: left; margin-top: 5px; margin-bottom: 5px; padding-left: 15px }
#menudx  { color: #000; font-size: 110%; background-image: none; text-align: left; margin: auto auto auto 15px; padding-top: 4px; height: 20px }
.maindx { text-align: left; margin-top: 15px; margin-left: 15px }
.top_icodx { font-weight: bold; background-image: url(img/ico/ico_ya.gif); background-repeat: no-repeat; padding-left: 20px }
.maindx a { color: #33f !important; text-decoration: underline !important }
/*08_9_25追加バックナンバーページ用*/
.bn_wrapper   { margin-bottom: 3px; width: 100%; height: auto; border-bottom: 1px solid #ccc }
.bn_wrapper_ni { margin-bottom: 5px; width: 100%; height: auto; border-bottom: 1px solid #999 }
.bn_wrapper1 { padding-bottom: 3px; width: 100%; height: auto; border-bottom: 1px dotted #ccc }
.bn_b_font  { font-size: 120%; font-weight: bold }
.bn_midashi { color: #679aef; font-size: 90%; font-weight: bold; width: 100%; border-bottom: 1px dotted #ccc }
.main_qr { text-align: center; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; width: 528px; height: auto; float: left; border-bottom: 1px dotted #ccc }
.bg_vol { color: #fff; font-weight: bold; background-image: url(img/contents/nikokira/bn/bg_vol.gif); background-repeat: no-repeat; text-align: center; display: block; margin: 0 auto; width: 80px; height: auto }
/*08_9_30追加QRコード説明ページ用*/
.main_qr1 { text-align: left; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; width: 528px; height: auto; clear: both; border-bottom: 1px dotted #ccc }
.qr_wrapper { font-size: 12px; padding-bottom: 15px; width: 100%; height: auto; border-bottom: 1px dotted #ccc }
.qr_wrapper1 { font-size: 12px; padding-bottom: 5px; width: 100%; height: auto }
/*08.10.24バックナンバー用追加*/
.bn_r   { top: -22px; width: 250px; height: 20px; float: right }
.font_bold { font-weight: bold }