/*--trainingページ関連--*/

/*--大枠の枠組み(メイン）--*/
#tre-l {
  width:auto;
  padding-right:10px;
  vertical-align:top;
}
#tre-r{
    width:220px;
  vertical-align:top;
}


/*--旧大枠の枠組み(メイン）--*/
#t-base {
    width:100%;
  text-align:center;
  margin-top:25px;
}
#t-content {
    width:800px;
  text-align:left;
  margin:auto;
}
#t-content form {
    margin:0;
}


/*--大枠の枠組み(hedd,foot）--*/
#t-head {
}
#t-foot {
   margin-top:30px;
   width:100%;
}


/*--全ページ共通タイトル--*/
h1.tre-ti {
   font-size:100%;
   margin:7px;
   padding:0;
}
h2.tre-com {
   margin:0;
   padding-left:7px;
   font-size:80%;
   font-weight:normal;
}


/*--トップページ用--*/
.top-copy {
  background-image:   url(/training/img/top/main.jpg);
  background-repeat: no-repeat;
  font-size:90%;
  line-height:1.4;
  padding:125px 35px 10px 123px;
  border:1px solid #CCCCCC;
  margin-bottom:15px;
}

/*--トップページ用：新着トレーニング--*/
h2.ti-new {
  background-image:   url(/training/img/top/ti-new.jpg);
  background-repeat: repeat-x;
  border:1px solid #CCCCCC;
  font-size:90%;
  padding:3px 10px;
  margin-bottom:10px;
}
h2.ti-new img {
  vertical-align:middle;
  margin-right:7px;
}
.new-img {
  display:inline;
  float:left;
  padding-left:5px;
  padding-right:5px;
}
.new-com {
  display:inline;
  font-size:90%;
  line-height:1.4;
  padding-left:5px;
  padding-right:5px;
}
.new-com img {
  vertical-align:middle;
}
.new-com a {
  font-size:120%;
  font-weight:bold;
  padding-right:10px;
}
.new-com b {
  line-height:1.8;
}
.new-com p {
  padding-top:7px;
  padding-right:10px;
}


h3.ti-tre {
  clear:both;
  font-size:90%;
  padding:3px 10px;
  border-bottom:1px solid #000000;
  margin-bottom:0;
  margin-top:20px;
}
h3.ti-tre img {
  vertical-align:middle;
  margin-right:7px;
}
div.ti-tre-bar {
    border-top:3px solid #EFEFEF;
}

/*--フォームページ用：下部フォーム箇所--*/
.tre-frm {
    text-align:center;
}
.tre-frm-in {
    text-align:left;
    width:600px;
  margin:50px auto 10px auto;
}

/*--ゲームメイン枠トップ--*/
.tmt {
    background-image:   url(/training/img/tmt-back.jpg);
    background-repeat: no-repeat;
}
.tmm {
  /*中の長さは750px*/
    background-image:   url(/training/img/tmm-back.jpg);
    background-repeat: repeat-y;
  padding:25px;
}
.tmb {
    background-image:   url(/training/img/tmb-back.jpg);
    background-repeat: no-repeat;
  height:25px;
}


/*--メイン枠内・上部--*/
.tmt-ta td {
   padding:12px 0 7px 20px;
}
.tmt-ta td h1 {
   margin:0;
   padding:0 0 4px 0;
   font-size:100%;
}
.tmt-ta td h2 {
   margin:0;
   padding:0;
   font-size:80%;
   font-weight:normal;
}
.tmt-ta th {
   padding:12px 20px 7px 0;
   color:#335599;
   font-size:90%;
   text-align:right;
}
.tmt-ta th input {
   width:150px;
   height:25px;
   color:#335599;
   font-size:18px;
   font-weight:normal;
   text-align:right;
   margin-left:10px;
   vertical-align:middle;
}


/*--メイン枠内・トップページ用--*/
.top-menu {
}
.top-menu th {
  font-size:90%;
  text-align:left;
  padding:9px 5px 6px 10px;
  vertical-align:top;
}
.top-menu th img {
    vertical-align:middle;
  margin-right:7px;
}
.top-menu td {
  padding-left:10px;
}
.top-menu td img {
    margin-bottom:8px;
}

