@charset "UTF-8";

html {
    height:100%;
    margin:0;
    padding:0;
    overflow-y:scroll;
}

body, div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, select { margin:0 0 0 0; padding:0 0 0 0;}

body {
    color: #666666;
    text-align: center;
    font-family: 'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka',sans-serif;
    _font-family: 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック',sans-serif;
    background: #f0f0f0;
}

*:first-child+html body {
    font-family: 'メイリオ', 'Meiryo',sans-serif; /* IE7用 */
}

a {
    color:#0099ff;
    text-decoration:underline;
}

a:hover {
    color: #ff0000;
    text-decoration: none;
}


/* 画像スタイル */
img { border: 0;}

img.i-window { vertical-align: middle;}

img.img-right {
    float: right;
    margin: 0 0 10px 10px !important;
}

img.img-left {
    float: left;
    margin-right: 10px !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}


/* 見出し */
h1 {
    width: 680px;
    margin: 0 0 20px 15px;
    padding: 0 0 0 10px;
    font-size: 170%;
    line-height: 110%;
    font-weight: normal;
    border-left: solid 2px #ff6600;
    letter-spacing: -1px;
}

h1 span {
    font-size: 50%;
    font-weight: normal;
}

/* タイトル */
span.printBig {
    font-size: 14px;
}

/* H2 */

#left-container h2 {
    width: 690px;
    margin: 0 0 10px 15px;
    padding: 0 0 0 0;
    font-size: 110%;
    background: #e6e6e6 url(../image/h2_bg.gif) no-repeat left top;
}

#left-container h2 span {
    display: block;
    width: 650px;
    padding: 8px 10px 7px 30px;
    line-height: 110%;
    background: url(../image/h2_bottom.gif) no-repeat left bottom;
}

/* H3 */

#left-container .h3-module {
    padding: 0 0 0 0;
    margin: 0 0 10px 15px;
    width: 690px;
}

#left-container h3 {
    margin: 0 0 10px 10px;
    padding: 6px 0 7px 19px;
    font-size: 85%;
    line-height: 110%;
    background: url(../image/h3_bg.jpg) no-repeat left top;
    border-bottom: solid 1px #cccccc;
}

#right-container h3 a {
    color:#666666;
    text-decoration:underline;
}

#right-container h3 a:hover {
    color: #ff0000;
    text-decoration: none;
}


/* H4 */

#right-container h4 {
    margin: 0 0 10px 10px;
    padding: 3px 0 3px 6px;
    font-size: 82%;
    line-height: 130%;
    border-left: solid 3px #80e6ff;
    background: #f9f9f9;
}

#right-container h4 a {
    color:#666666;
    text-decoration:underline;
}

#right-container h4 a:hover {
    color: #ff0000;
    text-decoration: none;
}


/* Pタグ */
p {
    text-align:left;
    margin: 0 0 10px 0px;
    padding-left: 10px;
    font-size: 82%;
    line-height: 145%;
}

.h3-module p {
    padding-left: 19px;
}

p.left-none {
    text-align:left;
    margin: 0 0 10px 0px;
    padding-left: 0px;
    font-size: 80%;
    line-height: 145%;
}

.v-hidden { visibility: hidden;}

.bold { font-weight: bold;}


/*　整列系　*/

.ta-center { text-align: center;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-top { vertical-align: top;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}
.box-center { margin: 0 auto;}


/*　基礎BOX　*/

#login_layout{
    width: 382px;
    margin: 0 auto 0 auto;
    text-align: left;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-220px;
    margin-left:-192px;
}

#login_container{
    width: 382px;
    background: url(../image/log_bg.gif) repeat-y left;
}

#login_container-inner{
    width: 382px;
    background: url(../image/log_bg_top.gif) no-repeat left top;
}

#login_container-bottom{
    width: 358px;
    padding: 0 12px 12px 12px;
    background: url(../image/log_bottom.gif) no-repeat left bottom;
}

