@charset "UTF-8";
/*      // 日本語 UTF-8N LF
//---------------------------------------------------------
// CSS
// サイト内スタイル
//---------------------------------------------------------*/
/*---------------------------------------------------------
// TAG
//---------------------------------------------------------*/
body {
    color:#000000;
    font-size:12px;
    font-family:Verdana, sans-serif;
/*  font-family:Arial, Helvetica, sans-serif;  */
}
h1 {
    font-size:2.2em;
    color:#FFFFFF;
}
h2 {
    font-size:1.2em;
    line-height:16px;
    color:#FFFFFF;
}
h3 {
    font-size:1.4em;
    color:#808080;
}
h4 {
    font-size:1em;
    color:#3333CC;
}
h5 {
    font-size:1em;
}
h6 {
    font-size:1.3em;
}
ul {
    margin-left:14px;
}
dl {
    margin-left:14px;
}
a {
    text-decoration:none;
    color:#3333FF;
}
a:hover {
    color:#CC77CC;
}
a.linkB {
    text-decoration:none;
    color:#666666;
}
a.linkB:hover {
    color:#3333FF;
}
form {
/*  display:inline;  */
}
table {
    empty-cells:show;
}
img {
    border-style:solid;
    border-width:0px;
    border-spacing:0px;
/*  behavior: url(/pc/css/iepngfix/iepngfix.htc);  */   /* IE5.5+ 透過PNG対策 (遅い)*/
    vertical-align:middle;
}
/*---------------------------------------------------------
// CLASS
//---------------------------------------------------------*/
.develop {
    background-color:#FFFFEE;
    padding:4px;
}
.wordBreak {
/*  word-break:break-all; */ /* W3C css not valid */
}
.nbrk {
    word-break:keep-all;
}
.bold {
    font-weight:bold;
}
.blue {
    color:#0066FF;
}
.red {
    color:#FF0066;
}
.jumpTop {
    text-align:right;
}
.jumpTop a {
    background-color:#DDDDDD;
    padding:2px 8px;
}
.mt16 {
    margin-top:16px;
}
/*---------------------------------------------------------
// Media Type
//---------------------------------------------------------*/
@media print {
    .screenOnly {
        visibility:hidden;
    }
    .printOnly {
        visibility:visible;
    }
}
@media screen {
    .screenOnly {
        visibility:visible;
    }
    .printOnly {
        visibility:hidden;
    }
}
/*---------------------------------------------------------
// Contents
//---------------------------------------------------------*/
/* 利用方法 */
.manual .menu {
    float:left;
}
.manual .menu ul {
    margin:0px;
    padding:0px;
}
.manual .menu ul li {
    margin:4px 0px;
    padding:2px 4px;
    list-style-type:none;
}
.manual .menu .selected {
    background-color:#CCFFCC;
}
.manual .contents {
    border-width:0px 0px 0px 2px;
    border-style:solid;
    border-color:#CCCCCC;
    margin-left:200px;
    padding-left:8px;
}
.manual .contents  ol {
    margin-left:22px;
}
.manual .contents  ol li {
    margin:8px;
}
.manual .nest0 {
    margin-bottom:8px;
}
.manual .nest1 {
    margin-left:16px;
    margin-bottom:8px;
}
.manual .nest2 {
    margin-left:32px;
    margin-bottom:8px;
}
.manual .case {
    margin-top:16px;
    background-color:#FFFFAA;
    width:72px;
    padding:2px;
    text-align:center;
}
.manual .caseB {
    margin-top:8px;
    background-color:#FFFFAA;
    width:40px;
    padding:2px;
    text-align:center;
}
.markB1 {
    border-width:0px 0px 2px 18px;
    border-style:solid;
    border-color:#CCCCFF;
    height:22px;
    padding-left:4px;
}
.markR1 {
    border-width:0px 0px 2px 18px;
    border-style:solid;
    border-color:#FFCCCC;
    height:22px;
    padding-left:4px;
}
.markP1 {
    border-width:0px 0px 2px 18px;
    border-style:solid;
    border-color:#FFCCFF;
    height:22px;
    padding-left:4px;
}
.markQ {
    position:relative;
    border-width:0px 0px 2px 18px;
    border-style:solid;
    border-color:#9999FF;
    padding-left:40px;
    text-indent:-38px;
    font-size:1.2em;
}
.markA {
    position:relative;
    border-width:0px 0px 2px 18px;
    border-style:solid;
    border-color:#CCCCFF;
    padding-left:40px;
    text-indent:-38px;
    margin-top:4px;
    font-size:1.2em;
}
.markQ span {
    font-weight:bold;
    padding-right:12px;
}
.markA span {
    font-weight:bold;
    padding-right:12px;
}
.question {
    position:relative;
    list-style:none outside;
}
.question li {
    margin:4px 0px 4px 20px;
}
.question li span {
    font-weight:bold;
    padding-right:12px;
}
p.notice {
    font-size:0.9em;
    text-indent:-28px;
    margin:4px 30px 6px 36px;
}
p.example {
    font-size:0.9em;
    text-indent:-22px;
    margin:4px 30px 6px 36px;
}
.listFAQ li {
    font-weight:bold;
    margin-bottom:8px;
}
.listFAQ .expA {
    font-weight:normal;
    margin-left:32px;
    text-indent:-20px;
}
.listFAQ .expB {
    font-weight:normal;
    margin-left:32px;
}
.imgPPB {
    margin:2px 0px 16px 0px;
}