/*--メイン枠内・ゲーム共通用--*/
.go-start {
    text-align:center;
  margin:25px auto 5px auto;
}
.stend {
  background-repeat: no-repeat;
   background-color: #000000;
    background-image:   url(/training/img/stend-back.gif);
              width: 750px;
            padding: 60px 100px;
}
.stend-com {
    height: 170px;
   padding: 10px 20px;
}
.stend-com h3 {
  font-size: 150%;
     margin: 0 0 15px 0;
    padding: 0;
}

.stend-com b {
    font-size:170%;
  line-height:1.1;
}
.stend-com p {
    font-size:90%;
  line-height:1.1;
}
.stend-img {
    text-align:center;
  width:540px;
  margin-top:50px;
}
.stend-ta th {
    padding:10px;
}


/* 透明度設定 */
div.stendback {
  position:absolute;
  -moz-opacity:0.7;
  opacity:0.7;
  filter:alpha(opacity=70);
  background-color:black;
  width : 800px;
  height : 500px;
  top : 120px;
/*  left : 0px; */
}
div.stend{
  position:absolute;
  background-color:transparent;
}


div#stmsg{
  top : 0px;
  width : 550px;
  height : 300px;
  -moz-opacity:1.0;
  opacity:10;
  filter:alpha(opacity=100);
}
div#endmsg{
  top : 0px;
  width : 750px;
  height : 1000px;
}

div#stendback {
  position:absolute;
  -moz-opacity:0.8;
  opacity:0.8;
  filter:alpha(opacity=80);
  background-color:black;
  width : 800px;
  height : 480px;
  top : 160px;
  text-align:center;
/*  left : 0px; */
}
div#stendback2 {
  position:absolute;
  width : 800px;
  height : 480px;
  top : 170px;
/*  left : 0px; */
}
div#stend{
  position:absolute;
  background-color:transparent;
}


/*--メイン枠内・記憶追跡ゲーム用--*/
.kioku {
  margin-left:95px;
    background-image:   url(/training/img/kioku/wak-m.jpg);
    background-repeat: repeat-y;
}
.kioku th {
    height:15px;
  padding:0;
}
.kioku td {
    text-align:center;
}
.kioku td img {
     margin:15px;
}

.kioku-next {
    background-image:   url(/training/img/kioku/next-back.gif); 
    background-repeat: no-repeat;
  width:750px;
  padding:110px 240px;
}

#nextPanel {
  background-image:   url(/training/img/kioku/next-back.gif); 
  background-repeat: no-repeat;
  width:750px;
  padding:110px 240px;
  top : 140px;
  position:absolute;
}

.kioku-next b {
    font-size:26px;
  color:#FF9900;
}
.kioku-next p {
    font-size:16px;
  line-height:1.4;
  font-weight:bold;
  margin:12px 0 20px 0;
}
.kioku-next div {
    width:300px;
  text-align:center;
}


/*--メイン枠内・文字計算/四則演算ゲーム用--*/
.question-moji {
    background-image:   url(/training/img/num/q-back.gif);
    background-repeat: no-repeat;
  height:60px;
  width:750px;
  padding-left:150px;
}
.question-moji input {
    border:0px;
    width : 550px;
    font-size:200%;
    margin-top:13px;
  text-align:center;
}
.question-num {
    background-image:   url(/training/img/num/q-back.gif);
    background-repeat: no-repeat;
  height:60px;
  width:750px;
  padding-left:250px;
}
.question-num input {
    border:0px;
    width : 50px;
    font-size:200%;
    margin-top:13px;
  text-align:center;
}



.num {
  margin-left:250px;
    background-image:   url(/training/img/num/wak-m.jpg);
    background-repeat: repeat-y;
}
.answer {
  text-align:right;
    margin-top:2px;
  padding:10px;
}
/*input.count {
    border:0px;
    width:100px;
  font-size:90%;
  color:#555555;
}*/
input.ans {
    border:0px;
    font-size:100%;
  text-align:right;
  padding-right:10px;
  width:300px;
}
.num td.time {
    padding-top:10px;
  text-align:center;
}
.num td.time input {
    width:195px;
  height:35px;
    background-image:   url(/training/img/num/time-back.gif);
    background-repeat: no-repeat;
  border:2px solid #CCCCCC;
  font-size:22px;
  font-weight:bold;
  color:#999999;
  padding-right:8px;
  text-align:right;
}

