/*
Custom Jimdo theme "lmjt-001"
Author: Hide Yuki
https://www.lovemazda.net/
2017, Japan
*/

/*  ベース設定
----------------------------------------------- */
html
{
	overflow-y: scroll;
}

html,body
{
	height: 100%;
}

body,div,p,h1,h2,h3,h4,h5,h6
{
	margin: 0;
	padding: 0;
}

body > #container
{
	height: auto;
}

a {
	cursor: pointer;
}

a
{
	-webkit-transition:all 90ms;
	-moz-transition:all 90ms;
	-ms-transition:all 90ms;
	-o-transition:all 90ms;
	transition:all 90ms;
}


.j-htmlCode {
    overflow: auto;
}

/*  リンク付画像マウスオーバー時透明度変更
----------------------------------------------- */
a:hover img 
{ 
	filter:alpha(opacity=70);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */

	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
}  


/*  文字スタイル
----------------------------------------------- */
#header a:hover
{
	text-decoration:none;
}


#wrap_header .overview
{
	clear: both;
	float: right;
	margin: 0px 5px 0 0;
 	color: #ffffff;
	font-size: 85%;
	font-weight: normal;
	text-align: right;
}

#wrap_header
{
	font-size: 100%;
}

#container #wrap h1
{
	margin: 5px 0;
	padding: 0 0 0 10px;
   border-left: 5px solid #004b9f;
}

#container #wrap h2
{
 	margin: 0 0 0 3px;
	padding: 0 0 0 8px;
        border-left: 4px solid #00a3dc;
	line-height: 25px;
}

#container #wrap #imprint h2
{
	padding: 0;
	background: none;
}

#container #wrap #imprint p
{
	color: #444444;
}

#container #wrap .activityfeed h2
{
	background: url(time.gif) no-repeat 15px center;
}

#container #wrap .activityfeed .jimdo-page
{
	color: #333333;
}

#container #wrap ul, 
#container #wrap ol
{
	margin: 0;
	padding: 0;
}

#container #wrap #content ul,
#container #wrap #sidebar ul
{
	margin: 0 0 0 12px;
}

#container #wrap #content ol, 
#container #wrap #sidebar ol
{
	margin: 0 0 0 20px;
}

#container #wrap #content #breadcrumb ol
{
	margin: 0;
}

#container #footer .copyright
{
	margin: 20px 0 0 0;
}

.contents-caption
{
	font-size: 93%;
}

h2.topmenu
{
	color: #1E1E1E;
	font-size: 23px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0 !important;
	padding: 0 !important;
    border: none !important;
}

.rssFeed a
{
	font-weight: bold;
}

/* h1装飾（h1に直接指定） */
h1.pagetitle{
    border-left: none !important;
    color: #3f3f3f;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    padding: 0 5px !important;
}

h1.pagetitle span{  
    border-top: 4px solid #004b9f;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 0 2px;
}


/* スマホ等でテーブルをスクロールさせる設定 
----------------------------------------------- */
.tb_scroll
{
overflow-x: auto;
}


/* テーブル表示設定（スクロールのクラス指定した部分のみ） 
----------------------------------------------- */
.tb_scroll table
{
border-top: 1px solid #999;
border-right: 1px solid #999;
border-collapse: collapse;
width: 100%;
text-align: center;
}

.tb_scroll table th,
.tb_scroll table td
{
border-left: 1px solid #999;
border-bottom: 1px solid #999;
padding: 10px;
}

.tb_scroll table th
{
background-color: #eee;
}

/*  レイアウト
----------------------------------------------- */

body
{
	/* background: #2A1702; */  /* org -> background: #f7f7f7;  */

	background: #2A1702; /*2018-0206-org→  #ffeacc  11ヶ所変更    Old browsers    */
}

