/* Base Weblog (base-weblog.css) */

/* basic elements */
/* color #98F5FF:薄い青 #87CEEB:空色 #4876FF:ブルー */
/* color #7FFF00:明るい緑 #00CD00:緑 #698B22:カーキグリーン */
/* color #FFFF00:黄色 #FFFF20:レモンイエロー #FFF68F:クリーム */
/* color #EEEE00:薄いオレンジ #FFD700:オレンジ */
/* color #D3D3D3:明るいグレー #9C9C9C:グレー #4F4F4F:ダークグレー */
/* color #FF82AB:薄いピンク #FF3E96:ピンク */
/* color #8B7500:黄土色 #CDBE70:セピア #8B7500:茶色 */
html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    background:#98F5FF;
    color: #4F4F4F;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
    line-height:160%;
    text-align:center;
}
form, input { margin: 0; padding: 0;	}

a { 
    text-decoration:none;
    color:#0000ff;
}
a:hover {
    text-decoration:none;
    color:#ff0000;
}
a img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 2px;
    margin-bottom: 1px;
}

/* page layout */

#container {
    width:800px;
    margin:auto;
    padding:0 auto;
    border-top:5px solid #4F4F4F;
    background:#ffffff;
    text-align:left;
}
#header
 {
    width:800px;
    margin:auto;
    padding:0 auto;
    background:#87CEEB;
    text-align:left;
    font-size:10px;
}
#banner {
    width:800px;
    height:200px;
    border-top:1px solid #ffffff;
    background:url(http://jjmomo.net/image/HOKKAIDOGREEN800200.JPG) center center no-repeat;
    border-bottom:2px solid #87CEEB;
}

#banner-inner {
    padding:20px 0 0 10px;
}

#banner h1 {
    font-size:30px;
    font-weight:bold;
    letter-spacing:1px;
}

#banner h1 a {
    text-decoration:none;
    color:#ffc000;
}

#banner h1 a:hover {
    color:#ff0000;
}
/* color #98F5FF:薄い青 #87CEEB:空色 #4876FF:ブルー */
/* color #7FFF00:明るい緑 #00CD00:緑 #698B22:カーキグリーン */
/* color #FFFF00:黄色 #FFFF20:レモンイエロー #FFF68F:クリーム */
/* color #EEEE00:薄いオレンジ #FFD700:オレンジ */
/* color #D3D3D3:明るいグレー #9C9C9C:グレー #4F4F4F:ダークグレー */
/* color #FF82AB:薄いピンク #FF3E96:ピンク */
/* color #8B7500:黄土色 #CDBE70:セピア #8B7500:茶色 */
/* content */
.topnavi {
    width:630px;
    margin:0px 0;
    float:left;
    text-align:left;
    font-size:10px;
}

.topnavi ul {
    list-style-type:none;
    padding:0 0px 5px 0px;
    margin:0;
}

.topnavi ul li {
    float:left;
    margin:5px 5px 5px 3px;
    padding:1px 1px 1px 1px;
    border-left:3px solid #ffff80;
    background:#FFFFD0;
}

.topnavi ul li a {
    text-decoration:none;
}

.topnavi ul li a:hover {
    color:#ff0000;
}

#wrap {
    width:800px;
    float:left;
    background:#ffffff;
    text-align:left;
    font-size:10px;
}

#leftbox	{
    float:left;
    width:630px;
    background:#ffffff;
    text-align:left;
    font-size:10px;
}

#main {
    float:right;
    margin-left:5px;
    width:620px;
    background:#ffffff;
    text-align:left;
    font-size:10px;
}

#main-inner {
    margin-left:0px;
    background:#ffffff;
    text-align:left;
    font-size:10px;
}

.ad {
    margin:0;
    padding:0 0 0 30px; 
}

/* description */
#main_des {
    clear:both;
    margin-left:400px;
    margin-top:10px;
    font-weight:bold;
    width:400px;
}

