/*@charset "UTF-8";*/
/* CSS Document */



.break2 {
    width: 100%;
    height: 2px;
    clear: both;
}

.break5 {
    width: 100%;
    height: 5px;
    clear: both;
}

.break10 {
    width: 100%;
    height: 10px;
    clear: both;
}

.break15 {
    width: 100%;
    height: 15px;
    clear: both;
}

.break20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.break25 {
    width: 100%;
    height: 25px;
    clear: both;
}

.break30 {
    width: 100%;
    height: 30px;
    clear: both;
}


/* -----------------------------------------------------------
	clearfix
----------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
    overflow: hidden;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
    overflow: visible;
}


/* OK, now to the real stuff 
----------------------------------------------- */
/* reset styles
----------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, form, fieldset, input {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.0;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

table {
}

th, td {
    text-align: right;
    padding: 5px;
    vertical-align: middle !important;
    word-break: break-all;
}

    td.minus {
        color: #ff0000 !important;
    }

    td.inputStyle {
        padding: 0px !important;
        background-color: #ffe5e5 !important;
    }

        td.inputStyle input {
            display: block;
            margin: 0 !important;
            padding: 0 5px;
            border: none;
            text-align: right;
            height: 100%;
            width: 90%;
            line-height: 100%;
            background: none;
            outline: 0px none black;
        }

    td.inputDisableStyle {
        padding: 0px !important;
        background-color: #e8e8e8 !important;
    }

        td.inputDisableStyle input {
            display: block;
            margin: 0 !important;
            padding: 0 5px;
            border: none;
            text-align: right;
            height: 100%;
            width: 90%;
            line-height: 100%;
            background: none;
            outline: 0px none black;
        }


.tableWrap_W290 {
    width: 290px !important;
    background-color: #cccccc !important;
}

    .tableWrap_W290 table {
        width: 290px !important;
    }

.tableWrap_W220 {
    width: 220px !important;
    float: left;
    margin-right: 5px;
}

    .tableWrap_W220 table {
        width: 220px !important;
        background-color: #cccccc !important;
    }

.tableWrap_W680 {
    width: 680px !important;
}

    .tableWrap_W680 table {
        width: 680px !important;
        background-color: #cccccc !important;
    }

.tableWrap table {
    background-color: #cccccc !important;
}

.tableWrap_W990 {
    width: 990px !important;
}

    .tableWrap_W990 table {
        background-color: #cccccc !important;
    }

th.fL, td.fL {
    text-align: left;
    vertical-align: middle !important;
}

th.Ctr, td.Ctr {
    text-align: center;
    vertical-align: middle;
}

/* 2016.08.05 INSERT Start */
th.Unit0, td.Unit0 {
    background-color: #eeeeee !important;
}
/* 2016.08.05 INSERT end   */


.tableWrap table th, .tableWrap_W290 table th, .tableWrap_W220 table th, .tableWrap_W680 table th, .tableWrap_W990 table th {
    background-color: #ffeed5;
    font-weight: bold;
}

    .tableWrap table th.GR, .tableWrap_W290 table th.GR, .tableWrap_W220 table th.GR, .tableWrap_W680 table th.GR, .tableWrap_W990 table th.GR {
        background-color: #ebf5cc;
    }

.tableWrap table td, .tableWrap_W290 table td, .tableWrap_W220 table td, .tableWrap_W680 table td, .tableWrap_W990 table td {
    background-color: #ffffff;
}

    .tableWrap table td.GR, .tableWrap_W290 table td.GR, .tableWrap_W220 table td.GR, .tableWrap_W680 table td.GR, .tableWrap_W990 table td.GR {
        background-color: #ebf5cc;
        font-weight: bold;
    }

    .tableWrap table td.GR_nm, .tableWrap_W290 table td.GR_nm, .tableWrap_W220 table td.GR_nm, .tableWrap_W680 table td.GR_nm, .tableWrap_W990 table td.GR_nm {
        background-color: #ebf5cc;
    }

    .tableWrap table td.OR, .tableWrap_W290 table td.OR, .tableWrap_W220 table td.OR, .tableWrap_W680 table td.OR, .tableWrap_W990 table td.OR {
        background-color: #fff8ee;
    }

/* 2013.09.11 INSERT Start */
.tableWrap_W990 table th.MonthSum {
    background-color: #efdec5 !important;
}

