* {
    margin : 0;
    padding :0;
}

html {
    color : #004080;
    font : 12px/1.5em "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka", "Verdana", sans-serif;
}

/* ÇØ·Ê¿§ =========================  
²Æ#e0ffff¡¢½©#FFE4C4¡¢Åß#F5F5F5¡¢½Õ#FFE4E1
*/
#wrapper_body {
    background : #F5F5F5 url() ;
    padding : 0;
}

#wrapper {
    width : 780px;
    margin : 0 auto;
}

/* ¥Ø¥Ã¥À²èÁü¡õÊ¸»ú¿§ =========================
²Æsummer.jpg¡¢½©fall.jpg¡¢Åßwinter.jpg¡¢½Õspring.jpg
  */
#header {
    height : 170px;
    background : #FFFFFF url(http://www.kanko.jp/blog/winter.jpg) no-repeat;
    color : #ffffff;
}

#content {
    width : 780px;
    margin : 0 auto;
    padding-bottom : 20px;
    background-color:#333300;
}

#content #main {
    float : right;
    width : 550px;
    position:relative; top:8px; left:16px;
}

#content #side {
    float :left;
    width : 230px;
    background : url(./template/still-life/img/20060926_209251.png) repeat;
    position:relative; top:8px; left:8px;
    margin-bottom:8px;
}

#page_area {
    margin : 10px 0px 0px 0px;
}

address {
    padding : 0px;
    margin-right : 15px;
    text-align : right;
    vertical-align:bottom;
    font : 80%/1.5em "Trebuchet MS", Trebuchet;
    font-style : normal;
    color : #666;
    position:relative; top:20px;
}

#header h1 {
    padding : 10px 0 0 15px;
    font-family : "arial";
    font-size : 20px; 
    color : #666;
}

#header p {
    margin : 15px 0 0 20px;
}

#main .entry_navi {
    margin : 0px 0px 10px 0px;
    padding-top : 10px;
    text-align : center;
    color : #FFFFFF;
}

#main .entry_area {
    width : 500px;
    padding : 0 10px 0;
    background : #FFFFCC;
}

#main .blog_area {
    margin : 0px;
    width : 525px;
    background : #FFFFCC;
}

#main h2 {
    font-size : 12px;
    padding-top : 10px;
    padding-bottom : 10px;
}

#main .entry_date {
    padding : 5px;
}

#main .entry {
    margin : 10px 0 0 0;
}

#main .main_footer {
    height : 6px;
    width : 525px;
    overflow : hidden;
    background : url(./template/still-life/img/20060926_209247.png) no-repeat;
}

#main ul.state li {
    display : inline;
    border-left : 1px solid #666;
    padding-left : 5px;
    font-size : 10px;
}

.state_footer {
    padding-top : 5px;
}

#main ul.state_footer li {
    display : inline;
    border-left : 1px solid #666;
    padding-left : 5px;
    font-size : 10px;
}

dl#com_area dt.title,
dl#com_form dt.title,
dl#tb_form dt.title,
dl#tb_area dt.title,
dl#profile_area dt.title {
    border-bottom : 1px solid #CC9966;
    margin : 0 0 10px 0;
    font-weight : bolder;
}

.com_desc {
    padding : 0 10px;
}

dl#com_area dd {
    padding : 5px 10px;
    margin : 5px 0 15px 0;
    border-bottom : 1px solid #CC9966;
    text-align : right;
    font-size : 10px;
}

dl#com_area dd ul {
    list-style-type : none;
}

dl#com_area dd li {
    display : inline;
    border-left : 1px solid #666;
    padding-left : 5px;
}

dl#com_form dd {
    padding : 0 10px 10px;
}

dl#com_form dd input.input {
    border-left : 1px solid #CCC;
    border-top : 1px solid #CCC;
    border-right : 1px solid #EFEFEF;
    border-bottom : 1px solid #EFEFEF;
    padding : 1px 0;
    width : 200px;
}

dl#com_form dd textarea {
    border : 1px solid #CCC;
    width : 300px;
    margin : 0 0 10px 0;
}

dl#tb_form dd {
    padding : 0 10px 10px;
}

dl#tb_form dd input.input {
    border-left : 1px solid #CCC;
    border-top : 1px solid #CCC;
    border-right : 1px solid #EFEFEF;
    border-bottom : 1px solid #EFEFEF;
    padding : 1px 0;
    width : 300px;
}