#base
{
	clear: both;
	margin: 0;
	background: #2A1702; /* org -> background: #ffffff;  */

	background: -moz-linear-gradient(top, #2A1702 60%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A1702), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2A1702 60%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A1702', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#header
{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;  /* org -> 	margin: 0 auto;  */
	padding: 0px 0px 5px 0px;  /* org -> 	padding: 25px 0px 20px 0px;  */
	background: #2A1702; /* org -> background: #ffffff;  */
	overflow: hidden;
}
/* start: clearfix ------------------------------ */
#header:after 
{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#header 
{
	display:inline-table;
}

/* Hides from Mac IE \*/
* html #header 
{
	height: 1px;
}

#header
{
	display: block;
}
/* */
/* end: clearfix ------------------------------ */

#wrap_header
{
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	background: #ffffff;
}

#wrap_header .logo
{
   padding: 10px 0 0 0;  /* org -> 新規追加  */
	float: left;
}

#wrap_header .logo img {
    
    /* org -> max-width: 300px;  */
    width: 100%;
}


#wrap_header .headermenu
{
	float: right;
}

#header ul
{
	margin: 0;
	padding: 0 6px 0 0;
}

#header li
{
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 2px 0 0 35px;
	text-decoration: none;
	background:url(headmenu.png) no-repeat left center;
	background-size: 14px;
	background-position: 12pt;
}

#header li a
{
	font-weight: bold !important;
	text-decoration: none !important;
}


/* グローバルメニュー
----------------------------------------------- */

#menu
{
	clear: both;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	display: block;
	background: #2A1702;  /* org -> background: #ffffff;  */
	border-top: 0px solid #D6D6D6;  /* org -> border-top: 1px solid #D6D6D6; */
	border-bottom: 0px solid #D6D6D6;  /* org -> 	border-bottom: 1px solid #D6D6D6; */
}

/* start: clearfix ------------------------------ */
#menu:after
{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#menu
{
	display: inline-table;
}

/* Hides from Mac IE \*/
* html #menu
{
	height: 1px;
}

#menu
{
	display: block;
}
/* */
/* end: clearfix ------------------------------ */

#wrap_menu
{
	clear: both;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	overflow: hidden;
}

#submenu
{
clear: both;
display: block;
margin:0 auto;
background: #2A1702;  /* org -> background: #333;  */
}
/* start: clearfix ------------------------------ */
#submenu:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#submenu { display:inline-table; }

/* Hides from Mac IE \*/
* html #submenu { height:1px; }
#submenu{ display:block; }
/* */
/* end: clearfix ------------------------------ */

#wrap_submenu
{
clear: both;
margin:0 auto;
width: 100%;
max-width: 1024px;
color:#000000;
overflow: hidden;
}

#submenu2
{
clear: both;
display: block;
margin:0 auto;
background: #333;
}
/* start: clearfix ------------------------------ */
#submenu2:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#submenu2 { display:inline-table; }

/* Hides from Mac IE \*/
* html #submenu2 { height:1px; }
#submenu2{ display:block; }
/* */
/* end: clearfix ------------------------------ */

#wrap_submenu2
{
clear: both;
margin:0 auto;
width: 100%;
max-width: 1024px;
color:#000000;
overflow: hidden;
}

/* グローバルメニューここまで
----------------------------------------------- */


/* グローバルメニュー内メニューレイアウト
----------------------------------------------- */

#navigation
{
	clear: both;
	width: 100%;
	max-width: 1024px;
	font-size: 16px !important;
	background: #2A1702;  /* org -> background: #fff;  */
}

#navigation .mainNav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation .mainNav1 li
{
	float: left;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#navigation .mainNav1 li a
{
	width:169px; 
	text-align: center;
	border-right: 1px solid #d6d6d6;
	padding: 0;
	display: block;
	color: #fff;   /* org -> color: #333;  */
	background: #2A1702;  /* org -> background: #fff;  */

        font-weight: bold;
	text-decoration: none;
}

#navigation .mainNav1 li:nth-of-type(6n+1) a
{
    border-left: 1px solid #d6d6d6;
}

#navigation .mainNav1 li .current
{
	padding: 0;
	display: block;
	color: #ffffff;  /* org -> color: #333;  */
	border-bottom: 0px solid #DAA520;  /* org -> border-bottom: 3px solid #004b9f;  */
	text-decoration: none;
}

#navigation .mainNav1 li a:hover
{
   color: #DAA520;  /* org -> color: #5B5B5B;  */
	border-bottom: 0px solid #DAA520;  /* org -> border-bottom: 3px solid #004b9f;  */

}



/*  2階層目を非表示 */
#navigation .mainNav2,
#navigation .mainNav3
{
	display: none;
}

/*  サブメニューレイアウト
----------------------------------------------- */

#submenu .mainNav1,
#submenu .mainNav2,
#submenu .mainNav3 {
	display: inline;
	margin: 0;
	padding: 0;
}


#submenu .mainNav1 li,
#submenu .mainNav2 li,
#submenu .mainNav3 li {
	display: inline;
	height: 20px;
	line-height: 20px;
}

#submenu .mainNav1 li a,#submenu .mainNav2 li a{
	float: left;
	display: block;
	padding: 5px 10px;
	color: #fff;    /* サブメニュー 文字色_白 */
	font-size:14px;
        border-left: 4px solid #004b9f;
	font-weight: bold;
	text-decoration: none;
}

#submenu .mainNav1 li a,
#submenu .mainNav2 li a,
#submenu .mainNav3 li a{
 	margin: 5px;
}