.tableWrap_W990 table td.MonthSum {
    background-color: #efe8de !important;
}
/* 2013.09.11 INSERT end */




ul li, ol li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

img, input, select, textarea {
    vertical-align: middle;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

address, em {
    font-style: normal;
}

hr {
    display: none;
}

fieldset {
    border: none;
}


/* For vertical-scrollbar issue */
html {
    overflow: scroll;
    overflow: -moz-scrollbars-vertical; /* Firefoxの先行実装 */
    /*	overflow-x: scroll;*/ /* Firefoxで横スクロールバーが表示されない問題を回避 */
}


/* For IE7 hasLayout issue */
*:first-child + html * {
    letter-spacing: 0; /* hasLayout問題を回避 */
}

.opa a:hover img {
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* -----------------------------------------------
	basic structure
----------------------------------------------- */
body {
    background-image: url(../common_img/common/Bg_body.jpg);
    background-position: top;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    color: #333;
}

    body.demo {
        background-image: url(../common_img/common/Bg_body_demo.jpg);
    }


/* ヘッダー
----------------------------------------------- */
#header {
    width: 990px;
    margin: 0px;
    padding: 0px;
    height: 90px;
}

    #header #headerLogoArea {
        width: 990px;
        height: 57px;
        position: relative;
        clear: both;
    }

    #header #textSizeController {
        width: 106px;
        height: 24px;
        padding-top: 5px;
        padding-left: 74px;
        background: url(../common_img/common/Bg_tsCon.jpg) no-repeat left top;
        position: absolute;
        top: 16px;
        left: 359px;
    }

        #header #textSizeController ul {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

            #header #textSizeController ul li {
                height: 19px;
                float: left;
                margin-right: 2px;
                cursor: pointer;
            }

                #header #textSizeController ul li.tSize_S {
                    width: 33px;
                }

                #header #textSizeController ul li.tSize_M {
                    width: 23px;
                }

                #header #textSizeController ul li.tSize_L {
                    width: 33px;
                }

    #header #logo_REED {
        width: 145px;
        height: 22px;
        position: absolute;
        top: 9px;
        left: 835px;
        z-index: 100;
    }

        #header #logo_REED a {
            display: block;
            width: 145px;
            height: 22px;
        }

    #header #btn_toForm {
        width: 145px;
        height: 21px;
        position: absolute;
        top: 31px;
        left: 835px;
        z-index: 100;
    }

        #header #btn_toForm a {
            display: block;
            width: 145px;
            height: 21px;
        }

    #header #subNaviArea {
        width: 247px;
        height: 23px;
        position: absolute;
        top: 0px;
        left: 706px;
        z-index: 100;
    }

        #header #subNaviArea ul {
            width: 247px;
            height: 23px;
            margin: 0;
            padding: 0;
        }

            #header #subNaviArea ul li {
                float: left;
                margin-right: 1px;
            }

                #header #subNaviArea ul li a {
                    display: block;
                    text-indent: -9999px;
                    cursor: pointer;
                }

#subNaviArea ul li.Snav01 a {
    width: 85px;
    height: 23px;
    background: url(../common_img/common/Bg_Snav.jpg) no-repeat left top;
}

#header #subNaviArea ul li.Snav01 a:hover {
    background-position: left bottom;
}

#header #subNaviArea ul li.Snav02 a {
    width: 97px;
    height: 23px;
    background: url(../common_img/common/Bg_Snav.jpg) no-repeat -85px top;
}

    #header #subNaviArea ul li.Snav02 a:hover {
        background-position: -85px bottom;
    }

#header #subNaviArea ul li.Snav03 a {
    width: 62px;
    height: 23px;
    background: url(../common_img/common/Bg_Snav.jpg) no-repeat -183px top;
}

    #header #subNaviArea ul li.Snav03 a:hover {
        background-position: -183px bottom;
    }


#header h1 a {
    text-indent: -9999px;
    display: block;
    width: 315px;
    height: 42px;
    background: url(../common_img/blank.gif) repeat left top;
    position: absolute;
    top: 10px;
    left: 11px;
    z-index: 100;
}

#logo {
    margin: 0px;
    padding: 0px;
}

#header #head_right {
    width: 50%;
    float: right;
    padding-top: 20px;
    text-align: right;
}






