body {
  text-align : center; /* バグを利用してブロックレベル要素をセンタリング */
}
.fontd{font-size: 12px}
.fonts{font-size: 12px}

.fontf{
 font-size: 12px;
 font-family:ＭＳ Ｐゴシック;
}

.fonth{
 font-size: 23px;
 font-family:ＭＳ Ｐゴシック;
 font-weight:bold;
}

.fontg{
 font-size: 12px;
 font-family:ＭＳ Ｐゴシック;
}
/*
.titlebar{
 position:static;
 width: 700px;
 height:  12px;
 padding-top:1px;
 padding-bottom:1px;
 text-align:center;
 background-color:#738FAB;
 margin-top:0 px;
}
*/
.titlebar{
 position:static;
 width: 700px;
 height:  12px;
 padding-top:1px;
 padding-bottom:1px;
 text-align:center;
 background-color:#939393;
 margin-top:0 px;
}

.titlebar2{
 position:static;
 width: 700px;
 height:  0px;
 padding-top:1px;
 padding-bottom:1px;
 text-align:center;
 background-color:#939393;
 margin-top:600 px;
}

.linkbox{
 position: absolute;
 margin-top: 515px;
 margin-left: 40px;
 width: 640px;
 height: 50px;
}

.link1{
 position: absolute;
 margin-top: 519px;
 margin-left: 40px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
 background-color:white;
}

.link2{
 position: absolute;
 margin-top: 539px;
 margin-left: 130px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.link3{
 position: absolute;
 margin-top: 519px;
 margin-left: 220px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.link4{
 position: absolute;
 margin-top: 539px;
 margin-left: 310px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.link5{
 position: absolute;
 margin-top: 519px;
 margin-left: 580px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.link6{
 position: absolute;
 margin-top: 519px;
 margin-left: 400px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.link7{
 position: absolute;
 margin-top: 539px;
 margin-left: 490px;
 width: 80px;
 height: 13px;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 text-align:center;
 padding-top:2;
 padding-bottom:2;
}

.line {
 position: absolute;
 margin-top: 537px;
 margin-left: 30px;
 width: 640px;
 border-bottom-color:black;
 border-bottom-style:dashed;
 border-bottom-width:1px;
}

.line2 {
 position: absolute;
 margin-top: 517px;
 margin-left: 30px;
 width: 640px;
 height: 0px;
 border-bottom-color:black;
 border-bottom-style:dashed;
 border-bottom-width:1px;
}

.line3 {
 position: absolute;
 margin-top: 557px;
 margin-left: 30px;
 width: 640px;
 height: 0px;
 border-bottom-color:black;
 border-bottom-style:dashed;
 border-bottom-width:1px;
}

.profile_Colum{
 position:absolute;
 margin-top: 24px;
 margin-left: 25px;
 margin-right: 55px;
 width: 240px;
 height:200px;
 background-color:white;
}

.profile_Colum_right{
 position:absolute;
 margin-top: 24px;
 margin-left: 270px;
 margin-right: 55px;
 width: 405px;
 height:200px;
 background-color:white;
}

.profile_Colum_bottom{
 position:absolute;
 margin-top: 235px;
 margin-left: 25px;
 margin-right: 55px;
 width: 650px;
 height:270px;
 background-color:white;
}

.circle {
 position:static;
 width: 700px;
 height: 570px;
 margin-top: 512px;
}

.backColumn {
 margin-left: auto;
 margin-right: auto;
 width: 700px;
 height: 570px;
 text-align: left;
}

.AllColumn {
 margin-left: auto;
 margin-right: auto;
 width: 700px;
 height: 800px;
 text-align: left;
}

.backColumn2 {
 margin-top: 260px; 
 margin-left: 0px;
 margin-right: 0px;
 width: 700px;
 height: 400px;
 text-align: left;
}

.topColumn{
 width: 700px;
 height: 570px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:white;
 position:absolute;
}

.topColumn2{
 width: 700px;
 height: 410px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:white;
 position:absolute;
 padding-top:3px;
}

.topbackColum{
 margin-top: 0px;
 margin-left: 10px;
 width: 700px;
 height: 580px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:#000012;
 position:absolute;
}

.topbackColum2{
 margin-top: 840px;
 margin-left: 10px;
 width: 700px;
 height: 410px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:#000012;
 position:absolute;
}

.topUnderColumn{
 position:absolute;
 margin-top: 24px;
 margin-left: 30px;
 margin-right: 55px;
 width: 640px;
 height: 480px;
}

.topcircle{
 position:absolute;
 margin-top: 10px;
 margin-left: 30px;
 margin-right: 55px;
 width: 640px;
 height: 492px;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white;
}

.topColumnbar{
 position:absolute;
 margin-top: 10px;
 margin-left: 30px;
 margin-right: 55px;
 width: 640px;
 height: 12px;
/* border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 background-image:url('Gradation-B01.jpg');
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 background-color:white; */
}

.linkClum{
 position:absolute;
 margin-top: 15px;
 margin-left: 30px;
 margin-right: 0px;
 width: 645px;
 height:480px;
 background-color:white;
}

.permission{
 position: absolute;
 margin-top: 345px;
 margin-left: 30px;
 width: 640px;
 height: 50px;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 background:#B3B3B3;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
}

.permissionBox{
 position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 width: 630px;
 height: 45px;
 background:#B3B3B3;
 padding:5px;
}

.note{
 position: absolute;
 margin-top: 20px;
 margin-left: 30px;
 width: 310px;
 height: 312px;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 background:white;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
}

.note2{
 position: absolute;
 margin-top: 20px;
 margin-left: 360px;
 width: 310px;
 height: 312px;
 border-bottom-style:solid;
 border-top-style:solid;
 border-right-style:solid;
 border-left-style:solid;
 border-left-color:black;
 border-right-color:black;
 border-top-color:black;
 border-bottom-color:black;
 background:white;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
}

.notebox{
 position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 width: 285px;
 height: 280px;
 background:white;
 padding:10px;
}

.note2box{
 position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 width: 285px;
 height: 280px;
 padding:10px;
}

.ninjyabox{
 position: static;
 height: 0px;
 padding-top:240px;
}

.topbackColum3{
 margin-top: 610px;
 margin-left: 10px;
 width: 700px;
 height: 200px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:#000012;
 position:absolute;
}

.twitter{
 width: 350px;
 height: 180px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:white;
 position:absolute;
 padding-left:20px;
 padding-right:20px;
 padding-top:20px;
}

.backColumn3 {
 margin-top: 30px; 
 margin-left: 0px;
 margin-right: 0px;
 width: 700px;
 height: 200px;
 text-align: left;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 background-color:white;
 position:absolute;
}

.left{
 width: 300px;
 height: 200px;
 margin-left:0px;
 position:absolute;
}

.right{
 padding-top:20px;
 width: 100px;
 height: 180px;
 margin-left:370px;
 position:absolute;
}

.ninjyabox{
 width: 350px;
 height: 70px;
 margin-left:310px;
 border-left-color:#111111;
 border-right-color:#111111;
 border-top-color:#111111;
 border-bottom-color:#111111;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 position:absolute;
 padding-left:20px;
 padding-right:20px;
 padding-top:30px;
}