html, body {
    z-index:1;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 13px;
    font-family: 'Verdana','VL Pゴシック','VL PGothic','ＭＳ Ｐゴシック','MS PGothic',Sans-Serif;
}
body {
    z-index:1;
    margin: 0;
    padding: 0;
}
.conteneur {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 1px auto; 
}
.header {
    z-index:2;
    height: 120px;
    min-height: 100px;
    position: absolute;
    width: 100%;
    background-color: #FFFFFF; 
}

.menu {
    padding-top:16px;
    padding-left:16px;
    font-size: 14px;
    z-index:1;
}
.menu a {
    text-decoration: none;
    line-height: 100%;
    font-size: 14px;
}
.menu table {
    font-size: 14px;
}
.no_background a {
    font-size:13px;
}
.main {
    margin-top: 8px;
    margin-left: 10px;
    z-index:1;
}
#main_smry {
    margin-top: 25px;
    margin-left:25px;
}
#clsnav_search {
    margin-right:10px;
}
.maintop {
    position: absolute;
    width: 100%;
    height: 275px;
    overflow: auto;
}
.mainmiddle {
    position: absolute;
    margin-top: 280px;
    width: 100%;
    height: 275px;
    overflow: auto;
    border-top:2px dotted blue;
}
.mainbottom {
    position: absolute;
    margin-top: 560px;
    width: 100%;
    height: 275px;
    overflow: auto;
    border-top:2px dotted blue;
}
#mainPanel {
    height: 600px;
    width: 99%;
    border: 4px solid #C1C4E8;
    max-height:800px;
}
#topPanel {
    padding: 8px;
    overflow: auto;
    height: 300px;
}
#BottomPane  {
    padding: 8px;
    overflow: auto;
}
#mainPanel .hsplitbar {
    height: 6px;
    background: #666CA7 url(../img/hgrabber.gif) no-repeat center;
}
#mainPanel .hsplitbar.active, #mainPanel .hsplitbar:hover {
    background: #e88 url(../img/hgrabber.gif) no-repeat center;
}
.footer {
    z-index:1;
    text-align: center;
    vertical-align: bottom;
    margin-top: 5px;
}

.infotab{
    background-image:url(../img/head.png);
    color: #a7a18c; 
}

.infotabmsg{
    margin-left: 10px;
}
p img { 
    padding:1em 0; 
    vertical-align:middle; 
} 
p > img { 
    padding:0; 
}
#suggest {
    z-Index:3;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 12px;
    width: 469px;
}
#suggest div {
    display: block;
    width: 469px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
//    background-color: #99CCFF;
    color: #FFFFFF;
    background-color: #3366FF;

}
.menu a:link{ color: #113366; outline: none;}
.menu a:visited{ color: #663399; }
.menu a:hover{ color: #113366; }
.main a:link{ color: #0033CC; outline: none;}
.main a:visited{ color: #663399; }
.main a:hover{ color: #0033CC; }
.header a:link{ outline: none;}

a { text-decoration:none; color:#1111cc;}
a:hover { text-decoration:underline;}

.option {
    text-decoration:none;
    cursor: pointer; 
    color:#0000ff;

}
.option span {color:#1111cc;}
.option span:hover { text-decoration:underline;}

.under_line { text-decoration:underline;}

.fontl { font-size: 16px; }
.fontm { font-size: 13px; }
.fonts { font-size: 12px; }
.fontss { font-size: 10px; }
.fontkey { font-size: 13px; }

div.playlistSummary{
    padding-right: 1em;
}
.x-panel-header-text {
    color:#746d4e;
    font-size: 13px;
    margin-top: 2px;
}

img {border:0;}
.sender1 {background-color:#d5e8c8;}
.sender2 {background-color:#d4e5f6;}
.sender3 {background-color:#dad1e7;}
.sender4 {background-color:#f9d2e0;}
.sender5 {background-color:#d5e8c8;}
.sender6 {background-color:#fbfad6;}

.url_color {color:#0e774a;}
.pl_color {color:#dc6375;}
.nl_color {color:#5994d4;}
.yl_color {color:#f0ead6;}

.p_color {color:#f7dcea;}
.n_color {color:#dbedf6;}
.y_color {color:#f0ead6;}

.pg_color {color:#e7a9b2;}
.ng_color {color:#9fc4ea;}
.yg_color {color:#f0ead6;}

.ap_color {color:#381e00;}
.disable_color {color:#c1c1c1;}
.select_color { color:#436ce9;}
.header_color { color:#746d4e;}
.contradict_color { color:#C7008F;}
.contrast_color { color:#006400;}
.title_color { color:#000000;}

.keyword_bgcolor { color:#e9eaea;}

.hilight_p {background-color:#f7dcea;}
.hilight_n {background-color:#dbedf6;}
.hilight_y {background-color:#f0ead6;}
.hilight_g {background-color:#d7dcda;}
.hilight_c {background-color:#fffab4;}

.gray_link {color:#585858;}
.gray_link a { text-decoration:none;}
.gray_link a:hover { text-decoration:underline;}
.gray_link a:link { color:#585858;}
.gray_link a:visited { color:#585858;}

.black_link {color:#000000;}
.black_link a { text-decoration:none;}
.black_link a:hover { text-decoration:underline;}
.black_link a:link { color:#000000;}
.black_link a:visited { color:#000000;}

.gray_hr { width:100%; background-color:#e5e0cd; height:1px; border: 0px none; margin-left:-6;}
.gray_hr2 { width:98%; background-color:#e5e0cd; height:1px; border: 0px none;}
.title_hr { width:98%; background-color:#d7d0b5; height:2px; border: 0px none;}
.report_hr { width:450px; background-color:#d7d0b5; height:4px; border: 0px none; margin-left:-2;}
.report_hr2 { width:940px; background-color:#d7d0b5; height:4px; border: 0px none;}

.table_border {
    border-bottom: solid 1px #000000;
}
.td_border {
    border-top: solid 1px #000000;
    border-bottom: solid 0px #000000;
    border-left: solid 0px #000000;
    border-right: solid 0px #000000;
}

.tr_color {
    background-color:#f5f6f6; 
}