/*--メイン枠内・ABCなぞりゲーム用--*/
.abc {
  margin-left:90px;
    background-image:   url(/training/img/abc/wak-back.gif);
    background-repeat: no-repeat;
}
.abc-time{
    text-align:center;
  margin:15px;
}
.abc-time input {
    background-image:   url(/training/img/abc/time-back.jpg);
    background-repeat: no-repeat;
    text-align:right;
    border:none;
    font-size:22px;
    color:#666666;
    width:307px;
    height:42px;
  padding:10px 15px;
    vertical-align:middle;
}

/*--メイン枠内・スライドゲーム用--*/
.slide-main {
    text-align:center;
  margin:5px auto;
    background-image:   url(/training/img/slide/slide-main-back.jpg);
    background-repeat: no-repeat;
}

/*--メイン枠内・色文字ゲーム用--*/
.question-color {
    background-image:   url(/training/img/color/color-q-back.gif);
    background-repeat: no-repeat;
  height:60px;
  width:660px;
  padding-left:350px;
  margin-left:25px;
}
.question-color input {
    border:0px;
    width : 500px;
    font-size:200%;
  font-weight:bold;
    margin-top:13px;
  text-align:center;
}

.color-q-answer {
    text-align:right;
  font-size:90%;
  padding:5px 100px;
}












/*--メイン枠内・ゲーム共通結果用--*/
.resu-ti {
    font-size:100%;
  font-weight:bold;
  border-bottom:1px solid #000000;
  padding:5px;
}
.resu-com {
    font-size:90%;
  line-height:1.3;
  padding:5px 10px 20px 10px;
}
.resu-com span {
  color:#FF6666;
}
.resu-ta {
}
.resu-ta th {
    background-color:#EEEEEE;
  text-align:left;
  font-size:80%;
  padding:7px;
}
.resu-ta td {
   vertical-align:top;
   padding:10px 5px;
}
.resu-ta h3 {
   font-size:160%;
   margin:0 0 15px 0;
   padding:0;
   text-align:center;
}
.resu-ta h3 span {
   font-size:60%;
   font-weight:normal;
   padding:5px;
}
.resu-ta p {
   font-size:90%;
}
.resu-cnf {
   border-collapse:collapse;
}
.resu-cnf th {
   font-size:80%;
   color:#666666;
   background-color:#EFEFEF;
   text-align:left;
   padding:15px 10px 15px 30px;
   border-bottom:1px dashed #CCCCCC;
   border-top:1px dashed #CCCCCC;
   vertical-align:top;
   width:150px;
}
.resu-cnf th span {
   font-weight:normal;
   color:#CC0000;
}
.resu-cnf td {
   font-size:90%;
   padding:15px;
   border-bottom:1px dashed #CCCCCC;
   border-top:1px dashed #CCCCCC;
   vertical-align:top;
   width:550px;
}

/*--メイン枠内・ノート記録完了ページ用--*/
.record-ti {
   background-color:#EEEEEE;
   font-size:90%;
   padding:20px 15px 10px 20px;
}
.record-ti img {
   vertical-align:middle;
   margin-right:5px;
   margin-left:15px;
}
.record-ti div {
   margin-top:15px;
   text-align:right;
   font-size:90%;
}
.note-ti {
    background-image:   url(/training/img/note/note-ti.gif);
    background-repeat: no-repeat;
  font-size:12px;
  padding:9px 0px 15px 28px;
  margin-top:30px;
  margin-bottom:5px;
}
.note-ti2 {
    background-image:   url(/training/img/note/note-ti2.gif);
    background-repeat: no-repeat;
  font-size:12px;
  padding:9px 0px 15px 28px;
  margin-top:30px;
  margin-bottom:5px;
}
.note-ta {
}
.note-ta th {
  padding:7px;
  font-size:80%;
  font-weight:normal;
  text-align:left;
}
.note-ta td {
    background-color:#F8FCF8;
  border-bottom:1px dashed #CCCCCC;
  vertical-align:top;
  padding:7px;
  font-size:80%;
  color:#666666;
}
.note-ta td a {
    color:#335599;
}

/*--旧メイン枠内・ランキング用--*/
/*
div.rank-wl {
   width:380px;
   float:left;
}
div.rank-wr {
   width:350px;
   float: left;
}

div.rank-bt {
   clear:both;
   font-size:80%;
   text-align:center;
}
*/

