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

a:link, a:visited
{
    text-decoration: underline;
    color:#0000ff;
    font-weight:bold;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 16px/180% "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;}

/*  全体のレイアウト
----------------------------------------------- */

body {
    padding:0;
    margin:0 auto;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*  ヘッダー
------------------------------ */
#header
{
    width:100%;
    background:#ffffff;
    padding:0;
    border-top:solid #00BFFF 3px;
}


#headerbox {
    background:#ffffff;
    width:980px;
    margin:0 auto;
    padding:0;
}

#headerlogo {
    width:400px;
    margin:10px 0;
    padding:5px;
    float:left;
}
#headerimage {
   clear:both;
   width:100%;
   height:410px;
   margin:0 auto;
   border-top:solid #00BFFF 1px;
}
#slideshow_box {
   width:1000px;
   height:400px;
   margin:5px auto;
   padding:0;
   background-color:transparent;
}


/*  フッター
------------------------------ */
#footer
{
    width:100%;
    background:#00BFFF;
    clear:both;
    margin-top:10px;
    height:65px;
}
#footerbox {
    width:1000px;
    background:#00BFFF;
    margin:0 auto;
}

#footer .gutter 
{
    height:30px;
    padding:15px 15px 0 90px;
    color:#fff;
    line-height:180%;
}

#footer .gutter a {
    color:#fff !important;
}

/*  コンテナ・コンテンツ
------------------------------ */
#container
{
    margin:0 auto;
    width:1000px;
    background:#ffffff;
}

#navigation
{
    float:left;
    width:200px;
    padding:5px;

}
#sidebar
{
    width:200px;
    padding:5px;
}

#content
{
    float:right;
    width:760px;
    padding:5px 10px 30px 10px;

}



/* Visual
-----------------------------------------------*/
#visual {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 5px;
        height:380px;
}
#visual ul {
	overflow: hidden;
	list-style-type: none;
	height: 350px !important;
	margin: 0 !important;
	padding: 0 !important;
}

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

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


/* ナビゲーション
-----------------------------------------------*/
#sidenav ul {
    margin: 0;
    padding: 0;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

#sidenav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidenav ul.cc-nav-level-0 li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    line-height: 1.2rem;
    text-decoration: none;
    color: #ffffff !important;
}

#sidenav ul.cc-nav-level-1 li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    line-height: 1.2rem;
    text-decoration: none;
    color: #333333;
}

#sidenav ul li a:hover {
 color: #333333;
 background:#A5E8FF;
 }

#sidenav ul li ul {
    margin: 0;
    padding: 0;
    border: none;
}
#sidenav ul li ul li a {
    display: block;
    padding: 10px 10px 10px 15px;
}
#sidenav ul li ul li a:before {
    /*階層を表すため、ページ名の前に表示する横線*/
    content: "- ";
    line-height: 0;
    color: #a0a0a0;
}
#sidenav ul li ul li ul li a { padding: 10px 10px 25px }
#sidenav ul li a.current,
#sidenav ul li a.cc-nav-current {
    　/*表示中のページ名にのみ適用*/
    background: #f5f5f5;
}

/*全表示したときのみ使用*/
#sidenav ul.cc-nav-level-0 {
    margin: 0 0 15px;
    background:#00BFFF;
}
#sidenav ul.cc-nav-level-1 {
    margin: 0 0 5px;
    background:#A5E8FF;
}


/*  スタイル設定
----------------------------------------------- */
.info {
  margin:5px 1em 0 1em;
  border-bottom:1px dotted #333333;
  font-size:16px;
  line-height:150%;
}

/* 見出し
----------------------------------------------- */
#content h1 {
  font-size:18pt;
  background-color: #e6f3ff;
  position: relative;
  padding: 15px 0.5em;
}
#content h1::before,
#content h1::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
#content h1::before {
  top: 0;
  border-top: 2px solid #00a0e8;
  border-bottom: 1px solid #00a0e8;
}
#content h1::after {
  bottom: 0;
  border-top: 1px solid #00a0e8;
  border-bottom: 2px solid #00a0e8;
}