#login_main-container {
    width: 358px;
    background: url(../image/log2_bg.gif) repeat-y left;
}

#layout{
    width: 954px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#container{
    width: 954px;
    background: url(../image/w_bg.gif) repeat-y left;
}

#container-inner{
    width: 954px;
    background: url(../image/w_bg_top.jpg) no-repeat left top;
}

#container-bottom{
    width: 930px;
    padding: 0 12px 12px 12px;
    background: url(../image/w_bottom.gif) no-repeat left bottom;
}

#main-container {
    width: 930px;
    /* background: url(../image/w2_bg.gif) repeat-y left; */
}

/*-----------------------------------------------------------------
        テーブル等
-----------------------------------------------------------------*/

/* テーブルの共通情報 */
table {
    color:#ffffff;
    font-size: 12px;
}
/* テーブルセルの共通情報 */
th {
    text-align: center;
}
td {
    word-break: break-all;
}

/* テーブルセルの共通情報 */
td.small {
    font-size: 80%;
}
/* テーブルセルの共通縮小情報 */
td.com_small {
    font-size: 12px;
}

/*-----------------------------------------------------------------
        計算結果部
-----------------------------------------------------------------*/
/* 目安値 */
td.answer {
    font-size:22px;
    color: #ffff00;
    text-align: right;
}
td.planval {
    font-size:22px;
    color: #40e0d0;
    text-align: right;
}
td.lackval {
    font-size:22px;
    color: #ffffff;
    text-align: right;
}

#flg_l2y, #sub_l2y, #cmt_l2y,
#flg_l2x, #sub_l2x, #cmt_l2x {
}
#flg_up1cdgy, #sub_up1cdgy, #cmt_up1cdgy,
#flg_up1cdgx, #sub_up1cdgx, #cmt_up1cdgx,
#flg_bcx, #sub_bcx, #cmt_bcx,
#flg_bcy, #sub_bcy, #cmt_bcy,
#flg_dgx, #sub_dgx, #cmt_dgx,
#flg_dgy, #sub_dgy, #cmt_dgy,
#flg_bgx, #sub_bgx, #cmt_bgx,
#flg_bgy, #sub_bgy, #cmt_bgy {
    display: none;
}


/*-----------------------------------------------------------------
        算定根拠テーブル等
-----------------------------------------------------------------*/
/* 外枠と見出し */
div.CalcGround {
    overflow: auto;
    background-color: #000000;
    border-top: 2px solid #ffffff;
    color: #000000;
    padding: 5px;
    margin-top: 0px;
}

div.CalcGround table {
    margin-left: 10px;
}

div.CalcGround table caption {
    margin: 5px;
    text-align: left;
    font-size: 15px;
    white-space: nowrap;
}

div.CalcGround table td {
    padding: 2px;
}

/* 内容 */
table.resultTbl {
    font-size:8pt;
    color:white;
    border: 0px solid #DDDDDD;
    border-collapse: collapse;
}
table.resultTbl tr.center th {
    background-color:#44444F;
    border: 1px solid #777777;
    white-space: nowrap;
    text-align:center;
    font-weight:normal;
}
table.resultTbl th {
    background-color:#44444F;
    border: 1px solid #777777;
    white-space: nowrap;
    text-align:left;
    font-weight:normal;
}
table.resultTbl td {
    border: 1px solid #777777;
    white-space: nowrap;
    text-align:center;
}
table.resultTbl td.selected {
    background-color:#99cc66;
    color:black;
    font-weight:bold;
    border: 1px solid White;
    white-space: nowrap;
    text-align:center;
}


/*-----------------------------------------------------------------
        フォーム情報等
-----------------------------------------------------------------*/

/* コントロールフォーカス時の背景カラー指定　*/
.objFocus {
    background:#80D1EE;
}

