/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: none;
    color:#354807;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:underline; }


h1 { 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }
h2 { font:bold 15px/140% 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }
h3 { font:bold 15px/140% 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }

p { font: 13px/200% 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}


/*  Layout
----------------------------------------------- */

body {
    background:#E1EECD;
    background:url(http://u.jimdo.com/www13/o/sc135f01eb408faa0/img/ic40ed2e026275019/1361250492/std/image.gif) ;
    padding:35px 0 0 0;
    margin:0;
}

#container
{
    margin:0 auto;
    width:920px;
    padding-top:15px;
}

#header
{
    width:920px;
    background:url(https://u.jimcdn.com/cms/o/sc135f01eb408faa0/userlayout/img/header.jpg?t=1363695332) no-repeat;
}

#header h1 a
{
width:250px;//ロゴ画象の横幅
height:250px;//ロゴ画象の縦幅
padding:0px;//余白
margin:0px;//マージン
background-image:url(https://u.jimcdn.com/cms/o/sc135f01eb408faa0/userlayout/img/logo.gif?t=1361872790);no-repeat;
text-indent:-9999px;//リンクテキストを排除
}

#header a:hover { text-decoration:none;  }


#navigation
{
    float:left;
    width:250px;
    padding-top:20px;

}
#sidebar
{
    padding-top:10px;
}

#content
{
    float:right;
    width:640px;
    padding-top:20px;

}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(footer-bg.gif) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 20px;
}

#content h2 { height:20px;}
#content h3 { height:20px;color: #517902;}

.j-header h1 {
font:bold 20px/140%;
border-width:0 0 0 8px;
border-color: #364907;
border-style:solid;
padding:0 0 0 10px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.cc-nav-level-0,
ul.j-nav-level-0,
ul.cc-nav-level-1,
ul.j-nav-level-1
{
    margin:0;
    padding:0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.cc-nap-level-0 li,
ul.j-nav-level-0 li,
ul.cc-nav-level-1 li,
ul.j-nav-level-1 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,ul.cc-nap-level-0 li a,ul.j-nav-level-0 li a
{
    font:normal 12px/140% ;
    color:#354807;
    text-decoration: none;
    display: block;
    background:#B8C67A;
    padding:5px 5px 5px 30px;
    background:url(http://u.jimdo.com/www13/o/sc135f01eb408faa0/img/ia017c3a817f7edc4/1360666898/std/image.gif)no-repeat left;
    margin-bottom:1px;
}

ul.mainNav2 li a,ul.cc-nav-level-1 li a,ul.j-nav-level-1 li a
{
    font:normal 12px/140% ;
    color:#354807;
    text-decoration: none;
    display: block;
    background:#B8C67A;
    padding:5px 5px 5px 44px;
    background:url(http://u.jimdo.com/www13/o/sc135f01eb408faa0/img/i065a4135fea49d1c/1361423716/std/image.gif)no-repeat left;
    margin-bottom:1px;
}


ul.mainNav1 a:hover,
ul.cc-nap-level-0 a:hover,
ul.j-nav-level-0 a:hover
{
    text-decoration:underline;
    background:#6A8F0E;
    background:url(http://u.jimdo.com/www13/o/sc135f01eb408faa0/img/i7b9b3f875e706e52/1360666930/std/image.gif)no-repeat left;
    color:black;
}

ul.mainNav2 a:hover,
ul.cc-nap-level-1 a:hover,
ul.j-nav-level-1 a:hover
{
    text-decoration:underline;
    background:#B8C67A;
    background:url(http://u.jimdo.com/www13/o/sc135f01eb408faa0/img/if8156a7f2b9648b7/1361423736/std/image.gif)no-repeat left;
    color:black;
}
ul.mainNav1 a.current,
ul.cc-nap-level-0 a.current,
ul.j-nav-level-0 a.current
{ 
　　 font-weight:bold; 

}


/*  Blog
----------------------------------------------- */

.post,.blogselection h1 { 
font-size: 15px;
margin:0 0 10px 0;
padding:4px 15px;
border-width:0 0 0 5px;
border-color: #6A8F0E;
border-style:solid;
}
.post,.blogselection h1 a {text-decoration:none; color:#354807;!important;}
.post,.blogselection h1 a:hover { text-decoration:underline;!important;}
.post,.blogselection h1 a:visited { !important;}

.post div.datetime,.blogselection div.datetime{
border-radius: 2px;        /* CSS3 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */  
background:none #6A8F0E;
padding:0px 5px 0px 10px;
width:100px;
height: 20px;
float:none;
margin:0 0 4px 0;
}

.post p.day-word,.post p.day,.post p.mon,.post p.yr,.blogselection p.day-word,.blogselection p.day,.blogselection p.mon,.blogselection p.yr,.cc-page-blog .datetime .yr,
.blogselection .datetime .yr{
font-weight:nomal;
padding:1px 1px 0 0;
display:block;
font-size: 11px;
line-height: 20px;
color: white;
float:right;
margin:0 5px 0 0;
}



.cc-page-blog .datetime .yr:after,
.blogselection .datetime .yr:after{
    content: "年";
}
.cc-page-blog .datetime .day:after,
.blogselection .datetime .day:after{
    content: "日";
}