#content h2 {
   font-size:16pt;
   color:#333333;
   border-left: 8px solid #00BFFF;
   border-bottom: 2px solid #00BFFF;
   padding-left:0.5em;
   margin-top:10px;
}

#content h3 {
   font-size:12pt;
   margin-left:0.5em;
   padding-left:0.5em;
   border-bottom: 2px dotted #00BFFF;
   margin-top:10px;
}

#content p {
   padding-left:1em;
  font-size:15px;
}

#content li {
  font-size:15px;
  padding-top:10px;
}

#content ul {
  padding-left:20px;
}

#content h2 a{
   color:#0000ff;
   font-weight:bold;
   text-decoration:none;
}
h1.j-blog-header.j-blog-headline.j-blog-post--headline {
   padding-top:10px !important;
   padding-left:0.5em !important;
   background-color: #e6f3ff !important;
}

h2.j-blog-headline.j-blog-post--headline {
   border-left:none !important;
}

#cc-m-1 {
   margin-top:0 !important;
}

/* table 枠
----------------------------------------------- */
table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    padding: 5px 0px;
}

table th {
    border: 1px solid #666666;
    background:#afddfa;
    padding: 5px;
}

table{
    border-collapse: collapse;
    margin-bottom:0px;
}



/* ブログ見出し
----------------------------------------------- */
.blogselection h2 {margin: 10px 0 5px !important;padding: 0 0 10px !important;background: none !important;border-top: none !important;border-right: none !important;border-bottom: 1px dashed #aaaaaa !important;border-left: none !important;font-weight: normal !important;}
.blogselection h1 a {text-decoration: underline !important;}
.blogselection h1 a:hover {font-weight: bold !important;}
.cc-page-blog .post  {margin: 0 0 5px !important;padding: 0 0 5px !important;border-bottom: 1px dashed #aaaaaa !important; }
.cc-page-blog h1 {margin: 10px 0 5px !important;padding: 0 0 10px !important;background: none !important;border-top: none !important;border-right: none !important;border-left: none !important;font-weight: normal !important;border-bottom: 1px solid #999999 !important;}
.cc-page-blog h1 a {text-decoration: none !important;}
.cc-page-blog .postmeta {font-size: smaller !important; color: #999999; }



/* パンくずリスト 
----------------------------------------------- */
#breadcrumb {
        margin:5px 0 10px 0;
}
#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/sa5506df808bf6f70/userlayout/img/arrow-breadcrumbs.png?t=1538445987) center right no-repeat;
}
#breadcrumb ol li a.cc-nav-current {
        text-decoration: none;
        color:#666;
        font-weight:none;
        background: none;
}

/*  ブログページ
----------------------------------------------- */
.j-blog-meta a {
   text-decoration: none !important;
}

#cc-m-1 {
   margin-top:10px;
}

.cc-m-spacer {
   height:5px !important;
}


/*  ボタン
----------------------------------------------- */
.j-calltoaction-link-style-1 { 
background: #00BFFF !important; 
color: #ffffff !important; 
border-radius: 10px !important; 
padding: 0.8em 1.5em !important; 
box-shadow: none !important;
border-color: #00BFFF !important;
} 
.j-calltoaction-link-style-2 { 
background: #00BFFF !important; 
color: #333333 !important; 
border-radius: 10px !important; 
padding: 0.8em 1.5em !important; 
box-shadow: none !important;
border-color: #00BFFF !important;
} 
.j-calltoaction-link-style-3 { 
background: #00BFFF !important; 
color: #333333 !important; 
border-radius: 10px !important; 
padding: 0.8em 1.5em !important; 
box-shadow: none !important;
border-color: #00BFFF !important; 
}

/*  お知らせ一覧
----------------------------------------------- */

div.rssFeed h3 {
display:none;
}


#my_blog_list {
line-height:250%;

}

#my_blog_list div {
border-bottom:solid 1px #a9a9a9;
}

#my_blog_list_date {
font-size:0.9em;
}

#my_blog_list_title {
font-size:1.1em;
}