body {
    background-color: #F1F4F3;
    color: #333;
    width: 900px;
    margin-left: auto; /*これで中心に表示*/
    margin-right: auto; /*これで中心に表示*/
}
#topbanner {
    font-size: 13px;
    background-color:#FEFEFE;
    padding-top:2ex;
    padding-left:2ex;
    height:20px;
    text-align:right;
    padding-right:10px;
    /*border-style:solid;*/
    /*border-color:#EFe8a8;*/
    /*width: 900px;*/
}
#banner {
    font-size: 13px;
    background-color:#FFFFFF;
    padding-top:2ex;
    padding-left:2ex;
    height:80px;
    background-image: url("/images/style/defmoney/logo.gif");
    background-position:left top;
    background-repeat:no-repeat;
    /*border-style:solid;*/
    /*border-color:#EFe8a8;*/
    /*width: 900px;*/
}
#settopbanner {
    font-size: 13px;
    background-color:#FEFEFE;
    padding-top:2ex;
    padding-left:2ex;
    height:20px;
    text-align:right;
    padding-right:10px;
    /*border-style:solid;*/
    /*border-color:#EFe8a8;*/
    /*width: 900px;*/
}
#setbanner {
    font-size: 13px;
    background-color:#FFFFFF;
    padding-top:2ex;
    padding-left:2ex;
    height:80px;
    background-image: url("/images/style/defmoney/logo_gray.gif");
    background-position:left top;
    background-repeat:no-repeat;
    /*border-style:solid;*/
    /*border-color:#EFe8a8;*/
    /*width: 900px;*/
}
/*メニューボタン*/
#mainMenuItem .unlesslink{
    border-style: solid;
    border-width :0px 0px 5px;
    border-color: #b7c8f6;
    color: #B7C8F6;
    font-size: 20px;
    font-weight: bold;
    background-image: url("/images/menubutton.jpg")

}
/*メニューボタン*/
#mainMenuItem .currentlink{
    border-style: solid;
    border-width :5px 0px 0px;
    border-color: #b7c8f6;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    background-image: url("/images/menubutton.jpg")
}
/*マウスオーバーの設定*/
ul#mainMenuItem li a:hover{
    color: #000;
    background-color: #DDE6FB;
}
/*設定メニューボタン*/
#menuItem .unlesslink{
    border-style: solid;
    border-width :0px 0px 5px;
    border-color:#94A0AA; /* #b7c8f6;*/
    color: #B7C8F6;
    font-size: 20px;
    font-weight: bold;
    background-image: url("../images/menubutton.jpg")

}
/*設定メニューボタン*/
#menuItem .currentlink{
    border-style: solid;
    border-width :5px 0px 0px;
    border-color:#94A0AA; /*#b7c8f6;*/
    color: #000;
    font-size: 20px;
    font-weight: bold;
    background-image: url("../images/menubutton.jpg")
}
/*コンマ区切りは複数のセクタを同時に設定*/
body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:   13px;
    line-height: 18px;
}

ul#mainMenuItem {
    margin: 0;
    padding: 0;
    width: 900px;
}

ul#mainMenuItem li{
    margin: 0;
    padding: 0;
    float: left;
    width: 150px; /*ひとつのメニューボタンの幅*/
    /*height: 50px;*/
    line-height: 1;
    list-style-type: none;
}

ul#mainMenuItem li a{
    padding: 0.6em 10px;
    display: block;
    /*position: relative;/*これがあるとメニューがおかしい*/
    text-align: center;
    text-decoration:none;
    border-color:#EFe8a8;

}
ul#mainMenuItem:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
/*マウスオーバーの設定*/
ul#menuItem li a:hover{
    color: #000;
    background-color: #E7EBEA;
}

ul#menuItem {
    margin: 0;
    padding: 0;
    width: 900px;

}

ul#menuItem li{
    margin: 0;
    padding: 0;
    float: left;
    width: 150px; /*ひとつのメニューボタンの幅*/
    /*height: 50px;*/
    line-height: 1;
    list-style-type: none;
}

ul#menuItem li a{
    padding: 0.6em 10px;
    display: block;
    /*position: relative;/*これがあるとメニューがおかしい*/
    text-align: center;
    text-decoration:none;
    border-color:#EFe8a8;

}
ul#menuItem:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

