.im1 {width:0px; height:0px; display:inline; margin:0px; background-image:url("../freecss/item/free1copi1.jpg");}
.im2 {width:0px; height:0px; display:inline; margin:0px; background-image:url("../freecss/item/free2copi1.jpg");}

body {
	margin:0px; padding:0px; background-color:#ffffff; text-align:center; width:100%;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, ƒ�ƒCƒŠƒI, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.contents {margin:0; margin:0 auto; padding:0; max-width:1280px; min-width:888px; background:#fff; text-align:left;}

h1 {margin:0px; padding:0px; color:#000000; font-size:13px; font-weight:normal;}
table {margin:0px; padding:0px; border-collapse:separate;}

div#header {
	margin:0 0 0 0; padding:3px 0 1px 20px;
	background-color:#eee;
	background-image: linear-gradient(#f4f4f4 50%, #eee 50%, #eee);
	border-bottom:solid 1px #e0e0e0;
}
div#block1 {marin:0; padding:0;}
#block1.img {float:left; width:55%;}
.b1_2 {
	float:right;
	text-align:right; padding:110px 30px 5px 0;
	font-size:30px; font-weight:bold;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro" ,"HGS–¾’©E" , "HG–¾’©E" , "‚l‚r ‚o–¾’©", "MS PMincho", serif;
}
div#block2 {
	background-image:url("./item/border03.gif");
	background-repeat:repeat;
	background-position:0px 0px;
	border-top:solid 1px #777777; border-bottom:solid 1px #777777;
}
#block2 table {width:100%;}
td.b2td1 {width:52%; padding:20px 20px 20px 30px; font-size:14px; color:#222222; line-height:150%;}
td.b2td2 {padding:5px 10px; font-size:16px; text-align:center;}

div#block3 {
	text-align:left;
	margin-top:20px;
	padding:10px;
}
#block3 table {width:98%;}
#block3 img {margin-bottom:25px;}
td.b3td1 {
	vertical-align:top; padding:30px 20px;
	width:33%;
	font-size:14px; color:#222222; line-height:150%;
	border-right:solid 1px #777777;
	border-bottom:solid 1px #777777;
	background-color:#F0E7EE;
}
td.b3td2 {
	vertical-align:top; padding:0 20px 30px 20px;
	width:33%;
	font-size:14px; color:#222222; line-height:150%;
	border-right:solid 1px #777777;
	border-bottom:solid 1px #777777;
}
td.b3td3 {
	vertical-align:top; padding:0 20px 30px 20px;
	width:33%;
	font-size:14px; color:#222222; line-height:150%;
	border-right:solid 1px #777777;
	border-bottom:solid 1px #777777;
}

div#block4_1 {
	margin:30px 0 0 0; padding:6px 0 4px 20px;
	font-size:18px; color:#222; font-weight:bold;
	background-color:#dfdfdf;
	background-image: linear-gradient(#eee 50%, #dfdfdf 50%, #dfdfdf);
	border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;
}
div#block4_2 {
	margin:15px 10px 0px 10px; text-align:left;
}
#block4_2 table {width:100%;}
.b4td1 {
	vertical-align:top;
	font-size:17px; color:#fff; font-weight:bold; line-height:140%;
}
.block4_3 {
	padding:8px 0 6px 20px;
	background-color:#9bbb59;
	background-image: linear-gradient(#accc6a 50%, #9bbb59 50%, #9bbb59);
	border-radius:7px;
}
.b4td2 {
	padding:0 15px 0 15px;
	font-size:14px; color:#4fa64b; line-height:150%; font-weight:bold;
	border-bottom:dotted 1px #777777;
}

div#footer {
	text-align:left; margin-top:100px;
	font-size:10px; color:#222222;
}

.clear {margin:0; clear:both;}
A.copy {font-size:10px; color:#222222; text-decoration:none;}
A.toplin1 {color:#000099; text-decoration:none; font-weight:bold;}
A.toplin1:hover {color:#f62; text-decoration:none; font-weight:bold;}



#forTop {
width: 50px;
height: 50px;
position: fixed;
right: 10px;
bottom: 10px;
background: #3c2;
border-radius: 50%;
opacity: 0.6;
}

#forTop::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f102';
font-size: 50px;
color: rgb(255, 255, 255);
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
a#forTop:hover {opacity: 0.8; background: #0b0;}

a.op1a.op1b {
	display:block;
	width:100%;
	margin:0.4em 0; padding:0.4em 0 0.2em 0; text-align:center;
	color:#555; font-size:1.3em; line-height:140%; font-weight:bold; text-decoration:none;
	border-radius:1em/50%;
	-webkit-border-radius:1em/50%;
	-moz-border-radius:1em/50%;
	background: #c0e0b0;
}
.op1a.op1b {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.op1a.op1b::after {
  background: #60e040;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .4s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.op1a.op1b:hover {
  color: #fff;
}
.op1a.op1b:hover::after {
  transform: scale(1, 1);
}

.op1c {
	display:none;
	margin:20px 0; padding:0 0 5em 0;
}

a.opt1a {font-size:1.05em; line-height:170%; color:#17d; font-weight:bold;}
a.opt1a:hover {color:#f82;}
.opt1b {
	display:none;
	margin:20px 0; padding:0 0 2em 0;
}

a.link {font-size:1.05em; line-height:170%; color:#17d; font-weight:bold;}
a.link:after {
	margin: 0 3px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	content: '\f35d';
}
a.link:hover {color:#f82;}



.sns {margin:0; padding:1em 0 0 0; text-align:right;}

.e1 {
	margin:0; padding:0;
	font-size:1.2em; line-height:150%;
}

.e2 {
	margin:0; padding:0;
	font-size:1.6em; line-height:150%; font-weight:bold;
}

p.e3 {
	overflow: hidden; margin:0;
	text-align: center;
	font-size:1.3em; color:#f72; font-weight:bold;
}
p.e3 span.e3a {
	position: relative;
	display: inline-block;
	margin: 0 1.5em;
	padding: 0 1em;
	text-align: left;
}
p.e3 span.e3a::before,
p.e3 span.e3a::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
p.e3 span.e3a::before {
	right: 100%;
}
p.e3 span.e3a::after {
	left: 100%;
}

ul.e4 {margin:0px 0px 0px 0px;}
.e4 li {
	margin:0px 0px 10px -20px; _margin:0px 0px 10px 20px;
	font-size:1em; color:#222; line-height:140%;
}