@charset "UTF-8";
/* 20191229 */
/*--------------------------------------------------------
  (1) 共通TAG 設定
--------------------------------------------------------*/
/* 要素リセット */
body{ font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴシック Pro ' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' ,         'Osaka' ,sans-serif;
    margin: 0; padding: 0; background-position:left top; background-repeat: repeat;
    background-color:#cc9; color: #000000;	}
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; border-left:1px solid #990}
table td{padding: 8px 15px 8px 8px; text-align: left; border-left:1px solid #990}
.tb1	{border:2px solid #333;}
.tb1 tr{border-bottom:1px solid #660; }

/*--------------------------------------------------------
  (2) 共通レイアウト設定
--------------------------------------------------------*/
/* (2-1) class */
.headerMain{ height: 36px; margin: 0 0 0 0; padding: 0 0 0 0; text-align:right; line-height: 36px;}

.container {position: relative;    width: 960px;    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;}
/*.header:after{content:"."; display:block; visibility: hidden; clear:both;}*/

.inner      {margin: 2px;}
.inner:after{content:"."; display:block; visibility: hidden; clear:both;height:0px;}
.photo{float: right;}
.cont2 {display: none}
.contact{display: none}

/* ----  (2-2) ナビゲーション ----- */
.nav1 {display: flex;flex-direction: column;float: left;}
.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 .li2 a{ background:repeating-linear-gradient(#f60,#f90);}
.nav .li3 a{ background:repeating-linear-gradient(#c0f ,#c8f );}

.cont3{width: auto ;height: auto; display: flex;flex-direction:column ; flex-wrap: wrap;}
.bot3 {width: 120px ;height: 50px; border:3px solid #fff; background:#903;	border-radius:12px;
    	padding: 5px 3px 0px 3px; background-color:#903; text-align: center; vertical-align:auto;
        font-size: 22px;line-height: 110%}
.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;}
.bot3 {color: #fff}

/*-------(2-3) ナビゲーションデザイン設定    ----------------*/
    /* ナビゲーション文字設定 */
.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;}

/* ----  (2-3) font ----- */
.container {background-color:#fefee4;}
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;}
/* table th{ background-color: #fefee4; color: #903 }
table td{ background-color: #fefee4; } 20201107*/

/*--------------------------------------------------------
  (3) レイアウト設定 01
--------------------------------------------------------*/

/* 背景設定 */
.layoutset-01{}
.layoutset-01 .wrapper{ float: right;  width: 689px;    margin: 2px;}
.layoutset-01 .headerLogo{float: left; width : 224px;    height : 179px;}
.layoutset-01 .title{ float: right; right: 0px; top: 6px;}

.layoutset-01 .nav  {width : 241px;}
.layoutset-01 .aside{float: left;    width : 241px;    margin: 0 ;margin-left: 10px;}
.layoutset-01 td{border-color: #990;border-width: 2px;} 

.layoutset-01 .box{margin: 0 auto;width:240px;height:auto;background:#fff;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}

/*--------------------------------------------------------
  (4) レイアウト設定 02
--------------------------------------------------------*/
/* 背景設定 */
.layoutset-02{}
.layoutset-02 .container{ width: 956px;}
.layoutset-02 .wrapper{ float: right; width: 778px; margin: 2px;background-color:#fefee4;}

.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-top-color: #990;  border-left-color: #990;}
.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 th{ background-color: #Fefee4;  border-color: #990;}
.layoutset-02 table td{ background-color: #Fefee4; border-right-color:#990; border-bottom-color: #990;}

/*--------------------------------------------------------
  (5) レイアウト設定 03　展示発表会
--------------------------------------------------------*/
/* 背景設定 */
.layoutset-03{}
.layoutset-03 .wrapper{ float: right;    width: 620px;    margin: 2px;background-color:#fefee4;}
.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 { border-top-color: #990;  border-left-color: #990;}
.layoutset-03 table th{ padding: 2px; text-align:center; background-color: #Fefee4; border-color: #990;}
.layoutset-03 table td{padding: 2px; text-align: left;background-color: #Fefee4;border-right-color: #990; border-bottom-color: #990;}

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