/*ログイン、ログアウト表示*/
#bannermenu {
    font-size: 13px;
    background-color:#F1F4F3;
    margin-top: 2px;
    padding-bottom:4px;
    background-color:#FFFFFF;
    /*padding-top:2ex;*/
    /*padding-left:2ex;*/
    height:45px;
    /*border-style:solid;*/
    /*border-color:#EFe8a8;*/
    /*width: 900px;*/
}
/*テーブルなどを表示させるメイン画面*/
#main {
    float: left;
    margin-top: 5px;/*ほかの要素との間隔*/
    /*margin-left:14em;*/
    padding-top: 8px;/*内容表示部分の外間隔*/
    padding-bottom: 2ex;/*内容表示部分の外間隔*/
    background-color:#FFFFFF;
    width: 650px;
    padding-left: 30px;
}
/*新規作成のダイアログ*/
#dialogmain {
    /*float: left;*/
    /*margin-top: 1px;/*ほかの要素との間隔*/
    /*margin-left:1px;/**/
    padding-top: 2px;/*内容表示部分の外間隔*/
    /*padding-bottom: 1px;/*内容表示部分の外間隔*/
    width: 400px;
    padding-left: 4px;
    background-color:#F1F4F3;
    /*font-size:small;*/
}
/*サイドバー*/
#sidebar{
    /**/
    float: right;
    padding-top: 3ex;/*内容表示部分の外間隔*/
    padding-left: 1ex;/*内容表示部分の外間隔*/
    margin-top: 5px;/*ほかの要素との間隔*/
    margin-left: 5px;
    background-color:#FFFFFF;
    width:200px;
    /*height:80%;*/
    font-size: 15px;
    font-weight: bold;
    font-family:"MS UI Gothic";
    border-style:solid;
    border-color:#F1F4F3;
    border-width: 4px 4px 4px 0px;
}
/*カテゴリのリストボックスのスタイル*/
#categlistdown{
    position:absolute;
    color:#000000;            /* フォント色               */
    font-size:10pt;           /* フォントサイズ           */
    /*	font-weight:bold;            太字の場合コメントを外す */
    border:1px gray solid;    /* 枠線の太さ、色、形状     */
    /*padding:5px;*/
    background-color:#FFFFFF; /* 背景色                   */
    z-index:100;
    overflow:auto;
    /*height: 150px;*/
    max-height:150px;
    /*height:100px;*/
    width:auto;
    min-width:100px;
    /*padding-left: 1ex;/*内容表示部分の外間隔*/
    /*padding-right: 2ex;/*内容表示部分の外間隔*/

    /*border-style:solid;
    border-color:#F1F4F3;
    border-width: 4px 4px 4px 0px;
    */
}

#categlistdown a{ /* マウスオーバ時のスタイル div.over*/
    background-color: #FFFFFF;
    display: block;
    text-decoration: none;
    white-space:nowrap;
    text-align:left;
    border-style: solid;
    border-width :0px 0px 1px 1px;
    border-color:#DFDFDF;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: normal;
}

