body {
 margin:0px;
 background-color:#ff66ff;
 text-align:center;
 font-size:80%;
 
}

#wrapper {
 width:740px;
 background-color:white;
 
}

.header {
 width:740px;
 height:82px;
 text-align:left;
 
 padding:0px;
}

.header p {
 width:240px;
 float:left;
 margin:0px;
}

.header div {
 width:490px;
 float:left;
 text-align:right;
 padding-top:10px;
 padding-right:10px;
}

.headerlink {
 width:100% !important;
 margin:0px;
 clear:both;
 background-color:#ff66ff;
 color:white;
}

.headerlink a {
 color:white;
 font-weight:bold;
}


.main {
 width:740px;
 clear:both;
 padding-top:15px;
}



.center {
 width:530px;
 float:left;
}

.navi {
 width:500px;
 margin-top:0px;
 margin-bottom:10px;
 text-align:left;
}

.box {
 width:500px;
 text-align:left;
}

.box h1 {
 width:490px;
 letter-spacing:3pt;
 color:#ff66ff;
}

.box_index {
 float:left;
 margin:5px;
}


.categoly {
 clear:both;
 width:500px;
 text-align:left;
 border:solid 1px #ff00cc;
 margin:10px 0px 10px 0px;
 padding:10px;
}

.categoly h2 {
 letter-spacing:3pt;
 color:#ff00cc;
 font-size:120%;
 margin-bottom:0px;
 padding-bottom:0px;
}

.categoly hr {
 color:#ff00cc;
}

.ws {
 margin-top:15px;
 width:500px;
 text-align:left;
}

.ws h2 {
 letter-spacing:3pt;
 color:#00bfff;
 font-size:120%;
 margin-bottom:0px;
 padding-bottom:0px;
}

.linkpage {
 width:500px;
 text-align:left;
 margin:10px 0px 10px 0px;
 padding:10px;
 border-bottom:dotted 1px #ff00cc;
}

.linkpage a {
 font-weight:bold;
}

.left {
 width:200px;
 float:left;
 
}

.left_contents {
 width:180px;
 text-align:left;
}

.left_contents h3 {
 color:#ff00cc;
 font-size:110%;
 margin-bottom:0px;
 padding-bottom:0px;
}

.footer {
 width:740px;
 clear:both;
 border-top:solid 1px #ff00cc;
 color:gray;
}