/* CSS Document
精進料理 */

.col_l {
margin-left:0;
width: 370px;
padding-top: 10px;
float:left;
clear:both;
}
.col_r {
width: 200px;
padding-top: 10px;
float: right;
clear: right;
}
.col_l p {
font-size: 80%;
line-height: 150%;
text-indent: 1em;
margin-right: 10px;
}

.col {
width: 230px;
float: left;
padding: 10px;
margin: 10px;
border: 1px dotted #CCCCCC;
}

.main {
width: 570px;
margin-bottom:20px;
float: left;
display: inline;
clear:both;
}
.main p {
line-height: 150%;
font-size: 80%;
}
.main img {
margin-bottom: 10px;
}
.main2 {
width: 570px;
margin-bottom:20px;
float: left;
display: inline;
clear:both;
}
.main2 p {
line-height: 150%;
font-size: 80%;
margin-left: 20px;
}
.main2 img {
margin-bottom: 10px;
}
.main2 ul,ol,li {
font-size: 90%;
line-height:160%;
margin-left: 25px;
}
p img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
clear: both;
}
.main3 {
width: 546px;
border: 1px solid #996633;
border-left: 5px solid #996633;
padding: 8px;
padding-top: 10px;
margin-bottom: 20px;
float: left;
display: inline;
clear:both;
}
.main3 p {
margin-left: 20px;
line-height: 150%;
font-size: 80%;
}
.main3 img {
margin-bottom: 5px;
}
.recipe-h {
width: 545px;
background-image:url(../ryori/img/r-haru.jpg);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #999999;
padding: 8px;
padding-top: 20px;
margin-bottom: 20px;
float: left;
clear:both;
}
.recipe-h p {
margin-left: 150px;
line-height: 180%;
font-size: 80%;
}
.recipe-n {
width: 545px;
background-image:url(../ryori/img/r-natu.jpg);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #999999;
padding: 8px;
padding-top: 20px;
margin-bottom: 20px;
float: left;
clear:both;
}
.recipe-n p {
margin-left: 150px;
line-height: 180%;
font-size: 80%;
}
.recipe-a {
width: 545px;
background-image:url(../ryori/img/r-aki.jpg);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #999999;
padding: 8px;
padding-top: 20px;
margin-bottom: 20px;
float: left;
clear:both;
}
.recipe-a p {
margin-left: 150px;
line-height: 180%;
font-size: 80%;
}

.recipe-f {
width: 545px;
background-image:url(../ryori/img/r-fuyu.jpg);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #999999;
padding: 8px;
padding-top: 20px;
margin-bottom: 20px;
float: left;
clear:both;
}
.recipe-f p {
margin-left: 150px;
line-height: 180%;
font-size: 80%;
}

.imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
clear:both;
}
.box {
height: 223px;
float:left;
}
.clearit {
clear:left;
margin:0;
padding:0;
line-height:150%;
}
.box P {
font-size: 80%;
line-height: 150%;
}
.box2 {
width: 120px;
margin: 10px;
float:left;
}
.clearit {
clear:left;
margin:0;
padding:0;
line-height:150%;
}
.box2 P {
font-size: 80%;
line-height: 150%;
}
.e-zen {
width: 570px;
margin-bottom:20px;
float: left;
display: inline;
clear:both;
}
.e-zen p {
line-height: 150%;
font-size: 80%;
color:#666666;
margin-left: 20px;
}
.e-zen img {
margin-bottom: 10px;
}

.waku {
width: 340px;
border: 1px double #CC6699;
padding-bottom: 7px;
padding-top: 7px;
background-color:#FFFFCC;
}
.waku2{
width: 500px;
padding: 7px;
background-color:#FFFFCC;
border: 1px solid #999966;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 130%;
text-align: center;
font-size: 80%;
}
/*  見出し2　*/
.waku h4 {
border-left: 5px solid #993333;
padding: 5px;
margin-bottom: 5px;
font-size: 80%;
}
.main2 h3 {margin-top: 20px;
padding: 4px;
border-left: 10px #9999cc solid;
font-size: 90%;
color: #333366;
clear: both;
}
.main3 h3 {margin-top: 20px;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 12px;
border-left: 4px solid #663333;
font-size: 90%;
color: #666666;
clear: both;
}

.e-zen h3 {margin-top: 20px;
padding: 4px;
border-left: 7px #9999cc solid;
font-size: 90%;
color: #333366;
clear: both;
}

/*  テキスト　*/

.txt-s {font-size:70%;
color:#666666;
text-align: right;
font-weight:normal;
margin-top: 0px;
margin-left:20px;
margin-bottom: 0px;
clear:both;
}
.cap {font-size: 70%;
line-height: 140%;
}

.txt-red {
color:#990033;
}

.txt-80 {
font-size: 80%;
line-height: 160%;
}

/*  テーブル　*/
.main2 table {width: 500px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-collapse: collapse;
font-size: 80%;
margin-top: 5px;
margin-bottom: 25px;
margin-left: 20px;
}
.main2 th {
width: 130px;
padding: 5px;
border-bottom: 1px dotted #cccccc;
text-align: left;
letter-spacing: 5px;
}
.main2 tr {padding: 5px;
border-top: 1px dotted #cccccc;
}
.main2 td {text-align: left;
padding: 5px;
border-top: 1px dotted #cccccc;
}
.e-zen table {width: 520px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-collapse: collapse;
font-size: 80%;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
}
.e-zen th {padding: 5px;
border-bottom: 1px dotted #cccccc;
text-align: left;
}
.e-zen tr {padding: 5px;
border-top: 1px dotted #cccccc;
}
.e-zen td {text-align: left;
padding: 5px;
border-top: 1px dotted #cccccc;
}
.col_l table {width: auto;
border-bottom: 1px solid #996666;
border-top: 1px solid #996666;
border-collapse: collapse;
font-size: 80%;
line-height: 150%;
margin-top: 5px;
margin-left: 10px;
}
.col_l th {padding: 5px;
background-color: #CC9999;
border-top: 1px dotted #FFFFFF;
text-align: left;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 5px;
}
.col_l tr {padding: 5px;
}
.col_l td {text-align: left;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
border-top: 1px dotted #cccccc;
}