#categlistdown a:hover{ /* マウスオーバ時のスタイル div.over*/
    background-color: #DFDFDF;
}
.tag_side{
    padding-top: 2px;
    padding-left: 1px;
    padding-right: 1px;
    border-style:solid;
    border-color:#F1F4F3;
    border-width: 4px 4px 4px 0px;

}
.strong{
    font-size: 15px;
    color:#000;
    background:#DDE6FB;
}
/*メール一覧*/
.maillistline{
    /*background: #F1F1F1;/**/
    font-style:italic;
    font-weight:bold;
    /*background-image: url("../images/tableback.gif")*/
}
/*一覧表示テーブルの外枠(ヘッダ)のスタイル*/
.listline{
    background: #F1F4F3;
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#D9E1DE;
    border-width: 0px 4px 4px 0px;
    /*background-image: url("../images/tableback.gif")*/
}
/*一覧テーブルのリスト部分１*/
.listline0{
    /*background: #B7C8F6;/**/
    /*background: #F1F4F3;/**/
    background: #FFFFFF;/**/
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#D9E1DE;
    border-width: 0px 4px 4px 0px;
    /*background-image: url("../images/tableback.gif")*/
}
/*一覧テーブルのリスト部分１*/
.listline1{
    background: #DDE6FB;
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#B9CBF6;
    border-width: 0px 4px 4px 0px;
}
/*流れ管理部分のリスト*/
.managelistline0{
    background: #F1F4F3;
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#D9E1DE;
    border-width: 0px 4px 4px 0px;
}
/*流れ管理部分のリスト*/
.managelistline1{
    background: #E7EBEA;
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#D9E1DE;
    border-width: 0px 4px 4px 0px;
}
/*カテゴリの4パターン*/
.listcate1{
    background: #DDE6FB;
    display:block;
    margin-bottom:3px;
    cursor:pointer;
}
.listcate2{
    background: #F1F4F3;
    display:block;
    margin-bottom:3px;
    cursor:pointer;
}
.listcate3{
    background: #F1F4F3;
    display:block;
    margin-bottom:3px;
    cursor:pointer;
}
.listcate4{
    background: #DDE6FB;
}
/*変更する必要なし*/
.category_item{
    float:left;
}
/*money_recordやflow_recordの詳細表示した時のスタイルです。*/
.detailmoney{
    background: #DDE6FB;
    padding-left: 2ex;
    padding-right: 2ex;
    border-style:solid;
    border-color:#DDE6FB;
    border-width: 0px 4px 4px 0px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    padding-top:15px;
    background-image:url("/images/style/defmoney/line.gif");/*change*/
    /*width: 400px;*/


}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

a { color: #000; }
a:visited { color: #000; }
/*a:hover { color: #000; background-color:#DDE6FB; }*/
/*レコード作成時のエラー表示ダイアログ*/
.fieldWithErrors {
    padding: 2px;
    background-color: #b7c8F6;
    display: table;
}

#errorExplanation {
    width: 375px;
    border: 2px solid blue;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 16px;
    margin: -7px;
    background-color: #B7C8F6;
    color: #0000ff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 14px;
    list-style: square;
}
.tag_tiny{
    font-size: 9px;
}
.tag_small{
    font-size: 12px;
}
.tag_large{
    font-size: 20px;
}
.tag_huge{
    font-size: 25px;
}
/*計算機のスタイル*/
#inputamount{
    border-style: solid;
    border-width :2px 2px 2px 2px;
    border-color:#94A0AA; /* #b7c8f6;*/
    width:132px;
    background-color:#FFFFFF;
    margin:0px;
}
/*計算機の数字のスタイル*/
.inputnum{
    /*padding: .2em .5em ;*/
    display: block;
    width: 25px;
    height: 20px;
    margin-right: 1px;
    font-weight: bold;
    border: 2px solid #D7CBF6;
    margin-left: auto; /*これで中心に表示*/
    margin-right: auto;
    margin-top: auto; /*これで中心に表示*/
    margin-bottom: auto;
    background-color:#FFFFFF;
    text-align: center;/*文字の水平位置調整*/
    vertical-align: middle;/*文字の垂直位置調整*/
    background-image: url("/images/inputbu.gif")
}
.inputnum a:hover, .pagination a:focus {
    color: #003;
    border-color: #003;
    background-image: url("/images/pinputbu.gif")
}
/*money_recordの備考を表示するTIPS*/
.tipstyle {
    position:absolute;
    color:#000000;
    font-size:10pt;
    border:2px #B7C8F6 solid;
    padding:5px;
    background-color:#DDE6FF;
    z-index:110;
}
/*flow_recordの備考を表示するTIPS*/
.flowtipstyle {
    position:absolute;
    color:#000000;
    font-size:10pt;
    border:2px #E0E2E0 solid;
    padding:5px;
    background-color:#E9E1EE;
    z-index:110;
}
/*AJAXのローディング中のスタイル*/
.overlay_loading {
	background-color:white;
    position:absolute;
    z-index:110;
    background-image:url('/images/waiting.gif');
	background-repeat:no-repeat;
	background-position:center;	
	filter:alpha(opacity=60);
    /*margin-left: auto; /*これで中心に表示*/
    /*margin-right: auto; /*これで中心に表示*/
    -moz-opacity: 0.6;
	opacity: 0.6;
}
/*一覧表示中のフィルタープルダウンのスタイル*/
#substances_filter, #flow_sources_filter,#flow_distes_filter,
#categories_filter{
    color:#000000;
    font-size:10pt;
    border:1px #B7C8F6 solid;
    background-color:#FFFFFF;
    z-index:110;
}
#substances_filter  a, #flow_sources_filter a,
#flow_distes_filter a,#categories_filter a{ /* マウスオーバ時のスタイル div.over*/
    background-color: #FFFFFF;
    display: block;
    text-decoration: none;
    white-space:nowrap;
    text-align:left;
    border-style: solid;
    border-width :0px 0px 1px 1px;
    border-color:#DFDFDF;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: normal;
}

