@charset "utf-8";



/*背景*/

body{
background-image:url("junkweb_pcwall.jpg");
}



/*リンク文字の色*/

a:link		{color:#FFFF00;}
a:visited	{color:#0000FF;}
a:hover		{color:#FF0000;}



/*タイトル部分*/

#top{
  width: 1380px;
  background-color: rgba(51,204,255,0.7);
  padding: 0px 10px;
  margin: 0px 10px;

  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
  #sitename{
    margin:0px 10px;
  }
    .sitename{
      color:#CC3300;
      font-size:40px;
      font-weight:700;
    }
  #subtext{
    margin:0px 10px;
  }
    .text_sub1{
      color:#000000;
      font-size:12px;
      font-weight:700;
    }
    .text_sub2{
    color:#CCCCCC;
    font-size:12px;
    }
  #postlink{
    margin:0px;
  }
  #stlink1{
      margin:10px 10px;
    }
    .text_sub3{
    color:#33FF00;
    font-size:24px;
    text-shadow: 2px 2px 1px #333333;
    }
  #stlink2{
    margin:10px 10px;
    }
    .text_sub4{
      color:#CCCC00;
      font-size:16px;
      text-shadow: 2px 2px 1px #333333;
      }
  #streamlink1{
    margin:0px 10px;
  }
  #streamlink2{
    margin:0px 10px;
  }
  #streamlink3{
    margin:0px 10px;
  }
  #amazonlink{
    margin:0px 10px;
  }



/*タイトル直下*/

#titlebelow{
  width: 1380px;
  background-color:rgba(51,255,204,0.7);
  padding:0px 10px;
  margin:0px 10px;
  
  display: flex;
  align-items: center;
  gap: 10px;
}



/*連絡板*/

#topics{
  width:1400px;
  padding:0px 10px;
  margin:10px;

  display: flex;
  gap: 20px;
}

#movie{
margin:10px;
background-color:#333333;
border-width:5px;
border-style:groove;
border-color:#FFFF66;
width:640px;
height:360px;
overflow:auto;
}

#notice{
margin:10px;
background-color:rgba(255,255,255,0.8);
border-width:5px;
border-style:ridge;
border-color:#990033;
width:640px;
height:360px;
overflow:auto;
}



/*メイン*/

#maincontents{
  width:1400px;
  padding:0px 10px;
  margin:10px;

  display:flex;              /* 横並びの親 */
  justify-content:flex-start;
  align-items:flex-start;    /* 上揃え */
}

/*左サイド*/

#sidemenu_left{
margin:10px;
background-color:rgba(102,153,204,0.7);
text-align:center;
border-width:5px;
border-style:double;
border-color:#00FF99;
width:240px;
height:2000px;
align-items: center;
}

  .notelogo{
    width:200px;
    font-size:16px;
    font-weight:400;
    color:#CCCC33;
    border-top-width:5px;
    border-top-style:solid;
    border-top-color:#CCFFFF;
    border-bottom-width:5px;
    border-bottom-style:solid;
    border-bottom-color:#FFCCFF;
    display:inline-block;
  }

  .note_index{
    padding-left:0px;
    list-style-type:none;
  }

    .note_index li{
      width:100px;
      margin-right:2px;
      border-width:3px;
      border-style:solid;
      border-color:#000000;
      background-color:#EEEEEE;
      color:#111111;
      padding:10px 0px;
      margin:1px;
      cursor:pointer;
      display:inline-block;
    }
    .note_index li:nth-child(1){
      background-color:#EECCCC;
    }
    .note_index li:nth-child(2){
      background-color:#CCEECC;
    }
    .note_index li:hover{
      background-color:#FFFF00;
    }

  #diarylist{
    width:200px;
    border:4px ridge #FFFF00;
    font-size:24px;
  }

  .handlename{
    width:200px;
    font-size:24px;
    color:#003300;
    font-style:oblique;
    font-weight:800;
    border-left-width:10px;
    border-left-style:solid;
    border-left-color:#99ff99;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#0033CC;
    display:inline-block;
  }

  .bgmlogo{
    width:200px;
    font-size:24px;
    font-family:fantasy;
    color:#99FFFF;
    font-style:oblique;
    font-weight:200;
    border-top-width:5px;
    border-top-style:solid;
    border-top-color:#FFFF33;
    border-bottom-width:5px;
    border-bottom-style:solid;
    border-bottom-color:#FF9999;
    display:inline-block;
  }

  .red{
    color:#CC6633;
    font-size:16px;
    text-shadow: 2px 2px 1px #333333;
  }

audio{
width:200px;
}





/*中央日誌部分*/

#note{
margin:10px;
background-color:rgba(224,255,224,0.9);
border-width:5px;
border-style:solid;
border-color:#000000;
width:740px;
height:2000px;
-webkit-overflow-scrolling:touch;
overflow:auto;
}





/*右サイド*/

#sidemenu_right{
  margin:10px;
  width:320px;
  height:2000px;
}

#sidemenu_right1{

background-color:#9966CC;
border-width:5px;
border-style:outset;
border-color:#CC0099;
padding:10px 5px;
margin:10px 0px;
height:1000px;
text-align:center;
}

#sidemenu_right2{

background-color:#996633;
border-width:5px;
border-style:dashed;
border-color:#FFFFFF;
padding:10px 5px;
margin:10px 0px;
height:920px;
text-align:center;
}





/*フッター*/

#bottom{
  width:1380px;
  padding:0px 10px;
  margin:10px;
background-color:rgba(204,51,0,0.5);

  display: flex;
  align-items: center;
  justify-content: space-between;
}
  .upmove{
    padding:5px;
  }
  .copyname{
    color:#33CCEE;
    font-size:40px;
    font-weight:700;
  }