@charset "UTF-8";

/*************************************default*************************************/

*{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6,div,ul,li,p {
	margin:0px;
	padding:0px;
}
img{
	border:none;
}

.clear{
	clear:both;
}

ul{
	list-style:none;
}

a{
	color:#039;
}

.bold{
	font-weight:bold;
}
.red{
	color:#CC3300;
}
.blue{
	color:#003399;
}
.block{
	display:block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.inline{
	display:inline;
}
.margin-top10{
	margin-top:10px!important;
}
.margin-right10{
	margin-right:10px!important;
}
.margin-left10{
	margin-left:10px!important;
}
.margin-left15{
	margin-left:15px!important;
}
.margin-right20{
	margin-right:20px!important;
}
.margin-left30{
	margin-left:30px!important;
}
.margin-left40{
	margin-left:40px!important;
}
.margin-left60{
	margin-left:60px!important;
}
.margin-right5{
	margin-right:5px!important;
}
.margin-b10{
	margin-bottom:10px!important;
}
.mB10{
	margin-bottom:10px!important;
}
.mB15{
	margin-bottom:15px!important;
}
.mB20{
	margin-bottom:20px!important;
}
.mB30{
	margin-bottom:30px!important;
}
.mB40{
	margin-bottom:40px!important;
}

.txt_ac,
.txt_c{
	text-align:center;
}
.txt_r{
	text-align:right;
}
/*************************************body*************************************/

body{
	margin:0px auto;
	text-align:center;
	font-size:0.8em;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#E6E7BB;
	background-image:url(../img/back_body.gif);
	background-position:center;
	background-repeat:repeat-y;
}
/***********
body
************/
#body{
	margin:0px auto;
	text-align:left;
	padding:0;
	width:750px;
	background-color:#FFF;
}
/***********
header
************/
#header{
	background-image:url(../img/back_head2.jpg);
	height:103px;
	width:750px;
	background-repeat:no-repeat;
}
#header h1{
	margin:0px;
	padding:0px;
}
.bt_home{
	margin-top:78px;
	float:right;
	padding-right:18px;
}

.Klist_result{
	margin:0 0 10px 10px;
}
.Klist_result li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-left:5px;
	border-left:#777A3E solid 4px;
}
.Klist_result li:last-child{
	margin-right:0;
}
/***********
fotter
************/
#fotter{
	width:750px;
	background-color:#000;
	padding-top:15px;
	padding-bottom:15px;
}
#footer ul{
	float:left;
	width:500px;
}
#fotter li{
	display:inline;
	padding-left:10px;
}
#fotter .bt_mail{
	float:right;
	margin-right:10px;
}
address{
	padding-top:20px;
	margin-left:10px;
}
/***********
menu
************/
.menu ul{
	background-image:url(../img/back_menu.gif);
	background-repeat:no-repeat;
	width:750px;
	height:70px;
	margin:0px;
	padding:0px;
	display:flex;
	justify-content: center;
}
.menu li{
	/* float:left; */
	margin:0px;
	padding:0px;
}
.menu li:last-of-type {
	border-right:rgba(255,255,255,0.4) solid 1px;
}
/****************************************************************************************************中ページに使用***************/
/***********
content
************/
#content{
	margin-left:23px;
	margin-right:19px;
	margin-bottom:30px;
}
#content2{
	margin-left:25px;
	margin-right:25px;
	line-height:1.3em;
}
#content h2{
	margin-top:10px;
	margin-bottom:10px;
}
#content h3{
	margin-top:20px;
	margin-bottom:20px;
}
#content h4{
	background-color:#999;
	color:#FFFFFF;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	margin:20px 0px 5px 30px;
	font-size:120%;
	width:590px;
}

#content h5{
	margin:20px 0px 5px 30px;
	font-size:100%;
	background-color:#CCC;
	padding:3px 3px 3px 7px;
	width:590px;
}
#content p{
	margin:0px 0px 10px 30px;
	line-height:150%;
	width:590px;
}
#content .txt1{
	margin-left:10px;
	margin-right:10px;
}
#content .txt2{
	margin-left:30px;
	margin-right:30px;
}
#content ol .none{
	list-style-type:none;
}
#content ol .under{
	text-decoration:underline;
}
#content ol .under{
	/text-decoration:none;
}
#content li .under{
	/text-decoration:underline;
}
#content p.txt3{
	margin-left:30px;
	margin-right:30px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}
.soshiki_table{
	width:656px;
	border-collapse:collapse;
	border:solid 1px #cccccc;
	font-size:1em;
}
.soshiki_table td{
	padding:3px;
	border:solid 1px #cccccc;
}
.soshiki_table th{
	padding:3px;
	border:solid 1px #f0f0f0;
}
.soshiki_table th:first-child,
.soshiki_table td:nth-child(-n+2){
	white-space: nowrap;
}
.c1{
	background-color:#f0f0f0;
}
.c2{
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bolder;
}
.c3{
	background-color:#EEF6FF;
	border:solid 2px #666666;
}
.c4{
	border-left:solid 2px #666666;
}