#substances_filter  a:hover, #flow_sources_filter a:hover,
#flow_distes_filter a:hover,#categories_filter a:hover{ /* マウスオーバ時のスタイル div.over*/
    background-color: #99CCFF;
    display: block;
    text-decoration: none;
    white-space:nowrap;
    text-align:left;
    border-style: solid;
    border-width :0px 0px 1px 1px;
    border-color:#DFDFDF;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: normal;
}
.thema_select{
    float:left;
    margin-left:10px;
    margin-bottom:20px;
}
.linkcolor{
    color:blue;
    cursor:pointer;
}
#suggest_flow_source {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 150px;
    height: 0px;
    overflow: auto;
    /*display:none;*/
}
#suggest_flow_source div {
    display: block;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;/*連続したスペースや改行をひとつにする*/
    

}
#suggest_flow_source div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest_flow_source div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
#suggest_flow_dist {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 150px;
    height: 0px;/*suggest.jsで高さを設定*/
    overflow: auto;
    /*display:none;*/
}
#suggest_flow_dist div {
    display: block;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest_flow_dist div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest_flow_dist div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
/*
 .category_index{
    padding-left: 2px;
    width:100px;
    cursor:pointer;
  }
*/
.diarylist{
    background-color: #EEEEEE;
    border-color:#b7c8f6;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    margin-top:5px;
    margin-right:4px;
    width:300px;
    float: left;
    /*display:inline-block;*/
    height:190px;
    font-size:12px;
    /*overflow:hidden;*/
}
.diarylist .date{
    /*display:inline;*/
    color:blue;
    background-color:#b7c8f6;
    border-color:#b7c8f6;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    /*width:594px;*/
}
.diarylist .todaydate{
    /*display:inline;*/
    color:blue;
    background-color:#07c8f6;
    border-color:#07c8f6;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    /*width:594px;*/
}
.diarylist .title{
    font-style:italic;
    height:20px;
    overflow:hidden;
    /*border-color:#b7c8f6;
    border-style: solid;
    border-width: 0px 0px 3px 0px;*/
}
.diarylist .content{
    text-align:left;
    float:left;
    /*display:inline-block;*/
    height:86px;
    overflow:hidden;
    width:298px;
    background-color:#FFFFFF;
    overflow:auto;
    /*cursor:pointer;*/
}
.diarylist .amount{
    float: left;
    background-color:#EEEEEE;
    border-color:#b7c8f6;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    width:298px;
    font-size:12px;

}
#viewcalender{
    z-index:100;
    position:absolute;
}
#select_image{
    position:absolute;
    color:#000000;            /* フォント色               */
    font-size:10pt;           /* フォントサイズ           */
    /*	font-weight:bold;            太字の場合コメントを外す */
    border:1px gray solid;    /* 枠線の太さ、色、形状     */
    /*padding:5px;*/
    background-color:#FFFFFF; /* 背景色                   */
    z-index:100;
    /*overflow:auto;*/
    width:200px;
}

#select_image a{ /* マウスオーバ時のスタイル div.over*/
    background-color: #FFFFFF;
    /*display: block;*/
    text-decoration: none;
    /*white-space:nowrap;*/
    text-align:left;
    border-style: solid;
    border-width :1px 1px 1px 1px;
    border-color:#DFDFDF;

}

#select_image a:hover{ /* マウスオーバ時のスタイル div.over*/
    background-color: #DFDFDF;
}