.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:#fff; text-align:center; width:100%;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container {
	margin:0px; margin:0 auto; padding:0px; text-align:left; max-width:1280px; min-width:888px;
	background-color:#fff; font-size:14px; color:#222; line-height:140%;
}


A.copy {font-size:10px; color:#999; text-decoration:none;}
A.toplin1 {color:#222; text-decoration:none;}
A.toplin1:hover {color:#222; text-decoration:none;}

img {border:none;}



div#header {
	margin:0; padding:0px 0px 30px 0px;
}
.h1 {
	float:left; margin:30px 0px 30px 30px; width:61%;
}
.h2 {
	float:right; width:32%; margin:30px 30px 30px 0px; padding:0px 0px 0px 0px; font-weight:bold;
}
#sitename {
	font-size:28px; color:#555; font-weight:bold; margin:0;  padding:5px 0px 5px 0px;
}



.navi {clear:both; margin:20px 0px 0px 0px; padding:0; background-color:#114; text-align:center;}
table.b1 {width:100%; margin:0 auto; padding:0; border-collapse:collapse;}

td.b1td {width:20%; margin:0px; padding:0px;}
.toplin2 {margin:0px; padding:0px; font-size:12px;}
p.toplin2 a{
	color:#fff; background-color:#114; font-weight:bold;
	border-right:solid 1px #666666; border-top:solid 1px #666;
	text-decoration:none; padding:18px 1px 16px 1px; margin:0px; display:block; text-align:center;
}
p.toplin2 a:hover {background-color:#333; color:#fd2;}

td.b2td {margin:0px; padding:0px;}
.toplin3 {margin:0px; padding:0px; font-size:12px;}
p.toplin3 a{
	color:#fff; background-color:#114; font-weight:bold;
	text-decoration:none; padding:18px 1px 16px 1px; margin:0px; display:block; text-align:center;
	border-top:solid 1px #666;
}
p.toplin3 a:hover {background-color:#333; color:#fd2;}

div#block2 {
	margin:0; padding:0px;
}
.b2 img {width:100%;}
.b3 {margin:50px 0px 0px 0px;}
.b4 {
	float:right; width:32%;
	margin:0 20px 30px 40px; padding:0px 0px 0px 0px; font-size:13px;
}
#b5a {
	margin:0px 0px 20px 0px; padding:3px 0px 1px 0px; text-align:center;
	font-size:23px; color:#fff; font-weight:bold; line-height:140%;
	background:#47d;
	border-radius:10px/50%;
}
#b5b {margin:0px 0px 30px 0px; text-align:center; font-size:23px; font-weight:bold;}
.b6 {
	margin:0px 0px 0px 0px; padding:0px 40px;
	font-size:14px; color:#222; line-height:150%;
}

.footer {
	margin:0 20px 0 0; padding:0; text-align:right;
	font-size:10px; color:#999;
}
.clear {
	clear:both;
	}



.b4 ul{margin:0;}
.b4 li {
	margin:0px 0px 0px -30px; _margin:0px 0px 0px 10px;
	list-style:none; padding:7px 7px 5px 7px; border-top:dashed 1px #777;
	color:#335; line-height:140%;
}


div, p {margin:0; padding:0;}

.ftcol1 {
	margin:5em 0 0 0; padding:0.5em 2em 2em 2em;
	border-top:dotted 0.05em #999;
	font-size:0.9em; line-height:150%;
}
.ftcol2 {font-size:1.4em; line-height:160%;}
.ftcol3 {color:#f22; font-weight:bold; font-size:1.4em; line-height:160%; text-decoration:none;}
.ftcol3 a {color:#f22; text-decoration:none;}
.ftcol4 {font-weight:normal;}
.ftcol5 {color:#222; font-weight:bold; font-size:1.2em; line-height:160%; text-decoration:none;}
.ftcol5 a {color:#222; text-decoration:none;}

.e1 {font-size:0.85em; padding-right:0.35em;}

.e2 {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5em 0;
	padding:0.2em 0 0em 0;
	width: 100%;
	background: #16c;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.e2:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -0.8em;
	border: 0.6em solid transparent;
	border-top: 0.6em solid #16c;
}
p.e2 {
	margin: 0;
	padding:0.3em 0 0.2em 0; text-align:center;
	font-size:1.6em; color:#fff; font-weight:bold; line-height:150%;
}
.e3 {width:65%;}
.e4 {text-align:right; padding:2.5em 1em 0 0;}