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

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


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

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

body {
    background: #333333 url(https://u.jimcdn.com/cms/o/sc1044f779101047b/userlayout/img/bg.gif?t=1467111585) no-repeat top left;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
{
    margin:20px auto;
    width:980px;
    background:white;
}

#header
{
    padding:17px;
}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header a:hover { text-decoration:none;  }
#header {
        height: 150px;
        background: url(https://u.jimcdn.com/cms/o/sc1044f779101047b/userlayout/img/header-2-4.jpg?t=1717848139) no-repeat bottom ;
}
.cc-indexpage #header {
        height: 300px;
        background: url(https://u.jimcdn.com/cms/o/sc1044f779101047b/userlayout/img/header-1-26.jpg?t=1780611473) no-repeat bottom ;
}


#navigation
{
    display: inline;
    float: left!important;
    width: 900px;
    margin-left: 17px;
    padding:17px 0 17px 0;
}
#wrap {
    clear: both;
    width:970px;
    margin-left: 17px;
}
#sidebar
{
    float: left!important;
    margin:5px auto;
    width: 120px;
    padding:10px;
    border: 2px solid #0F0;
    border-radius: 10px;
 }

#content
{
    float:right!important;
    width:790px;
    padding:5px 17px 17px;
}

#footer
{
    clear:both;
    margin-top:5px;
    background:url(https://u.jimcdn.com/cms/o/sc1044f779101047b/userlayout/img/futter-next.jpg?t=1491901660) repeat-x top;
    height:150px;
}

.footerin {padding:17px;height:42px;} 

.footerA {float:left;width:390px;} 

.footerB {float:right;width:230px;} 


#footer .gutter 
{
clear:both;
    height:40px;
    padding:20px;
padding;0 15px 0px 15px;
}

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

ul.mainNav1,
ul.mainNav2
{
    margin: 0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    float: left;
    margin: 4px;	
    padding: 0px;
}

ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-radius: 6px;
    border-bottom:1px solid #CCC;
    border:1.5px solid blue;
    background:#ccff99;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 4px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#fff1cf;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }


/*  Jimdo標準ボタン機能スタイル設定（旧レイアウト・独自レイアウト用）
----------------------------------------------- */

 .j-calltoaction-link
 {
         color: #ffffff !important;
         text-decoration: none !important;
         background: #82AC5A !important;
         font-weight:bold !important;
         border-radius: 20px;
         border-style: none !important;
 }

.link
 {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 margin: 5px 0;
 font-weight: bold;
 font-size: 13px;
 padding: 8px;
 line-height: 20px;
 color: #ffffff !important;
 text-decoration: none !important;
 border:0.5px solid blue;
 background: #ffff00;
 border-radius: 5px;
 }

 .link:hover
 {
 text-decoration: underline !important;
 background: #adff2f;
 }