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

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


h1 { }
h2 { }

#content p {
    color: #222;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 16px;
    line-height: 1.7em;
}

#content h2 {
    background: #33ad00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 8px 19px;
    margin-top: 10px;
}
#content .blogselection h2 {
font-size: 150%;
background: none;
color: #33ad00;
display: block;
padding: 0;
}

#content ul {
    padding: 0;
    color: #222;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 16px;
    line-height: 1.7em;
}

#content h3 {
    color: #33ad00;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.025em;
    line-height: 1.4;
    margin-bottom: 10px;
}
#ft-adress { font-size: 13px; }

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

body {
    background:#fafafa;
    padding:35px 0 0 0;
    margin:0;
}

#container
{
    margin:0 auto;
    width:1000px;
}

#header
{
    padding:17px;
}

#header h1,
#header a
{
    padding:0;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    text-align:right;
}

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


#navigation
{
    float:left;
    width:214px;
    padding:0px;

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

#content
{
    float:right;
    width:738px;
    padding:17px;

}

#footer
{
    clear:both;
    margin-top:10px;
    background:#f3f3f3;
    height:391px;
    width:auto;
    position: relative;
}

#footer .inner-box
{
  margin:0 auto;
  width:1400px;
  background:url(https://u.jimcdn.com/cms/o/s6be5c14e94faec4e/userlayout/img/footer-bg.png?t=1474005954) no-repeat top center;
  position:relative;
}

#footer #ft-tel
{
  width: 652px;
  margin:0 auto;
}

#footer #ft-contact
{
  position: absolute;
 top:150px;
 left:820px;
}

#footer #ft-info-area
{
  width:695px;
  height:148px;
  margin:20px auto;
  padding-top: 20px;
  background: url(https://u.jimcdn.com/cms/o/s6be5c14e94faec4e/userlayout/img/footer-info-area.png?t=1474012260)  no-repeat top center;
}

#footer #ft-logo
{
  margin:0px 0 10px 60px;
}

#footer #ft-adress
{
  margin-left:60px;
}

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

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

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


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


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


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


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

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

.j-blog-post--headline{ font-size: 24px; }

.btn01 {width: 100%;  text-align: center;}
.btn01 a {
  margin: 20px auto;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  background-color: #EDD37A;
  font-size: 20px;
  color: black!important;
  text-decoration: none!important;
  font-weight: bold;
  padding: 16px 20px 14px 20px;
  border-radius: 4px;
  position: relative;
}


.btn01 a:hover {
  opacity: 0.8;
}