@charset "utf-8";
/* ---------------------------------------------------
■General Structure
body
|
|--    #wrapper                     800
|    |
|    |-- #heade                     800
|    |    |
|    |    |-- #logo                 250
|    |    |
|    |    |-- #summary              550
|    |
|    |-- #content                   800
|    |    |
|    |    |-- .row
|    |    |    |
|    |    |    |-- .singleCell      240
|    |
|    |-- #footer                    800

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


/* element
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
}
body {
    color: #555555;
    font-size: 12px;
    line-height: 150%;
    text-align: center; /* IE6 */
}
a {
    color: #333333;
}
img {
    vertical-align: bottom;
    border: none;
}
a img {
    border: none;
}
em {
    font-style: normal;
    font-weight: bold;
}
strong {
    color: #660000;
}
/* wrapper
---------------------------------------------------- */
#wrapper {
    width: 800px;
    margin: 0 auto;
    background:#FFFFFF;
    text-align: left;
}
/* header
---------------------------------------------------- */
#header {
    width: 800px;
    height: 90px;
}
#header h1 {
    margin: 0;
    paddin: 0;
}
#header #logo {
    float: left;
    width: 250px; 
    height: 90px;
    background: #95AB63
}
#header #logo h1 {
    line-height:90px;
}
#header #summary{
    float: right;
    width: 550px;
    height: 90px;
    background: #BDD684;
}
#header #summary p {
    line-height: 90px;
}
/* content 
---------------------------------------------------- */
#content {
    clear: both;
    width: 800px;
    height: auto;
    padding-top: 20px;
    background: #333333;
}
#content p {
    margin: 20px 40px;
}
#content div.row {
    clear: both;
    width: 760px;
    margin: 0 20px 20px 20px;
    padding : 10px 0;
    background: #95AB63;
}
#content .row div.singleCell{
    float: left;
    width: 240px;
    margin: 0 0 0 10px;
    background: #BDD684;
    
}
* html #content .row div.firstCell {
    margin: 0 0 0 5px;
}

#content .singleCell h2 {
    margin: 8px;
    font-size: 14px;
    color: #FFFFFF;
    background: #333333;

}
#content .singleCell p
{
    clear: left;
    margin: 8px;
}
#content .singleCell img.floatLeft {
    float: left;
    margin: 0 5px 5px;
    border: 1px solid #F1D7C8;
}
/* ページの上へ */
#content .singleCell p.pageUp {
    margin: 20px 20px 20px 0 ;
    text-align: right;
}
/* footer
---------------------------------------------------- */
#footer {
    clear: both;
    width: 800px;
    height: 100;
    background: #95AB63;
}
#footer p {
    color: #FFFFFF;
    font-size: 1em;
    line-height: 100px;
    text-align: center;    
}

/* Clearfix
---------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */