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

a:link, a:visited
{
    text-decoration: underline;
}
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: 16px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;}


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

body {
    background:#BED8DF;
    padding:0;
    margin:0 auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container
{
    margin:0 auto;
    width:1100px;
    background:#ffffff;
    color:#000000;
}

#footer
{
    clear:both;
    background:#3F73BE;
    width:100%;
    height:70px;
    margin:0 auto;
    padding:0;
    color:#ffffff;
    font:12px;
}

/*  ヘッダー部分
----------------------------------------------- */
#header
{
    width:100%;
    background:url(https://u.jimcdn.com/cms/o/sb3313d71949577b4/userlayout/img/hedbg.png?t=1694836981) repeat-x #ffffff;
    margin:0 auto;
    padding:0;
}

#headerbox {
    width:1100px;
    height:90px;
    margin:0 auto;
    padding:0;
}

#headerboxlogo {
    margin:15px 0;
    padding:0;
    float:left;
}

#headerboxinfo {
    width:200px;
    margin:15px 10px 0 0;
    padding:0;    
    float:right;
}

#headeribox {
   clear:both;
   width:100%;
   margin:0 auto;
}

#headerimage {
   width:1100px;
   margin:0 auto;
   text-align:center;
}

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

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


#navigation
{
    width:1080px;
    margin:0 5px 5px 5px;
    padding:0;

}
#sidebar
{
    width:1080px;
    margin:0;
    padding:0 auto;
}

#content
{
    width:1080px;
    margin:0px 10px;
    padding:10px auto;
}


/* Footer
-----------------------------------------------*/
#footer a {
    color:#ffffff;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
    text-align:center;
}

/* Nav
-----------------------------------------------*/
#nav {
	margin:0;
	background: #3F73BE;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#nav:after {
	content: "";
	clear: both;
	display: block;
}
#nav ul#mainNav1 {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#nav ul#mainNav1 li { float: left; }
#nav ul#mainNav1 li a {
        width:135px;
	display: block;
        border-left:solid #ffffff 1px;
        border-right:solid #ffffff 1px;
	padding: 13px 0px;
        font-size:16px;
	text-decoration: none;
        text-align:center;
	color: #ffffff !important;
}
#nav ul#mainNav1 li a:hover {
        background: #2C98BE;
        font-weight:bold;
        width:135px;
        border-left:solid #ffffff 1px;
        border-right:solid #ffffff 1px;
}

#nav ul#mainNav1 li a.current,#nav ul#mainNav1 li a.parent { background: #2C98BE; border-left:solid #ffffff 1px;
 border-right:solid #ffffff 1px;
 }
#nav ul#mainNav2 { display: none; }


/* Sidenav
-----------------------------------------------*/
#sidenav ul {
	margin: 0 0 0 5px;
	padding:0;
	list-style: none; 
}
#sidenav ul li {
	margin: 0;
	padding:0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sidenav ul.mainNav1 li a.level_1 { display: none; }
#sidenav ul.mainNav1 li a.level_2 { display: none; }
#sidenav ul.mainNav2 {
        margin-top:5px;
        padding:0;
}
#sidenav ul li ul li a {
	display: block;
        width:180px;
        height:40px;
        margin:0;
	padding:2px 10px 0 10px;
	background: url(https://u.jimcdn.com/cms/o/sb3313d71949577b4/userlayout/img/menu2-bg.png?t=1471964074) repeat-x;
	font-size: 16px;
	line-height: 230%;
	text-decoration: none;
	color: #333333;
}

#sidenav ul li ul li a:hover {
	color: #999999;
        font-weight:bold;
	background: url(https://u.jimcdn.com/cms/o/sb3313d71949577b4/userlayout/img/menu2-bg.png?t=1471964074) repeat-x; 10px;
}

#sidenav ul li ul li a.current { 
        background: url(https://u.jimcdn.com/cms/o/sb3313d71949577b4/userlayout/img/menu2-bg.png?t=1471964074) repeat-x; 10px;
}

#sidenav ul.mainNav1 li a.level_3 { display: none; }

/* 見出し
----------------------------------------------- */
#content h1 {
  font:16pt "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  background: #3F73BE;
  color: #ffffff;
  border-radius: 5px;
  padding:10px 10px;
}

#content h2 {
  font:16pt "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   color:#000000;
   border-left: 8px solid #3F73BE;
   border-bottom: 2px solid #3F73BE;
   padding-left:0.5em;
   margin-top:10px;
}

#content h2 a{
   color:#0000ff;
   font-weight:bold;
}

#content h3 {
   font:14pt "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   margin-left:0.5em;
   padding-left:0.5em;
   border-bottom: 2px dotted #1e90ff;
   margin-top:10px;
   color:#000000;
}

#content p {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   padding-left:1em;
   padding-right:1em;
   line-height:150%;
}

#content a{
   color:#0000ff;
   font-weight:bold;
}

#content a:visited{
   color:#bb641d;
}

#content figcaption {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font: 11px;
}

#content li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* table 枠（取引先）
----------------------------------------------- */
table.bd td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    padding: 5px 0px;
}

table.bd th {
    border: 1px solid #666666;
    background:#ffffd6;
    padding: 5px;
    text-align:left;
}

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

/* table 枠（加盟店）
----------------------------------------------- */
table.bdkamei td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    padding: 5px 0;
}

table.bdkamei th {
    border: 1px solid #666666;
    background:#c6e2ff;
    padding: 5px 0px;
}

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

/* table 枠（沿革）
---------------------------------------- */
table.enkaku {
    margin-left:20px;
    border-collapse: collapse;
    width:95%;
    height:100%;
    border:0px;

}

td.dcel {
    width:20%;
    vertical-align:top;
    border: 1px solid #666666;
    padding:5px;
}

