/*=====--howto=====--*/
#ht-base{
    width:94%;
  margin-left:3%;
}
h1.howto{
  font-size:160%;
  margin:35px auto 5px auto;
}



/*--上部文言--*/

.how-wo{
  margin-bottom:20px;
}
.how-wo th {
    vertical-align:top;
}
.how-wo td {
    padding-top:7px;
}
h3.how-w-m {
  background-image: url(/help/img/howto/howto-word-middle.gif); 
  background-repeat: repeat-y;
  line-height:1.6;
  padding-left:40px;
  padding-right:20px;
  padding-bottom:10px;
  margin:0;
  width:682px;
}


div.how-ti {
  background-image:   url(/note/img/w-b-ti.jpg);
  background-repeat: repeat-x;
  font-size:90%;
  font-weight:bold;
  padding-left:20px;
  height:35px;
  line-height:35px;
  border-top:1px solid #CECFCE;
  border-right:1px solid #E0E0E0;
  border-left:1px solid #E0E0E0;
  

}

.how-ta {
  border-right:1px solid #CECFCE;
  border-left:1px solid #CECFCE;
  border-bottom:1px solid #CECFCE;

}



.how-ta th {
  font-size:90%;
  padding-left:20px;
  height:35px;
  text-align:left;
  line-height:35px;

}

.how-ta td {
  font-size:90%;
  padding:10px 10px 20px 20px;
  line-height:20px;

}

.how-ta td img{
  border:1px solid #CECECE;
  float:left;
  margin:0px 20px 0px 0px;

}

.caution {
  font-size:80%;
  color: #999966;

}
.caution span a {
  border:#666666 1px solid;
  margin-top:5px;
  padding:5px;
}
.rank{
    font-size:80%;
    padding:20px 0px 20px 20px;


}


/*--記録グラフ設定へ--*/
div.nodata {
  font-size:80%;
  line-height:1.3;
  text-align:center;
  margin:40px auto;
}

div.nodata-link {
  background-image:   url(/note/img/nodata-back.gif);
  background-repeat: repeat;
  padding:5px 10px;
  border:1px solid #CECFCE;
  width:250px;
  margin:7px auto 2px auto;
}

div.cir{
  margin:40px 0px 0px 0px;

}


/*--記録グラフ一覧-*/
.kiroku-list th {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  font-size:80%;
  color:#666666;
  padding:5px;
  font-weight:normal;
}
.kiroku-list td {
  border-bottom:1px dashed #999999;
  padding:7px 7px 7px 15px;
  font-size:80%
}
.kiroku-list td a {
  font-size:140%;
  text-decoration:none;
  padding-left:7px;
  font-weight:bold;
}
.kiroku-list td b {
  font-size:200%;
}
.kiroku-list td span {
  font-size:130%;
  font-weight:bold;
}
.kiroku-list td img {
  vertical-align:middle;
  margin-right:9px;
}

.ranking {
  text-align:center;

}

.cir-list {
  margin-top:15px;
  /* border:1px solid #CCCCCC; */
}
.cir-list th {
    background-image:   url(/dict/img/menu-back.jpg);
    background-repeat: repeat-x;
    font-size:90%;
  text-align:left;
  font-weight:normal;
    padding:8px 10px;
}
.cir-list th a {
    border-left:5px solid #CC0000;
  padding-left:10px;
}
.cir-list td {
    font-size:80%;
  padding-top:8px;
  padding-bottom:8px;
  text-align:center
}

.more {
    font-size:80%;
  text-align:right;
  padding:8px 10px;
}


.how-mo {
  border-right:1px solid #CECFCE;
  border-left:1px solid #CECFCE;
  border-bottom:1px solid #CECFCE;

}



.how-mo th {
  font-size:90%;
  padding-left:20px;
  height:35px;
  text-align:left;
  line-height:35px;

}

.how-mo td {
  font-size:90%;
  padding:10px 10px 20px 20px;
  line-height:20px;

}
.how-beta-title{
  font-size:1.0em;
  color:#CC0000;
}
.how-beta {
  font-size:90%;
  margin-top:5px;
  margin-left:20px;
}