/*--メイン枠内・ランキング・左用--*/
div.rank-wl h3 {
   font-size:130%;
   margin-top:15px;
   margin-bottom:10px;
   padding-left:10px;
}
div.rank-wl h3 b {
   font-size:190%;
   padding-left:7px;
   padding-right:7px;
}
div.score {
   font-size:90%;
   line-height:1.9;
   padding-left:10px;
}
div.score-rank {
   font-size:90%;
   line-height:1.9;
   padding-left:10px;
   margin:15px 10px;
   text-align:center;
}
div.score-rank span {
   margin:0 0.5em;
   color:#FF0000;
   font-weight:bold;
   font-size:150%;
   text-align:center;
}
div.rwl-btn {
   text-align:center;
   clear:both;
}
div.rwl-btn img {
   margin:5px 15px 15px 15px;
}


/*--メイン枠内・ランキング・右用--*/
.list-page {
   font-size:80%;
}
.list-page td {
   padding:5px;
}
.list-page td a {
   padding-left:3px;
   padding-right:3px;
}
.list-page th {
   padding:5px;
   font-weight:normal;
}
.list-ta {
   border:1px solid #CCCCCC;
   border-collapse:collapse;
}
.list-ta th {
   text-align:right;
   font-size:80%;
   padding:7px 10px;
   vertical-align:top;
   border-bottom:1px solid #CCCCCC;
}
.list-ta td {
   font-size:80%;
   line-height:1.5;
   padding:7px 10px;
   vertical-align:top;
   border-bottom:1px solid #CCCCCC;
}
.list-ta td a.name {
   color:#000000;
}
.list-ta td span {
   color:#666666;
}
.list-ta tr.my {
   background-color:#FFFFCC;
}

/*--ノート登録フォーム--*/
.t-form {
}
.t-form th {
    font-size:80%;
  font-weight:normal;
  text-align:left;
  padding:4px;
  vertical-align:top;
}
.t-form td {
    font-size:80%;
  line-height:1.1;
  padding:4px;
  vertical-align:top;
}

/*--登録・同意フォーム--*/
.t-toroku-ti {
    border-left:6px solid #CCCCCC;
  font-size:100%;
  font-weight:bold;
  padding:2px 5px;
  margin-bottom:8px;
}
.t-toroku {
    border-collapse:collapse;
}
.t-toroku th {
    font-size:80%;
  font-weight:normal;
  line-height:1.4;
  border-right:1px solid #CCCCCC;
  text-align:left;
  padding:10px 1px 10px 25px;
}
.t-toroku th span {
    color:#CC0000;
  padding-right:6px;
}
.t-toroku td {
    font-size:80%;
  line-height:1.4;
    padding:10px 5px 10px 15px;
}
.t-toroku td span {
    color:#FF9999;
}
.t-toroku td b {
    color:#CC0000;
}
.t-toroku td div {
    background-color:#E7EFFF;
  padding:4px 7px;
}
.t-toroku td select {
    background-color:#F8FCF8;
}


/*--ヘルプ--*/
.t-hel {
    display:inline;
  list-style-type:none;
  text-align:center;
  font-size:80%;
  width:750px;
  margin:0;
  padding:0;
}
.t-hel li {
    display:inline;
  margin:5px 5px;
}
.t-hel li a {
    padding:5px;
}
.t-hel li a:hover {
   background-color:#EFEFEF;
   color:#333333;
}
.t-hel-cate{
    background-image:   url(/training/img/note/note-ti.gif);
    background-repeat: no-repeat;
  font-size:14px;
  padding:9px 0px 15px 28px;
  margin-top:15px;
  margin-bottom:5px;
}
.t-hel-ti {
   font-size:90%;
   font-weight:normal;
   border-left:8px solid #CCCCCC;
   padding:1px 4px;
   margin:25px 10px 5px 10px;
   clear:both;
}
.t-hel-com {
   font-size:80%;
   line-height:1.4;
   margin:5px 10px 5px 25px;
   zoom:1;
   clear:both;
}
.t-hel-com img {
 
	margin-right:10px;
}

.training-faq{
  background-color:#999999;
   font-size:1.0em;
   line-height:1.4;
   margin:5px 10px 5px 25px;
  cell-spacing:1px;
}
.training-faq th{
  font-weight:normal;
  background-color:#EDEDED;
  padding:5px;

}
.training-faq td{
  background-color:#FFFFFF;
  padding:5px;
}
.faq-at{
  background-color:#FAFAFA;
  width:710px;
  border:1px solid #DEDEDE;padding:5px;
}

/*=============--全箇所共通関連--======================*/
/*--テキストエリア--*/
textarea{
  font-size: 12px;
}