#submenu .mainNav1 a:hover,
#submenu .mainNav2 a:hover,
#submenu .mainNav3 a:hover {
   color: #DAA520;  /* org -> color: #fff;  */
	background: #2A1702;  /* org -> background: #004b9f;  */
	font-weight: bold;
}

#submenu .mainNav1 .current,
#submenu .mainNav2 .current,
#submenu .mainNav3 .current {
	color: #fff;
	font-weight: bold;
	background: #2A1702;  /* org -> background: #004b9f;  */
}

/*  サブリンクメニュー一・三階層目を表示させない
----------------------------------------------- */

#submenu ul.mainNav1 li .level_1,
#submenu ul.mainNav1 li .level_3
{
display: none;
}   


/*  サブメニュー2レイアウト
----------------------------------------------- */

#submenu2 .mainNav1,
#submenu2 .mainNav2,
#submenu2 .mainNav3 {
	display: inline;
	margin: 0;
	padding: 0;
}


#submenu2 .mainNav1 li,
#submenu2 .mainNav2 li,
#submenu2 .mainNav3 li {
	display: inline;
	height: 20px;
	line-height: 20px;
}

#submenu2 .mainNav1 li a,#submenu2 .mainNav2 li a,#submenu2 .mainNav3 li a{
	float: left;
	display: block;
	padding: 5px 10px;
	color: #fff;
	font-size:14px;
        border-left: 4px solid #24AEE4;
	font-weight: bold;
	text-decoration: none;
}

#submenu2 .mainNav1 li a,
#submenu2 .mainNav2 li a,
#submenu2 .mainNav3 li a{
 	margin: 5px;
}

#submenu2 .mainNav1 a:hover,
#submenu2 .mainNav2 a:hover,
#submenu2 .mainNav3 a:hover {
	color: #fff;
	background: #24AEE4;
	font-weight: bold;
}

#submenu2 .mainNav1 .current,
#submenu2 .mainNav2 .current,
#submenu2 .mainNav3 .current {
	color: #fff;
	font-weight: bold;
	background: #24AEE4;
}

/*  サブリンクメニュー一・二階層目を表示させない
----------------------------------------------- */

#submenu2 ul.mainNav1 li .level_1,
#submenu2 ul.mainNav1 li .level_2
{
display: none;
}

/* グローバルメニュー内メニューレイアウトここまで
----------------------------------------------- */

/* トップ画像部分（可変）
----------------------------------------------- */
.cc-indexpage #topimage
{
	position: relative;
        display: block;
        margin:10px auto;
        width: 100%;
	max-width: 1024px;  /* org -> 	max-width: 1280px;  */
}

.cc-indexpage #topimage img
{
        width: 100%;
}

.top_text
{
	position: absolute;
	bottom: 10%;
	right: 5%;
}

#topimage
{
        display: none;
}
/* トップ画像部分（可変）ここまで
----------------------------------------------- */

