@charset "UTF-8";
/* 20240801 20260128*/
/*--------------------------------------------------------
  (1) 共通TAG 設定    Base=PC
--------------------------------------------------------*/
/* 要素リセット */
body{font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴシック Pro ', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka',sans-serif;
    margin: 0; padding: 0; background-position:left top; background-repeat: repeat;}
h1 {border-bottom: 2px solid #903; border-left :20px solid #903; padding-left: 2px;}
h2 {padding:2px 20px 0px; margin-left:20px; text-align: left;}
h2 {border-bottom:2px solid #990; border-left :15px solid #990; border-right: 1px solid #fff;}

h3 {margin: 10px 0px 10px; padding: 3px 5px 0px; text-align: left;}
h3 {border-left :20px solid #903; border-bottom: 2px solid #903;}
h4 {margin: 0;    padding: 5px 10px 2px 2px;    text-align: left;}
h5 { margin: 2px 60px 2px; padding: 4px 10px 2px 2px; text-align: left;}
footer {position: relative}
table {margin: 5px auto 5px 0;
     border-collapse: collapse; border-style: none; border-width: 0px;}
/*table th{padding: 8px 15px 8px 8px; text-align: center;} 20240801*/
table td{padding: 2px; text-align: left; border-left:1px solid #990}
.tb1	{border:2px solid #333;}
.tb1 tr{border-bottom:1px solid #660; }
.wellcom{position:fixed ;top: 100px; margin: 0 0 0 10px; right: 5%; 
  font-size: 40px; color: #e4ff00; font-weight:bold;z-index: 100;}
.container{
    display:grid; grid-template-columns: [l] 250px [r] 710px ;
    grid-template-rows: auto;
    width: 1012px;
    grid-template-areas: "header header" "nav wrapper" "aside wrapper" "footer footer"; 
  }
.header{grid-area: header; }
.wrapper{grid-area: wrapper;}
.nav{grid-area: nav;}
.aside{grid-area: aside;}
.footer{grid-area: footer;}
.my-slick{
	width: 1010px; height: auto;/* Slickのサイズ org=w90%*/
	margin: auto; padding: 0px;	background-color: silver;
  }
.my-slick img{	width: 200px; height: 200px;/* 画像のサイズ */}
.slick-prev:before, .slick-next:before{	color: black;}
.aside2{display: none;}
  
/*--------------------------------------------------------
  (2) 共通レイアウト設定
--------------------------------------------------------*/
/* (2-1) class */
.container {position: relative;   margin: 0 auto 0 auto;}
.container:after{content:"."; display:block; visibility: hidden; clear:both;}
.header      {float: none;}
.header:after{content:"."; display:block; visibility:hidden; clear:both;height:0px;}
.inner      {margin: 2px;}
.inner:after{content:"."; display:block; visibility: hidden; clear:both;height:0px;}
/* .wrapper{ float: right;  width: 778px;    margin: 2px;} 20260128*/
.wrapper{ float: right;  margin: 2px;}
.contact{display: none}

/* ----   ナビゲーション(1) ----- */
/* 20240712 募集Pageで使用中  */
.nav { margin: 0 ;margin-left: 3px;}
.nav ul { margin: 0; padding: 0; list-style-type: none; text-align: left;}
.nav ul:after{content: "."; display: block;  clear: both; visibility: hidden;height: 0px;}

.nav li  {line-height: 43px; height: 43px; overflow: hidden; margin: 0; margin-bottom:6px;display: flex;}
.nav li a{height: 43px; overflow:visible; border-radius:12px; text-decoration-line: none;
    		padding-left: 10px;  padding-right: 5px; background-color:#903;font-size: 22px;}
.nav li a:link   { color: #fff;}
.nav li a:visited{ color: #fff;}
.nav li a:hover  { opacity: 0.7;}
.nav li a:active { background:repeating-linear-gradient(#d8d,#d8d );}
.nav li span.en  { display: none;}
.nav .li2 a{ background:repeating-linear-gradient(#f60,#f90);}
.nav .li3 a{ background:repeating-linear-gradient(#c0f ,#c8f );}

/* ----   Bottun 20240725 ----- */
.btn {border: 0px solid #fff; 	border-radius:12px;
  padding: 5px 3px 3px 3px; text-align: center; vertical-align:auto;margin: 1px; /**/
  font-size: 20px; color: #fff} /**/
.btn {width: fit-content ;height: 25px;}
.btn a{ vertical-align: bottom; color: #fff;text-decoration-line: none;} 
.btn a:link   {color: #fff; }
.btn a:visited{ color:#fff;}
.btn a:hover  { opacity: 0.7;}
/*.btn_r, .btn_g input{background-color:transparent; color: #fff; border: none;}*/ /**/
.btn{background-color:#903;}
.btn_g{background-color:darkgreen;}
/* ----  ナビゲーション(2) ----- */
.nav{width: auto ;height: auto; display: flex;flex-direction: column; float: left;}
.bot2, .bot3 {border: 0px solid #fff; 	border-radius:12px;
  padding: 5px 3px 3px 3px; text-align: center; vertical-align:auto;margin: 1px; /**/
  font-size: 20px; color: #fff} /**/
.bot2 {width: fit-content ;height: 25px;}
.bot2 a{ vertical-align: bottom; color: #fff;text-decoration-line: none;} 
.bot2 a:link   {color: #fff; }
.bot2 a:visited{ color:#fff;}
.bot2:hover  { opacity: 0.7;}
.bot2 input{background-color:transparent; color: #fff; border: none;} /**/

.bot3 {width: 120px ;height: 50px;}
.bot3 a{ vertical-align: bottom; color: #fff;text-decoration-line: none;} 
.bot3 a:link   {color: #fff; }
.bot3 a:visited{ color:cyan ;}
.bot3:hover  { opacity: 0.7;}
.cont3{width: auto ;height: auto; display: flex;flex-direction:column ; flex-wrap: wrap;}

/* ----  (2-3) font ----- */
body{font-size: 16px;}
h1 { font-size: 22px; color: #000; font-weight: bold;}
h2 { font-size: 20px; }
h3 { font-size: 18px; color: #000;}
h4 { font-size: 16px; color: #000; line-height: 20px;}
h5 { font-size: 14px; color: #000; line-height: 18px;}

/* ----  (2-3) Color ----- */
body{ background-color:#769322; color: #000000;}
/* .container {background-color:#d7dfdb;} */
.container {background-color:#f2fde7;}
/* .wrapper{background-color:#d7dfdb;} */
table th{ color: #903 }
.bot2, .bot3{background-color:darkgreen;} /*#9b3104*/
/* ----  Special ----- */
.bot2, .bot3{border: 0px;}
.orange{background-color:#f60;}

/*--------------------------------------------------------
  (3) レイアウト設定 01
--------------------------------------------------------*/
/* 背景設定 */
/* .layoutset-01 .wrapper{width: 689px;} 20260128*/
.layoutset-01 .headerLogo{float: left; width : 200px;    height : 179px;padding-left: 40px;}
.layoutset-01 .title{ float: right; right: 0px; top: 6px;}

/*.layoutset-01 .aside{float: left;    margin: 0 ;margin-left: 10px; 20260128*/
.layoutset-01 .aside{float: left;    margin: 5px ;
  position: relative;}
.layoutset-01 td{border-color: #990;border-width: 2px;} 
.layoutset-01 .box{width:240px;height:auto; border-radius:12px;
	font-size:14px;	box-shadow: rgba(0,0,0,7) 3px 3px 10px;}
.layoutset-01 h2  {font-size:20px;}
.layoutset-01 h3  {font-size:20px;}
.layoutset-01 .nav li {font-size:20px;}
.layoutset-01 .message{padding-left:30px;position: relative}
/* ---Color --- */
.news{background-color:#fdfdee;}
.layoutset-01 .box{background:#fff;}

/*--------------------------------------------------------
  (4) レイアウト設定 02
--------------------------------------------------------*/
/* 背景設定 */
.layoutset-02 .container{ width: 956px;}

.layoutset-02 .title{position: absolute; left: 271px; top:36px;  width:685px; height:242px;}
/*.layoutset-02 .nav   { width: 159px;}
.layoutset-02 .aside { float: left;    width : 159px;    margin: 0;} */
.layoutset-02 main:after   { content:""; clear: both;display:table;}
.layoutset-02 .footer{ clear: both;}

.layoutset-02 table { border-spacing: 1px;}
.layoutset-02 table th{ padding: 2px; text-align:center;}
.layoutset-02 table td{ padding: 2px; text-align: left; }
/* font,color */
.layoutset-02 table { border-top-color: #990;  border-left-color: #990;}
.layoutset-02 table th{ border-color: #990;}
.layoutset-02 table td{ border-right-color:#990; border-bottom-color: #990;}

/*--------------------------------------------------------
  (5) レイアウト設定 03　展示発表会
--------------------------------------------------------*/
/* 背景設定 */
.layoutset-03 .wrapper{width: 620px;}
.layoutset-03 .title{position: absolute; left: 271px; top:36px;  width:685px; height:242px;}
.layoutset-03 .nav   { float: left;    width :320px;    margin:1px;}
.layoutset-03 .aside { float: left;    width :320px;    margin:1px;}
.layoutset-03 main:after   { content:""; clear: both;display:table;}
.layoutset-03 .footer{ clear: both;}

.layoutset-03 table th{padding: 2px; text-align:center;}
.layoutset-03 table td{padding: 2px; text-align: left;}
/* font,color */
.layoutset-03 .wrapper{background-color:#fefee4;}
.layoutset-03 table { border-top-color: #990;  border-left-color: #990;}
.layoutset-03 table th{border-color: #990;}
.layoutset-03 table td{border-right-color: #990; border-bottom-color: #990;}

@media print {body {background-color:#fff} }