body {
background-color: #FFFEE0;
padding: 2%;
line-height: 1.5em;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }     
     
a.cs02{text-decoration:none;}
a.cs02:link {color:#666666;}
a.cs02:visited {color:#666666;}
a.cs02:hover {opacity:0.7;filter:alpha(opacity=70);}
a.cs02:active {color:#666666;}	
    
ul {
  padding: 0;
}

ul li, ol li {
  color: #666666;
  border-left: solid 6px #ED5353;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: bold;
   width: 30%;
}
    
p {
text-align: left;
font-size: 0.9em;
padding: 1% 2%;
color: #666666;"
}
    
    
.modoru{
margin: 9% 0% 0% 90%; 
font-size: 1em;
color: #666666;
}
    
.kancho {
    float: right;
    margin: 5% 2% 0% 2%;
    width: 25%;}
    
.kancho img {
    width: 95%;}
  
  
/* メディアクエリ */
    
@media screen and (max-width: 640px) {
    
ul li, ol li {
width: 70%;
}
    
p {
font-size: 0.7em;
line-height: 1.5em
}
    
.kancho {
    float: none;
    text-align: center;
    margin: 5% auto;
    width: 80%;}

.modoru{
font-size: 0.9em;
} 
}