@charset "UTF-8";
/* ************************************************************ */

@import url(BackToTopButton.css);

body {
	background-image: url(../images/wallppr023.gif);
/*
	background-image: url(../images/wallppr043.gif);
	background-image: url(../images/wallppr013.gif);
	background-image: url(../images/wallppr023.gif);
	background-image: url(../images/wallppr033.gif);
	background-image: url(../images/wallppr089.gif);
*/
	background-attachment: fixed;
	color: #202020;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
p {font-size: 16px;}
img {max-width:100%; height:auto;border: none;}
div,section {border: none;}

/* リンク */
A { text-decoration: none; color: blue; cursor: pointer; }
A:link { color: blue; } 
A:visited { color: green; } 
A:hover { color: red; } 
A:active { color: red; } 
.mail A { text-decoration: none; color: blue; }
.mail A:link { color: 00FFFF; } 
.mail A:visited { color: #cccccc; } 
.mail A:hover { color: red; } 
.mail A:active { color: red; } 
.cursor_pointer { cursor: pointer; }
/* ライン */
hr {
  color: #00ffff;
  width: 100%;
}
/* リスト */
/*
.list {
  margin:2px;
  padding:2px;
}
*/
/* 印刷用改行 */
.break {
  page-break-before: always;
} 
#container {
	background-color: white;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;}
	
marquee {
	width: 99%;
	color: #990000;
	font-weight: bold;
	font-size: 12px;}
	
header, footer {color: #eee; background-color: #1F0D7E;}

#container_inner {
	background-color: white;
	margin: 0 auto;
	padding: 0px;}

#header {
	overflow: hidden;
	background-color: #1f0d7e;
	width: 100%;
	height: 90px;
	margin: 0px auto 0px;
	padding: 0px;}

#main {
	background-color: white;
	width: 100%;
	text-align: center;
	margin: 0px auto 0px;
	padding: 0px;}
#main hr {
	width: 98%;}
#main_center {
	background-color: white;
	width: 100%;
	text-align: center;
	marggin:0 auto;
	padding:0px;}

.header:after {content: "";
	display: block;
	clear: both}

	
.header_title {
	color: white;
	float: left;
	width: 70%;
	background-color: #1F0D7E;
	text-align: center;
	margin-top: 25px;}

#common_left{
	margin: 0 auto;
}
#common_left table{
	margin: 0 auto;
	border:0 #00ffff solid; width:200px;
}

/* メール画像 */
.mail {
  font-size: 11px;color:#ffffff;}
/* フッター */
footer,
.footer_container {
	padding: 20px 20px;}


/* フッターA： サイト情報 */
.footerA {
	margin-bottom: 30px;}

.footerA h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;}

.footerA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 11px;}

.footerA a {
	color: white;
	text-decoration: none;}


/* フッターB： フッターメニュー */
.footerB div {
	margin-bottom: 20px;}

.footerB h3 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;}

.footerB ul {
	margin: 0;
	padding: 0;
	list-style: none;}

.footerB a {
	line-height: 30px;
	display: block;
	padding: 5px;
	color: white;
	font-size: 12px;
	text-decoration: none;}

.footerB a:hover {
	line-height: 30px;
	background-color: rgba(0,0,0,0.3);}
	
#footer_map {
	overflow: hidden;
	text-align: center;
	background-color: #1f0d7e;
	color: #eee;
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
	font-size: 10px;}

/* トップキャッチ愛 */
.header_catcheye h1 {display: none;
	width: 100%;
	font-size: 6px;
	color: #eee;
	background-color: #1F0D7E;
	text-align: center;
	margin: 0 auto;
	padding: 0;}
	
#shinchaku{width: 100%;margin: 0 auto;}
#schedule{width: 230px;margin: 0 auto;}

#shinchakuIF{
    width: 100%;
    height: 421px;
}
#scheduleIF{
    width: 230px;
    height: 237px;
    margin:0;
    padding:0;
}

.top_menu {
	font-size: 9px;
	background-color: #1F0D7E;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 100%;
}
.top_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top_menu li {
	line-height: 30px;
	float: left;
	width: 50%;
	font-size: 11px;
/*	text-align: left;*/
}
.top_menu li a {
	display: block;
	padding: 5px;
	color: white;
	text-decoration: none;}

.top_menu a:hover {
	background-color: rgba(0,0,0,0.3);}

.top_menu:after {content: "";
	display: block;
	clear: both}

#navi{
	width: 199px;
	float: left;
	height: 600px;
	margin: 0;
	padding: 0;
	background-color: white;
	text-align: left;
}
#navi h3.sub_title {
	width: 100%;
	background-color: #99aadd; /*#00FFFF;*/
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 5px;
}
#navi p{
	font-size: 12px;
	color: #43693f;
	background : url(../images/navibg1_3.gif) no-repeat 0px 0px;
	text-indent: 15px;
	margin: 0;
	padding: 0;
}
#navi ul{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 199px;
	clear:left;
}

#navi li {
	margin: 0;
	padding: 0;
	line-height: 25px;
	display: inline-block;
	width: 199px;
	display: inline;
}

#navi li a {
	text-decoration: none;
	display: block;
	line-height: 25px;
}

