div.outer-area{ border: 4px solid #E7E7E7;
 padding: 15px;
 font-size: 14px;
}

div.outer-area p{  text-align: left;
  line-height: 22px;
}

td.base-r{ width: 190px;
 vertical-align:top;
 text-align: right;
 padding-left: 10px;
}

td.base-l{ width:190px;
 vertical-align:top;
 padding-right:10px;
}

td.base-m{ width:auto;
 vertical-align:top;
}

td.base-ls{ width:160px;
 vertical-align:top;
 padding-right:10px;
}

td.base-rs{ width:160px;
 vertical-align:top;
 padding-left:10px;
}

div.ti-black{ font-size: 13px;
 font-weight: bold;
 margin-bottom: 8px;
 height: 20px;
 border-bottom: 1px solid #000000;
}

div.ti-black img{  vertical-align:middle;
  margin-bottom: 2px;
  margin-right:5px;
}

div.ti-bg-line{ background-image: url('/img/frm-back.gif');
 color: #000000;
 padding: 5px;
 font-size: 14px;
 font-weight: bold;
}

h2.ti{ margin:0 0 3px 5px;
 padding:0;
 border-left:8px solid #CC0000;
 padding-left:10px;
 font-size:130%;
}

h2.ti2{ margin:0 0 3px 5px;
 padding:0;
 border-left:8px solid #CC0000;
 padding-left:10px;
 font-size:100%;
}

.m-title{ font-size: 20px;
 padding: 0px;
 margin: 0px;
 margin-bottom: 16px;
}

.m-title img{  vertical-align: middle;
  margin-right: 3px;
  border: none;
}

.m-title2{ font-size: 16px;
 padding: 0px;
 margin: 0px;
 margin-bottom: 6px;
}

.m-title2 img{  vertical-align: middle;
  margin-right: 5px;
  border: none;
}

.m-title3{ font-size: 12px;
 padding: 0px;
 padding-left: 6px;
 margin: 0px;
 margin-bottom: 6px;
 font-weight: bold;
 text-align: left;
 height: 22px;
 line-height: 22px;
 border-bottom: 1px dotted #CCCCCC;
}

.m-title3 img{  vertical-align: middle;
  margin-right: 5px;
  border: none;
}

.m-title4{ font-size: 12px;
 padding: 0px;
 padding-left: 6px;
 margin: 0px;
 margin-bottom: 6px;
 text-align: left;
 height: 22px;
 line-height: 22px;
 border-bottom: 1px dotted #CCCCCC;
}

.m-title4 img{  vertical-align: middle;
  margin-right: 5px;
  border: none;
}

.m-title5{ font-size: 16px;
 border-bottom: 1px solid #000000;
 line-height: 26px;
 padding-left: 6px;
}

.s-title{ font-size:14px;
 padding: 0px;
 margin: 0px;
 margin-bottom: 5px;
}

.s-title img{  vertical-align: middle;
  margin-right: 3px;
  border: none;
}

h3.markup1{ color: #333333;
 padding: 0px;
 margin: 0px;
 font-size: 18px;
}

h1.p-title{ font-size:20px;
 border-bottom:#CCCCCC 1px dotted;
 margin-bottom:20px;
}

h1.p-title img{  vertical-align: middle;
  margin-left: 3px;
}

div.ctrl{ padding-left: 6px;
 margin-top: 10px;
 font-size: 13px;
}

table.rec-list{ margin: 10px;
}

table.rec-list th{  /* width: 140px; */
  vertical-align: top;
  padding: 12px 5px 12px 5px;
  border-bottom: 1px dotted #CCCCCC;
  text-align: left;
}

table.rec-list td{  vertical-align: top;
  padding: 12px 5px 12px 5px;
  border-bottom: 1px dotted #CCCCCC;
}

table.rec-list td a{   color: #000099;
   font-size: 16px;
   font-weight: bold;
}

table.rec-list td p{   margin-top: 8px;
   margin-bottom: 4px;
   font-size: 12px;
}

table.rec-list td span{   display: block;
   margin-top: 4px;
   font-size: 10px;
   color: #006600;
}

table.rec-list td.dmy{  border: none;
}

img.icon-buy-amazon{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -20px; width: 110px; height: 20px; margin-top: 12px; border: none;}

img.icon-calc{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -60px; width: 12px; height: 18px; vertical-align: middle; margin-right: 3px;}

img.icon-camera{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -98px; width: 13px; height: 12px; margin-right: 3px; border: none;}

img.icon-clip{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -130px; width: 16px; height: 15px; vertical-align: middle; margin-right: 3px;}

img.icon-comment{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -165px; width: 21px; height: 15px; margin-right: 3px; vertical-align: middle;}

img.icon-cook{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -200px; width: 16px; height: 15px; vertical-align: middle; margin-right: 3px;}

img.icon-del{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -235px; width: 8px; height: 7px; margin-right: 3px; border: none;}

img.icon-edit{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -262px; width: 9px; height: 9px; border: none;}

img.icon-foods{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -291px; width: 18px; height: 18px; margin-right: 3px; border: none; vertical-align: middle;}

img.icon-goods{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -329px; width: 18px; height: 18px; margin-right: 3px; border: none; vertical-align: middle;}

img.icon-maker{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -367px; width: 16px; height: 15px; vertical-align: middle;}

img.icon-menu-foods{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -402px; width: 18px; height: 15px; vertical-align: middle; margin-right: 3px;}

img.icon-minus{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -437px; width: 8px; height: 8px; margin-right: 3px; border: none;}

img.icon-noimg-40{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -465px; width: 40px; height: 30px;}

img.icon-noimg-s{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -515px; width: 100px; height: 76px;}

img.icon-noimg{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -611px; width: 130px; height: 100px;}

img.icon-plus{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -731px; width: 8px; height: 8px; margin-right: 3px; border: none;}

img.icon-pulldown{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -759px; width: 16px; height: 15px; margin-left: 3px; border: none; vertical-align: middle;}

img.icon-radar{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -794px; width: 17px; height: 16px; vertical-align: middle; margin-right: 3px;}

img.icon-recipe{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -830px; width: 18px; height: 18px; margin-right: 3px; border: none; vertical-align: middle;}

img.icon-s1{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -868px; width: 15px; height: 14px; padding-right: 3px;}

img.icon-s2{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -902px; width: 15px; height: 14px; padding-right: 3px;}

img.icon-s3{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -936px; width: 15px; height: 14px; padding-right: 3px;}

img.icon-step{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -970px; width: 13px; height: 14px;vertical-align: middle; margin-right: 3px;}

img.icon-timer{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -1004px; width: 16px; height: 15px;vertical-align: middle; margin-right: 3px;}

img.icon-yaji-red{ background: transparent url('/img/thum/review-thum.gif') no-repeat 0px -1039px; width: 14px; height: 14px; margin-right: 3px;}