.link_waku{
	margin-left:4px;
	margin-right:10px;
	border-bottom:dotted 2px #000;
	padding-bottom:20px;
}
.link_left{
	width:300px;
	float:left;
}
.back_h3{
	letter-spacing:2px;
	background-image:url(../yotei/img/back_title.gif);
	width:656px;
	padding:3px 0px 9px 25px;
	color:#630;
	font-size:110%;
	background-repeat:no-repeat;
}

.info_table{
	width:656px;
	border-collapse:collapse;
	margin-left:2px;
	font-size:1em;
	border-top:dotted 1px #cccccc;
}
.info_table td{
	padding:15px 10px;
	border-bottom:dotted 1px #cccccc;
}
.info_p{
	background-image:url(../info/img/ico1.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
.info_photo{
	padding-left:20px;
}
#info_detail{
	margin-left:2px;
	margin-right:2px;
}
#info_detail h3{
	background-color:#f0f0f0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:dotted 1px #cccccc;
	border-top:dotted 1px #cccccc;
}
.info_date{
	letter-spacing:0.8em;
}
.info_under{
	background-color:#f0f0f0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:dotted 1px #cccccc;
	border-top:dotted 1px #cccccc;
	margin-top:20px;
}
.pdf_year{
	text-decoration:none;
	margin-bottom:20px;
	margin-top:10px;
	padding-bottom:10px;
	width:656px;
}
.login_table{
	margin-left:250px;
	font-size:0.8em;
	margin-top:50px;
	margin-bottom:50px;
}
.login_table td{
	padding-top:2px;
	padding-bottom:2px;
}
#teikan h4{
  margin-bottom: 10px;
}
#teikan h5{
  width: 595px;
  margin-top:20px;
}
#teikan h4 + h5{
  margin-top: 10px;
}
#teikan p{
margin-top:5px;
margin-bottom:5px;
width: 605px;
}
#teikan ul{
  margin: 10px auto;
  line-height: 1.5;
}
#teikan > ul{
  width: 605px;
  margin-left: 30px;
}
#teikan ul li p{
  width: auto;
  margin-left: 0;
}
#teikan ul li:not(:last-child){
  margin-bottom: 5px;
}
#teikan ul.num-list li{
  position: relative;
  padding-left: 1.5em;
}
#teikan ul.head-list li{
  position: relative;
  padding-left: 2em;
}
#teikan ul.num-list li > span:first-child,
#teikan ul.head-list li > span:first-child{
  position: absolute;
  top: 0;
  left: 0;
}
.link_table{
font-size:1em;
width:605px;
}
.link_a{
font-size:0.8em;
padding-top:5px;
}
table.general{
	margin:0px 0px 0px 30px;
	width:600px;
	text-align:left;
	font-size:90%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

table.general th{
	padding:6px;
	width:160px;
	font-weight:normal;
	background-color:#ECEDEC;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.general th.year{
	width:200px;
}


table.general td{
	padding:5px 5px 5px 10px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.general td.bg{
	background-color:#ECEDEC;
}

table.general td.number{
	text-align:right;
}

table.general td.center{
	text-align:center;
}

table.history{
	margin:0px 0px 0px 30px;
	width:600px;
	border-bottom:1px solid #CCC;
}

.right2{
	float:right;
	margin-right:30px;
}

#content dl{
	margin-left:30px;
	margin-bottom:30px;
}
#content dl dt{
	float:left;
}
#content dl dd{
	margin:0 0 10px 75px;
	width:515px;
}
#content dl.hyou{
	margin-left:0;
}
#content dl.hyou dt{
	float:left;
}
#content dl.hyou dd{
	margin:0 0 10px 100px;
	width:400px;
}
#content .comment{
	width:180px;
	height:20px;
	margin-top:90px;
	padding:4px;
	border:solid 1px #000000;
}
.mB20{
	margin-bottom:20px;
}
/****************************************************************************************************topに使用***************/
.top_left{
	float:left;
	width:470px;
	padding-top:10px;
	padding-bottom:30px;
	padding-left:20px;
}
.top_left dl{
	margin-bottom:10px;
}
.top_left dt{
	margin-left:0px;
	float:left;
	width:120px;
}
.top_left dd{
	margin-left:120px;
	width:300px;
}
.top_right{
	float:right;
	width:260px;
	background-color:#F0F0F0;
	padding-bottom:30px;
	padding-top:10px;
}
.top_right h2{
	margin-left:20px;
	margin-right:10px;
}
.top_right p{
	line-height:150%;
	margin-top:10px;
	margin-left:20px;
	margin-right:10px;
}
.top_waku{
	width:750px;
	background-image:url(../img/back_top.gif);
}