/* グローバルナビエリア
----------------------------------------------- */
#header #GnavArea {
    width: 990px;
    height: 33px;
    clear: both;
}

#navi {
    width: 864px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    #navi ul {
        margin: 0;
        padding: 0;
    }

#gnavi li {
    display: inline;
}

    #gnavi li a {
        list-style: none;
        display: block;
        height: 33px;
        width: 144px;
        float: left;
        text-indent: -9999px;
    }

#gnavi #mn1 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat left top;
}

    #gnavi #mn1:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat left -33px;
    }

    #gnavi #mn1:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat left -66px;
    }

#gnavi #mn2 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -144px top;
}

    #gnavi #mn2:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -144px -33px;
    }

    #gnavi #mn2:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -144px -66px;
    }

#gnavi #mn3 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -288px top;
}

    #gnavi #mn3:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -288px -33px;
    }

    #gnavi #mn3:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -288px -66px;
    }

#gnavi #mn4 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -432px top;
}

    #gnavi #mn4:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -432px -33px;
    }

    #gnavi #mn4:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -432px -66px;
    }

#gnavi #mn5 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -576px top;
}

    #gnavi #mn5:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -576px -33px;
    }

    #gnavi #mn5:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -576px -66px;
    }

#gnavi #mn6 {
    background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -720px top;
}

    #gnavi #mn6:hover {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -720px -33px;
    }

    #gnavi #mn6:active {
        background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat -720px -66px;
    }

#btn_Sign {
    width: 121px;
    height: 23px;
    padding: 5px 0 5px 5px;
    float: left;
}

    #btn_Sign a {
        display: block;
        text-indent: -9999px;
        width: 121px;
        height: 23px;
        background: url(../common_img/common/Bg_toSign.jpg) no-repeat left top;
    }

        #btn_Sign a:hover {
            background: url(../common_img/common/Bg_toSign.jpg) no-repeat left -33px;
        }






/* シミュレーションナビ
----------------------------------------------- */
h2#pageTitle {
    width: 990px;
    height: 30px;
    text-indent: -9999px;
}

h3.title_H3_W290 {
    width: 268px;
    height: 19px;
    background: url(../common_img/common/Bg_titleH3_W290.png) no-repeat left top;
    color: #ffffff;
    margin: 0;
    padding-top: 6px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 22px;
}

h3.title_H3_W680 {
    width: 658px;
    height: 19px;
    background: url(../common_img/common/Bg_titleH3_W680.png) no-repeat left top;
    color: #ffffff;
    margin: 0;
    padding-top: 6px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 22px;
}

h3.title_H3_W428 {
    width: 406px;
    height: 15px;
    /*	background: url(../common_img/common/Bg_titleH3_W428.png) no-repeat left top;*/
    color: #ffffff;
    margin: 0;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 22px;
}

h3.title_H3_W520 {
    width: 498px;
    height: 19px;
    background: url(../common_img/common/Bg_titleH3_W520.png) no-repeat left top;
    color: #ffffff;
    margin: 0;
    padding-top: 6px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 22px;
}






/* シミュレーションナビ
----------------------------------------------- */
#simulationnavi {
    padding: 0;
    margin: 0;
    height: 20px;
    margin-top: 10px;
}

    #simulationnavi ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #simulationnavi li {
        float: left;
        /*
  width: 100px;  
*/
        margin: 0;
        padding: 0;
    }

        #simulationnavi li a {
            float: left;
            /*	width: 8em;*/
            margin-right: 5px;
            margin-left: 5px;
            padding: 2px;
        }

        #simulationnavi li.active {
            font-weight: bold;
            padding-top: 1px;
            margin-right: 5px;
            margin-left: 5px;
        }

        #simulationnavi li.inactive {
            /*	font-weight: bold;*/
            color: Gray;
            padding-top: 1px;
            margin-right: 5px;
            margin-left: 5px;
        }


/* ime 制御
----------------------------------------------- */
.ime_off {
    ime-mode: disabled;
}

.ime_on {
    ime-mode: active;
}


/* パンくずリスト
----------------------------------------------- */
#breadcrumbs {
    margin: 0 auto 10px;
    padding: 0;
    width: 900px;
    text-align: left;
    font-size: 12px;
}

ul#topicPath {
    margin: 0 0 5px 0;
    width: 100%;
    overflow: hidden;
}

    ul#topicPath li {
        float: left;
    }

