.graph{
    position:relative;
    margin:0;
    padding:0;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:2px;
    padding-left:3px;
    width:310px;
    height:119px;
    border: 1px solid #eaeaea;
}


.graph01_on{
    position:absolute;
    top:0;
    left:0;
    width:315px;
    height:123px;
    background:url(../images/record/graph01_on.png) no-repeat;
}

.graph ul {
    margin:0;
    padding:0;
    width:310px;
    height:119px;
}

.graph ul li {
    margin:0;
    padding:0;
    margin-right:1px;
    width:9px;
    height:119px;
    
    float:left;
    clear:none;
    border:none;
}

.graph .graphTop{
    position:relative;
    margin:0;
    padding:0;
    width:9px;
    height:68px;
    background:#eaeaea;
}

.graph .graphBottom{
    margin:0;
    padding:0;
    width:9px;
    height:51px;
    background:#ffffff;
}

.graph .graphNom{
    margin:0;
    padding-left: auto;
    padding-right: auto;
    padding-top:2px;
    padding-bottom:2px;
    font-size:3px;
    -webkit-text-size-adjust: none;
    text-align:center;
}

.graph .graphBar{
    position:absolute;
    bottom:0;
    margin-left:3px;
    margin-right:3px;
    width:4px;
    max-height:60px;
    
}

.graph .graphName,
.graph .graphName span
{
    margin:0;
    padding:2px;
    font-size:5px;
    -webkit-text-size-adjust: none;
}

.graph2{
    position:relative;
    margin:0;
    padding:0;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:2px;
    padding-left:3px;
    width:310px;
    height:59px;
    border: 1px solid #eaeaea;
}

.graph02_on{
    position:absolute;
    top:0;
    left:0;
    width:315px;
    height:63px;
    background:url(../images/record/graph02_on.png) no-repeat;
}

.graph2 ul {
    margin:0;
    padding:0;
    width:310px;
    height:59px;
}

.graph2 ul li {
    margin:0;
    padding:0;
    margin-right:1px;
    width:9px;
    height:59px;
    
    float:left;
    clear:none;
    border:none;
}

.graph2 .graphTop{
    position:relative;
    margin:0;
    padding:0;
    width:9px;
    height:34px;
    background:#eaeaea;
}

.graph2 .graphBottom{
    margin:0;
    padding:0;
    width:9px;
    height:25px;
    background:#ffffff;
}

 .graph2 .graphNom{
    margin:0;
    padding-left: auto;
    padding-right: auto;
    padding-top:2px;
    padding-bottom:2px;
    font-size:3px;
    -webkit-text-size-adjust: none;
    text-align:center;
}

.graph2 .graphBar{
    position:absolute;
    bottom:0;
    margin-left:3px;
    margin-right:3px;
    width:4px;
    max-height:26px;
    
}

.graph2 .graphName{
    margin:0;
    padding-top:2px;
    padding-right:4px;
    padding-left:4px;
    font-size:2px;
    -webkit-text-size-adjust: none;
}


.tpgraph{
    margin:0;
    padding:7px;
    width:744px;
    height:350px;
    border: 1px solid #eaeaea;
    position:relative;
}


.tpgraph ul {
    margin:0;
    padding:0;
    width:744px;
    height:336px;
}

.tpgraph ul li {
    margin:0;
    padding:0;
    margin-right:2px;
    width:22px;
    height:336px;
    
    float:left;
    clear:none;
    border:none;
}

.tpgraph .graphTop{
    position:relative;
    margin:0;
    padding:0;
    width:22px;
    height:195px;
    background:#eaeaea;
}

.tpgraph .graphBottom{
    margin:0;
    padding:0;
    width:22px;
    height:141px;
    background:#ffffff;
}

.tpgraph .graphNom{
    margin:0;
    padding-left: auto;
    padding-right: auto;
    padding-top:5px;
    padding-bottom:5px;
    font-size:8px;
    text-align:center;
}

.tpgraph .graphBar{
    position:absolute;
    bottom:0;
    margin-left:7px;
    margin-right:7px;
    width:8px;
    max-height:180px;
    
}

.tpgraph .graphName{
    margin:0;
    padding:7px;
    padding-left:5px;
    font-size:11px;

}


#graphNameDetail{
    margin:0;
    padding:5px;
    padding-right:10px;
    padding-left:10px;
    margin-bottom:5px;
    height:auto;
    width:auto;
    max-width:732px;
    display:block;
    background:#000000;
    color:#ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    line-height:140%;

}

.tpgraph_arrow{
    position:absolute;
    width:15px;
    height:11px;
    top:-8px;
    left:10px;
}

.tpgraph_arrow img{
    width:15px;
    height:11px;
}

.tpgraph_help {
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
    line-height:140%;
}