#container
{
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 0px 0px 30px 0px; 

  /* -------  2018/06/30 background  グラデーション効果追加   ---------- */
	background: #2A1702; /*2018-0206-org→  #ffeacc  11ヶ所変更    Old browsers    */

	background: -moz-linear-gradient(top, #2A1702 60%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A1702), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2A1702 60%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2A1702 60%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A1702', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#wrap 
{
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1044px;
}

#content
{
    clear: both;
    margin: 0 auto;
    max-width: 1024px;
    padding: 20px 0;
    width: 100%;
    background: #ffffff;  /* 新規追加 */
}

#footer_menu
{
	clear: both;
	margin:0 auto;
	background: #fff;  /* org -> background: #f0f0f0;  */
}

#wrap_footer_menu
{
	clear: both;
	margin:0 auto;
	width: 100%;
	max-width: 1280px;
	background: #fff;  /* org -> background: #f0f0f0;  */
}

#footer_menu .gutter 
{
	clear: both;
	margin:0 auto;
	width: 100%;
	max-width: 1024px;
	padding: 20px 10px 10px 10px; 
}

#footer
{
	clear: both;
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	background: #ffffff;   /* org -> background: #3c3c3c;  background: #2A1702;*/
	height: 150px;
	color: #ffffff;
}

#wrap_footer
{
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	overflow: hidden;
}

#footer .gutter 
{
	margin-left: 5px;
	margin-right: 5px;
	color: #ffffff;
}

#footer .gutter a
{
	color: #ffffff;
}

#clear
{
	clear: both;
}   


/*  コンテンツリスト横表示
----------------------------------------------- */
.navigation 
{
	list-style-type: none;
	float: left;
	margin-left: 0px; 
	padding-left: 0px; 
}     


/*  回り込み解除指定
----------------------------------------------- */         
.clear
{
	clear: both;
}
  
.clear hr
{
	display: none;
}


/*ブログ設定
----------------------------------------------- */
/* 日付部分日本語化 */
.blogselection div.n {
    padding: 10px 0 0 !important;
}

.blogselection .datetime,
.blogselection .datetime-inner{
    height:20px;
    float:right;
    background: none;
}

.cc-page-blog .datetime,
.cc-page-blog .datetime-inner{
    height:20px;
    float:right;
    background: none;
}

.blogselection .datetime-inner{
    background:url(datetime.png) 0px 4px no-repeat;
}

.blogselection .datetime .yr{
    padding:0px;
    margin:5px;
    height:20px;
	font-weight:bold;
    font-size:14px;
    color:#2A2C2E;
    text-align:right;
    vertical-align:top;
    display:inline;
    line-height:2.5 !important;
}

.blogselection .datetime .mon{
    padding:0px;
    margin:5px;
    height:20px;
	font-weight:bold;
    font-size:14px;
    color:#2A2C2E;
    text-align:center;
    vertical-align:top;
    display:inline;
    line-height:2.5 !important;
}

.blogselection .datetime .day{
    padding:0px;
    margin:5px;
    height:20px;
    float:right;
    background:none;
	font-weight:bold;
    font-size:14px;
    color:#2A2C2E;
    text-align:left;
    vertical-align:top;
    display:inline;
    line-height:1.8 !important;
}

.cc-page-blog .datetime .yr{
    padding:0px;
    margin:5px;
    height:20px;
	font-weight:bold;
    font-size:16px;
    color:#2A2C2E;
    text-align:right;
    display:inline;
    line-height:1.2 !important;
}

.cc-page-blog .datetime .mon{
    padding:0px;
    margin:5px;
    height:20px;
    font-weight:bold;
    font-size:16px;
    color:#2A2C2E;
    text-align:center;
    display:inline;
    line-height:1.2 !important;
}

.cc-page-blog .datetime .day{
    padding:0px;
    margin:5px;
    height:20px;
    background:none;
    font-weight:bold;
    font-size:16px;
    color:#2A2C2E;
    text-align:left;
    display:inline;
    line-height:1.2 !important;
}

/* 続きを読む等非表示 */
.j-blogSelection .n .blogreadmore,
.j-blogSelection .n .comment
{
	display:none !important;
} 


/* ブログ記事内タイトル部分設定 */
.post > h1
{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	font-size: 16px;
	font-weight: bold;
	border-left: 4px solid #004b9f !important;
}

.post > h1 a
{
	text-decoration: none;
	color: #1155aa;
}

/* ブログ記事タイトル一覧表示部分 */
#container #wrap .blogselection h2
{
	margin: 4px 5px 0px 0;
	padding: 4px 0 0 8px;
	border: none;
	font-size: 14px;
	font-weight: bold;
	border-left: 4px solid #004b9f;
	line-height: 1.4;
}
#container #wrap .blogselection h2 a
{
	color: #1155aa;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

/*ブログ一覧表示間隔設定*/
#container #wrap .blogselection .clearover
{
	margin: 0 0 0px 0;
}

/* パンくずリスト
---------------------------------------------*/
#breadcrumb{
	margin:0px auto;
	padding:10px;
	font-size:14px;
}

.cc-indexpage #breadcrumb{
	display: none;
}

#breadcrumb div{
	display:inline;
}

#breadcrumb ol{
	margin:0px;
	padding:10px;
	display:inline;
}

#breadcrumb ol li{
	display:inline;
	margin-right:10px;
	font-size:14px;
}

#breadcrumb ol li:before{
	content:"> ";
} 


/*リンクボタン
----------------------------------------------- */
.link
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 5px 0;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #c83b3b;
	border-radius: 2px;
}

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

.link2
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 5px 0;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 2px;
}

.link2:hover
{
	text-decoration: underline !important;
	background: #514E4F;
}

.link3
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 5px 0;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
}

.link3:hover
{
	text-decoration: underline !important;
	background: #67C7EA;
}

.link4
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 5px 0;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 2px;
}

.link4:hover
{
	text-decoration: underline !important;
	background: #9AC96A;
}

.link_block
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #c83b3b;
	border-radius: 2px;
}

.link_block:hover
{
	text-decoration: underline !important;
	background: #C65555;
}

.link2_block
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 2px;
}

.link2_block:hover
{
	text-decoration: underline !important;
	background: #514E4F;
}

.link3_block
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
}

.link3_block:hover
{
	text-decoration: underline !important;
	background: #67C7EA;
}

.link4_block
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 2px;
}