/* インナーフレームのスタイル */
.FRAME {
	scrollbar-face-color:#FFFFFF;
	scrollbar-track-color:#cccccc;
	scrollbar-arrow-color:#cccccc;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#cccccc;
}
/*--------------------------------
	週報
----------------------------------*/
.syuhou_title{
	margin:0;
	padding:0;
}
.back_h3_sh{
	letter-spacing:2px;
	background-image:url(../yotei/img/back_title.gif);
	width:100px;
	padding:3px 0px 9px 25px;
	color:#630;
	font-size:110%;
	background-repeat:no-repeat;
}
.ul_left{
	margin:0;
	padding:22px 0px 0px 10px;
}
.ul_left li{
	float:left;
	padding-left:20px;
}
.pdf{
	vertical-align:bottom;
	margin-right:10px;
}

/*--------------------------------
	イベント報告
----------------------------------*/
#content dl.event_in dt{
	width:80px;
}
#content dl.event_in dd{
	margin:0 0 10px 100px;
	width:490px;
	position:relative;
}
#content dl.event_in dd:before{
	position:absolute;
	content:"：";
	bottom:0;
	left:-15px;
}
#content div.bbqLeft{
	float:left;
	width:250px;
}
#content .bbqLeft p {
    line-height: 150%;
    margin: 0 0 10px 30px;
    width: 270px;
}
#content div.bbqLeft dl dd{
	margin:0 0 10px 30px;
	width:240px;
}
#content div.bbqRight{
	float:right;
}
#content div.bbqRight dl{
	margin:0 0 30px 75px;
	width:300px;
	border:solid 1px #333333;
	padding:10px;
}
#content div.bbqRight dl dt{
	float:none;
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
}
#content div.bbqRight dl dd {
    margin:0 0 10px 0;
    width: 300px;
	line-height:1.8em;
}
#content #content2 .event_dotborder{
	border: 1px dotted #999999;
}
#content #content2 .event-photo{
  width: 590px;
  margin: 0 auto;
  text-align: center;
}
#content #content2 .event-photo img{
  width: auto;
  max-width: 100%;
  height: auto;
  transition: opacity .3s ease;
}
#content #content2 .event-photo a:hover img{
  opacity: .75;
}
#content #content2 .event-photo a + p{
  padding-top: 5px;
  margin: 0;
  color: #555;
  font-size: 12px;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* 2017.03.14 追記 */
div.imgbox_x .left{
	float: left;
	margin-right: 18px;
	width: 320px;
	height: auto;
}
div.imgbox_x .center{
	width: 320px;
	margin: 0 auto 20px;
}
div.imgbox_x .right{
	float: right;
	width: 320px;
	height: auto;
}

/* 2017.09.04 追記 */
.dl_left{
	width: 295px;
	float: left;
	margin-bottom: 15px!important;
}
.dl_right{
	width: 295px;
	float: right;
	margin-bottom: 15px!important;
}
.c_b{
	clear: both;
}
.table_news{
	border-collapse: collapse;
	margin-bottom: 30px;
}
.table_news tr td,
.table_news tr th{
	border: solid 1px #CCC;
}
.table_news tr th{
	background-color: #E9E9E9;
}
.table_news tr th,
.table_news tr td{
	padding: 10px;
}
.table_news tr td.txt_r{
	text-align: right;
}
.table_news tr td.last_tr.txt_r{
	font-weight: bold;
	font-size: 15px;
}

/* 2018.09.18 追記 */
.inline li{
	margin-right:1em;
	display:inline-block;
}
.inline li:last-child{
	margin-right:0;
}

/*2020.1.7*/
.img-column3{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.img-column3 img{
  margin: 0 11px 11px 0;
}
.img-column3__center{
  line-height: 0;
}
.img-column3 img:nth-of-type(3n),
.img-column3__center img:nth-of-type(2){
  margin-right: 0;
}

/* 2020.02.18 追記 */
.event_img-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 650px;
	margin: 0 auto 30px;
}
.event_img-box .slim_photo{
	display: flex;
	justify-content: space-between;
	width: 450px;
	margin: 0 auto;
}
.event_img-box .slim_photo img{
	width: 220px;
	height: auto;
}
.event_img-box img{
	margin-bottom: 10px;
}
ul.pdf{
    width: 590px;
    margin: 0 auto 30px;
    display: flex;
}
ul.pdf:after{
    content: none;
}
ul.pdf li{
    flex: 0 1 auto;
    margin-right: 15px;
}
#content div.event-contact{
    margin-bottom: 30px;
}
#content div.event-contact p{
    text-align: right;
    margin-bottom: 3px;
}

#content .yotei-caption{
    width: 100%;
    margin: 0 0 5px;
}
#content table + .yotei-caption{
    margin-top: 20px;
}
.phoflex2{
  width: 590px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.phoflex2:after{
  content: none;
}
.phoflex2-pho{
  flex: 0 1 280px;
  max-width: 280px;
}
.phoflex2-pho img{
  width: 100%;
}

.phoflex{
  width: 590px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.phoflex:after{
  content: none;
}
.phoflex-pho{
  flex: 0 1 auto;
}

.phoflex-three-item__wrap{
    width: 590px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.phoflex-pho.pho-size--big{
    width: 100%;
    margin-bottom: 20px;
}
.phoflex-pho.pho-size--big img{
    width: 400px;
    height: auto;
    display: block;
    margin: 0 auto;
}