#des_inner {
    width:390px;
}

#des_inner h2 {
    font-size:14px;
    letter-spacing:0px;
    color:#ff0000;
    font-weight:bold;
    margin-bottom:10px;
    padding:3px 5px;
}

#des_inner p {
    line-height:200%;
    padding:0 20px;
}

#box {
    width:620px;
    margin:5px 5px;
    background:#ffffff;
    text-align:left;
    font-size:10px;
}




.box_h2 {
    font-size:12px;
    color:#FFF68F;
    background:#87CEEB;
    margin-top:10px;
    margin-bottom:10px;
    padding:3px 10px;
    border-bottom:2px solid #9C9C9C;
    text-align:left;
}

.box_h3 {
    background:#87CEEB;
    color:#FFF68F;
    font-size:10px;
    letter-spacing:1px;
    margin:10px 10px 0 10px;
    padding:2px;
    text-align:left;
}

.box_h3 a {
    font-size:12px;
    text-decoration:none;
}

.box_p {
    padding:2px 0 0px 20px;
    margin:5px 10px 0 20px;
    text-align:left;
}

.box_entry p {
    margin:20px 20px 40px 20px;
    text-align:left;
}

.entry_box {
    width:610px;
    margin-left:5px;
    margin-top:0px;
    padding-top:0;
}

#entry-with {
    width:600px;
    margin-left:15px;
    margin-bottom:30px;
    padding:5px;
    border:1px solid #9C9C9C;
}

#entry-with h3 {
    background:#FFD0FF;
    font-size:12px;
    color:#4040ff;
    padding:3px 5px;
}

#entry-with ul {
    color:#4040ff;
    list-style-type:square;
    margin:0;
    padding:0 30px;
}

#entry-with ul li {
    margin:3px 0;
}

.gotop {
    margin:20px 5px;
    text-align:right;
}

.pan {
    margin-top:15px;
    margin-left:5px;
}

/* side */

#side {

    float:left;
    width:0px;

}
/* color #98F5FF:薄い青 #87CEEB:空色 #4876FF:ブルー */
/* color #7FFF00:明るい緑 #00CD00:緑 #698B22:カーキグリーン */
/* color #FFFF00:黄色 #FFFF20:レモンイエロー #FFF68F:クリーム */
/* color #EEEE00:薄いオレンジ #FFD700:オレンジ */
/* color #D3D3D3:明るいグレー #9C9C9C:グレー #4F4F4F:ダークグレー */
/* color #FF82AB:薄いピンク #FF3E96:ピンク */
/* color #8B7500:黄土色 #CDBE70:セピア #8B7500:茶色 */

#side-r {
    background:#87CEEB;
    float:right;
    width:159px;
    border-bottom:1px solid #D3D3D3;
    text-align:left;
    font-size:10px;
}


#side-inner {
    margin:3px 3px;
}

#side a {
    text-decoration:none;
}

#side a:hover {
    color:#ff0000;
}

.category {
    margin-top:0px;
}

.category-inner {
    background:#87CEEB;
    margin:0;
    padding:0;
    text-align:center;
    font-size:10px;
}

.category h2 {
    background:url(http://jjmomo.net/image/SPRINGSKY160x30.JPG) center center no-repeat;
    /*background:#8080f0;*/
    font-size:12px;
    color:#000000;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:5px;
    border-bottom:1px solid #D3D3D3;
}

.category ul ,.category-navi ul {
    margin:0;
    padding:2px;
    list-style-type:none;
    font-size:10px;
}

.category ul li ,.category-navi ul li {
    border-bottom:1px solid #D3D3D3;
}

.category ul li a ,.category-navi ul li a {
    display:block;
    padding:3px;
    border-left:3px solid #FFF68F;
}

.category ul li a:hover ,.category-navi ul li a:hover {
    background:#FFF68F;
    text-decoration:none;
}

.category-inner ul li span {
    font-size:10px;
    padding:3px;
}

.category-inner-s {
    background:#f0f050;
    padding:0px;
    border-bottom:1px solid #D3D3D3;
}


.ad2 {
    background:#FFFFFF;
    margin:0;
    padding:10px 0 10px 10px;
    border-bottom:1px solid #D3D3D3;
}

/* footer */

#footer {
    clear:both;
    width:800px;
    background:#D3D3D3;

    border-top:3px double #9C9C9C;
    border-bottom:2px solid #9C9C9C;
    text-align:center;
    font-size:8px;
}


