/*  Typo
----------------------------------------------- */
/* a:link { text-decoration: none; color:red; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color:#4496d3; }
a:active { text-decoration: underline; } */

h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; border-radius: 2px;}
h2 { font:bold 16px/140% "Trebuchet MS", Verdana, sans-serif; border-radius: 2px;}
#content_area h1 { background-color:#1d3b93; padding:2px 10px; color:#fff; }
#content_area h2 { background-color:#dedede; padding:2px 10px; color:#333; }
#content_area h3 { background-color:#fff; padding: 2px 10px; color:#1d3b93; border: 2px solid #1d3b93;}

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

div.n, div.flexmodul { padding:0 10px 5px 0; }

/*  Layout
----------------------------------------------- */
.clr {clear:both;}

body {
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif !important;
}
#containerWrapper {
    margin:0 auto;
    width:992px;
    background:url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/bodyframe.png?t=1486627691)repeat-y;
}
#container
{
    margin:0 auto;
    width:960px;
    background:#fff;
}

#header
{
color:#fff;
padding:7px 20px 0;
font-size:12px;
background:url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/header.png?t=1487596034) no-repeat;
height: 30px
}

#navigation
{
    float:left;
    width:220px;
    padding:0 20px 0 20px;
}

#content{
    float:right;
    width:690px;
    padding:15px 10px 0 0;
}

#contentbottom {clear:both;}

#footer {
    margin-top:20px;
    background-color:#fafad2;
    color:#666;
}

#jimdobox {margin:0 auto;}

#footer .gutter 
{
width:920px;
clear:both;
}

#footer ul {list-style:none; margin:0; padding:0;}
#footer li a {display:block; font-size:12px; margin:0; padding:0 0 8px;}
#footer a .footerNavi {color:#666 !important; font-size:13px; font-weight:bold;}
#footer a:hover .footerNavi {color:#666 !important;}
#footerBox01 {/* position: relative; */ float:left; width:180px; margin:20px 0 5px 40px;}
#footerBox02 {/* position: relative; */ float:left; width:180px; margin:20px 0 5px 10px;}
#footerBox03 {/* position: relative; */ float:left; width:180px; margin:20px 0 5px 10px;}
#footerBox04 {/* position: relative; */ float:left; width:140px; margin:20px 0 5px 10px;}
#footerBox05 {/* position: relative; */ float:left; width:180px; margin:20px 0 5px 10px;}

div#contentfooter {
clear:both;
background-color:#c19e10;
color:#fff !important;
}

div#contentfooter a {
color:#fff !important;
}


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

ul.mainNav1,
ul.mainNav2
{
background-color:#F2F2F2;
}

ul.mainNav1 
{
    margin-top: 15px;
    padding: 2px 0 5px 0;
}

ul.mainNav2
{
    padding: 0 0 5px 0;
}

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

ul.mainNav1 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    background:url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/naviicon01.png?t=1486025485) no-repeat left;
}
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    background:url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/naviicon02.png?t=1486626034) no-repeat left;
}

ul.mainNav1 li a {font-size:14px; padding:5px 5px 5px 40px; margin: 5px 5px 0 5px; background-color:#FFF; font-weight: bold; }
ul.mainNav2 li a {font-size:12px; padding:5px 5px 5px 35px; margin: 5px 5px 0 5px; background-color:#FFF; font-weight: bold; }
ul.mainNav3 li a {font-size:12px; padding:5px 5px 5px 35px; margin: 5px 5px 0 5px; background-color:#FFF; font-weight: bold; }

ul.mainNav1 a:hover { color: #dd6600; }
/* ul.mainNav1 a:visited { color: #ba55d3; } */

ul.mainNav1 a.current {/* font-weight:bold; */ padding:5px 5px 5px 40px; margin: 5px 5px 0 5px; background:url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/navicolor.png?t=1486627673) no-repeat left; background-color:#fafad2; color:#333; }

/* ul.mainNav1 li a:active {padding:5px 5px 5px 35px;margin: 5px 5px 0 5px;background-color:blue;} */


/*  blog
----------------------------------------------- */

/* 「ブログ表示」項目で表示されるブログタイトルの文字色
.blogselection h1 a { color: #fff; } */

/*  ブログ記事単体のページのブログタイトルの文字色 */
.cc-page-blog h1 { color: #fff !important; }


/* テキストからリンクボタン作成用CSS
（独自レイアウトで設置用）
fonto-size等適宜変更してください
----------------------------------------------- */

.link
{
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
font-weight: bold;
font-size: 14px;
padding: 5px 20px;
line-height: 20px;
color: #0068b7 !important;
/* text-decoration: none !important; */
border: solid 2px #0068b7;
border-radius: 2px;
}

/* .link:hover
{
text-decoration: underline !important;
} */


/* .link
{
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
font-weight: bold;
font-size: 14px;
padding: 10px;
line-height: 20px;
color: #ffffff !important;
text-decoration: none !important;
background: #c83b3b;
border-radius: 2px;
}

.link:hover
{
text-decoration: underline !important;
background: #C65555;
} */

/* その他
----------------------------------------------- */

.floatL {
float: left;
}

.mL50 {
margin: 0 0 0 50px;
}

/* パンくずリスト追加
----------------------------------------------- */

#breadcrumb {
        margin: 5px 0 0 20px ;
}
#breadcrumb:after {
        content: "";
        display: block;
        clear: both;
}
#breadcrumb ol {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#breadcrumb ol li {
        float: left;
        margin: 0 8px 0 0;
}
#breadcrumb ol li a {
        padding: 0 20px 0 0;
        background: url(https://u.jimcdn.com/cms/o/s93a3f231910a6a56/userlayout/img/arrow-breadcrumbs.png?t=1486626155) center right no-repeat;
}
#breadcrumb ol li a.cc-nav-current {
        text-decoration: none;
        color:#666;
        background: none;
}

/* カテゴリページ見出し
----------------------------------------------- */

.sb_title {
padding: 8px; 
border-radius: 1px;
 -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 1px;   /* Firefox用 */
text-align: center;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
}

.tm_title {
padding: 8px;
border: 2px solid #0068b7; 
border-radius: 1px;
 -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 1px;   /* Firefox用 */
text-align: center;
color: #0068b7;
font-size: 16px;
letter-spacing: 2px;
}

/* フッターのアキ調整
----------------------------------------------- */

div.leftrow {
padding: 2px 0 2px 15px;
}