*, *:before, *:after {			/*アスタリスクでボックスサイズをページで一括指定*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }

#photo {
    width: 100%;
    height: 700px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#photo img {
    top: 0;
    left: 0;
    position: absolute;
	 z-index: 10;
	 clear: both;
}

#topphoto {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
#topphoto:before {
    content:"";
    display: block;
    padding-top: 50%; /* 高さを幅の75%に固定 */
}

#topphoto img {
    top: 0;
    left: 0;
    position: absolute;
	 z-index: 10;
	 clear: both;
}

body					{
								width:100%;
								height:100%;
								margin:0px;
								padding:0px;
								background-repeat:no-repeat;
								background-attachment:scroll;
								color:#000000;
								font-size:10px;
								line-height:1.5;
								font-weight:normal;
								animation: fadeIn 3s ease 0s 1 normal;}

								@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

								0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

								100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
							}


header						{										/*ヘッダー*/
								width:100%;
								height: auto;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#292828;
								text-align:center;
								background-repeat:no-repeat;
								background-color:transparent;
								clear:both;}

h1							{
								text-align:left;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 15px;
								color:#555555;
								font-size:100%;
								line-height:1.5;
								font-weight:normal;
								float:left;}

h2							{
								padding:0px;
								margin:0px 0px 0px 0px;
								text-align:center;
								color:#000000;
								font-size:140%;
								font-weight:normal;}

h2.subnav					{
	width: 100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	border-width:0px 0px 2px 0px;
	border-color:#000000;
	border-style:solid;
	text-align:left;
	color:#ff0000;
	font-size:140%;
	line-height: 1.0;
	font-weight:normal;}

h2.toppage			{
								width:100%;
								padding:5px 0px 5px 20px;
								margin:0px 0px 0px 0px;
								border-width:0px 0px 0px 0px;
								border-color:#BD1200;
								border-style:solid;
								display:block;
								background-color:rgb(204,255,153,0.6);
								background-image:url("img/.gif");
								background-repeat:no-repeat;
								color:#000000;
								font-size:160%;
								line-height:1.8;
								font-weight:normal;
								text-align:left;}

h2.subpage			{
								width:100%;
								padding:5px 0px 5px 20px;
								margin:0px 0px 0px 0px;
								border-width:0px 0px 0px 0px;
								border-color:#BD1200;
								border-style:solid;
								display:block;
								background-color:rgb(204,255,153,0.6);
								background-image:url("img/.gif");
								background-repeat:no-repeat;
								color:#000000;
								font-size:140%;
								line-height:1.8;
								font-weight:normal;
								text-align:left;}


h2.link-tytle			{
								text-align:left;
								padding:0px;
								margin:0px 0px 0px 0px;
								color:#ff0000;
								font-size:120%;
								font-weight:normal;}

h3							{						/*$BNW;~$N$*CN$i$;%Z!<%8%?%$%H%k(B*/
								text-align:center;
								padding:0px;
								margin:10px 0px 0px 0px;
								color:#000000;
								font-size:140%;
								font-weight:normal;}

strong					{
								font-weight:normal;}

p	{
	text-align: left;
}


p.topmoji				{										/*$B%H%C%W2hA|FbJ8;z(B*/
								width:px;
								margin-top:20px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 20px 0px 20px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:160%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}
								
p.submoji				{										/*サブページ文字*/
								width:px;
								margin:10px 20px 10px 4%;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;
								clear: both;}

p.submoji2					{											/*サブページ文字2左幅大*/
								width:px;
								margin:10px 20px 10px 6%;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}

p.submoji3					{										/*サブページ文字3左幅大*/
								width:px;
								margin:10px 20px 10px 8%;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}


p.indent				{										/*サブページ文字*/
								padding:0px 0px 0px 1em ;
								margin:0px 0px 0px 0px;
								text-indent: -1em;}


p.indent1				{										/*サブページ文字*/
								width:px;
								margin:10px 20px 10px 4%;
								padding:0px 0px 0px 20px ;
								text-indent: -1em;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}

p.indent2					{											/*サブページ文字2左幅大*/
								width:px;
								margin:10px 20px 10px 6%;
								padding:0px 0px 0px 0px ;
								text-indent: -1em;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}

p.indent3					{										/*サブページ文字3左幅大*/
								width:px;
								margin:10px 20px 10px 8%;
								padding:0px 0px 0px 0px ;
								text-indent: -1em;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:120%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;}


p.namae						{
								padding:0px 0px 0px 0px;
								margin:10px auto 5px auto;
								display: inline-block;
								color:#000000;
								font-size:140%;
								line-height:1.5;
								font-weight:normal;}