dl#tb_area dt.tb_title {
    padding : 0 10px;
}

dl#tb_area dd {
    padding : 0 10px;
}

dl#tb_area dd.tb_state {
    padding : 5px 10px;
    margin : 5px 0 15px 0;
    text-align : right;
    font-size : 10px;
}

.tb_state ul {
    list-style-type : none;
}

.tb_state li {
    display : inline;
    border-left : 1px solid #666;
    padding-left : 5px;
}

#side .side_header {
    margin-bottom : 6px;
}

#side dl {
    margin : 6px;
    background: #333300;
}

#side dt {
    width : 196px;
    height : 18px;
    padding : 0px 7px;
    font-family : "Trebuchet MS", Trebuchet;
    color : #FFCCCC;
    background-color:#333300;
    overflow : hidden;
}

#side dd {
    width : 196px;
    padding : 4px 7px 4px ;
    overflow : hidden;
    font-size : 10px;
    background-color:#333300;
    color : #FFFFFF;
}

#side ul {
    margin-left : 4px;
    list-style-type : none;
}

#side li {
    margin : 3px 0 0 0;
    padding-left : 8px;
    background : url(./template/still-life/img/20060923_207845.jpg) no-repeat 0 8px;
}

#side input.search {
    border-left:1px solid #CCC;
    border-top:1px solid #CCC;
    border-right:1px solid #EFEFEF;
    border-bottom:1px solid #EFEFEF;
    padding: 1px 0;
    margin-bottom:5px;
}

/* ¥«¥ì¥ó¥À¡¼ÇØ·Ê¿§ =========================  
²Æ#e0ffff¡¢½©#FFE4C4¡¢Åß#F5F5F5¡¢½Õ#FFE4E1
*/
.calendar {
    width : 780;
    height : 20px;
    background : #F5F5F5;
    padding-left : 100px;
    color : #660000;
}

.calendar dd {
    height : 20px;
    padding-left : 30px;
    color : #660000;
}

.calendar_month {
    font-family : "Verdana";
    color : #660000;
}

#page_area .page_navi {
    float : left;
    width : 345px;
}

.page_top {
    float : right;
    width : 150px;
    font-size : 10px;
}

.clear {
    clear: both;
}

.centering {
    text-align : center;
}

a { color: #003399; text-decoration: underline; }
a:link{ color: #003399; text-decoration: underline; }
a:visited{ color: #003399; text-decoration: underline; }
a:active{ color: #003399; text-decoration: none; }
a:hover{ color: #FFF; text-decoration: none;}

#header a { color: #ffffff; text-decoration: none; }
#header a:link{ color: #ffffff; text-decoration: none; }
#header a:visited{ color: #ffffff; text-decoration: none; }
#header a:active{ color: #ffffff; text-decoration: none; }
#header a:hover{ color: #ffffff; text-decoration: none; background:none; }

#side a { color: #FFF; text-decoration: none; }
#side a:link{ color: #FFF; text-decoration: none; }
#side a:visited{ color: #FFF; text-decoration: none; }
#side a:active{ color: #FFF; text-decoration: none; }
#side a:hover{ color: #FFF; text-decoration: none; background:#888;}

.calendar a { color: #660000; text-decoration: underline; }
.calendar a:link{ color: #660000; text-decoration: underline; }
.calendar a:visited{ color: #660000; text-decoration: underline; }
.calendar a:active{ color: #660000; text-decoration: underline; }
.calendar a:hover{ color: #660000; text-decoration: underline; background:#888;}

.page_top a { color: #0000FF; text-decoration: none; }
.page_top a:link{ color: #0000FF; text-decoration: none; }
.page_top a:visited{ color: #0000FF; text-decoration: none; }
.page_top a:active{ color: #0000FF; text-decoration: none; }
.page_top a:hover{ color: #FFFFFF; text-decoration: none;}

#main .entry_navi a { color: #FFFFFF; text-decoration: underline; }
#main .entry_navi a:link{ color: #FFFFFF; text-decoration: underline; }
#main .entry_navi a:visited{ color: #FFFFFF; text-decoration: underline; }
#main .entry_navi a:active{ color: #FFFFFF; text-decoration: underline; }
#main .entry_navi a:hover{ color: #FFFFFF; text-decoration: underline; background:#888;}