/* INPUT=TEXT属性 */
input[type='text'] {
    font-size:13px;
    font-family: sans-serif,"ＭＳ ゴシック", monospace;
    border:1px solid #bbbbbb;
    height: 17px;
}

input[type='radio'] {
    cursor: pointer;
}

label {
    cursor: pointer;
}

/* ログイン情報のテキストボックス */
input.login {
    border:1px solid #bbbbbb;
    width: 170px;
    height: 15px;
}

/* 会員情報入力項目のテキストボックス */
input.regist {
    border:1px solid #bbbbbb;
    width: 210px;
    height: 15px;
}

/* テキストボックス (日本語)　*/
input.text {
    text-align: left;
    ime-mode: active;
}

/* テキストボックス (ROMAN)　*/
input.roman {
    text-align: left;
    ime-mode: disabled;
}

/* テキストボックス (数値)　*/
input.number {
    text-align: right;
    ime-mode: disabled;
    width: 32px;
}

/* セレクトボックス　*/
select {
    border:1px solid #bbbbbb;
    font-family: sans-serif,"ＭＳ ゴシック", monospace;
}

option[selected] {
    color: HotPink;
}

/* テキストエリア　*/
textarea {
    border:1px solid #bbbbbb;
    font-family: sans-serif,"ＭＳ ゴシック", monospace;
    font-size:13px;
}

/* 個人情報の小窓 */
.kojin_conf {
    color     : #ffffee;
    border    : 1px solid #555555;
    z-index   : 1;
    width     : 350px;
    height    : 180px;
    background-color: #333333;
    overflow: auto;
    font-size : 12px;
    text-align: left;
    padding-left: 0px;
    padding-top:  0px;
}

/* Aタグのイメージホバー **************/
a:hover img {
    position : relative;
    top  : 0pt;
    left : 0pt;
    filter : alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

/* Aタグのイメージ **************/
a img {
    position : relative;
    top  : 0pt;
    left : 0pt;
    filter : alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

/*-----------------------------------------------------------------
        リスト
-----------------------------------------------------------------*/

ul {
    margin: 0 0 10px 35px;
    padding: 0 0 0 0;
}

ol {
    margin: 0 0 10px 35px;
    padding: 0 0 0 0;
    font-size: 100%;
}

li{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    font-size: 100%;
    line-height: 150%;
}


/*-----------------------------------------------------------------
        調整用
-----------------------------------------------------------------*/

/*クリア*/

.c-box:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7用 */
    width: 100%;
}

.clear-both{
    clear: both;
    height: 1px!important;
    display: block !important;
    font-size: 1px!important;
    margin: 0 !important;
}

/*  \*/
* html #layout{
    height: 1%;
}
/*  */


/*　フォント関連　*/

.font-normal {
    font-weight: normal;
}

.middle-l {
    font-size: 85%;
    line-height: 145%;
}

.middle-m {
    font-size: 82%;
    line-height: 140%;
}

.middle-s {
    font-size: 65%;
    line-height: 130%;
}
.fs100 {
    font-size: 100% !important;
}

.txt-indent {
    margin-left: 1.1em;
    text-indent: -1.2em;
}

.red {
    color:#ff0000;
    font-weight:bold;
}

.f-left{
    float:left;
}

.f-right{
    float:right;
}

.dsp-inline {
    display: inline;
}


/*　マージン調整　*/