p.hyoshita					{
								text-align:left;
								padding:0px 0px 0px 0px;
								margin:0px 150px 10px 200px;
								color:#000000;
								font-size:120%;
								line-height:1.5;
								font-weight:normal;}

p.copy						{
								padding:0px 10px 0px 0px;
								margin:35px 0px 0px 0px;
								font-size:9px;
								text-align:right;
								color:#000000;}

.botan						{
								text-decoration: none;
								}

address.uejusho					{										/*上部ｱﾄﾞﾚｽ*/
								margin-top:0px;
								margin-bottom:0px;
								margin-left:1em;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								color:#000000;
								font-size:80%;
								background-color:transparent;
								float: left;}

address					{										/*住所*/
								margin-top:5px;
								margin-bottom:10px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								font-size: 120%;
								text-align:center;
								color:#000000;
								background-color:transparent;}

span						{
								font-size:80%;}

span.big					{
								font-size:120%;}

span.aka				{										/*赤文字*/
								color:#ff0000;
								font-size:100%;}

span.migi				{										/*migiyosemoji*/
								text-align:right;
								display:block;
								font-size:100%;}

nav							{										/*メニューエリア*/
									width:100%;
									margin:0px 0px 0px 0px;
									padding:0px 0px 0px 0px ;
									border-style:solid;
									border-width:0px 0px 0px 0px ;
									border-color:#999999;
									text-align:center;
									vertical-align: middle;
									position:relative;
									clear: both;
									}
			

									
input#menu-btn-check			{										/*チェックボックス消す*/
								display:none;}

									
.menu						{										/*メニュー*/
								margin:0px 0px 2px 0px;
								padding:0px;
								display:flex;
								width:100%;
								height:30px;
								border-style:solid;
								border-width:0px 0px 0px 1px;
								border-color:#cccccc;
								color:#333333;
								text-align:center;}


.topmenu					{										/*メニュー*/
								margin:0px 0px 2px 0px;
								padding:auto;
								display:flex;
								position: absolute;
									top: 80;
									left: 0;
								width:100%;
								height:30px;
								border-style:solid;
								border-width:0px 0px 0px 1px;
								border-color:#cccccc;
								color:#333333;
								text-align:center;}

.leftbar					{										/*左ボタン1*/
	background: transparent;
	margin:0px auto 0px auto;
	padding:8px 0px 0px 0px;
	display:block;
	position:relative;
	z-index:0;
	width:70px;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#333333;
	font-size:11px;
	line-height:1.2;
	float:left;
	text-align:center;
	text-decoration:none;}

.leftbar::before					{										/*左ボタン1*/
	background: -moz-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	left:0;
	top: 0;
	width:70px;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#333333;
	transition:1s;}

.leftbar::after				{										/*左ボタン*/
	width: 70px;
	opacity: 0.5;
	background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-2;
	left:0;
	top: 0;
	width:70px;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;}

.leftbar:hover:before{
  opacity:0;
}

								
.leftbar2		{										/*左ボタン2*/
								background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								margin:0px auto 0px auto;
								padding:8px 0px 0px 0px;
								display:block;
								width:auto;
								min-width: 70px;
								height:30px;
								border-style:solid;
								border-width:0px 0px 0px 1px;
								border-color:#cccccc;
								color:#ffffff;
								font-size:11px;
								line-height:1.2;
								float:left;
								text-align:center;
								text-decoration:none;}


.centerbar	{										/*センターボタン*/
								background: transparent;
								margin:0px auto 0px auto;
								padding:8px 0px 0px 0px;
								display:block;
								position: relative;
								z-index:0;
								width: 100%;;
								height:30px;
								border-style:solid;
								border-width:0px 0px 0px 1px;
								border-color:#cccccc;
								color:#333333;
								font-size:11px;
								line-height:1.2;
								float:left;
								text-align:center;
								text-decoration:none;}
								

.centerbar::before				{										/*センターバー*/
	background: -moz-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;
	transition: 1s;
}


.centerbar::after				{										/*センターバー*/
	width: 70px;
	opacity: 0.5;
	background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-2;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;}

.centerbar:hover:before{
  opacity:0;
}


.centerbar2	{										/*センターボタン*/
								background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								margin:0px auto 0px auto;
								padding:8px 0px 0px 0px;
								display:block;
								width:auto;
								min-width: 70px;
								height:30px;
								border-style:solid;
								border-width:0px 0px 0px 1px;
								border-color:#cccccc;
								color:#ffffff;
								font-size:11px;
								line-height:1.2;
								float:left;
								text-align:center;
								text-decoration:none;}


