@charset "UTF-8";
body {
    -webkit-text-size-adjust: 100%;
    background-color : #FFFFFF;
    color : #000000;
}
body.result {
    background-color : #CCFFCC;
}
a:link { /*アクセスしたことのないリンク*/
color:#0000FF;
}
a:visited { /*アクセスしたことのあるリンク*/
color:#FF0000;
}
a:active {/*クリック中*/
color:#FF0000;
}
hr.border {
    border-top: 2px solid #0000FF;
}

div.clear_float {
    clear: both;
}

div.header_logout {
    text-align: right;
    margin-right:10%;
    float:right;
    height:115px;
}

span.title {
   display: inline-block;
　}

div.header_logo {
    text-align: center;
    float:left;
}
div.header_logo_title {
    text-align: center;
    font-size:20px;
    font-weight:bold;
}

.logout_button {
    text-align: center;
    margin-top:50%;
    margin-bottom:50%;
    width:100px;
}

.login_button {
    text-align: center;
    width:100px;
}

.search_button {
    text-align: center;
    width:100px;
}

div.content {
    text-align: center;
}

.err_msg {
    color:red;
}

.search_result {
    color:#0000ff
}

.element {
    float:left;
    margin-bottom:5px;
    margin-top:5px;
    padding-top:1px;
}

.left_align {
    text-align:left;
    width:50%;
}

.right_align {
    text-align:right;
    width:48%;
}

.element_space {
    float:left;
    width:2%;
    margin-bottom:5px;
    margin-top:5px;
    padding-top:1px;
}

.notice_sentence {
    margin:0 auto;
}

input.text_input {
    width:170px;
    max-width:90%;
}

@media (max-width: 380px) {
  .element {
    font-size: 80%;
  }
}