.top-5 { margin-top:5px !important;}
.top-10 { margin-top:10px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-50 { margin-top:50px !important;}
.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 { margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.left-0 { margin-left: 0px !important;}
.left-5 { margin-left: 5px !important;}
.left-10 { margin-left: 10px !important;}
.left-15 { margin-left: 15px !important;}
.left-20 { margin-left: 20px !important;}
.left-m20 { margin-left: -20px !important;}
.left-25 { margin-left: 25px !important;}
.left-30 { margin-left: 30px !important;}
.right-5 { margin-right: 5px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}

.right-20 { margin-right: 20px !important;}
.p-right-10 { padding-right: 10px !important;}
.p-left-10 { padding-left: 10px;}

.box-p10 {
    padding: 10px;
    margin: 0px;
}

.box-p5 {
    padding: 5px;
    margin: 0px;
}

.form-txt-box {
    margin: 20px 0 20px 10px;
    padding: 50px 0;
    text-align: center;
    border: solid 1px #cccccc;
}

/*-----------------------------------------------------------------
        検証・その他
-----------------------------------------------------------------*/

/*　検証用　*/

.b {
    border: solid 1px #ff0000;
}

.bg {
    background: #ff6600;
}

.none-box {
    display: none;
}

.visibility-box {
    visibility: hidden;
}

/*-----------------------------------------------------------------
        H1
-----------------------------------------------------------------*/

#login h1 {
    display: none;
}

#login #login_main-container {
    background: none;
}

#home h1 {
    display: none;
}

#home #main-container {
    background: none;
}

#ds1 h1 {
    display: none;
}

#ds1 #main-container {
    background: none;
}

#ds2 h1 {
    display: none;
}

#ds2 #main-container {
    background: none;
}

#mem h1 {
    display: none;
}

#mem #main-container {
    background: none;
}

#inq h1 {
    display: none;
}

#inq #main-container {
    background: none;
}

/*-----------------------------------------------------------------
        What'S New 枠
-----------------------------------------------------------------*/

#whats-box {
    width: 930px;
    margin: 2px 0 0 0;
}

#whats-box ul {
    margin: 0 0 0 0;
    padding: 7px 0 5px 5px;
    font-size: 12px;
    color: #ffffff;
}

#whats-box  ul li {
    line-height: 100%;
    background: url(../image/i_arrow.jpg) no-repeat 0px 8px;
    list-style: none;
    padding: 3px 10px 1px 10px;
    font-size: 12px;
    line-height: 130%;
}

#whats-box ul li img {
    vertical-align: middle;
}

/* 小窓表示時の背景 */
#overlay {
    display   : none;
    position  : fixed;
    top       : 0;
    left      : 0;
    z-index   : 1000;
    width     : 100%;
    height    : 100%;
    background-color: #ffffff;
    filter      : alpha(opacity=40);  /* IE 用 */
    -moz-opacity  : 0.4;              /* Firefox, Netscape 用 */
    opacity      : .40;               /* Opera, Safari 用 */
}

/* loading窓 */
#POPWAIT {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 10000;
    filter      : alpha(opacity=70);  /* IE 用 */
    -moz-opacity  : 0.7;              /* Firefox, Netscape 用 */
    opacity      : .70;               /* Opera, Safari 用 */
}

/* Error子画面 */
#floatError {
    background:url(../image/error-ssor.gif) no-repeat 0px 0px;
    position:absolute;
    width:390px;
    height:476px;
    top:50px;
    left:50%;
    margin-left:80px;
}
#closeFloatError {
    top: 5px;
    left: 2px;
    width: 43px;
    height: 43px;
    float: left;
    cursor: pointer;
}
div.errorMsgBoard {
    margin: 20px 10px 20px 10px;
    width:372px;
    height:390px;
    overflow-y:auto;
}

/* Help子画面 */
#floatHelp {
    display: none;
    background:url(../image/help-ssor.gif) no-repeat 0px 0px;
    position:absolute;
    width:900px;
    height:550px;
    top:50px;
    left:50%;
    margin-left:-450px;
}
#closeFloatHelp {
    top: 5px;
    left: 2px;
    width: 43px;
    height: 43px;
    float: left;
    cursor: pointer;
}
div.helpMsgBoard {
    margin: 20px 10px 20px 10px;
    width:880px;
    height:470px;
    overflow-y:auto;
}

/*-----------------------------------------------------------------
        計算対象の柱位置テーブル
-----------------------------------------------------------------*/
#rangeTable tr td {
    font-size: 9px;
}