@charset "UTF-8";

/* ================================================= */
/*                                                   */
/* global set                                        */
/*                                                   */
/* ================================================= */

* {
    margin:0;
    padding:0;
    text-align:left;
    text-decoration:none;
}

body {
    width:100%;
    height:100%;
    background:#000000 url(../../img/jra/common/bg_body.gif) repeat-x fixed;
    font:normal normal 12px/1.5em 'KozGoPro-Medium', 'Hiragino Kaku Gothic Pro', Arial, Verdana, Helvetica, 'MS PGothic', Osaka, sans-serif ;
    color:#333333;
}

h1 {font-size:220%; font-weight:bold; }
h2 {font-size:190%; font-weight:bold; }
h3 {font-size:160%; font-weight:bold; }
h4 {font-size:140%; font-weight:bold; }
h5 {font-size:120%; font-weight:bold; }

img {border:0; vertical-align:bottom; }

table {width:100%; }

input, select, option {background-color:#000000; color:#ffffff; cursor:pointer; }
.bdr1 {border-color:#d7d7d7; }
.inputsub {text-align:center; }

.bdr1 {border:1px solid; }
.clearhidden {clear:both; visibility:hidden; width:0; height:0; border:0; }

#fixedbox {width:100%; position:fixed; z-index:1; top:0; left:0; }
#scrollbox {height:100%; padding-top:86px; position:relative; }

/* IE6 hack \*/
* html #fixedbox {_position: absolute; _top: expression(eval(document.documentElement.scrollTop+0)); } 
/*   */



/* ================================================= */
/*                                                   */
/* font set                                          */
/*                                                   */
/* ================================================= */

.std1 {font-size:10px; line-height:1.5em; }
.std2 {font-size:14px; line-height:1.5em; }
.std3 {font-size:16px; line-height:1.5em; }
.std4 {font-size:18px; line-height:1.5em; }
.std5 {font-size:22px; line-height:1.5em; }
.std6 {font-size:28px; line-height:1.5em; }
.std7 {font-size:32px; line-height:1.5em; }
.std8 {font-size:40px; line-height:1.5em; }

.rose {color:#e54444; }
.red {color:#FF0000; }
.orange {color:#FF9900; }
.yellow {color:#FFFF00; }
.green {color:#00cc00; }
.blue {color:#0033cc; }
.gray {color:#999999; }
.white {color:#FFFFFF; }

.bg-white {background-color:#ffffff; }
.bg-gray {background-color:#333333; color:#ffffff; }
.bg-lightgray {background-color:#eeeeee; }
.bg-dgreen {background-color:#124800; color:#ffffff; }
.bg-rose {background-color:#e54444; color:#ffffff; }

.line-t {text-decoration:line-through; }


/* ================================================= */
/*                                                   */
/* hyper-link set                                    */
/*                                                   */
/* ================================================= */

a:link {color:#e54444; text-decoration:underline; }
a:visited {color:#cc3333; text-decoration:underline; }
a:hover {color:#ff6666; text-decoration:none; }
a:active {color:#ff6666; text-decoration:none; }

#footer a:link {color:#ffffff; text-decoration:underline; }
#footer a:visited {color:#CCCCCC; text-decoration:underline; }
#footer a:hover {color:#ffffff; text-decoration:none; }
#footer a:active {color:#ffffff; text-decoration:none; }



/* ================================================= */
/* header                                            */
/* ================================================= */

#header {
    height:48px;
    background-color:#000000;
    border-bottom:#e54444 2px solid;
}
#header-cont {
    width:1000px;
    margin:0 auto;
    position:relative;
}
#header-cont h1 {
    width:183px;
    height:34px;
    margin-top:7px;
    background:url(../../img/jra/common/logo.gif) no-repeat;
    text-indent:-9999px;
    float:left;
}
#header-cont h1 a {
    height:28px;
    padding-top:3px;
    text-decoration:none;
    display:block;
}



/* ================================================= */
/* member's login                                    */
/* ================================================= */

#mem-login {
    width:490px;
    padding-top:12px;
    float:right;
}
#mem-login p {
    height:24px;
    float:left;
}
.login-id {
    width:24px;
    height:11px;
    background:url(../../img/enter/txt_id.gif) no-repeat 0 50%;
    text-indent:-9999px;
}
.login-pass {
    width:54px;
    height:11px;
    background:url(../../img/enter/txt_pass.gif) no-repeat 10px 50%;
    text-indent:-9999px;
}
.login-text {
    width:110px;
    padding-top:5px;
}
.login-btn {padding-left:10px ;}
.login-forget {
    width:58px;
    height:24px;
    background:url(../../img/enter/btn_forget.gif) no-repeat;
    text-indent:-9999px;
    float:right;
}
.login-forget a {
    height:24px;
    background:url(../../img/enter/btn_forget.gif) no-repeat;
    text-decoration:none;
    display:block;
}



/* ================================================= */
/* navigation                                        */
/* ================================================= */

#navi {
    width:1000px;
    height:36px;
    margin:0 auto;
    background:#ffffff;
    clear:both;
}
#navi ul {
    width:991px;
    height:36px;
    padding:0 4px 0 5px;
    list-style:none;
    background:url(../../img/enter/entr_navi.gif) no-repeat 0 -36px;
}
#navi li {
    width:198px;
    text-indent:-9999px;
    float:left;
}
#navi li a {
    height:33px;
    margin:1px 1px 2px 0;
    text-decoration:none;
    display:block;
}

#home a {background:url(../../img/enter/entr_navi.gif) no-repeat -5px -1px; }
#home a:hover {background-position:-5px -37px; }

#keiba a {background:url(../../img/enter/entr_navi.gif) no-repeat -203px -1px; }
#keiba a:hover {background-position:-203px -37px; }

#hit a {background:url(../../img/enter/entr_navi.gif) no-repeat -401px -1px; }
#hit a:hover {background-position:-401px -37px; }

#beginner a {background:url(../../img/enter/entr_navi.gif) no-repeat -599px -1px; }
#beginner a:hover {background-position:-599px -37px; }

#voice a {background:url(../../img/enter/entr_navi.gif) no-repeat -797px -1px; }
#voice a:hover {background-position:-797px -37px; }



/* ================================================= */
/*                                                   */
/* contents                                          */
/*                                                   */
/* ================================================= */

#wrapper {
    width:976px;
    margin:0 auto;
    padding:12px;
    background-color:#ffffff;
    clear:both;
}
#wrapper dt {
    background:#000000 url(../../img/jra/common/index_grad.gif) repeat-y right top;
    color:#ffffff;
    border-right:#000000 1px solid;
    border-bottom:#000000 1px solid;
}
#wrapper dd {margin:12px 0; }



/* ================================================= */
/* lower navigation                                  */
/* ================================================= */

#lower-navi {
    width:100%;
    height:16px;
    padding-top:32px;
    clear:both;
}
#lower-navi p {
    height:16px;
    text-indent:-9999px;
}
.tohome {
    width:107px;
    background:url(../../img/jra/common/btn_tohome.gif) no-repeat;
    float:left;
}
.totop {
    width:96px;
    background:url(../../img/jra/common/btn_totop.gif) no-repeat;
    float:right;
}
#lower-navi p a {
    height:16px;
    text-decoration:none;
    font-size:1px;
    display:block;
}
.tohome a {background:url(../../img/jra/common/btn_tohome.gif) no-repeat; }
.totop a {background:url(../../img/jra/common/btn_totop.gif) no-repeat; }
#lower-navi p a:hover {background-position:0 -16px; }



/* ================================================= */
/* footer                                            */
/* ================================================= */

#footer {
    width:1000px;
    margin:0 auto;
    padding:0.5em 0;
    background-color:#444444;
    border-top:#e54444 2px solid;
    border-bottom:#e54444 2px solid;
    clear:both;
}
#footer ul {text-align:center; }
#footer li {color:#ffffff; display:inline; }
#f-under {
    width:1000px;
    margin:0 auto;
    padding:8px 0;
    background-color:#868686;
}
#f-under p {text-align:center; }
#f-under p img {vertical-align:middle; }