td.scel {
    width:75%;
    border: 1px solid #666666;
    padding:5px;
}
table.enkaku th {
    border: 1px solid #666666;
    background:#ffffb7;
    padding:5px;
}

/* table 枠（加盟店一覧　地区）
---------------------------------------- */
table.area {
    margin:0 auto;
    width:100%;
    height:100%;
    border:0px;
}

table.area th {
    border:2px solid #ffffff;
    background:#ffffb7;
    padding:3px;
}

table.area td {
    width:25%;
    border: 2px solid #ffffff;
    padding:3px;
    text-align:center;
}

/* table 枠（加盟店一覧）
----------------------------------------------- */
table.kameiten {
    border-collapse: collapse;
    width:100%;
    height:100%;
    border:0px;

}

td.namecel {
    width:35%;
    vertical-align:top;
    border: 1px solid #666666;
    padding:3px;
}

td.adcel {
    width:65%;
    border: 1px solid #666666;
    padding:3px;
}

table.kameiten th {
    border: 1px solid #666666;
    background:#ffffb7;
    padding:3px;
    text-align:center;
}


/* table Map用
---------------------------------------- */
table.map {
    width:100%;
    text-align:center;
    color:#ffffff;
}
table.map tr {
    height:50px;
}

table.map td {
    width:33%;
    background:#1e90ff;
    padding:5px 0 ;
}
table.map a {
    text-decoration:none;
    font-weight:none;
    color:#ffffff !important;
}

/* ブログ見出し 日付
----------------------------------------------- */
.datetime {
   float:left;
   zoom: 1;
   height: 100% !important;
   padding: 0 !important;
   margin: 0 !important;
   background: none !important;
   font-size:12pt !important;
   color:#333333;
}

.datetime:after {
   content: "";
   display: block;
}
.datetime-inner {
   float: left;
   height: 100% !important;padding: 8px !important;margin: 0 !important;border-radius: 5px;font-size: smaller !important; font-weight: normal !important;
}
.datetime-inner p {
   margin: 0 !important;padding: 0 !important;text-shadow: none !important;line-height: 1em !important;
}
.day-word,.day,.mon {
   float: left;
   text-align: center;
}
.day-word:before {
   content: "（";
}
.day-word:after {
   content: "）"; 
}
.yr {
   float: left;
}

/* ブログ見出し 
----------------------------------------------- */
.blogselection h1 {
   clear:both;
   margin: 0 0 0 10px !important;
   padding:5px 0 0 10px !important;
   font-weight: normal !important;
   font-size:1.2em !important;
   border-bottom:dot 3px #1e90ff;
}
.blogselection h1 a {
   text-decoration: underline !important;
   color:#55555;
}

.blogselection h1 a:hover {
   font-weight: bold !important;
}

.cc-page-blog h1 {
   clear:both;
   margin: 10px 0 5px !important;
   padding: 10px !important;
   font-weight: normal !important;
   color:#ffffff !important;
}
.cc-page-blog .post  {
   margin: 0 0 5px !important;
   padding: 0 0 5px !important;
}
.cc-page-blog p {
   line-height:150%;
   margin-top:10px;
}

.blogselection p {
   line-height:150%;
   margin-top:10px;
}

.cc-page-blog .postmeta {
   font-size: smaller !important;
   float:right;
   color: #333333;
   border:none !important;
}
.blogselection h2 {
   clear:both;
   margin: 0 0 0 10px !important;
   padding:5px 0 0 10px !important;
   font-weight: normal !important;
   font-size:1.2em !important;
}

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


.datetime-inner p {
   color: #999999 !important; 
}

/* 続きを読むを削除する */
.blogselection .blogreadmore{
   display:none !important;
}

/* コメントを削除する */
.blogselection .comment{
   display:none !important;
}


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

/*  ボタン
----------------------------------------------- */
.j-calltoaction-link.j-calltoaction-link-style-1 {
  font-size:16px;
  font-weight:bold;
  background: #fff !important;
  color: #1e90ff !important;
  border:2px solid #1e90ff;
  border-radius: 10px !important;
  padding: 6px 1em !important;
  box-shadow: none !important;
}

.j-calltoaction-link-style-2 {
  font-weight:bold;
  background: #1e90ff !important;
  border-radius: 10px !important;
  padding: 6px 1em !important;
  box-shadow: none !important;
}
.j-calltoaction-link-style-3 {
  background:#1e90ff !important;
  border-radius: 10px !important;
  padding: 10px 1em!important;
  box-shadow: none !important;
}


/*組合員一覧
-----------------------------------------------*/
dl {
display: flex;
flex-flow: row wrap;
border-bottom: 1px solid #ccc;
width: 100%;
padding:0;
font-size:15px;
}

dt {
width:26%;
padding-left:0.5em;
}

dd {
display: flex;
flex-flow: row wrap;
width: 70%;
margin-left:5px;
}

.address {
width:52%;
float:left


}
.tel {
width:25%;
float:left
}

.hp {
width:20%;
float:left
font-size:14px;
}

.midashi{
pa
}

@media screen and (max-width: 960px) {
dl {
flex-flow: column;
}
dt {
font-size:18px;
}
kaiin.dd {
 padding-top:0px;
}


/*ここまで*/

/*フローチャート
-----------------------------------------------*/
.flow_design10 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow10 {
  padding-left: 0;
}

.flow10 > li {
  list-style-type: none;
  border: 2px solid #4D9BC1;
  padding: 20px;
  border-radius: 20px;
}

.flow10 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow10 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #4D9BC1;
}

.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow10 > li .icon10 {
  color: #4D9BC1;
  margin-right: 0.5em;
}

.flow10 > li dl dd {
  margin: 0;
}