// FAQ 画像拡大
.imageZoom a {
    display: block;
}
.imageZoom a:hover {
    position: relative;
}
.imageZoom a .mainImage {
    display: none;
}
.imageZoom a:hover .mainImage {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

div .refWordTSE {
    position:relative;
    margin:4px;
    padding:1px;
    background-color:#FF99CC;
}
.refWordTSE .L {
    position:absolute;
    left:8px;
/*    bottom:1px;*/
    padding-top:1px;
}
.refWordTSE .R {
    margin-left:88px;
    background-color:#FFFFFF;
}
.refWordTSE a {
    margin:0px 8px;
}
.refWordTSE span {
    margin:0px 8px;
}
div .refPageTSE {
    position:relative;
    margin:4px 4px 8px 8px;
    padding:1px;
    background-color:#FF99CC;
}
.refPageTSE .L {
    position:absolute;
    left:8px;
/*    bottom:1px;*/
    padding-top:1px;
}
.refPageTSE .R {
    margin-left:128px;
    background-color:#FFFFFF;
}
.refPageTSE a {
    margin:0px 8px;
}
.subject {
    margin:8px 0px;
    font-weight:bold;
    font-size:1.2em;
}
.boldB {
    font-weight:bold;
    font-size:1.2em;
}
.listTypeA {
    margin-left:16px;
    text-indent:-16px;
    font-weight:bold;
}
/* 利用規約 */
.rules p {
    margin-top:8px;
    margin-bottom:4px;
}
.rules .al {
    float:left;
    width:46px;
    text-align:right;
    clear:both;
}
.rules .ar {
    margin-left:54px;
}
.rules .bl {
    float:left;
    width:72px;
    text-align:right;
    clear:both;
}
.rules .br {
    margin-left:80px;
}
/* 共通 */
.titleH {
    font-size:46px;
    color:#FFFFFF;
    position:relative;
}
.titleF {
    font-size:12px;
    color:#FFFFFF;
    position:relative;
}
.menuH {
    top:4px;
    font-size:16px;
    font-weight:bold;
    color:#0000FF;
}
.menuF {
    margin:0px 8px;
    font-size:12px;
}
.mpz {
    margin:0px;
    padding:0px;
}
.red {
    color:#FF0000;
}
.boxC {
    margin:16px;
    padding:16px;
    border:1px solid #CCCCCC;
}
.em07 {
    font-size:0.7em;
}
.em08 {
    font-size:0.8em;
}
.em09 {
    font-size:0.9em;
}
.em10 {
    font-size:1.0em;
}
.em11 {
    font-size:1.1em;
}
.em12 {
    font-size:1.2em;
}
.em13 {
    font-size:1.3em;
}
.em14 {
    font-size:1.4em;
}
/* シナリオ選択テーブル要素 */
table.ss {
/*  border-collapse:collapse; */
/*  border-collapse:separate; */
    border:1px solid #CCCCCC;
    border-spacing:0;
}
.ssh td {
    border:1px solid #CCCCCC;
    padding:2px;
    font-weight:bold;
    background-color:#EEDDFF;
}
.ssd td {
    border:1px solid #CCCCCC;
    padding:2px;
}
td.sg1 {
    border:2px solid #CCCCCC;
    font-size:1.2em;
    padding:2px 6px;
}
td.sg2 {
    border:2px solid #CCCCCC;
    font-size:1.2em;
    padding:2px 16px;
}
td.rank1 {
    border:2px solid #CCCCCC;
    font-size:1.9em;
    padding:2px 6px;
}
td.rank2 {
    border:2px solid #CCCCCC;
    font-size:1.6em;
    padding:2px 6px;
}
td.rank3 {
    border:2px solid #CCCCCC;
    font-size:1.3em;
    padding:2px 6px;
}
td.rankx {
    border:2px solid #CCCCCC;
    font-size:1.0em;
    padding:2px 6px;
}
.ssNum { width: 26px; }  /* No. */
.ssTtl { width:204px; }  /* タイトル */
.ssGnl { width: 80px; }  /* ジャンル */
.ssMod { width: 32px; }  /* モード */
.ssLev { width: 32px; }  /* レベル */
.ssTrm { width: 44px; }  /* 市場期間(日間) */
.ssTim { width: 32px; }  /* プレイ時間 */
.ssSct { width: 34px; }  /* 原証券銘柄数 */
.ssNct { width: 40px; }  /* ニュース数 */
.ssYen { width: 44px; }  /* 投資資金(万円) */
.ssTct { width: 32px; }  /* 実施回数 */
.ssPly { width: 47px; }  /* 実施 */
.ssViw { width: 47px; }  /* 成績 */
.ssTxt {                 /* 説明テキスト */
    width:554px;
    margin:2px 2px 10px 24px;
}
.ssTxt strong {
    text-decoration:underline;
}
/* シナリオ成績閲覧テーブル要素 */
table.sr {
    border-collapse:collapse;
}
.sr th {
    border:2px solid #CCCCCC;
    padding:2px 4px;
    background-color:#DDFFDD;
    white-space: nowrap;
}
.sr td {
    border:2px solid #CCCCCC;
    padding:2px 4px;
}
.sr td.rank {
    white-space: nowrap;
    text-align: right;
    font-size:0.8em;
}
.sr td.name {
    text-align: left;
}
.sr td.date {
    white-space: nowrap;
    text-align: left;
    font-size:0.6em;
}
.sr td.money {
    white-space: nowrap;
    text-align: right;
    font-size:0.8em;
}
/* シナリオタイトル */
td.st1 {
    font-size:1.0em;
    padding:4px 8px;
    width:60px;
    border:2px solid #AAFFAA;
    color:#808080;
    font-weight:bold;
    background-color:#AAFFAA;
}
td.st2 {
    font-size:1.0em;
    padding:4px 8px;
    width:360px;
    border:2px solid #AAFFAA;
}
td.st3 {
    font-size:1.0em;
    padding:4px 8px;
    width:40px;
    border:0px;
}
td.st4 {
    font-size:1.0em;
    padding:4px 8px;
    width:80px;
    border:0px;
}
/* ランキング・ジャンル */
table.srg {
    border-collapse:collapse;
    margin-top:8px;
    margin-left:48px;
}
td.srgL {
    color:#666666;
    font-size:0.8em;
    font-weight:bold;
    padding:2px 0px;
}
td.srgR {
    font-size:0.8em;
    padding:2px 16px 2px 8px;
}
/* ボタン */
input.ssB1 {
    width:40px;
    height:20px;
    margin:2px;
    cursor:pointer;
    border:2px solid #CC33FF;
    background-color:#FFEEEE;
}
input.ssB2 {
    width:40px;
    height:20px;
    margin:2px;
    cursor:pointer;
    border:2px solid #6633FF;
    background-color:#EEEEFF;
}
input.ssE {
    width:40px;
    height:20px;
    margin:2px;
    cursor:pointer;
}
input.ssV {
    width:40px;
    height:20px;
    margin:2px;
    cursor:pointer;
}
input.ssVx {
    width:40px;
    height:20px;
    margin:2px;
    cursor:default;
}
input.top10open {
    cursor:pointer;
}
input.top10openx {
    cursor:default;
}
/* エラー説明 */
.errInfo {
    margin-bottom:8px;
    font-size:1.2em;
    font-weight:bold;
}
.errInfo span {
    border:1px solid #CCCCCC;
    background-color:#CCCCCC;
    padding:2px 8px;
}
.errInfo strong {
    border:1px solid #CCCCCC;
    background-color:#FFFFCC;
    padding:2px 8px;
    color:#FF0000;
    margin-left:-4px;
}
/* ページメニュー */
.pageMenu td {
    padding:4px 10px;
    background-color:#EEEEEE;
}
/* トップページ */
.top_information {
    font-size:1em;
    margin: -4px;
    padding: 0px;
}
.top_information .date {
    margin-top: 0.6em;
}
.top_information .text {
    margin-left: 120px;
    margin-top: -1.2em;
}