@charset "utf-8";






#topics p,
#present p {
	margin-top: 0px;
	margin-bottom: 0px;
}


#info,
#tx01,
#btn01 a,
#tx02,
#btn02 a,
#bar01,
#bar02,
#bar03,
#p01,
#p02,
#p03,
#thanks a,
#voice a,
#inte a,
#web,
#form a,
#p04,
#topics p,
#present p {
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn01 a,
#btn02 a,
#thanks a,
#voice a,
#inte a,
#form a {
	display: block;
}


#title {
	background-image: url(../../images/friendly/titile.jpg);
	height: 128px;
	width: 572px;
}


#info {
	background-image: url(../../images/friendly/001.gif);
	height: 70px;
	width: 572px;
}


#topics {
	margin-bottom: 10px;
	width: 572px;
	margin-top: 0px;
}

#topics p,
#present p {
	font-size: 0px;
	line-height: 0px;
}

#topics,
#present {
	clear: left;
}

*html #present {
	margin-top: -10px;
}

*:first-child+html {
	margin-top: -10px;
}

#tx01,
#tx02 {
	float: left;
	height: 23px;
	width: 505px;
}

#tx01 {
	background-image: url(../../images/friendly/002.gif);
}

#topics,
#present,
#boshu {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


#tx02 {
	background-image: url(../../images/friendly/003.gif);
}


#btn01 a,
#btn02 a {
	background-image: url(../../images/friendly/btn_nx.gif);
	height: 22px;
	width: 65px;
	float: left;
}

#btn01 a:hover,
#btn02 a:hover {
	background-position: 0px -22px;
}



#in01,
#in02,
#in03 {
	float: left;
	background-image: url(../../images/friendly/or.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-top: 50px;
}


.info {
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 20px;
}


#in01 {
	width: 435px;
}

#in02,
#in03 {
	width: 366px;
}

#bar01 {
	background-image: url(../../images/friendly/in01.gif);
	height: 53px;
	width: 435px;
}

#bar02 {
	background-image: url(../../images/friendly/in02.gif);
	height: 50px;
	width: 366px;
}

#bar03 {
	background-image: url(../../images/friendly/in03.gif);
	height: 52px;
	width: 366px;
}

#p01,
#p02,
#p03 {
	float: left;
}

#p01 {
	background-image: url(../../images/friendly/in01p.jpg);
	height: 203px;
	width: 136px;
}

#p02,
#p03 {
	height: 210px;
	width: 205px;
}

#p02 {
	background-image: url(../../images/friendly/in02p.jpg);
}

#p03 {
	background-image: url(../../images/friendly/in03p.jpg);

}

#thanks,
#voice,
#inte {
	clear: both;
	float: right;
}


#thanks a {
	background-image: url(../../images/friendly/btn_thanks.gif);
	height: 13px;
	width: 226px;
}


#thanks a:hover {
	background-position: 0px -13px;
}


#voice a {
	background-image: url(../../images/friendly/btn_voice.gif);
	height: 15px;
	width: 238px;
}

#voice a:hover {
	background-position: 0px -15px;
}


#inte a {
	background-image: url(../../images/friendly/btn_inte.gif);
	height: 15px;
	width: 326px;
	margin-top: 5px;
}

#inte a:hover {
	background-position: 0px -15px;
}

#boshu {
	margin-top: 50px;
	clear: left;
}

#web {
	float: left;
	height: 19px;
	width: 387px;
	background-image: url(../../images/friendly/menber.gif);
}

#form {
	float: left;
}

#form a {
	height: 19px;
	width: 171px;
	background-image: url(../../images/friendly/btn_form.gif);
}

#form a:hover {
	background-position: 0px -19px;
}
#botx {
	margin-top: 10px;
	float: left;
}

#eigyo {
	margin-right: 15px;
	float: left;
	width: 340px;
}

#p04 {
	background-image: url(../../images/friendly/web01p.jpg);
	height: 147px;
	width: 201px;
}