body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	SCROLLBAR-FACE-COLOR: #222222;
	SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; 
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR:#999999;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #444444;
	text-align:center;
}
#prf_box{
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	clear:both;
}
#cat1{
	position:absolute;
	top:105px;
	left:24px;
	width:180px;
	height:273px;
	margin:0;
	padding:0;
}
#cat1-0{
	position:absolute;
	top:-28px;
	left:48px;
	width:126px;
	height:27px;
}
#cat1-1{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:135px;
}
#cat1-2{
	position:absolute;
	top:137px;
	left:0px;
	width:164px;
	height:120px;
	text-align:left;
	font-size:14px;
	padding:8px;
}

#cat2{
	position:absolute;
	top:105px;
	left:205px;
	width:180px;
	height:135px;
	margin:0;
	padding:0;
}
#cat2-0{
	position:absolute;
	top:-24px;
	left:45px;
	width:130px;
	height:23px;
}
#cat2-1{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:135px;
}
#cat2-2{
	position:absolute;
	top:137px;
	left:0px;
	width:164px;
	height:120px;
	text-align:left;
	font-size:14px;
	padding:8px;
}


#cat3{
	position:absolute;
	top:105px;
	left:386px;
	width:180px;
	height:135px;
	margin:0;
	padding:0;
}
#cat3-0{
	position:absolute;
	top:-28px;
	left:38px;
	width:136px;
	height:24px;
}
#cat3-1{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:135px;
}
#cat3-2{
	position:absolute;
	top:137px;
	left:0px;
	width:164px;
	height:120px;
	text-align:left;
	font-size:14px;
	padding:8px;
}

#cat4{
	position:absolute;
	top:105px;
	left:567px;
	width:180px;
	height:135px;
	margin:0;
	padding:0;
}
#cat4-0{
	position:absolute;
	top:-28px;
	left:57px;
	width:118px;
	height:24px;
}
#cat4-1{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:135px;
}
#cat4-2{
	position:absolute;
	top:137px;
	left:0px;
	width:164px;
	height:120px;
	text-align:left;
	font-size:14px;
	padding:8px;
}

.cat_hv:hover {
	color:#FF0000;
	text-decoration:none;
}
.cat_hv:visited {
	color:#000000;
	text-decoration:underline;
}



a.url:link {
	color:#3399FF;
	text-decoration:underline;
}
	
a.url:visited {
	color:#3399FF;
	text-decoration:underline;
}

a.url:hover {
	color:#FF9900;
	text-decoration:none;
}

a.url:active {
	color:#FF9900;
	text-decoration:none;
}

#name{
	position:absolute;
	top:639px;
	left:749px;
	width:175px;
	background-color:#FFFFFF;
}
#name:focus, #name:hover{
	background-color:#ffffcc;
}

#mail{
	position:absolute;
	top:683px;
	left:749px;
	width:175px;
	background-color:#FFFFFF;
}
#mail:focus, #mail:hover{
	background-color:#ffffcc;
}

#subj{
	position:absolute;
	top:727px;
	left:749px;
	width:175px;
	background-color:#FFFFFF;
}
#subj:focus, #subj:hover{
	background-color:#ffffcc;
}

#mess{
	position:absolute;
	top:771px;
	left:749px;
	width:175px;
	height: 95px;
	background-color:#FFFFFF;
}

#mess:focus, #mess:hover{
	background-color:#ffffcc;
}


#send{
	position:absolute;
	top:875px;
	left:749px;
}

#sender{
	position:absolute;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	top:620px;
	left:749px;
	width:175px;
	height:200px;
	text-align:left;
	background-color:#FFFFFF;
}


#prv{
	position:absolute;
	left:403px;
	top: -78px;
}
#nxt{
	position:absolute;
	left:402px;
	top: 446px;
}
#my-glider{
	position:absolute;
	left:237px;
	top: 607px;
	width: 480px;
	height: 430px;
	text-align:left;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 480px; 
	height: 420px;
	overflow: hidden;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:480px;
	height:120px;
	overflow:hidden;
	float:left;
	padding:1em;		
}
div.scroller div.content {
	height: 10000px;
}

div#section2 {
	color:#ffffff;
}