@charset "UTF-8";

*{margin: 0;
  padding: 0;}

/*ヘッダー*/
#header{
	border-color: black;
	background-color: snow;
	position: fixed;
	width:100%;
	height:100px;
	border-width: 3px;
}

#headerrogo{
	width:25%;
	position: fixed;
	top:5px;
	left:30px;
}


/*ページトップ*/
#rogo1{width: 60%;
	   margin: 0 auto;
	   text-align: center;
	   position: relative;
	   top:180px;
	   right:40px;
}

#student1{width:100%;
	     position: relative;
	     top:270px;
	     text-align: center;
}

#student2{width:100%;
	      position: relative;
	      top:338px;
          text-align: center;
}

/*説明*/

#separate1{width:100%;
           position: relative;
	      top:380px;
          text-align: center;
}

#explain1{position: relative;
	      top:440px;
	      left: 60px;
          font-size: 2.5em;
          font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"}

#questionmark{position: relative;
	      top:337px;
	      left: 600px;}

#HSstudent1{position: relative;
	      top:390px;
	      left: 90px;}
#speechbubble1{position: relative;
	      top:100px;
	      left: 220px;}
#HSstudent2{position: relative;
	      top:300px;
	      left: 920px;}
#speechbubble2{position: relative;
	      top:30px;
	      left: 75px;}
#HSstudent3{position: relative;
	      top:180px;
	      left: 80px;}
#speechbubble3{position: relative;
	      top:-60px;
	      left:215px;}

#explain2{position: relative;
	      top:160px;
          font-size: 3em;
          font-family: "Osaka-mono", "MS Gothic", "monospace";
          text-align: center;}
#rogolarge{width:100%;
           position: relative;
	      top:160px;
          text-align: center;}
#explain3{position: relative;
	      top:250px;
          font-size: 1.8em;
          font-family: "YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"";
          text-align: center;}

/*今月号*/
#separate2{width:100%;
           position: relative;
	      top:360px;
          text-align: center;}
#kongetugo{width:40%;
           position: relative;
	      top:250px;
          left:90px;}
#explain4{position: relative;
	      top:340px;
	      left:120px;
          font-size: 1.8em;
          font-family: "YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"";}
.friend{width:90%;
           position: relative;
	      top:400px;
	      left: 80px;
          text-align: center;}

/*質問フォーム*/
#separate3{width:100%;
           position: relative;
	      top:450px;
          text-align: center;}

#situmon1{position: relative;
	      top:500px;
	      left: 50px;
          font-size: 3em;
          font-family: "YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"";}
#situmon2{position: relative;
	      top:520px;
	      left: 100px;
          font-size: 1.8em;
          font-family: "YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"";}
#form{width:auto;
      position: relative;
      top:550px;
      left:100px;
	  font-size: 1.8em;
      font-family: "Osaka-mono", "MS Gothic", "monospace";}
input[type=text]{width:70%;
	             font-size: 1.5em;
                 font-family: "Osaka-mono", "MS Gothic", "monospace";}
input[type=button]{width: auto;
	             height: 70px;
	             font-size: 2em;
                 font-family: "Osaka-mono", "MS Gothic", "monospace";}
#situmon3{width:auto;
	      position: relative;
	      top:540px;
	      left: 900px;
          font-size: 2.5em;
          font-family: "Osaka-mono", "MS Gothic", "monospace";}

/*フッター*/
footer{width: 100%;
	   height: 50px;
	   position: absolute;
	   top:6250px;
	   background-color: gray;}
.footer{position: relative;
	      top:auto;
	      left: 50px;
          font-size: 2em;
          font-family: "Osaka-mono", "MS Gothic", "monospace";
          display: inline-block;}

/*メインコンテンツ*/

#mainstudent{position: relative;
	      top:310px;
	      left: 100px;}

#sikaku12{position: relative;
	      top:-270px;
	      left: 430px;}

#mainname{position: relative;
	      top:-220px;
	      left: 470px;
          font-size: 3.5em;
          font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

.profile{position: relative;
	      top:-200px;
	      left: 500px;
          font-size: 1.5em;
          font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

.profile2{position: relative;
	      top:-215px;
	      left: 630px;
          font-size: 1.5em;
          font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

.profile3{position: relative;
	      top:-235px;
	      left: 630px;
          font-size: 1.5em;
          font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
#yokuiru{top:-220px}
#syumi{top:-182px}
#separate4{width:100%;
           position: relative;
	      top:30px;
          text-align: center;}

#HS1{position: relative;
	      top:140px;
	      left: 90px;}

#SB1{position: relative;
	      top:-150px;
	      left: 220px;}

#mainstudent2-1{position: relative;
	      top:50px;
	      left: 850px;}

#SB2{position: relative;
	      top:-220px;
	      left: 175px;}

#HS2{position: relative;
	      top:-60px;
	      left: 90px;}

#SB3{position: relative;
	      top:-300px;
	      left: 220px;}

#mainstudent2-2{position: relative;
	      top:-150px;
	      left: 850px;}

#SB4{position: relative;
	      top:-420px;
	      left: 175px;}

#HS3{position: relative;
	      top:-260px;
	      left: 90px;}

#SB5{position: relative;
	      top:-550px;
	      left: 220px;}

#mainstudent2-3{position: relative;
	      top:-350px;
	      left: 850px;}

#SB6{position: relative;
	      top:-620px;
	      left: 175px;}

#separate5{width:100%;
           position: relative;
	      top:-470px;
          text-align: center;}


/*トップページへ*/
#gototop{position:relative;
	     top:-400px;
         text-align: center;}