/*----------------------------------------------------------*/
/* petnotousa.jp common css file. (Last update: 2008/10/16) */
/*----------------------------------------------------------*/

/* layout */
body {
    text-align: center;
    background-color: #DDDDDD;
}

/* TOP header */
#contents #header {
    border-top: 2px solid #333333;
}

    /* Main text. */
    #contents #header h1{
        color: #000000;
        width: 400px;
        font-size: 18px;
        font-weight: bold;
        display: inline;
        float: left;
        line-height: 125%;
        position: relative; left: 400px; bottom: 0px; top: 5px;
        text-align: center;
    }
    
    #contents #header h1 a {
    color:#CC292A;
    }

    /* Logo */
    #contents #header #toplogo {
        border: solid 0px #999999;
        color:#000000;
        position: relative; left: -390px; bottom: 0px;
    }

    /* Main visual.*/
    #contents #pickup {
        width: 800px;
        height: 200px;
        margin: auto;
        background-color :#FFFFFF;
        text-align:left;
        border:solid 0px #999999;
        position: relative;
        border-bottom: 1px solid #333333;
/*      border-top: 1px solid #333333; */
    }

    /* Main navication */
    #contents {
        width: 800px;
        margin: auto;
        background-color: #FFFFFF;
        text-align: left;
        border: solid 0px #999999;
        position: relative; 
    }

    #header #navi {
        background-color: #573631;
        padding: 0px;
        width: 800px;
        height:25px;
        position: absolute;
        top: 262px;
        left: 0px;
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
        text-decoration: none;
    }
    #header #navi h2{
        width: 195px;
        float: left;
        text-align: center;
        margin:0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        letter-spacing: 2px;
        line-height: 1.7em;
        border-right: solid 1px #FFFFFF;
        border-left:none;
        padding-left:0px;
        text-decoration: none;
        }
    #header #navi a {
        color:#FFFFFF;
        font-weight:normal;
        display:block;
        width:195px;
        text-decoration: none;
    }

    #header #navi a:hover {
        color:#FF9F90;
        font-weight:normal;
        display:block;
        width:195px;
        font-weight: bold;
        text-decoration: none;
    }
    
    
/* Main contents */
#main h1 {
    padding:5px 0 5px 15px;
    font-size: 120%;
    font-weight: bold;
    border-right: #EB8510 40px solid;
    border-left: #EB8510 40px solid;
    letter-spacing: 15px;
    color:#000000;
    text-align: center;
}


#main h2 {
    padding:5px 0 5px 15px;
    border-left:#EB8510 8px solid;
    border-bottom:#EB8510 1px solid;
    font-size: medium;
    font-weight: bold;
    color:#000000;
    letter-spacing: 5px;
}

#main p {
    line-height: 150%;
    padding-left: 2em;
    padding-right: 2em;
}

#main h3 {
    font-weight: blod;
    padding-left: 3em;
    padding-right: 2em;
}

#main a {
    color:#CC292A;
}

    #main #errchk u {
        color: #ff0000;
        font-weight: blod;
        text-decoration: none;
    }
    /* order */
    #main #order form {
        width: 750px;
    }

        #main #order #menue h2 {
            text-indent: 20px;
            border: 0px ;
            font-size: 160%;
        }

        #main #order  #menue h3 {
            border: 0px ;
            text-indent: 20px;
            font-size: 120%;
        }
        
        /*-----------------------------------------*/
        #main #order #input {
            font-weight: bold;
            padding 0px;
            padding-left: 30px;
        }
        
        #main #order #input .koumoku {
            border-left:#386633 8px solid;
            width: 200px;
            float: none;
            font-weight: bold; 
        }

        #main #order #input i {
            font-weight: normal;
            font-style: normal;
            font-size: 80%;
        }

        #main #order #input u {
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            font-size: 80%;
        }

        #main #order #input  p {
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            font-size: 120%;
            text-align: center;
            line-height: 100%;
        }
        
    /* sitemap */
    #main #map u {
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        border-left:#EB8510 4px solid;
         padding-left: 1em;
    }


/* footer */
/* Footer navication */
#footer  {
    width: 800px;
    margin: auto;
    background-color: #FFFFFF;
    text-align: left;
    border: solid 0px #999999;
    position: relative;
}
    #footer #navi {
        width: 800px;
        height:18px;
        background-color: #573631;
        position: absolute bottom;
        padding: 0px;
        top: 262px;
        left: 0px;
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
        text-decoration: none;
    }

    #footer #navi h3{
        width: 170px;
        float: left;
        text-align: center;
        margin:0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: 2px;
        border-right: solid 1px #FFFFFF;
        border-left:none;
        padding-left:0px;
        text-decoration: none;
        }
    #footer #navi h3 a {
        color:#FFFFFF;
        font-weight:normal;
        display:block;
        text-decoration: none;
        text-align: center;
    }

    #footer #navi h3 a:hover {
        color:#FF9F90;
        font-weight:normal;
        display:block;
        font-weight: bold;
        text-decoration: none;
    }

    #footer #navi h4{
        width: 280px;
        float: right;
        text-align: center;
        margin:0px;
        color:#CCFFFF;
        font-weight:normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: 2px;
        border-right: none;
        border-left: none;
    }

/* Copyright */
#cp {
    background-color: #DDDDDD;
    color:#000000;
    padding-bottom:5px;
    font-style:normal;
    text-align: center;
}

cp a {
    color:#000000;
}

cp a:hover {
    color:#000000;
}

/*----------------------------------------------------------*/