.t_standard{
border-top:1px solid #CCC;
border-right:10px solid #CCC;
border-bottom:1px solid #CCC;
border-left:30px double #CCC;
padding: 5px 5px 5px 15px;
background: #666;
background: -moz-linear-gradient(top, #F00, #C00); /* FireFox */
background: -webkit-gradient(linear, left top, left bottom, from(#F00), to(#C00));/* Chrome & Safari */
border-radius: 7px;
-moz-border-radius: 7px; /* FireFox */
-webkit-border-radius: 7px;/* Chrome & Safari */
font-size:140%;
color:#DDD;
}

.t_soft{
border-top:1px solid #888;
border-right:10px solid #AAA;
border-bottom:1px solid #888;
border-left:30px double #AAA;
padding: 5px 5px 5px 15px;
background: #fff;
background: -moz-linear-gradient(top, #eee, #ccc); /* FireFox */
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));/* Chrome & Safari */
border-radius: 7px;
-moz-border-radius: 7px; /* FireFox */
-webkit-border-radius: 7px;/* Chrome & Safari */
font-size:140%;
color:#F00;
}


.h_soft{
border-top:1px solid #888;
border-right:10px solid #00549f;
border-bottom:1px solid #888;
border-left:30px double #00549f;
padding: 5px 5px 5px 15px;
background: #f0f8ff;
background: -moz-linear-gradient(top, #eee, #ccc); /* FireFox */
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));/* Chrome & Safari */
border-radius: 7px;
-moz-border-radius: 7px; /* FireFox */
-webkit-border-radius: 7px;/* Chrome & Safari */
font-size:140%;
color:#4a0ba2;
/* color:#c71585; */ 
}


.t_hard{
border-top:1px solid #888;
border-right:10px solid #F00;
border-bottom:1px solid #888;
border-left:30px double #F00;
padding: 5px 5px 5px 15px;
background: #666;
background: -moz-linear-gradient(top, #666, #252525); /* FireFox */
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#252525));/* Chrome & Safari */
border-radius: 7px;
-moz-border-radius: 7px; /* FireFox */
-webkit-border-radius: 7px;/* Chrome & Safari */
font-size:140%;
color:#DDD;
}


.bar01{
border-left: 10px solid #CC3366;
border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
padding: 2px 3px 2px 8px;
font-weight: 700;

}

.bar01_500{
border-left: 10px solid #CC3366;
border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
padding: 2px 3px 2px 8px;
font-weight: 700;
width:500px;
}


.bar01_380{
border-left: 10px solid #CC3366;
border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
padding: 3px 3px 3px 8px;
font-weight: 700;
width:380px;
}

.bar02_500{
  border: 1px solid #CC3366; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #CC3366;
padding: 2px 3px 2px 8px;
font-weight: 700;
width:380px;
}