/* コンテンツ
----------------------------------------------- */
#container {
    width: 990px;
    margin: 0 auto;
    font-size: 100%;
}

#content {
}

.fltrt {
    float: right;
    margin-left: 8px;
}

.fltlft {
    float: left;
    margin-right: 8px;
}

.clearfloat {
    clear: both;
}

#maincontent {
    margin: 0 auto;
    width: 900px;
    clear: both;
}

#main {
    width: 680px;
    text-align: left;
}

#sidebar {
    width: 200px;
    text-align: left;
}

/* エクセレント・サイドメニュー */
#left_row {
    float: left;
    width: 150px;
    background: #F0F0F0 url(../common_img/bg_left.jpg) top repeat-x;
    padding: 10px;
}

.top_menu {
    border: 1px solid #CCC;
    width: 148px;
}

    .top_menu li {
        list-style: none;
        display: inline;
    }

        .top_menu li a {
            display: block;
            height: 42px;
            width: 148px;
            text-indent: -9999px;
        }

        .top_menu li .item {
            border-bottom: #ccc solid 1px;
        }

    .top_menu #tmn1 {
        background: url(../common_img/bt_member.gif) top left no-repeat;
    }

    .top_menu #tmn2 {
        background: url(../common_img/bt_reg.gif) top left no-repeat;
    }

    .top_menu #tmn3 {
        background: url(../common_img/bt_startup.gif) top left no-repeat;
    }

    .top_menu #tmn4 {
        background: url(../common_img/bt_guide.gif) top left no-repeat;
    }

    .top_menu #tmn5 {
        background: url(../common_img/bt_media.gif) top left no-repeat;
    }

    .top_menu #tmn6 {
        background: url(../common_img/bt_report.gif) top left no-repeat;
    }


/* フッター
----------------------------*/
#footer {
    clear: both;
}

#footer_container {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    border-top: 1px solid #99cc00;
    padding-top: 3px;
    /*	font-size: 11px;*/
}

#copy {
    text-align: left;
    font-size: 10px;
    color: #666666 !important;
}

.banner {
    margin-top: 5px;
}

    .banner img {
        margin-top: 10px;
        border: 1px solid ##CCC;
    }

/* basic link colours
----------------------------------------------- */
a:link {
    color: #42413C;
    text-decoration: underline;
}

