@charset "utf-8";
* {
 font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
 margin:0;
 padding:0;
 line-height:1.2em;
 font-size:11pt;
 font-style:normal;
 font-weight:normal;
 color:#666;
}
html {
 overflow-y:scroll;
}
body {
 position:relative;
 width:1000px;
 height:100%;
 border:3px double #EEE;
 margin:52px auto;
 background-color:#FFF;
}
body h1 {
 position:absolute;
 top:-52px;
 left:8px;
 font-weight:normal;
 font-size:14pt;
 color:#666;
 font-weight:bold;
}
body h1 a {
 font-size:9pt;
 color:#666;
 text-decoration:none;
}
body h1 em {
 color:red;
 font-weight:bold;
 font-size:14pt;
}
body h1 span {
 color:#e373ff;
 font-weight:bold;
}
body h1 a:hover {
 text-decoration:underline;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
textarea {
 padding:7px;
}
a.mailtoui-button-1 {
 width:400px;
}

a.mailtoui-button-3 {
 display:none;
}
a.mailtoui-button-4 {
 display:none;
}
a.mailtoui-email-address {
 display:none;
}

/* list */
body#list {
 min-height:640px;
}
body#list h2 {
 font-size:11pt;
 line-height:1.5em;
 margin:12px 24px 4px 24px;
}
body#list div#search_area {
 width:600px;
 height:44px;
 float:left;
}
body#list div#contact_area {
 width:600px;
 float:left;
}
body#list div#search_area div, body#list div#contact_area div {
 position:relative;
 float:left;
 margin-left:8px;
 padding:8px 0;
}
body#list div#search_area div label, body#list div#contact_area div label {
 font-size:8pt;
 display:block;
}
body#list div#search_area div input#freetext,
body#list div#contact_area div input#yourname,
body#list div#contact_area div input#mailaddress0 {
 font-size:10pt;
 padding-left:2px;
 width:190px;
 height:21px;
}
body#list div#search_area div select {
 font-size:10pt;
 width:190px;
 height:25px;
 line-height:1.5em;
}
body#list div#search_area div input#submit_btn, body#list div#contact_area div input#submit_btn {
 font-size:11pt;
 width:90px;
 position:absolute;
 top:21px;
 left:0px;
 cursor:pointer;
 height:25px;
}
body#list div#contact_area textarea {
 font-size:11pt;
 padding:4px;
 width:800px;
 height:400px;
 position:absolute;
 top:60px;
 left:8px;
}
body#list div#user_area {
 position:absolute;
 top:-32px;
 right:0px;
 width:720px;
 text-align:right;
 font-size:9pt;

}
body#list div#user_area * {
 font-size:10pt;

}
body#list div#user_area span {
 margin-left:4px;
}
body#list div#user_area a#logout {
 margin-left:4px;
 text-decoration:underline;
 cursor:pointer;
}
body#list div#user_area a#pwchange {
 margin-left:4px;
 text-decoration:underline;
 cursor:pointer;
}
body#list div#user_area a:hover {
 text-decoration:none;
 color:#CCC;
}


body#list table {
 width:1004px;
 margin:2px auto;
 border-collapse:collapse;
 empty-cells:show;
}
body#list table caption {
 font-size:10pt;
 text-align:left;
}
body#list table th, body#list table td {
 border:1px solid #EEE;
 line-height:1.5em;
 font-size:10pt;
 padding:0 4px;
}
body#list table tr:nth-child(odd) {
 background-color:#DDD;
}

body#list table th {
 background-color:#333;
 border:1px solid #333;
 color:#FFF;
 font-size:9pt;
}
body#list table th button {
 background-color:transparent;
 border-style:none;
 color:#FFF;
 cursor:pointer;
 margin-right:4px;
}
body#list table th button:hover {
 color:red;
}
body#list table th button.c {
 color:red;
}

body#list table td div {
 overflow:hidden;
 height:22px;
 vertical-align:top;
 line-height:1.5em;
 font-size:10pt;
}
body#list table td.oh div {
 width:110px;
}
body#list table td a {
 text-decoration:underline;
 font-size:10pt;
 display:block;
 float:left;
 cursor:pointer;
}
body#list table td a:hover {
 color:red;
}
body#list table td a+a {
 margin-left:9px;
}
body#list div#fwrap {
 overflow:hiden;
}

body#list div#fwrap, iframe {
 width:800px;
 height:590px;
 background-color:transparent;
}
body#list div#fwrap a {
 color:#FFF;
 float:right;
 line-height:1.5em;
 cursor:pointer;
}
body#list div#fwrap a:hover {
 color:#CCC;
}

/* list */





/* static */
body#login {
 min-height:640px;
}
body#login div#login_area {
 margin:100px auto;
 margin-bottom:40px;
 width:320px;
 height:208px;
 border:1px solid #666;
 border-radius:4px;
}
body#login div#login_area div {
 width:200px;
 margin:10px auto;
}
body#login div#login_area div label {
 font-size:8pt;
 display:block;
}
body#login div#login_area div input {
 font-size:12pt;
 width:200px;
 height:22px;
 padding-left:2px;
}
body#login div#login_area input#submit_btn {
 width:90px;
 display:block;
 margin-left:58px;
 font-size:11pt;
 line-height:1.8em;
 height:25px;
 cursor:pointer;
}
body#login em#error {
 width:292px;
 height:38px;
 overflow:hidden;
 display:block;
 margin:10px auto;
 border:1px solid #EEE;
 padding:4px;
 font-size:10pt;
 line-height:1.5em;
 color:red;
 border-radius:4px;
}
body#login a {
 display:block;
 margin:10px 8px;
}
body#login p {
 width:540px;
 margin:0 auto;
 font-size:10pt;
 line-height:1.5em;
}
body#login p a {
 display:inline;
 font-size:10pt;
 line-height:1.5em;
 margin:0 2px;
}
body#login p a:hover {
 text-decoration:none;
}
/* static */


/* iframe */
body#ifrm {
 position:relative;
 width:780px;
 height:auto;
 border-style:none;
 margin:4px 0;
}
body#ifrm pre {
 padding:4px 8px;
 margin:8px auto;
 width:748px;
 font-size:10pt;
 line-height:1.5em;
 border:1px solid #EEE;
}
body#ifrm h1 {
 position:static;
 line-height:1.5em;
 font-weight:normal;
 font-size:11pt;
 color:#333;
 float:left;
 margin-left:8px;
}
body#ifrm a#mt {
 margin-top:8px;
 float:right;
 font-size:11pt;
 line-height:1.5em;
 margin-right:12px;
 text-decoration:underline;
 cursor:pointer;
 font-weight:bold;
}
body#ifrm a.mailtoui:hover {
 text-decoration:none;
}
body#ifrm label {
 font-size:9pt;
 margin-left:8px;
}


body#ifrm div#pwchange {
 margin:16px;
}
body#ifrm div#pwchange label {
 margin:0;
}
body#ifrm input {
 display:block;
}
body#ifrm input#password, body#ifrm input#password_r {
 width:180px;
 font-size:11pt;
 padding-left:2px;
 height:22px;
}
body#ifrm input#chpw {
 font-size:11pt;
 height:25px;
 width:90px;
 cursor:pointer;
 margin-top:8px;
}
body#ifrm div#error {
 font-size:11pt;
 color:red;
}




/* iframe */