.link4_block:hover
{
	text-decoration: underline !important;
	background: #9AC96A;
}

.link_block_sp
{
	display: none;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #c83b3b;
	border-radius: 2px;
}

.link_block_sp:hover
{
	text-decoration: underline !important;
	background: #C65555;
}

.link2_block_sp
{
	display: none;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 2px;
}

.link2_block_sp:hover
{
	text-decoration: underline !important;
	background: #514E4F;
}

.link3_block_sp
{
	display: none;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
}

.link3_block_sp:hover
{
	text-decoration: underline !important;
	background: #67C7EA;
}

.link4_block_sp
{
	display: none;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 2px;
}

.link4_block_sp:hover
{
	text-decoration: underline !important;
	background: #9AC96A;
}

.link_title
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 20px !important;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

.link_title:hover
{
	text-align: center;
	font-weight: bold; 
	font-size: 20px;
	text-decoration: none !important;
	background: #67C7EA;
}

.rssFeed a
{
	font-weight: bold;
}



/* iframeレスポンシブ対応 
----------------------------------------------- */
.iframe-variable
{
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
  }
  
.iframe-variable iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


/* スマホ用レスポンシブ設定
----------------------------------------------- */
@media screen and (max-width:640px){

.j-hgrid .cc-m-hgrid-column,
.cc-imagewrapper
{
	width: 100% !important;
}


.cc-m-video-wrapper,.j-htmlCode
{
	width: 100% !important;
}

img{
	max-width: 100% !important;
	height: auto !important;
}

.cc-indexpage .backtotop {
	display: block;
}

.cc-indexpage #header
{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	background: #ffffff;
	overflow: hidden;
}

#header
{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	background: #ffffff;
	border-bottom: 0px;
	overflow: hidden;
}

#header ul
{
	float: left !important;
	margin: 0;
	padding: 0;
}

#header li
{
	float: left;
	display: block;
	list-style: none;
	margin: 0 -6px 0 0;
	padding: 2px 0 0 31px;
	text-decoration: none;
	background:url(headmenu.png) no-repeat left center;
	background-size: 14px;
	background-position: 12pt;
	text-decoration: none;
}

#wrap_header .headermenu
{
	float: left;
}

#wrap_header .overview
{
	/* --org --> display: none;*/
   visibility:collapse;
}

/* h1装飾（h1に直接指定） */
h1.pagetitle{
    border-left: none !important;
    color: #3f3f3f;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 5px !important;
}

h1.pagetitle span{  
    border-top: 4px solid #004b9f;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 0 0 2px;
}

/* スマホ用メニュー設定
----------------------------------------------- */

#menu
{
	clear: both;
	margin: 0 auto;
	background: #fff;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
/* start: clearfix ------------------------------ */
#menu:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#menu { display:inline-table; }

/* Hides from Mac IE \*/
* html #menu { height:1px; }
#menu { display:block; }
/* */
/* end: clearfix ------------------------------ */

#wrap_menu
{
	clear: both;
	margin:0 auto;
}


.cc-indexpage #menu
{
	clear: both;
	margin: 0 auto;
	display: block;
	background: #fff;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
/* start: clearfix ------------------------------ */
.cc-indexpage #menu:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.cc-indexpage #menu { display:inline-table; }

/* Hides from Mac IE \*/
* html .cc-indexpage #menu { height:1px; }
.cc-indexpage #menu { display:block; }
/* */
/* end: clearfix ------------------------------ */

.cc-indexpage #wrap_menu
{
	clear: both;
	display: block;
	margin:0 auto;
}


#navigation
{
	clear: both;
}

#navigation .mainNav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation .mainNav1 li
{
	text-aline: center;
	float: left;
	width: 50%;
	background: #fff;
	line-height: 3 !important;
	border-top: none !important;
	border-bottom: none !important;
	height: auto;
}

#navigation .mainNav1 li:nth-of-type(1)
{
	text-aline: center;
	float: left;
	width: 100%;
	background: #fff;
	line-height: 3 !important;
	border-top: none !important;
	border-bottom: none !important;
	height: auto;
}

#navigation .mainNav1 li a
{
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0;
	display: block;
	width: 100%;
	color: #333;
	background: #fff;
        font-weight: bold;
	text-decoration: none;
}

#navigation .mainNav1 li:nth-of-type(n+1) a
{
        border-left: 1px solid #fff;
}

#navigation .mainNav1 li .current
{
	padding: 0;
	display: block;
	color: #fff;
	background: #416C97;
	border-bottom: none !important;
	text-decoration: none;
}

#navigation .mainNav1 li a:hover
{
	color: #fff;
	background: #416C97;
	border-bottom: none !important;
}


/* スマホ用メニュー設定ここまで
----------------------------------------------- */

#base
{
	overflow: hidden;
}

#content
{
	clear: both;
	margin:0 auto;
	width: 100%;
	padding: 20px 0px 10px 0px;
}

#footer_menu .gutter 
{
	clear: both;
	margin:0 auto;
	width: 100%;
	padding: 20px 0px 10px 0px; 
	overflow: hidden;
}

.blogselection h2
{
        text-align:left !important;
	width:98% !important;
}

h1.j-blog-header
{
        text-align:left !important;
}

.link_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #c83b3b;
	border-radius: 2px;
}

.link_block_sp:hover
{
	text-decoration: underline !important;
	background: #C65555;
}

.link2_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 2px;
}

.link2_block_sp:hover
{
	text-decoration: underline !important;
	background: #514E4F;
}

.link3_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
}

