/* CSS Document */
/* reset */
html, body, div,h1, blockquote, pre, 
ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size:16px;
  font-family: “Meiryo”, “Hiragino Kaku Gothic Pro”, “Yu Gothic”, Verdana, Geneva, sans-serif;}

ul, ol { list-style: none;}
a {  text-decoration: none;color:#0059B2;}

html,body{ height:100%;} 
body {	min-width: 1000px;	background:white url(https://www.fbroudou.com/img/bg_head.jpg) repeat-x top center;margin: 0;}

body {    display: flex;
    flex-flow: column;
    min-height: 100vh;
    margin: 0;

}

#header {margin:0 auto;height: 85px;width: 1040px;}
#container {background: rgb(245, 245, 245);flex: 1;}

.top {margin:0 auto;text-align: right;
    height: 300px;width: 1040px;background:url(https://www.fbroudou.com/img/bg_top.jpg) no-repeat;}

.top_waku1{margin:0 auto;height: 210px;width: 1040px;background:url(https://www.fbroudou.com/img/bg_top_sub1.jpg) no-repeat;border-bottom: 1px solid #323232;}
.top_waku2{margin:0 auto;height: 210px;width: 1040px;background:url(https://www.fbroudou.com/img/bg_top_sub2.jpg) no-repeat;border-bottom: 1px solid #323232;}
.top_waku3{margin:0 auto;height: 210px;width: 1040px;background:url(https://www.fbroudou.com/img/bg_top_sub3.jpg) no-repeat;border-bottom: 1px solid #323232;}
.top_waku4{margin:0 auto;height: 210px;width: 1040px;background:url(https://www.fbroudou.com/img/bg_top_sub4.jpg) no-repeat;border-bottom: 1px solid #323232;}

.top_sub {margin:0 auto;text-align: right;display: flex;justify-content: space-between;
    align-items:flex-end;height: 150px;width: 1040px}

.top_subttl {margin:0 auto;text-align: left;height: 60px;width: 100%;
    background-color: rgba(255, 255, 255, 0.55);font-size:25px;font-weight: 500;
    line-height: 60px; }
.top_subttl p{margin:0 0 0 50px;}

.contents{margin:0 auto;width: 1040px;background-color: white;}
.contents_in{margin:0 auto;width: 950px;}
.new_waku {margin:0 auto;
    width: 800px;height: 200px;
    background:url(https://www.fbroudou.com/img/news.gif) no-repeat;
    background-position: center top;padding-top:50px;}

.new {width: 750px;height: 150px;overflow:auto;margin:0 auto;}

#access {
    width: 100%;
    background-color: #EEEEEE;
    text-align: center;
    padding: 30px 0;
}
#link {
    width: 100%;
    background-color: #666666;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}
#footer {
    width: 100%;
    background-color: #444444;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}
address {font-style: normal;color:#BBBBBB;font-size: 13px;text-align: left;}

/* コンテンツ内 */
.ttl{font-size:30px;font-weight: 500;margin-left: 30px;margin-bottom: 15px}
h1 {font-size:25px;font-weight: 500}
h2 {font-size:23px;font-weight: 500}
h3 {font-size:18px;font-weight: 700}
h4 {font-size:16px;padding:5px;}

/* 横2,3段組 */
.block{text-align: left;margin-top:50px;
    display: flex;justify-content: center;flex-wrap: wrap;}

.bd {margin:20 50;
  padding: 4 20;
  border-top: 1px solid #323232;
  border-bottom: 1px solid #323232;
}

.bd1 {margin:20 100;
  position: relative;  z-index: 0;
  text-align: center;
}
.bd1 span {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.bd1::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #555;
}


.no {width:70%;background-color: papayawhip;
  position: relative;
  padding-left: 5em;margin-top: 50px;margin-bottom: 40px;
}

.no span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  color: #e3f5d8;
  background: #22ac38;
}

.no span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #22ac38;
}
.no + p{margin:0 0 20px 0;width: 700px}
.u_bar {
  position: relative;
  padding: 0;
  text-align: center;margin-bottom: 15px;
}
.u_bar:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 50px);
  width: 100px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: tomato;
}

.s {font-size: 10pt;margin:0;padding:0;width: 100%;text-align: center;}
.mincho{font-family: Times New Roman, YuMincho, Hiragino Mincho ProN, Yu Mincho, MS PMincho, serif; }

hr {height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  height: 4px;
  background: url(https://www.fbroudou.com/css/line01.png) repeat-x 0 0;margin: 30;
}

.box{
margin: 2em auto;
padding: 1em;
width: 100%;
color: #606060;
background-color: #faf0e6;
border: 2px solid #deb887;
border-radius: 10px;
}

/* ドロップダウンメニュー */
.menu_waku {
    height: 45px;width: 100%;background:url(https://www.fbroudou.com/img/bg_menu.jpg) repeat-x;}

.menu {margin:0 auto;padding: 0;display: flex;}

.menu li {
    list-style: none;    width: 150px;
    height: 45px;
    font-size: 15px;font-weight: 600;  line-height: 1.2;}

.menu li a ,.nolink{
    width: 150px;
    height: 45px;
    font-size: 15px;font-weight: 600;  line-height: 1.2;
    color: #ffffff;
    text-decoration: none;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
    display: table-cell;
    text-align: center;
    vertical-align: middle;}

.menu > li:hover > a {
    color: #ffffff;
    background: maroon;}

.menu li ul {    background: #FF2B52;
    display: none;
    position: absolute;}

.menu > li li:hover > a {
    color: #ffffff;
    background: maroon;}

.menu li ul li a {
    border-top: 1px solid #eeeeee;}

/* サイトマップ */
#sitemap{color: #BBBBBB;text-align: left;
    display: flex;justify-content: center;flex-wrap: wrap;}

#sitemap li {margin-top: 3px;
 list-style: none;
 box-sizing: border-box;}

#sitemap  a {font-weight: lighter;font-size: 10pt;color:white;}

#sitemap a:before {
  font-family: "Font Awesome 5 Free";font-weight: 900;
  content: '\f105';
  padding: 0 3px;
  color: #BBBBBB;}


.tbl1 {margin:0 auto;margin-top:30px;margin-bottom:100px;
width: 80%;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #666;
}
.tbl1 th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 2px solid #666;
background: lightgray;
}
.tbl1 td {
padding: 10px;
border-top: 1px dotted #666;
border-right: 1px solid #666;
}