a:visited {
    color: #6E6C64;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

/* paragraph styles
----------------------------------------------- */
p.bodytext {
    padding: 2px 0 8px;
    font-size: 12px;
    line-height: 1.4;
}

p.heading {
    margin: 2px 0 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

span.term {
    font-size: 12px;
    font-weight: normal;
}

p.mincho {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "平成明朝", "HeiseiMincho", serif;
}

.verdana {
    color: #047bcb;
    font-family: verdana, sans-serif;
    font-size: x-small;
    letter-spacing: -0.1em;
}

.put_right {
    text-align: right;
}

.put_center {
    text-align: center;
}

.pr_link {
    margin-top: -20px;
    margin-right: 9px;
}

a.linkage {
    padding-left: 16px;
    background: url(../common_img/icon_detail.gif) no-repeat 0 50%;
    min-height: 14px;
    height: auto !important;
    height: 14px;
    font-size: 12px;
    line-height: 1.4;
}

a.read_more {
    padding-left: 9px;
    background: url(../common_img/icon_more.gif) no-repeat 0 50%;
    min-height: 14px;
    height: auto !important;
    height: 14px;
    font-size: 12px;
    line-height: 1.4;
}

span.go_list {
    padding-left: 9px;
    background: url(../common_img/icon_list.gif) no-repeat 0 50%;
    font-size: 12px;
    line-height: 1.4;
}

a#go-pagetop {
    padding-left: 14px;
    background: url(../common_img/icon_pagetop.gif) no-repeat 0 2px;
    font-size: 12px;
    line-height: 1.4;
}

/* for heading images
----------------------------------------------- */
h1 img, h2 img, h3 img, h4 img, li img {
    vertical-align: bottom;
}


/* common styles
----------------------------------------------- */
h2.ttl_category {
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #f30;
    padding: 6px 0 6px 13px;
    margin-bottom: 15px;
}

.wrap {
    margin: 0 auto;
    width: 900px;
}

.inline {
    display: inline;
}

.photoleft {
    float: left;
    margin: 0 12px 10px 0px;
    padding: 0;
}

.photoright {
    float: right;
    margin: 0 0 5px 5px;
    padding: 0;
}

.mB5 {
    margin-bottom: 5px;
}

.mB10 {
    margin-bottom: 10px;
}

.mB15 {
    margin-bottom: 15px;
}

.mB30 {
    margin-bottom: 30px;
}

.mT5 {
    margin-top: 5px;
}

.formSizeS {
    width: 100px;
}

.pagetop {
    text-align: right;
    margin-bottom: 20px;
}

.formSizeFull {
    width: 350px;
}

.formSizeHalf {
    width: 280px;
}

.formSizeSmall {
    width: 60px;
}

.formBtn {
    text-align: center;
}

.emSection,
.required {
    color: #FF0000;
}


/* for column layout
----------------------------------------------- */
.leftbox {
    float: left;
    display: inline;
}

.rightbox {
    float: right;
    display: inline;
}

.layoutbox {
    position: relative;
    margin-bottom: 15px;
}
/*
	css3.css を統合
*/

/* opacityプロパティによるロールオーバー */

a:hover img {
    /*
	opacity: 0.7;
	filter: alpha(opacity=70);
*/
}


/* border-radius（角丸） */
.top_search,
.top_info,
.box {
    /*
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
*/
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}



/* -----------------------------------------------
	TABコントロールのfont指定よりこちらを優先
----------------------------------------------- */
.ajax__tab_xp .ajax__tab_body {
    font-size: 100% !important;
}

input {
    padding-right: 2px !important;
}


/* -----------------------------------------------
	1.個別条件入力画面
----------------------------------------------- */

.condition_input {
    /*	font-size: 12px;*/
    /*	font-size: 80%;*/
    font-size: 76%;
    width: 48%;
    float: left;
}

    .condition_input p {
        line-height: 1.6;
    }

    .condition_input .reg_cond td {
        line-height: 120%;
    }

    .condition_input .reg_cond .reg {
        font-weight: bold;
        font-size: 120%;
        color: #000080;
    }

    .condition_input .orderrect {
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        margin-right: 5px;
    }

    .condition_input .cmd_button {
        width: 86px;
        font-size: 94%;
    }

.numinpuc {
    text-align: right;
    ime-mode: disabled;
}


.condition_result {
    width: 52%;
    float: left;
    /* 左側に回りこませない */
    /*	margin-left: 48%;*/
}

    .condition_result table {
        /*	font-size: 86%;*/
        font-size: 80%;
    }

.condition_graph {
    width: 508px;
    /*	height: 200px!important;*/
    height: 220px !important;
    /*
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
*/
    /*	margin:10px;*/
    margin: 5px;
}

    .condition_graph div {
        /*	font-size: 8px!important;*/
        font-size: 8px;
    }

.condition_bottom {
    clear: both;
}

.collapse {
    /*	font-size: 12px;*/
    font-weight: bold;
    cursor: pointer;
}


/* -----------------------------------------------
	3.年間成績一覧画面
----------------------------------------------- */
.year_result {
    margin-left: 0px;
}

.YearTablefix {
    /*    width: 1190px;*/
    /*border-collapse: collapse;*/
    /*   border-spacing: 0;*/
    /*    float:left;*/
}

#TableYearResult {
    /*	font-size: 12px;*/
    /*	font-size: 80%;*/
    /*    width: 950px;*/
    width: 990px;
    /*margin: auto;*/ /* 標準のセンタリング方法 */
    /*    text-align: center;*/ /* IE用方法の弊害対策用 */
}

    #TableYearResult .top_title {
        background-color: #99FFCC;
        height: 16px;
    }

    #TableYearResult .title_name {
        width: 160px;
    }

    #TableYearResult .item_name {
        width: 80px;
    }

    #TableYearResult .sum_name {
        width: 80px;
    }

    #TableYearResult .data_title {
        background-color: LightYellow;
    }

    #TableYearResult .data_item {
        background-color: LightSalmon;
    }

    #TableYearResult .data {
        width: 80px;
    }

/* -----------------------------------------------
	4.月間成績一覧画面
----------------------------------------------- */
td.sumTD {
    background-color: #f5faf5 !important;
}