.link3_block_sp:hover
{
	text-decoration: underline !important;
	background: #67C7EA;
}

.link4_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 2px;
}

.link4_block_sp:hover
{
	text-decoration: underline !important;
	background: #9AC96A;
}

.link_title
{
	display: none;
}
} 

/* タブレット用レスポンシブ設定
----------------------------------------------- */
@media screen
and (min-width:641px)
and (max-width:979px) 
{

.cc-m-video-wrapper,.j-htmlCode
{
	width: 100% !important;
}

img{
	max-width: 100% !important;
	height: auto !important;
}

.cc-indexpage .backtotop {
	display: block;
}

#wrap_header .logo
{
    float: left;
    max-width: 45%;
}

#wrap_header .headermenu
{
	float: right;
}

#wrap_header .overview
{
	display: block;
}

/* h1装飾（h1に直接指定） */
h1.pagetitle{
    border-left: none !important;
    color: #3f3f3f;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 5px !important;
}

h1.pagetitle span{  
    border-top: 4px solid #004b9f;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 0 0 2px;
}

/* タブレット用メニュー設定
----------------------------------------------- */

#menu
{
	clear: both;
	margin: 0 auto;
	background: #fff;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

/* start: clearfix ------------------------------ */
#menu:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#menu { display:inline-table; }

/* Hides from Mac IE \*/
* html #menu { height:1px; }
#menu { display:block; }
/* */
/* end: clearfix ------------------------------ */

#wrap_menu
{
	clear: both;
	margin:0 auto;
}

#navigation
{
	clear: both;
}

#navigation .mainNav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation .mainNav1 li
{
	text-aline: center;
	float: left;
	width: 50%;
	background: #fff;
	line-height: 3 !important;
	border-top: none !important;
	border-bottom: none !important;
	height: auto;
}

#navigation .mainNav1 li:nth-of-type(1)
{
	text-aline: center;
	float: left;
	width: 100%;
	background: #fff;
	line-height: 3 !important;
	border-top: none !important;
	border-bottom: none !important;
	height: auto;
}

#navigation .mainNav1 li a
{
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0;
	display: block;
	width: 100%;
	color: #333;
	background: #fff;
        font-weight: bold;
	text-decoration: none;
}

#navigation .mainNav1 li:nth-of-type(n+1) a
{
        border-left: 1px solid #fff;
}

#navigation .mainNav1 li .current
{
	padding: 0;
	display: block;
	color: #fff;
	background: #416C97;
	border-bottom: none !important;
	text-decoration: none;
}

#navigation .mainNav1 li a:hover
{
	color: #fff;
	background: #416C97;
	border-bottom: none !important;
}

/* タブレット用メニュー設定ここまで
----------------------------------------------- */


#content
{
	clear: both;
	margin:0 auto;
	width: 100%;
	padding: 20px 0px 10px 0px; 
}

#footer_menu .gutter 
{
	clear: both;
	margin:0 auto;
	width: 100%;
	padding: 20px 0px 10px 0px; 
}

.blogselection h2
{
        text-align:left !important;
	width:98% !important;
}

h1.j-blog-header
{
        text-align:left !important;
}

.link_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #c83b3b;
	border-radius: 2px;
}

.link_block_sp:hover
{
	text-decoration: underline !important;
	background: #C65555;
}

.link2_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 2px;
}

.link2_block_sp:hover
{
	text-decoration: underline !important;
	background: #514E4F;
}

.link3_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
text-align: center;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 2px;
}

.link3_block_sp:hover
{
	text-decoration: underline !important;
	background: #67C7EA;
}

.link4_block_sp
{
	display: block;
	margin: 5px;
	padding: 10px;
	line-height: 18px;
	color: #ffffff !important;
   text-align: center;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 2px;
}

.link4_block_sp:hover
{
	text-decoration: underline !important;
	background: #9AC96A;
}

