#bg1 { position:relative; top:0px; left:0px; width:1000px;} 
#mufalogo { position:fixed; top:20px; left:20px;}
#com1 { position:relative; top:30px; width: 800px; left:100px;}
.mes1 { font-size:14px; line-height:20px; font-style:normal; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; text-align:left; font-weight: normal; color:rgb(89,87,87);}
#com2 { position:relative; top:60px; left:80px; width: 800px; padding:10px;  text-align:center; border-top: 1px solid gray;}
.mes2o { font-size:12px; color:rgb(233,85,50); font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
.mes2g { font-size:12px; color:rgb(89,87,87); font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
#com3 { position:relative; top:70px; left:350px; width:600px; }
.mes3g { font-size:14px; color:rgb(89,87,87); font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }

#profile { position:relative; top:100px; left:100px; height:800px; width:800px;}
.teacher1 { position:absolute; top:0px; left:150px; width:350px;}
.teacher2 { position:absolute; top:0px; right:0px; width:350px;}
.photo { position:relative; top:0px; left:20px;}

.tch { position:relative; top:5px; left:0px; width:350px; text-align:center;} 
.tch1 { font-size:14px; font-style:italic; font-family:'Ludica Sans Unicode'; color:rgb(89,87,87);}
.tch2 { font-size:22px; font-style:italic; font-family:'Ludica Sans Unicode'; color:rgb(89,87,87);}
.tch3 { position:relative; top:10px; left:10px; width:340px; }
.tch4 { position:relative; top:10px; left:5px; width:340px; }

#sozai3 { position:relative; top:10px; left:140px; width:700px; padding:10px; border-top:solid 1px rgb(89,87,87); text-align:center; }