.rightbar	{										/*右端メニューボタンン*/
	background: transparent;
	margin:0px auto 0px auto;
	padding:8px 0px 0px 0px;
	display:block;
	position: relative;
	z-index:0;
	width: 100%;;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#cccccc;
	color:#333333;
	font-size:11px;
	line-height:1.2;
	float:left;
	text-align:center;
	text-decoration:none;}
	

.rightbar::before				{										/*右端メニューボタン*/
	background: -moz-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;
	text-decoration:none;
	transition: 1s;
}


.rightbar::after				{										/*右端メニューボタン*/
	background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
	content:"";
	display:block;
	position:absolute;
	z-index:-2;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;
	text-decoration:none;}

.rightbar:hover:before{
  opacity:0;
}
.rightbar2	{										/*右端メニューボタン*/
								background: -moz-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: -webkit-linear-gradient(bottom,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								background: linear-gradient(to top,rgb(255, 199, 120,0.7), rgb(255, 255, 255,0.7));
								margin:0px auto 0px auto;
								padding:8px 0px 0px 0px;
								display:block;
								width:auto;
								min-width: 70px;
								height:30px;
								border-style:solid;
								border-width:0px 1px 0px 1px;
								border-color:#cccccc;
								color:#ffffff;
								font-size:11px;
								line-height:1.2;
								float:left;
								text-align:center;
								text-decoration:none;}


.kakosakuhin	{										/*過去ギャラリーボタン*/
								background: transparent;
								margin: 5px 0px 0px 20px;
								padding:8px 4px 0px 4px;
								display:block;
								position: relative;
								z-index:0;
								width:auto;
								min-width: 70px;
								height:30px;
								border-style:solid;
								border-radius: 10px;
								border-width:1px 1px 1px 1px;
								border-color:#cccccc;
								color:#333333;
								font-size:11px;
								line-height:1.2;
								float:left;
								text-align:center;
								text-decoration:none;}
								

.kakosakuhin::before				{										/*過去ギャラリーボタン*/
	background: -moz-linear-gradient(top,rgba(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(top,rgb(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to bottom,rgb(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	margin:0px 0px 0px auto;
	padding:12px 4px 0px 4px;
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-radius: 10px;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;
	font-size:11px;
	line-height:1.2;
	float:left;
	text-align:center;
	text-decoration:none;
	transition: 1s;
}


.kakosakuhin::after				{										/*過去ギャラリーボタン*/
	width: 70px;
	opacity: 0.5;
	background: -moz-linear-gradient(bottom,rgb(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	background: -webkit-linear-gradient(bottom,rgb(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	background: linear-gradient(to top,rgb(85, 255, 156, 0.7), rgb(255, 255, 255,0.7));
	margin:0px 0px 0px auto;
	padding:12px 4px 0px 4px;
	content:"";
	display:block;
	position:absolute;
	z-index:-2;
	left:0;
	top: 0;
	width:100%;
	min-width: 70px;
	height:30px;
	border-style:solid;
	border-radius: 10px;
	border-width:0px 0px 0px 1px;
	border-color:#cccccc;
	color:#ff0000;
	font-size:11px;
	line-height:1.2;
	float:left;
	text-align:center;
	text-decoration:none;}

.kakosakuhin:hover:before{
  opacity:0;
}


ul.rinen					{
								padding:0px 0px 0px 0px;
								margin:0px 2% 0px 5em;
								list-style-type: none;
								border-width:0px 0px 0px 0px;
								text-align:left;
								color:#000000;
								line-height:1.5;
								font-weight:normal;}

ul.rinen li					{
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 410px;
								border-width:0px 0px 0px 0px;
								border-style:dotted;
								text-align:left;
								color:#000000;
								font-size:120%;
								line-height:1.5;
								font-weight:normal;}
ol.rinen					{
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 3em;
								border-width:1px 1px 1px 1px;
								text-align:left;
								color:#000000;
								line-height:1.5;
								font-weight:normal;}

ol.rinen li					{
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px 0px 0px 0px;
								border-style:dotted;
								text-align:left;
								color:#000000;
								font-size:100%;
								line-height:1.5;
								font-weight:normal;}


ul.about					{
								padding:0px 0px 0px 0px;
								margin:20px 50px 10px 50px;
								border-width:1px 1px 1px 1px;
								border-style:solid;
								border-color:#666666;
								background-color:#ffffcc;
								text-align:left;
								color:#000000;
								line-height:1.5;
								font-weight:normal;}

ul.about li					{
								border-width:0px 0px 0px 0px;
								border-style:dotted;
								background-color:#ffffcc;
								padding:0px 0px 0px 0px;
								margin:5px 20px 10px 50px;
								text-align:left;
								color:#000000;
								font-size:12px;
								line-height:1.5;
								font-weight:normal;}


a.none						{							/*リンク装飾無し*/
								color: inherit;
								text-decoration:none;}

a.botan					{										/*メニューボタン*/
								display: block;
								width: 100%;
								text-decoration:none;}

a.mail						{
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								color:#0000ff;
								font-size:12px;
								line-height:1.2;
								font-weight:normal;
								text-align:center;
								text-decoration:none;}

a.mail:hover		{
								color:#ff0000;}


a.corp					{										/*CTBリンク*/
								border-width:0px;
								margin:0px 0px 0px 0px;
								padding:0px;
								display:inline;
								color:#000000;
								line-height:1.2;
								text-align:right;
								vertical-align:middle;
								text-decoration:none;}

.dropshadow					 {									/*ドロップシャドウ*/
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								}
							
								
figure						{
								display: inline-block;
								}

figcaption					{
								text-align: center;
								font-size:120%;}

img							{
								padding:0px;
								margin:0px;
								border-width:0px;}

img.yajirushi				{										/*$B<L??(B*/
								padding:0px 0px 0px 0px;
								margin:10px 0px 0px 0px;
								border-width:0px;}

img.pic1				{										/*$B<L??(B*/
								padding:0px 0px 0px 0px;
								margin:20px 0px 20px 0px;
								border-width:0px;}

img.logopic01				{										/*ロゴ1*/
								padding:0px 0px 0px 0px;
								margin:10px 0px 20px 5%;
								border-width:0px;
								width:px;
								height:100px;
								background-color: #ffffff;
								opacity: 1;
								float:left;
								clear: both;}

img.logopic02				{										/*$B%m%4(B2$B=D(B*/
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px;
								width:135px;
								height:600px;
							    background-color: rgba(128,128,0,0.5);
								position:absolute;
  								left: 0px;
								bottom: 0px;
								z-index: 20;}

img.toppic1				{										/*$B<L??(B*/
								width:100%;
								height:100%;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								float:left;}

img.toppic2				{										/*$B<L??(B*/
								width:100%;
								height:auto;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								float:left;}

img.toppic3				{										/*$B<L??(B*/
								width:100%;
								height:100%;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;}

img.aboutpic				{										/*概要ページ写真*/
	width:400px;
	padding:0px 0px 0px 0px;
	margin:20px 20px 20px 20px;
	display: block;
	border-width:0px;
	border-style:solid;
	border-color:#cccccc;
	float:left;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
}

img.pic4{										/*商品写真・ポストカード*/
	max-width:90%;
	max-height: 90%;
	padding:0px 0px 0px 0px;
	margin:10px auto 10px auto;
	display: flex;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
}
figure.pic5					{										/*防災訓練*/
								display: block;
								padding:0px 0px 0px 0px;
								margin:0px auto 10px auto;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								width:auto;
								float:auto;} 

img.pic5					{										/*防災訓練*/
								padding:0px 0px 0px 0px;
								margin:0px auto 0px auto;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								width:auto;
								float:auto;}


img.pic6					{										/*防災訓練*/
								width:350px;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;}


figure.riyou6					{										/*防災訓練*/
								width:px;
								padding:0px 0px 0px 0px;
								margin:20px 0px 0px 30px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								text-align: center;
								display: flex;}

figure.riyou6 figcaption	{
								position: relative;
									top:-30px;
									left:230px;
								text-align: center;
								font-size:120%;}

figure.riyou7					{										/*店頭販売*/
								width:px;
								padding:0px 0px 0px 0px;
								margin:20px 0px 0px 30px;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								text-align: center;
								display: flex;}

figure.riyou7 figcaption	{
								position: relative;
									top:-30px;
									left:230px;
								text-align: center;
								font-size:120%;}



img.pic7					{										/*300px ふわっとフェイドイン*/
								padding:0px 0px 0px 0px;
								margin:10px 20px 0px 0%;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								width:300px;
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								float:left;
								opacity : 0;
								transform: translateY(20px);
								transition: all 1s;
							  }


figure.pic8					{
								display: flex;
								margin:0px auto 20px auto;
								width:80%;	
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
							}

img.pic8					{										/*幅30% ふわっとフェイドイン*/
								padding:0px 0px 0px 0px;
								margin:20px auto 0px auto;
								border-width:0px;
								border-style:solid;
								border-color:#cccccc;
								width:30%;
								display: flex;
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								float:left;
								opacity : 0;
								transform: translateY(20px);
								transition: all 1s;
							  }

img.pic9					{	/*トップページ宇多野ユースホステル写真*/
	width:30%;
	padding:0px 0px 0px 0px;
	margin:20px auto 0px auto;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s 0s ease;
  }

img.new					{		/*new*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float: left;
  }



img.sashimonocho			{										/*指物町写真*/
								padding:0px 0px 0px 0px;
								margin:10px 20px 20px 4%;
								border-width:1px;
								border-style:solid;
								border-color:#cccccc;
								width:200px;
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								float:left;}
img.higashisawaragi			{										/*東椹木町写真*/
	padding:0px 0px 0px 0px;
	margin:10px 20px 20px 4%;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	width:200px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	float:left;
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
}

img.goods					{										/*商品ページ商品写真サムネイル*/
	padding:0px;
	margin:0px auto 0px auto;
	width:auto;
	height:200px;
	border-width:0px;
	transition: all 0.5s 0s ease;}
	
img.goods:hover					{opacity: 0.5;}

img.yasai					{	/*野菜*/
	width: 40%;
	padding:0px 0px 20px 0px;
	margin:20px auto 0px auto;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	float: left;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transform: translateY(20px);
	transition: all 1s 0s ease;
  }


.centerpic					{	/*画像中心％指定*/
	width: 90%;
	padding:0px 0px 20px 0px;
	margin:20px auto 0px auto;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transform: translateY(20px);
	transition: all 1s 0s ease;
  }

  .justcenterpic					{	/*画像中心％指定ドロップシャドウなし*/
	width: 90%;
	padding:0px 0px 10px 0px;
	margin:0px auto 0px auto;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	opacity : 1;
	transform: translateY(20px);
	transition: all 1s 0s ease;
  }

.newshidari					{	/*inbox3左画像設定*/
	width: 40%;
	max-width: 450px;
	padding:0px 20px 20px 0px;
	margin:0px auto 0px auto;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	float: left;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transform: translateY(20px);
	transition: all 1s 0s ease;
  }


								
.newsmigi					{/*inbox3右設定*/
	padding:0px 0px 0px 0px;
	margin:0px 2% 0px 40%;
	list-style-type: square;
	border-width:0px 0px 0px 0px;
	text-align:left;
	color:#000000;
	line-height:1.5;
	font-weight:normal;}

img.link-pic			{
								padding:0px;
								margin:0px;
								width:160px;
								border-width:0px;}

img.sogo				{
								padding:0px;
								margin:0px;
								width:auto;
								max-width: 200px;
								max-height:auto;
								border-width:0px;
								transition: all 0.5s 0s ease;}
								
img.sogo:hover					{opacity: 0.5;}


img.sakuhingazo{										/*商品写真・ポストカード*/
	max-width:250px;
	max-height: 250px;
	padding:0px 0px 0px 0px;
	margin:10px auto 10px auto;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
}

img.sakuhingazo2{										/*商品写真・ポストカード*/
	max-width:200px;
	max-height: 200px;
	padding:0px 0px 0px 0px;
	margin:10px auto 10px auto;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
}


table						{
								border-style:solid;
								border-collapse:collapse;}

td							{	
								text-align:center;
								vertical-align:middle;}

								
td.migi						{						/*右寄せ*/
								text-align:center;		
								vertical-align:middle;}

								
td.hidari					{						/*左寄せ*/
								text-align:center;
								vertical-align:middle;}

table.gaiyou01				{
								width:80%;
								padding:0px 0px 0px 0px;
								margin:0px auto 0px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.gaiyou01 td			{
								width:auto;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}


table.gaiyou01 td.hidari			{
								width:25%;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								background-color: #cccccc;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}


table.rekishi				{										/*沿革*/
								margin:20px auto 20px auto;
								width:50%;
								border-width:1px;
								border-style:solid;
								border-collapse:collapse;
								border-color:#666666;
								background-color:#ffffff;}

table.rekishi td			{										
								width:px;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 0px 1px 0px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:12px;
								color:#000000;
								text-align:left;
								vertical-align:top;}

table.rekishi td.nen		{
								width:20%;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 0px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:12px;
								color:#000000;
								text-align:left;
								vertical-align:top;}
table.rekishi td.getsu		{
								width:20%;
								padding:10px 10px 10px 0px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 0px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:12px;
								color:#000000;
								text-align:left;
								vertical-align:top;}


table.timetable				{
								width:40%;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 40px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;
								float: left;}

table.timetable td.timetable01	{
								width:px;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:120%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}


table.shisetsu01				{						/*施設*/
								width:60%;
								padding:0px 0px 0px 0px;
								margin:0px auto 0px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;
								float:auto;}
table.shisetsu01 td			{
								width:auto;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}


table.shisetsu01 td.hidari	{
								width:auto;
								padding:5px 0px 5px 20px;
								margin:0px 0px 0px 0px;
								background-color: #cccccc;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:left;
								vertical-align:top;}

table.stuff-haichi			{						/*リーフスタッフの配置*/
								width:80%;
								padding:10px 10px 10px 10px;
								margin:0px auto 0px auto;
								border-style:solid;
								border-collapse: collapse;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:16px;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.stuff-haichi td.haichi01	{					/*リーフスタッフの配置*/
									width:250px;
									padding:10px 10px 10px 10px;
									margin:0px 0px 0px 0px;
									border-style:solid;
									border-collapse: collapse;
									border-width:1px 1px 1px 1px;
									border-color:#666666;
									background-color:#ffffff;
									font-size:16px;
									color:#000000;
									text-align:center;
									vertical-align:top;}



table.stuff-haichi td.haichi02	{					/*リーフスタッフの配置2*/
									width:10%;
									padding:10px 10px 10px 10px;
									margin:0px 0px 0px 0px;
									border-style:solid;
									border-collapse: collapse;
									border-width:1px 1px 1px 1px;
									border-color:#666666;
									background-color:#ffffff;
									font-size:16px;
									color:#000000;
									text-align:center;
									vertical-align:top;}

table.madoguchi01				{
								width:80%;
								padding:0px 0px 0px 0px;
								margin:0px auto 0px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}
table.madoguchi01 td			{
								width:auto;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}


table.madoguchi01 td.hidari			{
								width:auto;
								padding:5px 0px 5px 20px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:left;
								vertical-align:top;}

table.madoguchi02				{
								width:60%;
								padding:0px 0px 0px 0px;
								margin:20px auto 0px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.madoguchi02 td			{
								width:auto;
								padding:5px 0px 5px 0px;
								margin:0px auto 0px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}


table.service01				{
								width:80%;
								padding:0px 0px 0px 0px;
								margin:0px auto 20px auto;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.service01 td			{
								width:auto;
								padding:5px 10px 5px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}

table.service01 td.hidari	{
								width:auto;
								padding:5px 10px 5px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:left;
								vertical-align:middle;}


table.service01 td.ue01			{
								width:30%;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								background-color: #cccccc;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.service01 td.ue02			{
								width:auto;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								background-color: #cccccc;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.service01 td.ue03			{
								width:15%;
								padding:5px 0px 5px 0px;
								margin:0px 0px 0px 0px;
								background-color: #cccccc;
								border-style:solid;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}

table.sakuhin				{							/*作品欄*/
								width:100%;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;}



table.sakuhin td.setsumei	{							/*作品説明欄*/
								width:250px;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:16px;
								color:#000000;
								text-align:center;
								vertical-align:top;}


td.sakuhinpic	{							/*作品写真表示欄*/
								width:220px;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:0px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:20px;
								color:#ff0000;
								text-align:left;
								vertical-align:top;}


table.shop				{							/*商品テーブル欄*/
								width:20%;
								max-width: 200px;
								height: auto;
								padding:5px 5px 5px 5px;
								margin:10px 10px 10px 10px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:transparent;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;
								float: left;}

table.shop td				{							/*商品説明欄*/
								width:100%;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:140%;
								color:#000000;
								text-align:center;
								vertical-align:top;}


table.shoptop				{							/*商品トップページ欄*/
								width:90%;
								height: px;
								padding:5px 5px 5px 5px;
								margin:10px 10px 10px 10px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:transparent;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:top;
								float: left;}

table.shoptop td				{							/*商品トップページ説明欄*/
								width:auto;
								padding:10px 10px 10px 10px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:140%;
								color:#000000;
								text-align:center;
								vertical-align:top;}



table.yasai-list				{							/*野菜リスト*/
								width:50%;
								padding:0px 0px 0px 0px;
								margin:40px auto 0px auto;
								border-style:solid;
								border-width:1px;
								border-color:#666666;
								background-color:#ffffff;
								font-size:140%;
								color:#000000;
								text-align:left;
								vertical-align:top;
}

table.yasai-list td.yasainamae					{
	width:auto;
	padding:5px 5px 5px 5px;
	text-align:left;
	vertical-align:top;
}
table.yasai-list td.yasainedan					{
	width:20%;
	padding:5px 5px 5px 5px;
	text-align:left;
	vertical-align:top;
}

table.pctate	{										/*ポストカードテーブル（縦）*/
	width: 300px;
	height: 350px;
	padding:10px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #cccccc;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	float: left;
}



td.pcpic				{							/*ポストカード欄（縦）*/
	width:100%;
	height: 300px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.number				{							/*ポストカード欄（ナンバー）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.namae				{							/*ポストカード欄（名前）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.sakuhin				{							/*ポストカード欄（作品）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.shurui				{							/*ポストカード欄（種類・分類）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.sonota1				{							/*ポストカード欄（その他1）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.sonota2				{							/*ポストカード欄（その他2）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}

td.sonota3				{							/*ポストカード欄（その他3）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
	vertical-align:bottom;
}


table.link				{							/*リンク*/
								width:80%;
								border-width:0px 0px 0px 0px;
								border-style:solid;
								border-collapse:collapse;
								border-color:#000000;
								background-color:transparent;
								padding:0px;
								margin-left:auto;
								margin-right:auto;
								margin-top:20px;
								margin-bottom:30px;}

table.link td			{
								padding:10px 10px 10px 10px;
								margin-top:auto;
								margin-top:auto;
								margin-left:auto;
								margin-right:auto;
								border-style:solid;
								border-width:1px 0px 0px 0px;
								border-color:#000000;
								background-color:transparent;
								font-size:100%;
								color:#000000;
								text-align:left;
								vertical-align:middle;}

								
table.link td.hidari			{
								width: 30%;
								padding:10px 10px 10px 10px;
								margin-top:auto;
								margin-top:auto;
								margin-left:auto;
								margin-right:auto;
								border-style:solid;
								border-width:1px 0px 0px 0px;
								border-color:#000000;
								background-color:transparent;
								font-size:100%;
								color:#000000;
								text-align:center;
								vertical-align:middle;}


iframe						{
								background-color: transparent;}

iframe#yoyaku				{
								width:550px;
								height:620px;
								padding:0px 0px 0px 0px;
								margin:20px 0px 0px 0px;
								border-style:solid;
								border-collapse:collapse;
								border-width:0px 0px 0px 0px;
								border-color:#666666;
								color:#000000;
								font-size:10px;
								line-height:1.5;
								font-weight:normal;
								text-align:left;}
		
content					{										/*コンテンツ*/
								width:100%;
								height:auto;
								padding:10px 0px 20px 0px;
								margin:0px 0px 0px 0px;
								border-style:solid;
								border-width:0px;
								border-color:#000000;
								background-repeat:repeat-y;
								background-color:transparent;
								text-align: center;
								color:#000000;
								clear:both;}

div								{
								border-width:0px;
								padding:0px;
								margin:0px;}

div.cover				{										/*カバー*/
								width:100%;
								margin-top:0px;
								margin-bottom:10px;
								margin-left:0;
								margin-right:0;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:center;
								background-image:url("../img/bg01.png"),url(../img/bg02.png);
								background-position: right top,left bottom;
								background-repeat:no-repeat;
								background-color: transparent;
								overflow: hidden; }

div.box1					{										/*ボックス1*/
	width:100%;
	height:auto;
	display: flex;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #000000;
	background-color:rgba(255, 255, 255, 0);
	color:#000000;
	text-align: center;
	clear: both;
}

div.box2					{		/*トップページボックス2*/
	width:100%;
	height:auto;
	display: flex;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #000000;
	background-color:rgb(189, 66, 66);
	color:#000000;
	text-align: center;
	clear: both;
}

div.inbox1 				{			/*ボックス内のボックス1*/
	width:30%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
	float: left;
}

	.inbox1 ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
	  }

			li{
			margin:0px 0px 10px 0em;
		}
			dt{						/*箇条書き横並び用CSS*/
			margin:0px 0px 10px 10px;
			float: left;
			text-align: left;
		}
		
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
		}

div.inbox1top 				{			/*ボックス内のボックス1ページトップオープン時表示用*/
	width:30%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transform: translateY(0px);
	transition: all 1s;
	float: left;
}

	.inbox1top ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
	  }

			li{
			margin:0px 0px 10px 0em;
		}
			dt{						/*箇条書き横並び用CSS*/
			margin:0px 0px 10px 10px;
			float: left;
			text-align: left;
		}
		
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
		}

	.inbox1top img{						/*箇条書き用CSS*/
		max-width:100%;
	  }


div.inbox2 				{			/*ボックス内のボックス2*/
	width:46%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
	float: left;}

	.inbox2 ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
		text-align: left;
	  }
	  
			li{
			margin:0px 0px 10px 2em;
			text-align: left;
		}
			dt{						/*箇条書き横並び用CSS*/
	margin:0px 0px 10px 10px;
	float: left;
	text-align: left;
			}
			
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
			}

div.inbox2top 				{			/*ボックス内のボックス2ページトップオープン時表示用*/
	width:46%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	float: left;}

	.inbox2 ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
		text-align: left;
	  }
	  
			li{
			margin:0px 0px 10px 2em;
			text-align: left;
		}
			dt{						/*箇条書き横並び用CSS*/
	margin:0px 0px 10px 10px;
	float: left;
	text-align: left;
			}
			
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
			}

div.inbox3 				{			/*ボックス内のボックス3*/
	width:98%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
	float: left;}

	.inbox2 ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
		text-align: left;
	  }
	  
			li{
			margin:0px 0px 10px 2em;
			text-align: left;
		}
			dt{						/*箇条書き横並び用CSS*/
	margin:0px 0px 10px 10px;
	float: left;
	text-align: left;
			}
			
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
			}
			

div.inbox3top 				{			/*ボックス内のボックス2ページトップオープン時表示用*/
	width:98%;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 160%;
	text-align: center;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	float: left;}

	.inbox2 ul{						/*箇条書き用CSS*/
		margin:0px 0px 10px 0px;
		float: left;
		text-align: left;
	  }
	  
			li{
			margin:0px 0px 10px 2em;
			text-align: left;
		}
			dt{						/*箇条書き横並び用CSS*/
	margin:0px 0px 10px 10px;
	float: left;
	text-align: left;
			}
			
			dd{
			margin:0px 0px 10px 6em;
			text-align: left;
			}

		  
div.subpage				{										/*サブページ*/
								width:980px;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:center;
								display: flex;
								align-items: center;
								justify-content: center;
    							position:relative;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:transparent;
								clear:both;}
div.newswaku				{										/*$B%K%e!<%9OH(B*/
								width:80%;
								height:100%;
								overflow-y:scroll;
								padding:0px 0px 0px 0px;
								margin-top:20px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								border-style:solid;
								border-collapse:collapse;
								border-width:1px 1px 1px 1px;
								border-color:#666666;}

div.gallery					{					/*活動取り組みページギャラリーの範囲指定*/
								width:80%;
								padding:0px 0px 0px 0px;
								margin-top:20px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								border-style:solid;
								border-collapse:collapse;
								border-width:1px 1px 1px 1px;
								border-color:#666666;
}
div.pop1					{
								border-width:0px;
								padding:0px;
								margin:0px;}

footer						{										/*フッター*/
								height:auto;
								padding:20px 5px 0px 5px;
								margin:40px 0px 0px 0px;
								font-size: 100%;
								border-style:solid;
								border-color:#eeeeee;
								border-width:1px 0px 0px 0px;
								background-image:url("img/.png");
								background-position: left bottom;
								background-repeat:no-repeat;
								background-color: transparent;
								color:#000000;
								text-align:center;
								clear:both;}

div.fix						{										/*段組みクリア*/
								border-style:solid;
								border-width:0px;
								height:0px;
								padding:0px 0px 0px 0px;
								margin:0px 0px 0px 0px;
								clear:both;
								background-color: rgba(114, 252, 22, 0.4);}





/* ここから下はふわっと浮き上がるフェイドインのCSS設定（単体・未使用） */

.ukiage {
    animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}




					/*JQueryのCSS*/
#page-top{
 
position: fixed;
 
right: 20px;
 
z-index: 1041;
 
width: 40px;
 
height: 40px;
 
background: #323232;
 
text-align: center;
 
border-radius: 5px 5px 0 0;
 
color: #e8e8e8;
 
}


/* ここから下はJQueryのCSS設定 */

/* Slickスライダー1　作業の様子(左方向へオートで3画像表示) */
/* スライダーのサイズと配置を指定しています。 */
.seisoupic{
    width: 60%;
    height: auto;

    margin: 0 auto; /* 横方向に中央寄せします。 */
}

/* スライダーで表示する画像のサイズを指定しています。 */
.seisoupic div img{
    width: 92%;
	height: auto;
	margin: 2% 4% 2% 4%;
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
}


/* ページTOPに戻る(ただのjs) */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #7db4e6;
    border-radius: 50%;
    line-height: 50px;
	text-decoration: none;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
	line-height: 50px;
}



/* JqueryのCSS設定ふわっと1 */
.fadein {
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
  }

  
/* featherlightポップアップ表示部分非表示設定 */
.nopic {
	display: none;
}


.container {		/*Jquery　Mixitupソート機能CSS*/
	padding:2%;
	text-align:justify;
}

.container .mix,
.container .gap {
	display: inline-block;
	margin:10px 10px 10px 10px;
	border-style:solid;
	border-width:0px;
	border-color: #f20d0d;
	vertical-align: top;
}

#Container .mix {
	display:none;
}

p.number				{							/*ポストカード欄（ナンバー）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.namae				{							/*ポストカード欄（作者名前）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.sakuhin				{							/*ポストカード欄（作品名）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.shurui				{							/*ポストカード欄（種類・分類）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.date				{							/*ポストカード欄（年月日）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.sonota1				{							/*ポストカード欄（その他1）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.sonota2				{							/*ポストカード欄（その他2）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}

p.sonota3				{							/*ポストカード欄（その他3）*/
	width:100%;
	height: auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#666666;
	background-color:#ffffff;
	font-size:100%;
	color:#000000;
	text-align:center;
}