td.UGR {
    background-color: #f5faf5 !important;
}

td.KOR {
    background-color: #fef0d4 !important;
}

.month_result {
    /*	font-size: 12px;*/
    font-size: 80%;
    /*    text-align: center;*/ /* IEでセンタリングさせる方法 */
    margin-left: 0px;
}

    .month_result .year_month {
        text-align: left; /* IE用方法の弊害対策用 */
    }

    .month_result table {
        /*margin: auto;*/ /* 標準のセンタリング方法 */
        text-align: left; /* IE用方法の弊害対策用 */
    }

        .month_result table .top_title {
            background-color: #99FFCC;
            height: 16px;
        }

        .month_result table .title_name {
            width: 120px;
        }

        .month_result table .item_name {
            width: 50px;
        }

        .month_result table .sum_name {
            width: 70px;
        }

        .month_result table .data {
            width: 57px;
        }


.tablefix {
    /*    width: 1240px;*/
    border-collapse: collapse;
    border-spacing: 0;
}

#TableMonthResult {
    /*	font-size: 12px;*/
    font-size: 95%;
    width: 990px;
    /*margin: auto;*/ /* 標準のセンタリング方法 */
    /*    text-align: center;*/ /* IE用方法の弊害対策用 */
}

/* -----------------------------------------------
	5.検証結果画面
----------------------------------------------- */
.TestResultTablefix {
    /*    width: 1190px;*/
    border-collapse: collapse;
    border-spacing: 0;
}

#TableTestResult {
    /*	font-size: 12px;*/
    /*	font-size: 80%;*/
    /*   width: 950px;*/
    /*margin: auto;*/ /* 標準のセンタリング方法 */
    /*    text-align: center;*/ /* IE用方法の弊害対策用 */
}

    #TableTestResult .top_title {
        background-color: #99FFCC;
        height: 16px;
    }

    #TableTestResult .row_title {
        width: 80px;
    }

    #TableTestResult .item_name {
        width: 50px;
    }

    #TableTestResult .sum_name {
        width: 70px;
    }

    #TableTestResult .data {
        width: 80px;
    }



/* -----------------------------------------------
	6.設定画面
----------------------------------------------- */
.set_param {
    font-size: 80%;
    margin-left: 10px;
    margin-top: 10px;
    /*	margin-bottom: 10px;*/
}

    .set_param h1 {
        font-weight: bold;
        margin-top: 10px;
    }

    .set_param .numinp {
        text-align: right;
        ime-mode: disabled;
    }

.write_button {
    clear: both;
    margin-top: 20px;
    text-align: center;
}