#navi li a:link 				{ font-size: 12px; color: #43693f; background : url(../images/navibg1_1.gif) no-repeat 0px 0px; text-indent: 15px;}
#navi li a:visited			 	{ font-size: 12px; color: #43693f; background : url(../images/navibg1_1.gif) no-repeat 0px 0px; text-indent: 15px;}
#navi li a:hover 				{ font-size: 12px; color: #1e4063; background : url(../images/navibg1_2.gif) no-repeat 0px 0px; text-decoration: none; text-indent: 15px;}
#navi li a:active 				{ font-size: 12px; color: #1e4063; background : url(../images/navibg1_2.gif) no-repeat 0px 0px; text-decoration: none; text-indent: 15px;}

#navi span	    				{ font-size: 10px;}
#navi span a:link  				{ font-size: 10px;}
#navi span a:visited		  	{ font-size: 10px;}
#navi span a:hover  			{ font-size: 10px;}
#navi span a:active  			{ font-size: 10px;}
#navi img{
	margin: 0px;
	padding: 0px;
	float: left;
}

#navi ul ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 199px;
	clear:left;
	background-color: #CCCCFF;
}

#navi li li {
	margin: 0;
	padding: 0;
	line-height: 25px;
	display: inline-block;
	width: 199px;
	display: inline;
}

#navi li li a:link 				{ font-size: 12px; color: #43693f; background : url(../images/navibg2_1.gif) no-repeat 0px 0px; text-indent: 15px;}
#navi li li a:visited			 	{ font-size: 12px; color: #43693f; background : url(../images/navibg2_1.gif) no-repeat 0px 0px; text-indent: 15px;}
#navi li li a:hover 				{ font-size: 12px; color: #1e4063; background : url(../images/navibg2_2.gif) no-repeat 0px 0px; text-decoration: none; text-indent: 15px;}
#navi li li a:active 				{ font-size: 12px; color: #1e4063; background : url(../images/navibg2_2.gif) no-repeat 0px 0px; text-decoration: none; text-indent: 15px;}

.header_logo {
	float: left;
	width: 85px;
	background-color: #1F0D7E;
	margin: 0px 2px 2px 3px;}

/* 公益財団法人 */
.zaidan {
  color:#ffffff;font-size:7px;margin-left:1px;}
/* 周南地域地場産業振興センター */
.ziba {
  font-size:11px;color:#ffffff;}
.shunan {
  color:#ffffff;font-size:7px;margin-left:2px;font-famly:Comic Sans MS;}
.address {
	margin: 0 auto;
	height: 101px;
	font-size: 10px;
	width: 100%;}
.address ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.address li {
	float: left;
	text-align: center;
	width: 100%;
	font-size: 11px;
}

/* QRコード */
.qrcode {
	width: 100%;
	padding: 0 0 0 20px;
	margin: 0 auto;
}
.qrcode ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.qrcode li {
	float: left;
	text-align: left;
	width: 33.33%;
	font-size: 11px;
}
.qrcode li img {
	vertical-align: middle;
}
.qrcode:after {content: "";
	display: block;
	clear: both}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

#footer_map p {
	font-size: 9px;}

}
/* ----------- 599px以下 ----------- */

/* ########### 600px以上 ########### */
@media (min-width: 600px) {
/* トップキャッチ愛 */
.header_catcheye h1 {display: block;font-size: 8px;}

.header_logo {
	float: left;
	width: 85px;
	background-color: #1F0D7E;
	margin: 0px 2px 2px 30px;}

/* 公益財団法人 */
.zaidan {
  color:#ffffff;font-size:12px;margin-left:1em;}
/* 周南地域地場産業振興センター */
.ziba {
  font-size:18px;color:#ffffff;}

.shunan {
  color:#ffffff;font-size:12px;margin-left:2em;font-famly:Comic Sans MS;}

.address {
	height: 101px;
	font-size: 12px;
	width: 100%;}
	
.address li {
	float: left;
	text-align: left;
	width: 50%;
	font-size: 11px;
}

#footer_map p {
	font-size: 10px;}

.footerA h2 {font-size: 20px;}

.footerA p {font-size: 13px;}

.footerB {
	display: flex;}

.footerB div {
	flex: 1;}

.top_menu {
	font-size: 13px;}
.top_menu li {
	font-size: 13px;
	width: 25%;}

}
/* ----------- 600px以上 ----------- */

/* ########### 999px以上 ########### */
@media (min-width: 999px) {
#container {
	width: 1000px;}	

/* トップキャッチ愛 */
.header_catcheye h1 {display: block;
	width: 1000px;
	font-size: 10px;
/*
	color: #eee;
	background-color: #1F0D7E;
	text-align: center;
	margin: 0 auto;
	padding: 0;
*/
	}
	
/* 公益財団法人 */
.zaidan {
	color:#ffffff;font-size:16px;margin-left:5em;}
/* 周南地域地場産業振興センター */
.ziba {
	font-size:22px;color:#ffffff;}

.shunan {
	color:#ffffff;font-size:15px;margin-left:6em;font-famly:Comic Sans MS;}

#footer_map p {
	font-size: 11px;}

#shinchaku{float:left;width: 770px;}
#schedule{float:left;width: 230px;}
#shinchakuIF{
    width: 767px;
    height: 421px;}
#scheduleIF{
    width: 230px;
    height: 237px;
    margin:0;
    padding:0;}
}
/* ----------- 999px以上 ----------- */

/* ************************************************************ */