* {
margin: 0px;
padding: 0px;
font: 16px;
letter-spacing: 2px;
border: 0px;
text-align:center;
}


body {
width:100%;
heigth:100%;
text-align: center;
background-color: #FFFFFF;
background-image: url(../image/spe32/back_miku.png);
background-position:100% 80%;
background-size: auto;
background-repeat:repeat;
background-attachment: fixed;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #DCDCDC;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #DCDCDC;
scrollbar-track-color:#DCDCDC;
}

/*------------------------------
Special page TOP image style
------------------------------*/

.speTop-img-wrapper {
  margin-left: 24px;
  align-items: center; /* 縦方向の中央揃え (オプション) */
  width: 100%; /* 親要素の幅に合わせる */
  max-width: 800px; /* 必要に応じて最大幅を指定 */
  height: auto; /* 高さを自動調整 */
  overflow: hidden; /* 枠を超えた部分を隠す */
  border: 1px solid #ddd; /* 枠線を追加 (オプション) */
  display: flex;
/*  justify-content: center;  */
}

.speTop-img-wrapper img {
  align-items: center; /* 縦方向の中央揃え (オプション) */
  max-width: 100%; /* 画像が親要素の幅を超えないようにする */
  height: auto; /* 画像のアスペクト比を維持 */
  display: block; /* 不要な余白を削除 */
}

.base {
width: 900px;
margin:0 auto 0 auto;
border: 1px solid #000000;
background-color: rgba(255,255,255,0.5);
}

.base2 {
margin: 4px;
padding: 20px;
border: 1px dotted #000000;
background-color: rgba(255,255,255,0.5);
}

.base2Pre {
/*  display: flex;*/
  justify-content: center; /* 水平方向の中央揃え */
  margin: 4px;
  padding: 20px;
  border: 1px dotted #000000;
  background-color: rgba(255,255,255,0.5);
}


/*------------------------------
[文字]C74頒布CD
------------------------------*/

.cd {
width: 100%;
margin: 5px 0px 10px;
font-size: 20px;
letter-spacing: 5px;
font-weight: 700;
color: #000000;
text-align:left;
}

/*------------------------------
クレジットタイトル
------------------------------*/
.box05 {
margin: 0px 20px;
padding: 0px;
letter-spacing: 6px;
line-height: 30px;
font-size: 14px;
color: #000000;
border: 0px;
text-align:left;
}


.box11 {
margin: 0px 20px 0px 40px;
padding: 0px;
letter-spacing: 6px;
line-height: 30px;
font-size: 14px;
color: #008080;
border: 0px;
text-align:left;
}

/*------------------------------
左側テーブル
------------------------------*/
.box02 {
width: 300px;
height: 300px;
margin-top:70;
border: 0px solid #000000;
float: left;
}

/*------------------------------
右側テーブル
------------------------------*/
.box03 {
width: 520px;
height: 100%;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 5px;
border: 0px inset #000000;
letter-spacing: 6px;
line-height: 20px;
font-size: 14px;
color: #483D8B;
float: left;
background-color: #f5f5f5;

}
/*------------------------------
右側テーブル
------------------------------*/
.line2{
border-bottom: 1px ridge #000000;
font-size:18px;
color: #20b2aa ;
text-align:left;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
}

.auther {
text-align:right;
color: #000000;
font-size:14px;
margin: 5px 0px;
font-weight:bold;

}

.auther2 {
text-align:right;
color: #000000;
font-size:12px;
margin: 5px 0px;
}

.h02 {
margin: 10px 0px 20px;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align:left;
text-decoration: underline;
color: #00008B;
}
/*------------------------------
下側テーブル
------------------------------*/
.box04 {
margin: 10px 0px;
padding: 5px 0px 5px 5px;
border: 0px inset #000000;
line-height: 20px;
color: #3cb371 ;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
}

.box08 {
width: 800px;
margin: 20px 0px;
padding: 5px 0px 5px 5px;
border: 1px inset #191970;
line-height: 20px;
color: #000055;
text-align:left;
background-color: #F9FFFF;

}

.box09 {
margin: 20px 0px;
padding: 5px 0px 5px 5px;
border: 1px inset #808080;
line-height: 20px;
color: #4B0082;
text-align:left;
background-color: #f5f5f5;
}

.box10 {
margin: 20px 0px;
padding: 5px 0px 5px 5px;
border: 1px inset #808080;
line-height: 20px;
color: #000000;
background-color: #f5f5f5;
font-family: "ＭＳ 明朝",serif;
}

.box06 {
width: 100%;
/* margin: 20px 0px 20px 20px; */
color: #696969;
text-align:center;
}

/*------------------------------
下線
------------------------------*/
.line{
border-bottom: 1px groove #000000;
margin-bottom: 6px;
}

/*------------------------------
仕切り
------------------------------*/
.border {
margin: 20px 0px;
height: 10px;
background-color: #191970;
}

/*------------------------------
見出し
------------------------------*/

.h01 {
margin: 40px 0px 20px;
font-size: 18px;
font-weight: bold;
text-align:left;
text-decoration: underline;
letter-spacing: 7px;
color: #20b2aa;

}

.h01_center {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  text-align:center;
  text-decoration: underline;
  letter-spacing: 7px;
  color: #00ced1  ;
}



/*------------------------------
センターテキスト
------------------------------*/
.box07 {
width: 100%;
text-align: center;
border: 0px;
}

/*------------------------------
リンク
------------------------------*/
a {
color: #333399;
}

a.track {
color: #0000FF;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
font-family: "ＭＳ 明朝",serif;
}

.midashi{
color: #800000;
font-size: 14px;
font-weight: bold;
letter-spacing: 4px;
font-family: "ＭＳ 明朝",serif;
text-align:left;
}


a:hover {
color: #000066;
background: ddddee;
}

/*------------------------------
span用
------------------------------*/
.position01 {
margin: 0px;
padding: 0px;
border: 1px solid #000000;
font-size: 10px;
}

.red {
color: #000080;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
}

.red2 {
color: #ff0000;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
font-style:normal;
}

.blue {
color: #20b2aa;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
font-style:normal;
}

.blue2 {
color: #0000cd;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
font-style:normal;
}

.blue3 {
color: #008080;
font-weight: bold;
font-family: "ＭＳ 明朝",serif;
font-style:normal;
}