/* -----------------------------------------------
	7.サイン表示
----------------------------------------------- */
.disp_sign {
    font-size: 76%;
    margin-left: 20px;
    /*    text-align: center;*/ /* IEでセンタリングさせる方法 */
}

    .disp_sign .update_button {
        height: 24px;
        width: 100px;
    }

    .disp_sign table {
        /*    margin: auto;*/ /* 標準のセンタリング方法 */
        /*    text-align: left;*/ /* IE用方法の弊害対策用 */
    }

    .disp_sign .top_margin {
        margin-top: 10px;
    }

    .disp_sign .bottom_margin {
        margin-bottom: 10px;
    }

    .disp_sign table .top_title {
        background-color: #99FFCC;
    }

    .disp_sign table .title_name {
        width: 65px;
        height: 22px;
        background-color: #99FFCC;
        text-align: center;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .cond_name {
        width: 160px;
        text-align: left;
        padding-left: 2px;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .dummy1 {
        width: 100px;
    }

    .disp_sign table .title_date_name {
        width: 44px;
        height: 22px;
        background-color: #99FFCC;
        text-align: center;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .update_date {
        width: 71px;
        text-align: center;
        padding-left: 2px;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .dtl_title_name {
        width: 65px;
        height: 20px;
        text-align: center;
        background-color: #d0FFe0;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .dtl_cond_data {
        text-align: left;
        padding-left: 2px;
        width: 256px;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .dtl_cond_chk {
        width: 22px;
        border-style: solid;
        border-width: 1px;
    }

    .disp_sign table .reg {
        margin-left: 2px;
        margin-right: 2px;
        font-weight: bold;
        font-size: 110%;
        color: #000080;
    }

    .disp_sign table .dtl_enable_chk {
        color: White;
    }

    .disp_sign table .dtl_disable_chk {
        /*	background-color: #cccccc;*/
        color: Gray;
    }

div#copy {
}


/* -----------------------------------------------------------
	検証ページ用スタイルシート
----------------------------------------------------------- */
.scWrap {
    width: 428px;
}

    .scWrap table {
        margin: 0;
        padding: 0;
    }

        .scWrap table td {
            text-align: left;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

            .scWrap table td.input_W200 input {
                width: 192px;
                height: 24px;
                padding-left: 4px;
                padding-right: 4px;
                line-height: 20px;
                font-size: 13px !important;
                background: none;
                border: none;
                outline: 0px none black;
            }

            .scWrap table td.input_W200 {
                width: 200px;
                height: 24px;
                line-height: 20px;
                background: url(../common_img/Bg_input_W200.jpg) no-repeat left top;
            }


    .scWrap h3.title_H3_W428 {
        display: block;
        width: 406px;
        height: 15px;
        background: url(../common_img/common/Bg_titleH3_W428.png) no-repeat left top;
        color: #ffffff;
        margin: 0;
        padding-top: 5px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding-left: 22px;
        cursor: pointer;
    }

    .scWrap h3.title_H3_W400 {
        display: block;
        width: 378px;
        height: 15px;
        background: url(../common_img/common/Bg_titleH3_W400.png) no-repeat left top;
        color: #ffffff;
        margin: 0;
        padding-top: 5px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding-left: 22px;
        cursor: pointer;
    }

    .scWrap h3.title_H3_W380 {
        display: block;
        width: 358px;
        height: 15px;
        background: url(../common_img/common/Bg_titleH3_W380.png) no-repeat left top;
        color: #ffffff;
        margin: 0;
        padding-top: 5px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding-left: 22px;
        cursor: pointer;
    }

    .scWrap h3.opened {
        display: block;
        width: 406px;
        height: 15px;
        background: url(../common_img/common/Bg_titleH3_W428.png) no-repeat left bottom;
        color: #ffffff;
        margin: 0;
        padding-top: 5px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding-left: 22px;
        cursor: pointer;
    }

    .scWrap .openContents {
        width: 428px;
        padding-top: 8px;
    }

    .scWrap .openSubContents {
        width: 400px;
        padding-top: 8px;
    }

    .scWrap ul {
        width: 428px;
        margin: 0;
        padding: 0;
    }

        .scWrap ul li {
            margin-bottom: 8px;
            padding-bottom: 9px;
            background: url(../common_img/common/Line_Dotted02.jpg) repeat-x left bottom;
        }

            .scWrap ul li.LiLast {
                border: none;
                margin: 0;
                padding: 1px;
                background: none;
            }

.Memo {
    height: 100px;
    width: 420px;
    resize: none;
    font-size: 14px;
}

.filter-group-top {
    position: relative;
    padding-top: 10px;
}

    .filter-group-top:before {
        content: "";
        position: absolute;
        border-bottom: dashed 1px lightgray;
        width: 100%;
        top: 3px;
    }

.ChechEntryDate, .uesr-event-container {
    margin-left: 16px;
}

div.ENTRY_DATE {
    margin-top: 2px;
}

table.special-order {
    width: 410px;
    display: inline-table;
}

td.special-order-head {
    width: 72px;
}

/* 表示文字の装飾 */
div.tooltip {
    display: inline-block; /* インライン要素化 */
}

    /* ツールチップ部分を隠す */
    div.tooltip span {
        display: none;
    }

    /* マウスオーバー */
    div.tooltip:hover {
        position: relative;
    }

        /* マウスオーバー時にツールチップを表示 */
        div.tooltip:hover span {
            display: block; /* ボックス要素にする */
            position: absolute; /* relativeからの絶対位置 */
            top: 25px;
            font-size: 90%;
            color: #000000;
            background-color: #FFFACD;
            width: 205px;
            padding: 5px;
            border-radius: 3px;
            z-index: 100;
        }

    /* フキダシ部分を作成 */
    div.tooltip span:before {
        content: '';
        display: block;
        position: absolute; /* relativeからの絶対位置 */
        height: 0;
        width: 0;
        top: -14px;
        left: 15px;
        border: 10px transparent solid;
        border-right-width: 0;
        border-left-color: #FFFACD;
        transform: rotate(270deg); /* 傾きをつける */
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        z-index: 100;
    }


div.create-at {
    margin-top: 5px;
}

div.update-at {
    margin-top: 5px;
}

.user-event-select {
    max-width: 380px;
}

.etf-todey-close-container {
    margin-left: 20px;
}

.etf-todey-close-mark {
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
}

.etf-todey-close-text {
    display: inline-block;
    width: 85%;
    line-height: 16px;
}

.etf-todey-close-warning {
    color: red;
    font-weight: bold;
}

#SimUnitContainer {
    margin-top: 5px;
}

.losscut-takeprofit-note {
    display: inline-block;
    padding-bottom: 10px;
    line-height: 15px;
}

.filter-checkbox-container {
    display: inline-block;
    width: 4%;
    vertical-align: top;
    margin-top: 6px;
}

.filter-condition-container {
    display: inline-block;
    width: 95%;
    line-height: 26px;
}

.RefLogicDropDownList {
    max-width: 72%;
}

.filter-condition-container input,
.filter-condition-container select {
    margin-left: 3px;
    margin-right: 3px;
}

input.add-filter-param,
select.add-filter-param {
    margin-left: 0px;
}

.filterNotes {
    display: list-item;
    list-style-type: "※";
    line-height: 16px;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: 12px;
}

.refLogicNotes {
    list-style-type: "(*)";
}

.RefLogicListContainer {
    display: inline-block;
    box-sizing: border-box;
    height: 64px;
    width: 310px;
    border: 1px solid black;
    overflow-y: scroll;
    vertical-align: text-top;
}

/* 無効フィルタのグレーアウト */
.disableFilter {
    background-color: #CCCCCC !important;
}

/* システム追加以降のボタンコンテナ */
.button_cotainer {
    display: inline-block;
}
    /* 体験ユーザで登録済みロジックの場合、2段目にボタンを表示する */
    .button_cotainer.edit_mode {
        display: block;
        margin-top: 5px;
        padding-left: 2px;
    }

/* 検証開始ボタンを分かりやす画像で表示 */
.simulation_start_button {
    background-image: url(../common_img/simulation_start.png);
    text-indent: -9999px;
    width: 82px;
    height: 31px;
    border: none;
    padding: 0px;
}

    .simulation_start_button:hover {
        background-image: url(../common_img/simulation_start_mouse_over.png);
    }

/* 初心者モード、達人モードの切り替えスイッチ */
#BeginnerSwitchContainer {
    position: relative;
    top: 5px;
    left: 280px;
    height: 0px;
}

#BeginnerSwitchTitle {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
}

#BeginnerSwitchBeginner, #BeginnerSwitchMaster {
    display: none;
}

#BeginnerSwitchBeginner {
    background-image: url(../common_img/filter_simple_off.png);
    width: 46px;
    height: 24px;
    display: inline-block;
}

    #BeginnerSwitchBeginner.checked {
        background-image: url(../common_img/filter_simple_on.png);
    }

    #BeginnerSwitchBeginner:not(.checked):hover {
        background-image: url(../common_img/filter_simple_mouse_over.png);
    }

#BeginnerSwitchMaster {
    background-image: url(../common_img/filter_pro_off.png);
    width: 46px;
    height: 24px;
    display: inline-block;
}

    #BeginnerSwitchMaster.checked {
        background-image: url(../common_img/filter_pro_on.png);
    }

    #BeginnerSwitchMaster:not(.checked):hover {
        background-image: url(../common_img/filter_pro_mouse_over.png);
    }


#BeginnerSwitchLoading {
    position: relative;
    top: -8px;
    left: 50px;
}

.hide {
    display: none;
}

/* 非表示フィルタ */
.hideFilter {
    display: none;
}

/* 最大ドローダウンのメールアドレス設定 */
.mail-setting-img {
    width: 15px;
    margin-left: 15px;
}

.mail-setting-link {
    color: cornflowerblue;
    vertical-align: bottom;
    cursor: pointer;
}

/* ロジック編集画面のタブ消去 */
#TabContainer0_header,
#TC0_header {
    display: none;
}

#TabContainer0,
#TC0 {
    margin-top: 15px;
}

.cond-string-cond-name {
    font-weight: bold;
    font-size: 120%;
    color: #ff9900;
}