@charset "UTF-8";
* {
margin: 0;
padding: 0;
/*border: 1px solid #F00;*/
}

body {
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
background-color: #f8f8f8;
}

#container {
margin: 0 auto;
width: 90%;
height: 98%;
background-color: #fff;
}

#header {
margin: 1em 0;
color: #333;
background-color: #fff;
background-image: url(../img/blue_g.png);/*(../img/back.png);*/
background-position: left 10%;
padding: 0.3em 1em 0.4em 1em;
border-top: 1px solid #006;
border-right: 1px solid #666;
border-bottom: 5px solid #006;
border-left: 1px solid #666;
text-align: left;
}

#header h1 {
display: inline;

}

#main {
border-top: 1px solid #006;
text-align: center;
}

#result {
display: none;
font-size: 70%;
line-height: 1;
margin: 4em auto;
padding: 1em;
clear: both;
}

#inputForm {
clear: both;
margin: 1em 1em;
}

#inputText {
display: none;
}

#inputField {

}

#modeField {
clear: both;
}

#inputFeed, #inputText {
  font-size: 100%;
  line-height: 1.2;
padding: 0.2em;
height: 1.5em;
width: 30em;
margin: 0.4em 2px;
}

#submitButton, #clearButton {
background-image: url(../img/blue_g.png);
background-color: #fff;
background-position: left top;
border: 1px solid #4CA3E7;
padding: 0.2em;
}

#clearButton {
display: none;
}

div.graphImage {
width: 420px;
float: left;
  text-align: center;
margin: 4px;
  
}

div.cloudBox {
clear: both;
}

div.cloudText {
  text-align: center;
  line-height: 1;
}

div.cloudText span {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0;
color: #00c;
}

#footer {
clear: both;
margin: 1em 0;
padding: 1em;
font-size: 75%;
background-color: #4CA3E7;
text-decoration: none;
}

address {
text-decoration: none;
font-style: normal;
}

#adsense {
text-align: center;
padding: 0 0 0.8em 0;
}

#adsense-bottom {
border-top: 1px dashed #ccc;
padding: 1em 0;
margin: 1em 0;
clear: both;
}