body
{
}

#key 
{
  float: left;/*
  margin-right: 0px;*/
  margin-bottom: 1em;
   
}
#johohogo
{
    margin-top:10px;
    width:600px;
	border:double 2px #c0c0c0;
    padding: 5px 5px 5px 25px;
    font-size:80%;
	font-weight: bold;
	color: #708090;

}
#Send
{
   	width:655px;
	border:double 2px #c0c0c0;
    padding: 5px 5px 5px 25px;
}
.SideSendH
{
	font-size:90%;
	border-left: 12px solid #FFB6C1;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0.5em;
    margin-bottom: 0px;
	font-weight:bold;
    color: #708090;
    
}
.sendtxt
    {
       width:600px;
       Height:20px;
       padding:15px 15px 15px 15px;
       font-size: 1.1rem;
    }
.sendtxtbox
    {
       width:600px;
       Height:200px;
       padding:15px 15px 15px 15px;
       font-size: 1.1rem;
    }
    
#btnSend
{
    background-color:#CC3300;
    width: 250px;
    height:60px;

    color:#fff;
    font-weight:bold;
    padding:5px 5px 5px 5px;
    font-size: 1.1rem;
    margin:15px 15px 15px 0px ;
    border: none;
    cursor: pointer;
}
#sendMessages
{
    width:600px;
    margin-top: 10px;
}
.sendMsg
{
    padding: 10px 15px;
    margin-bottom: 8px;
    border-radius: 4px;
    font-weight: bold;
}
.sendMsg.success
{
    background-color: #e6f4ea;
    color: #1e7e34;
    border: 1px solid #b6e2c2;
}
.sendMsg.error
{
    background-color: #fdecea;
    color: #c0392b;
    border: 1px solid #f3c1bc;
}
.sendMsg.info
{
    background-color: #eef4fb;
    color: #31708f;
    border: 1px solid #bce0f1;
}
.sendError
{
    color: #c0392b;
    font-size: 85%;
    margin: 2px 0 0 0;
}
/* ハニーポット(スパムボット対策)。人間には見えない位置に飛ばす。
   display:none だとチェックして回避するボットもいるため、画面外配置にする。 */
.hp-wrap
{
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}