.link_title
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
} 
}

/*--------------------------------------
 *　↓　NBOオリジナル（2014/07 追加）
---------------------------------------*/

/*-----フォント装飾--------------------*/
span.fnt1 {
 font-size: 18px;
 color: #0000ff;
}

span.fnt2 {
 font-size: 12px;
 color: red;
}

span.fnt3 {
 font-size: 12px;
 color: blue;
}



span.fnt11 {
 font-size: 18px;
 color: #000000;
}

span.fnt12 {
 font-size: 18px;
 color: red;
}

/*--- *取り消し二重線　※背景画像で実現 ---*/

.doubleline {/*二重取り消し線*/
background-image:url(d-line.gif);
background-repeat:repeat-x;
background-position: center;
}


/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココから▽▽▽
 * 
----------------------------------------------------*/

.tabContainer {
  width: 500px;
}

/* タブ */
.tabContainer ul.tabMenu li {
  float: left;
  margin-right: 5px;
  padding: 0;
  position: relative;
  letter-spacing: .1em;
}

/* 未選択のタブ */
.tabContainer ul.tabMenu li a {
  display: block;
  float: left;
  padding: 5px 10px;
  background: url(bg_qa.gif) no-repeat right top;
  border-left: 1px solid #999;
  color: #999;
  text-decoration: none;
}

/* 選択中のタブ */
.tabContainer ul.tabMenu li.active a {
  position: relative;
  top: 1px;
  background: url(bg_qa.gif) no-repeat right top;
  border-left: 1px solid #595959;
  color: #000;
}

/* カーソルオン時 */
.tabContainer ul.tabMenu li a:hover {
  color: #000;
}

/* Q&A */
.tabContainer dl {
  clear: both;
  width: 470px;
  padding: 15px;
  background: url(bg_qa.gif) no-repeat;
}

/* Q */
.tabContainer dl dt {
  margin: 0 0 5px;
  padding-left: 25px;
  background: url(q.gif) no-repeat;
  font-weight: bold;
}

/* A */
.tabContainer dl dd {
  margin-bottom: 15px;
  padding: 0 10px 0 25px;
  background: url(a.gif) no-repeat 0px 0px;
  border-bottom: 1px dotted #CCC;
}

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココまで△△△
 * 
----------------------------------------------------*/

/* --------ログイン非表示--------------------------
 * JimdoホームページのURLに"login"を付けるとログイン画面がを開く
 *
 * http://'ログイン名'.jimdo.com/login
------------------------------------------------- */
#login
{
    visibility: hidden;
} 
/* --------ログイン非表示 終了------------------------ */

/* ----------------------------------------------
 * table01 にこプラ六－デイ－黄色で使用
 ------------------------------------------------- */

table.type01 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type01 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #04162e;
}

table.type01 thead th {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000;
}

table.type01 tbody th {
    width: 120px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9
}

table.type01 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 600px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
/* --------table01 終了------------------------ */

/* ----------------------------------------------
 * table02 にこプラ六－デイ－黄色で使用
 ------------------------------------------------- */
table.type02 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type02 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9;
}

table.type02 thead th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000
}

table.type02 tbody th {
    width: 120px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9
}

table.type02 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

/* --------table02 終了------------------------ */

/* ----------------------------------------------
 * table03 にこプラ六－デイ－黄色で使用
 ------------------------------------------------- */
table.type03 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type03 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9;
}

table.type03 thead th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    color: #000
}

table.type03 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #fff
}

table.type03 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 560px;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}
/* --------table03 終了------------------------ */

/* ----------------------------------------------
 * table201 にこプラ六－グルホ－緑で使用
 ------------------------------------------------- */

table.type201 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type201 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #04162e;
}

table.type201 thead th {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000;
}

table.type201 tbody th {
    width: 100px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #99ff99
}

table.type201 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 500px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
/* --------table201 終了------------------------ */

/* ----------------------------------------------
 * table202 にこプラ六－グルホ－緑で使用
 ------------------------------------------------- */
table.type202 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type202 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #99ff99;
}

table.type202 thead th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000
}

table.type202 tbody th {
    width: 210px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #99ff99
}

table.type202 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 490px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
/* --------table202 終了------------------------ */

/* ----------------------------------------------
 * table203 にこプラ六－グルホ－緑で使用
 ------------------------------------------------- */
table.type203 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type203 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #99ff99;
}

table.type203 thead th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    color: #000
}

table.type203 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #fff
}

table.type203 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 560px;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}
/* --------table203 終了------------------------ */

/* ----------------------------------------------
 * table301 居宅介護－青色で使用
 ------------------------------------------------- */

