/* [recipe.css] for recipe page */

BODY{
    background-color : white;

    /* pink : line */
    background-image : url('img/note_pl.gif');
    background-repeat : repeat-y;
    margin-left : 40px;
}

P{
    text-align : center;
}

DIV.photo{
    float : left;

    padding-bottom : 10px;
}
DIV.material{
    padding-left : 10px;
    padding-bottom : 10px;
}
DIV.method{
    clear : left;
}

H1{
    /* top page */

    text-align : center;

    font-style : italic;
    font-weight : bold;
    font-size : 20px;

    color : red;
}

H2{
    /* title of recipe */

    width : 300px;

    text-align : left;

    font-style : normal;
    font-weight : bold;
    font-size : 20px;

    color : green;

    border-color : darkgreen;
    border-style : double;
    border-left-width : 20px;
    border-bottom-width : 2px;
}

H3{
    /* reference */

    margin-left : 50px;

    font-style : normal;
    font-weight : normal;
    font-size : 14px;
}

H4{
    /* zairyou */

    text-decoration : underline;

    font-style : normal;
    font-weight : bold;
    font-size : 14px;
}

H5{
    /* tejun */

    text-decoration : underline;

    font-style : normal;
    font-weight : bold;
    font-size : 14px;
}

TH{
    background-color : #f0e68c;	/* khaki */

    text-align : left;

    font-style : normal;
    font-weight : bold;
    font-size : 11px;

    color : black;
}

TD{
    background-color : #ffc0cb;	/* pink */

    text-align : left;

    font-style : normal;
    font-weight : bold;
    font-size : 11px;

    color : black;
}
TD.a{
    background-color : tomato;

    text-align : center;
}
TD.b{
    background-color : orange;

    text-align : center;
}
TD.c{
    background-color : violet;

    text-align : center;
}

LI{
    font-weight : bold;
}