
@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, cod, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
filedset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    margin-bottom: 0.5em;
}
pre, input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}
li {
    list-style-type: none;
}
body {
    background: none repeat scroll 0 0 #fafafa;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 0.8em;
}
a {
    color: #333;
    text-decoration: underline;
}
h2 {

}
h3 {
    border-left: 3px solid #2c6877;
    font-size: 12pt;
    padding: 10px;
}
h4 {
    border-bottom: 10px double #4682b4;
    color: #4682b4;
    font-size: 14pt;
    font-weight: normal;
}
h5 {
    border-bottom: 2px solid yellow;
    font-size: 11pt;
    font-weight: normal;
}
hr {
    background-image: -moz-linear-gradient(left center , transparent, rgba(102, 127, 204, 0.75), transparent);
    border: 0 none;
    height: 1px;
    margin-bottom: 2em;
}
.center {
    text-align: center;
}
tr.center td {
    text-align: center;
}
pre {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    padding: 2em;
}
ul.able li {
    list-style-position: inside;
    list-style-type: disc;
}
.clearfix {
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}
.disnon {
    display: none;
}
#page_top {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    bottom: 80px;
    margin: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 6.5em;
}
#page_top a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    display: block;
    padding: 0.5em 0;
    text-align: right;
    text-decoration: none;
}
#page_top a:link, #page_top a:visited {
    background: url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0, 0, 0, 0.4);
    color: #fff;
}
#page_top a:hover, #page_top a:active {
    background: url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0, 0, 0, 0.7);
    color: #f60;
}
#page_bottom {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    bottom: 20px;
    margin: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 6.5em;
}
#page_bottom a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    display: block;
    padding: 0.5em 0;
    text-align: right;
    text-decoration: none;
}
#page_bottom a:link, #page_bottom a:visited {
    background: url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0, 0, 0, 0.4);
    color: #fff;
}
#page_bottom a:hover, #page_bottom a:active {
    background: url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0, 0, 0, 0.7);
    color: #f60;
}
#container {
    text-align: left;
}
#header {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}
#content1 {
    background: none repeat scroll 0 0 #fff;
    clear: both;
    color: #333;
    min-height: 400px;
    padding: 10px;
}
#footer {
    background-color: #eee;
    background-image: url("../img/footer.png");
    background-repeat: repeat-x;
    clear: both;
    color: #44617b;
    padding: 10px 0;
    text-align: center;
}
a.footer_link:link {
    color: #44617b !important;
}
a.footer_link:visited {
    color: #44617b !important;
}
a.footer_link:hover {
    color: #000 !important;
}
a.footer_link:active {
    color: #000 !important;
}
div.login {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin: 100px auto;
    width: 850px;
}
.login label {
    clear: left;
    float: left;
    line-height: 30px;
    width: 130px;
}
.login input {
    width: 400px;
}
.login form {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}
.login .submit {
    text-align: center;
}
#copyright {
    color: #909090;
}
.date_time1 select, #content1 .date_time1 select, .date_time2 select, #content1 .date_time2 select {
    width: 100px;
}
div.right_block {
    display: inline-block;
    width: 420px;
    word-break: break-all;
}
table {
    background-color: #f5f7f7;
    border: 0 none;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 850px;
}
th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/table_th.png") repeat-x scroll left center / contain rgba(0, 0, 0, 0);
    border-color: #aaa #aaa #555;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #ddd;
    padding: 2px;
    text-align: center;
}
table td {
    border: 1px solid #aaa;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}
table th hr {
    background: none repeat scroll 0 0 #eee;
    margin: 0;
    padding: 0;
}
table td hr {
    background: none repeat scroll 0 0 #aaa;
    margin: 0;
    padding: 0;
}
table tr:nth-child(2n) {
    background: none repeat scroll 0 0 #fff;
}
div.table_button {
    float: right;
    padding-right: 10px;
    width: auto;
}
table.borderless {
    border: 0 none;
    margin: 0;
}
table.borderless tr td {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    padding: 0;
}
table th.common1 {
    width: 200px;
}
table.report_spam tr td:first-child {
    width: 150px;
}
div.report_spam input[type="text"] {
    width: 500px;
}
div.report_spam div {
    margin: 10px 0;
}
div.report_spam li ol[type="1"] li {
    list-style: inside none decimal;
    margin: 0;
}
div.report_spam input[type="checkbox"] {
    margin: 3px 5px 0 0;
}
div.report_spam ul li {
    margin: 15px 0;
}
div.report_spam span.header {
    display: block;
    font-weight: bold;
}
div.all_optout {
    background: none repeat scroll 0 0 #f0f0f0;
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
}
div.report_spam_link {
    margin: 10px 0 0 5px;
}
input[type="submit"], input[type="button"], button, .buttonchange {
    background: url("../img/button/button_arrow.png") no-repeat scroll 0 1px #fff;
    border-color: #9cf;
    border-radius: 5px;
    cursor: pointer;
    display: inline;
    font-size: 110%;
    line-height: 1.5em;
    margin: 0 0.8em 0 0.1em;
    padding: 5px 10px 5px 30px;
    width: auto;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .buttonchange:hover {
    background-color: #f2f9ff;
    left: 1px;
    position: relative;
    top: 1px;
}
.buttonchange {
    color: #333;
    line-height: 3em;
    margin: 5px;
    text-decoration: none;
}
span.footer {
    color: #aaa;
}
.attention {
    color: red;
    font-weight: bold;
}
span.red {
    color: crimson;
}
span.underline {
    border-bottom: 1px solid #4682b4;
    font-size: 11pt;
    padding-bottom: 5px;
}
ul.submenu li {
    background: url("../img/grad_downtoup.png") repeat-x scroll left bottom #fff;
    margin-top: 0;
    padding: 3px;
}
ul.submenu li:hover {
    background: url("../img/grad_uptodown.png") repeat-x scroll left top #fff;
    border-bottom: 1px solid #eee;
}
ul.submenu li.active a {
    background: url("../img/arrow_small_high.png") no-repeat scroll 3px center rgba(0, 0, 0, 0);
}
ul.submenu li a {
    background: url("../img/arrow_small_gray.png") no-repeat scroll 3px center rgba(0, 0, 0, 0);
    display: block;
    padding-left: 15px;
    text-decoration: none;
    width: 170px;
}
ul.submenu li a:hover {
}
div.manual_header {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    padding: 2em;
}
ul.manual_menu {
    float: left;
    font-size: 10pt;
    width: 200px;
}
ul.manual_menu li {
    border-radius: 3px;
    padding: 10px 5px;
}
ul.manual_menu li.header {
    background: url("../img/affiliator/buttonbg.png") repeat-x scroll center center rgba(0, 0, 0, 0);
}
ul.manual_menu a {
    color: #fff;
    display: block;
    text-decoration: none;
}
ul.manual_submenu {
    margin-left: 5px;
}
ul.manual_submenu li {
    background: url("../img/affiliator/arrow_low.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 15px;
}
ul.manual_submenu a {
    color: #696969;
    display: block;
    text-decoration: none;
}
ul.manual_submenu li:hover {
    background: url("../img/arrow_high.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
div.manual_main {
    clear: none;
    margin-left: 210px;
    width: 750px;
}
div.manual_main pre {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}
div.manual_main img {
    border: 1px solid black;
}
table.manual {
    clear: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.manual tr td {
    border: 1px solid #aaa;
    padding: 5px;
}
table.manual tr td:nth-child(1) {
    font-weight: bold;
    width: 145px;
}
.manual table.nonstyle {
    background: none repeat scroll 0 0 aliceblue;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.manual table.nonstyle tr td {
    border: 0 none;
    padding: 10px 0;
    text-align: center;
    width: 100px;
}
.manual table.nonstyle tr:nth-child(1) {
    background: none repeat scroll 0 0 #696969;
    color: white;
    font-weight: bold;
}
ul.freemail {
    cursor: pointer;
    float: left;
    margin-top: 30px;
    width: 155px;
}
ul.freemail li {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #696969;
    padding: 10px;
}
ul.freemail li:hover {
    background: none repeat scroll 0 0 #f0f8ff;
}
div.public {
    margin-left: 190px;
    margin-top: 30px;
    width: 900px;
}
div.public table {
    clear: none;
}
div.public img {
    border: 1px solid #ccc;
    margin-right: auto;
}
div.public table tr td:first-child {
    text-align: center;
}
div.public table tr td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color white;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 30px;
}
div.public table tr:last-child td {
    text-align: left;
}
div.public table p {
    padding-bottom: 20px;
}
div.public table li {
    list-style: inside none disc;
}
p.red {
    color: red;
}
div.sendlist table {
    font-size: 14px;
    margin: 2px;
    width: 628px;
}
fieldset {
    border: medium none;
    margin-bottom: 1em;
    padding: 16px 10px;
}
fieldset legend {
    color: #e32;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form .required > label:first-child, span.required {
    font-size: 110%;
    font-weight: bold;
}
form .required > label:first-child:after, span.required:after {
    color: #e32;
    content: "*";
    display: inline;
}
div.submit {
    border: 0 none;
    clear: both;
    padding: 2px;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom: 3px;
    width: auto;
}
input, textarea {
    display: block;
    padding: 3px;
}
select[multiple="multiple"] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type="checkbox"] {
    clear: left;
    float: left;
    margin: 0 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type="radio"] {
    float: left;
    line-height: 26px;
    margin-right: 4px;
    margin-top: 4px;
    padding: 0;
    width: auto;
}
.radio label {
    line-height: 26px;
    margin: 0 0 6px 20px;
}
form .error {
    background: none repeat scroll 0 0 #ffdacc;
    border-radius: 4px;
    font-weight: normal;
}
form .error-message {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error, form .error-message {
    box-shadow: none;
    color: #9e2424;
    text-shadow: none;
}
#content1 #flashMessage {
    color: red;
    font-size: 120%;
    text-align: left;
}
div#userlist table tr td {
    border: 1px solid #aaa !important;
}
div#userlist table#paginator tr td {
    border: 0 none !important;
}
div#userlist table .name1 {
    border-right: 0 none !important;
    width: 200px !important;
}
div#userlist table .name2 {
    border-left: 0 none !important;
    width: 200px !important;
}
div#userlist table .mail {
    width: 550px !important;
}
