@charset "utf-8";

/*
  WFWeb スタイルシート copyright (C) 2008 WHITE-FLUTE
*/

a{
	text-decoration:underline;
}
a:link{
	color:#336699;
}
a:visited{
	color:#009966;
}
a:hover{
	color:#003300;background-color:#ccffcc;
}
a:active{
	color:#003300;background-color:#ccffcc;
}
a[id]{
	color:inherit;
	text-decoration:none;
	background-color:inherit;
}
a[name]{
	color:inherit;
	text-decoration:none;
	background-color:inherit;
}

html, body, div{
	margin:0;
	padding:0;
	text-align:center;
}

img{border-style:none;border-width:0px;}

h1#TOP{
	position:relative;
	background-image:url("img/WFWeb_Title.jpg");
	background-repeat:no-repeat;
	height:75px;
	width:600px;
	text-indent:-10000em;
	font-size:100%;
	margin: 0 auto;
	top:-75px;
}

#TOPBACK{
	text-align:center;
	position:relative;
	background-image:url("img/WFWeb_BackTop.jpg");
	background-repeat:no-repeat;
        height:325px;
 	width:600px;
	margin: 0 auto 80px auto;
	top:75px;
}

#TOPBACK ul{
	display:inline;
	list-style:none;
}

#TOPBACK a{
	display:block;
	position: absolute;
	height: 25px;
	background-repeat:no-repeat;
	text-indent:-10000em;
}

#TOPBACK a:hover{
	background-position: left bottom;
}

.menu00{
	width:125px;
	background-image:url("img/menu00.jpg");
	top:100px;
	left:0;
}

.menu01{
	width:100px;
	background-image:url("img/menu01.jpg");
	top:125px;
	left:25px;
}

.menu02{
	width:100px;
	background-image:url("img/menu02.jpg");
	top:150px;
	left:50px;
}

.menu03{
	width:150px;
	background-image:url("img/menu03.jpg");
	top:175px;
	left:75px;
}

.menu04{
	width:100px;
	background-image:url("img/menu04.jpg");
	top:200px;
	left:100px;
}

.menu05{
	width:150px;
	background-image:url("img/menu05.jpg");
	top:225px;
	left:125px;
}

.menu06{
	width:75px;
	background-image:url("img/menu06.jpg");
	top:250px;
	left:150px;
}

.menu07{
	width:150px;
	background-image:url("img/menu07.jpg");
	top:275px;
	left:175px;
}

.menu08{
	width:75px;
	background-image:url("img/menu08.jpg");
	top:300px;
	left:200px;
}

.menu11{
	width:150px;
	background-image:url("img/menu11.jpg");
	top:0px;
	right:125px;
}

.menu12{
	width:225px;
	background-image:url("img/menu12.jpg");
	top:25px;
	right:100px;
}

.menu13{
	width:200px;
	background-image:url("img/menu13.jpg");
	top:75px;
	right:50px;
}

.menu13d{
	display:block;
	position: absolute;
	height: 25px;
	background-repeat:no-repeat;
	text-indent:-10000em;
	width:225px;
	background-image:url("img/menu13d.jpg");
	top:75px;
	right:50px;
}


.menu14{
	width:275px;
	background-image:url("img/menu14.jpg");
	top:100px;
	right:25px;
}

body{
	text-align:center;
}

#body{
	text-align:left;
	position:relative;
	width:600px;
	margin:1em auto;

}

h2{
	font-size:100%;
	right:0;
	padding:0;
	margin:0;
	background-image:url("img/h2_1.png");
	background-repeat:no-repeat;
	background-position:right top;
	border-style:solid none;
	border-width:1px;
	border-color:#990099;
	color:#ffffff;
	background-color:#c455a0;
	padding:5px 0;
	height:1%;
}

h3{
	font-size:100%;
	margin:1.5em 0 0.5em -2px;
	border-style:solid none dashed none;
	border-width:1px;
	border-color:#990099;
	color:#ffffff;
	background-color:#e466b0;
	padding:5px 0 5px 2px;
	width:100%;
	background-image:url("img/h3_1.png");
	background-repeat:no-repeat;
	background-position:right top;
}

h2 a,h3 a{
	text-decoration:none;
}

.navibox{
	text-align:right;
}

#footermenu{
	float:left;
	width:200px;
	height:80px;
	text-align:right;
}

#address{
	text-align:left;
	float:left;
	width:398px;
	margin:0 0 0 2px;
}

address{
	font-style:normal;
}

.userfooter{
	margin:0 auto;
	width:600px;
	clear:both;
}

.nav{
	clear:both;

}

.mark{
	color:#cc0000;
}

.mark2{
	color:#669988;
}

.new{
	font-weight:bold;
	color:#ff6699;
}
.update{
	font-weight:
	bold;color:#6699ff;
}
.recommendation{
	font-weight:
	bold;color:#ff6699;
}
.mutual{
	font-weight:bold;
	color:#6699ff;
}