table.type301 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type301 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #04162e;
}

table.type301 thead th {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000;
}

table.type301 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #99ffff
}

table.type301 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 550px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
/* --------table301 終了------------------------ */

/* ----------------------------------------------
 * table401 法人概要で使用
 ------------------------------------------------- */

table.type401 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
}

table.type401 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #04162e;
}

table.type401 thead th {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #000;
}

table.type401 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9
}

table.type401 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 600px;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}
/* --------table401 終了------------------------ */

/* ----------------------------------------------
 * table501 空き情報－黄色で使用
 ------------------------------------------------- */
table.type501 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
   table-layout: fixed;
   width: 95%;
}

table.type501 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9;
}

table.type501 thead th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px;
    font-weight: normal;
    vertical-align: top;
    color: #000
}

table.type501 tbody th {
    width: 120px;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #FCF8C9
}

table.type501 td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

/* --------table501 終了------------------------ */

/* ----------------------------------------------
 * table1001 角丸テーブルー境界線_黄色
 ------------------------------------------------- */
table.type1001 {
       border:solid 10px #FFECB3;
       border-radius: 1em; 
}
/* --------table1001 終了------------------------ */

/* ----------------------------------------------
 * box17 四隅が交差
 ------------------------------------------------- */
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}
/* --------box17 終了------------------------ */

/* ----------------------------------------------
 * box27. ラベルをつけたようなデザイン
 ------------------------------------------------- */
.box27 {
    position: relative;
    margin: 0.5em 0;
    padding: 0.5em 1em;
    border: solid 3px #004b9f;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #004b9f;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/* --------box27 終了------------------------ */


/*-------角丸のボックス枠----------------- */
.box2 {
    padding: 0.5em 1em;
    margin: 0em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/*-------TopPage 消防本部・防火設備アプリ等のリンクで使用 角丸のボックス枠-- */.box21 {
    padding: 0.5em 1em;
    margin: 0em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
 		width: 97px;
 		height: 85px;
}
.box21 p {
    margin: 0; 
    padding: 0;
}
/*-------TopPage 新着情報で使用 角丸のボックス枠-- */
.box22 {
    padding: 0.5em 1em;
    margin: 0em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
 		width: 340px;
 		height:220px;
}
.box22 p {
    margin: 0; 
    padding: 0;
}

/*-------TopPage 基本コンセプト使用 角丸のボックス枠-- */
.box23 {
    padding: 0.5em 1em;
    margin: 0em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box23 p {
    margin: 0; 
    padding: 0;
}

/*-------せみねの丘様　通所までの流れPage にて使用 角丸のボックス枠-- */
.box24 {
    padding: 0.5em 1em;
    margin: 0em 0;
    background: #f2f2f2;
    border: solid 1.5px #6091d3;/*線*/
    border-radius: 0px 10px 10px 0px;/*左：直角　右：角丸み*/
}
.box24 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    color: #000000;/*文字色*/
}

/*-------二重線のボックス枠----------------- */
.box5 {
    padding: 0.5em 1em;
    margin: 0em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

/*-------ラベルをつけたようなデザイン----------------- */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*-------box271ラベル（黒）をつけたようなデザイン----------------- */
.box271 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #000000;
}
.box271 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box271 p {
    margin: 0; 
    padding: 0;
}

/*-------box272ラベル（エンジ色）をつけたようなデザイン----------------- */
.box272 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #b94047;
}
.box272 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #b94047;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box272 p {
    margin: 0; 
    padding: 0;
}

/*-------box261ラベル（水色）枠の途中にタイトル----------------- */
.box261 {
    position: relative;
    margin: 0.5em 0 0.5;
    padding: 0.5em 1em;
    border: solid 3px #0000ff;  /* 2020/0627 org:#0000ff */
    border-radius: 8px;
}
.box261 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 14px;
    background: #FFF;
    color: #0000ff;
    font-weight: bold;
}
.box261 p {
    margin: 0; 
    padding: 0;
}

/*-------box3 背景塗りつぶし----------------- */
.box3 {
    padding: 0.5em;
    margin: 0;
    font-family: Yu Mincho Medium;
    color: #000000;
    background: #8faadc;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/*-------box31 背景塗りつぶし＋リンク下線削除---追加：2020/12/16-------------- */
.box31 {
    padding: 0.5em;
    margin: 0;
    font-family: Yu Mincho Medium;
    color: #000000;
    background: #8faadc;/*背景色*/
}
.box31 p {
    margin: 0; 
    padding: 0;
	  text-decoration: none !important;
}

.box31 a {
	text-decoration: none !important;
}

.box31:hover {
	text-decoration: none !important;
	background: #C65555;
}