body{
    width: 98%;
user-select:none; 
-webkit-user-select:none; 
-moz-user-select:none; 
-khtml-user-select:none; 
-webkit-user-drag:none; 
khtml-user-drag:none; 
    background-color: #FFFFFF;
    font-family: "HGP教科書体",cursive;
    color: #666666
}
    a.abc:link {color: #666666; border-bottom: 0; text-decoration: none;}
    a.abc:visited {color: #CC3333; border-bottom: 0; text-decoration: none;}
    a.abc:hover {color: #CC3333; border-bottom: 0; text-decoration: none;  background-color:  #EEEEEE;}

a.textpage:link {color: #CC3333; border-bottom: 0; text-decoration: none;}
a.textpage:visited {color: #CC3333; border-bottom: 0; text-decoration: none;}
a.textpage:hover {color: #BBBBBB; border-bottom: 0; text-decoration: none;  background-color:  #FFDDFF;}

a:link {color: #CC3333; border-bottom: 0; text-decoration: none;}
a:visited {color: #FFAAFF; border-bottom: 0; text-decoration: none;}
a:hover {color: #BBBBBB; border-bottom: 0; text-decoration: none;}

a.alice:link {color: #CC3333; border-bottom: 0; text-decoration: none;}
a.alice:visited {color: #CC3333; border-bottom: 0; text-decoration: none;}
a.alice:hover {color: #CC3333; border-bottom: 0; text-decoration: none;}

#container {
    background: #FFFFFF;
    border: 2px solid #AAAAAA;
    margin: 10px auto;
    width: 630px;
    padding: 30px 10px 30px 10px;
    color: #666666 ;
line-height:40px;
 font-size: 22px; 
 font-family: "HGP教科書体",cursive;
        }

h1 {
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
        left:-30px;
	background-color: #CC3333;
        font-family: "HGP教科書体",cursive;
        font-size: 28px;
        color: #ffffff;
}
 h1::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-width: 24px 26px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fff;
}

/** Styling the send button **/
input[type=submit]{
width:50px;
text-align: center;
cursor:pointer;
background:none;
border:none;
font-family: "HGP教科書体",cursive;
color:#767676;
font-size:18px;
margin: 10px 6px 10px 6px;
padding:6px 6px;
border:1px solid #E0E0E0;
text-shadow: 0px 2px  2px #E8E8E8;
background: rgb(246,246,246);
background: linear-gradient(top,  rgba(246,246,246,2) 1%,rgba(242,242,242,2) 100%);
border-radius:6px;
box-shadow:0px 2px 2px #FFF inset,
0 0 0px 5px #EAEAEA;
transition:all 0.2s linear;
}

input[type=submit]:hover{
color:#686868;
border-color: #CECECE;
background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px 2px 2px #FFF inset,
0 0 0px 6px #E0E0E0;
}

input[type=submit]:active,
input[type=submit]:focus{
position:relative;
top:2px;
color:#515151;
background: linear-gradient(top,  rgba(234,234,234,2) 0%,rgba(242,242,242,2) 100%);
box-shadow:0px -2px 2px #FFF inset,
0 0 0px 6px #E0E0E0;
}

input[type=text]{ width: 600px;
                          text-align: center;
                          margin: 4px 2px 4px 2px;
                          padding: 6px 0px 6px 0px;
                          font-size: 20px; 
                          font-family: "HGP教科書体",cursive;
                          color: #666666;
}

p.toppage {
border-bottom: 6px dotted  #CCCCCC;
 border-top: 6px dotted  #CCCCCC;
margin: 20px 0px 20px 0px;
line-height:36px;
text-align: right;
 font-size: 20px; 
 font-family: "HGP教科書体",cursive;
}