#footer-inner {
    padding-top:10px;
}

#footer a {
    color:#666;
    text-decoration:none;
}

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

.category-navi {
    background:#ffffff;
    padding-top:10px;
}

.topbox_entry {
    text-align:left;
}

.cate_exc {
    padding:10px 20px;
}

.cate_exc p {
    margin:0;
}

.trackbacks {
    margin-top:20px;
}

.trackbacks,
.comments,
.archive
{
    position: static;
    overflow: hidden;
    clear: both;
    width: 400px;
    margin:10px 10px 10px 0px;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
    p\osition: relative;
    width: 400px;
    w\idth: auto;
    margin: 0;
    border-bottom:3px double #D3D3D3;
    padding: 5px 5px 5px 10px;
    color:#ffff50;
    background:#ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.trackbacks {
    margin-top:20px;
    margin-left:20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
    clear: both;
    margin: 5px 0px;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
    clear: both;
    margin: 5px 10px 20px 10px;
}

.entry,
.trackbacks,
.comments,
.archive
{
    position: static;
    overflow: hidden;
    clear: both;
    width: 400px;
    margin-bottom: 20px;
    margin-left:20px;
}

#comment-author, #comment-email, #comment-url, #comment-text
{
    width: 240px;
}

#comment-bake-cookie
{
    margin-left: 0;
    vertical-align: middle;
}

.comments-open label { display: block; }

/* modules */

.module {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #f3f6f9;
    background: #dae0e6;
}

.module-content {
    margin: 0 0 10px 0;
    border-top: 1px solid #cfd4d9;
    padding: 10px 10px 0 10px;
    font-size: 10px;
    line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content {
    margin-bottom: 0;
    border: 1px dashed #a3b8cc;
    padding-bottom: 10px;
    color: #292e33;
    background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #ffffff; }

.module-list {
    margin: 0 15px 10px 15px;
    list-style: disc;
}

.module-list .module-list {
    margin: 5px 0 0 0;
    padding-left: 15px;

    list-style: circle;
}

.module-list-item {
    margin-top: 0;
    color: #9C9C9C;
    line-height: 1.2;
}

.typelist-thumbnailed .module-list {
    margin: 0 0 10px 0;
    list-style: none;
}

.typelist-thumbnailed .module-list-item {
    margin: 1px 0;
    padding: 0;
    background: #f3f6f9;
}

.typelist-thumbnail {
    background: #ffffff;
}

.module-photo img { border: 1px solid #ffffff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content {
    margin: 0;
    border-width: 0;
    padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item {
    width: 64px; /* mac ie fix */
    margin: 0 10px 10px 0;
    padding: 0;
    background: none;
}

.module-recent-photos .module-list-item a {
    border: #cfd4d9 1px solid;
    padding: 1px;
    background: #ffffff;
}

.module-recent-photos .module-list-item a:hover {
    border-color: #36414d;
    background: #ffffff;
}

.module-tagcloud .module-list {text-align: left; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud .taglevel1 { font-size: 17px; }
.module-tagcloud .taglevel2 { font-size: 15px; }
.module-tagcloud .taglevel3 { font-size: 13px; }
.module-tagcloud .taglevel4 { font-size: 11px; }
.module-tagcloud .taglevel5 { font-size: 9px; }
.module-tagcloud .taglevel6 { font-size: 7px; }

