#header {background: #6e0000 url('../images/header/background_index.gif') repeat-x;}
#header DIV {color: #FFF;}
#header TD {color: #FFF;}
#header A:link {color: #FFF;}
#header A:visited {color: #FFF;}
#header A:active {color: #FFF;}
#header A:hover {color: #FFF;}

#search-cat .hover {background: #ffcccc;}

#member-area {background: url('../images/header/round_index.gif') no-repeat right bottom;padding-bottom: 11px;}
.member-input {color: #666; width: 100px;}

#member-area A:link {color: #FFF;}
#member-area A:visited {color: #FFF;}
#member-area A:active {color: #FFF;}
#member-area A:hover {color: #FFF;}

h1 {font-size: 28px;}
h2 {font-size: 22px;}

h1 A:visited {color: #333;}
h2 A:visited {color: #0A428F;}
.title A:visited {color: #0A428F;}

.form-help {padding: 0; font-size: 11px; color: #999;}

form.border {border: 10px solid #F9F9F9; padding: 10px; margin-top: 10px;}

#boot {margin-top: 20px; background: #FFF;}
#boot .line {border-top: 2px solid #900;}
#boot .body {padding: 6px; font-size: 11px;}

#profileimage {text-align: center;}
.can-edit, A.can-edit, A.can-edit:link, A.can-edit:visited, A.can-edit:active, A.can-edit:hover {color: #AF0000;}

.my-emotion-title {font-size: 14px; margin: 5px 0 10px 10px;}

.register-form .name {vertical-align: top; padding-bottom: 6px;}

.new_relations .line, new_act_relations .line {border-bottom: 1px dashed #DDD; margin: 5px 0 4px 0; width: 530px;}

.relation-act {font-size: 14px; width: 100%; margin-top: 4px;}
.relation-act TR.row:hover {background-color: #FFFFD3;}
.relation-act TD {padding: 4px 0;}
.relation-act .command {font-size: 11px; text-align: right;}
.relation-act .command .ajax-loading-on {} 
.relation-act .line {padding: 0;}

#relation-block {margin-bottom: 10px; background-color: #F0F0F0; padding: 6px 10px;}

#relation .now TD {font-size: 17px;}
#relation .modify {font-size: 11px;}
#relation .modify DIV {font-size: 12px; line-height: 140%;}
.line-relation {border-top: 1px dashed #CCC; margin: 3px 0;}

.relation-title {font-size: 17px;}
.relation-member {margin: 4px 0 10px 10px;}

A.subscribe {background: url('../images/interface/add_12.gif') no-repeat left bottom; padding-left: 18px; color: #907c63;}
A.unsubscribe {background: url('../images/interface/remove_12_bl.gif') no-repeat left bottom; padding-left: 18px; color: #907c63;}
A.unsubscribe:hover {background: url('../images/interface/remove_12.gif') no-repeat left bottom;}

/* #stairs-square {z-index: 1; margin-left: 6px; position: absolute; width: 32px; height: 25px; background: url('../images/interface/members/stairs_square.gif') no-repeat left bottom;} */
#stairs-square {z-index: 10; bottom: -13px; margin-left: 6px; position: absolute; width: 22px; height: 22px; background: url('../images/interface/members/stairs_square_2.gif') no-repeat left bottom;}
#user-name {position: relative; z-index: 2; margin-bottom: 2px;}
#sex {z-index: 2; top: 0; position: absolute; width: 18px; height: 9px;}

#stair {margin: 0 0px 10px 0px; background-color: #efe8df; position: relative; z-index: 1;}
#stair .body {padding: 4px 10px 4px 10px; border: 1px solid #e2ccb0;}
#stair .content {font-size: 14px; padding-top: 3px; line-height: 120%;}
#stair .title {font-size: 10px; font-family: Tahoma,Arial,sans-serif; font-weight: bold; color: #907c63;}

#opinion {background-color: #efe8df; margin: 0px 0 10px 0; padding: 6px 10px; position: relative;}
#opinion .title {font-size: 22px; margin-bottom: 6px;}
#opinion .sm-title {font-size: 11px; color:#888888;}
#opinion .value {margin-bottom: 12px; font-size: 12px; line-height: 120%;}

#add-thought .overthought {float:right; padding-top: 4px; font-size: 11px;}
#add-thought .none {background-color: #F0F0F0; height: 78px;}
#add-thought .thought {margin-top: 6px;} 
#add-thought .title {font-size: 17px;}

#stairs-list H1 {margin-bottom: 6px;}
#stairs-list .stair {padding: 10px 10px; border-bottom: 1px dashed #CCC;}
#stairs-list .content {font-size: 14px; line-height: 120%;}
#stairs-list .date {margin-bottom: 3px; font-size: 11px; color: #999;}
#stairs-list .option {font-size: 11px; color: #999;}
#stairs-list .option A {color: #999;}

#stairs-show .comment {text-align: left; margin-bottom: 4px;}
#stairs-show .comment .head {background-color: #EFE8DF;}
#stairs-show .comment .content {font-size: 13px; padding: 4px 20px 20px 0; line-height: 140%;}
#stairs-show .date {font-size: 11px; color: #999;}

.stair .comment {font-size: 11px; text-align: right; color: #999; margin-top: 2px;}
.stair .comment .pseudo-dt-url {color: #999;}
#stairs-list .comment A {color: #999;}
#stair .comment A {color: #999;}
.stair .comment-form {margin-top: 3px;}
.stair .comment-form .area {border: 1px solid #999; margin-bottom: 4px; padding-left: 2px; background-color: #FFF;}
.stair .comment-form .button .cancel-button {margin-left: 4px;}
.stair .comment-form .button INPUT {border: 1px solid #999;}

#stair-head-option {margin-top: 4px; width: 100%}

#stairs-show .content {font-size: 17px; line-height: 120%; padding: 4px 0 20px 0;}

.stairs {background-color: #efe8df; margin: 0px 0 10px 0; padding: 6px 10px;}
.stairs .title {font-size: 22px; margin-bottom: 6px;}
.stairs H1 {padding-left: 10px;}

.pseudo-button DIV {padding: 2px 10px 3px 10px; background-color: #5a85ca; color: #FFF; border: 1px solid #036; text-align: center;}
A.pseudo-button {text-decoration: none;}

.psd-button DIV {padding: 2px 10px 3px 10px; border: 1px solid #999; text-align: center;}
A.psd-button {text-decoration: none;}
A.psd-button DIV.grey {background-color: #CCC; color: #333;}
A.psd-button DIV.blue {background-color: #5a85ca; color: #FFF;}
A.psd-button:hover DIV.grey {background-color: #666; color: #FFF;}
A.psd-button:hover DIV.blue {background-color: #AF0000; color: #FFF;}
A.psd-button DIV.small {font-size: 11px; padding: 0px 10px 2px 10px;font-family: Tahoma,Arial,sans-serif;}

#subscribe-member {margin-bottom: 10px;}
#subscribe-member .title {font-size: 17px; margin-bottom: 4px;}
#subscribe-member TABLE {margin: 2px 0;}
#subscribe-member TD.name {padding: 0 12px 0 6px;}

.pages {padding: 1em; margin: 1em 0; font-size: 14px;}
.pages span {padding: 0.2em 0.5em; margin-right: 0.1em;}
.pages a {padding: 0.2em 0.5em; margin-right: 0.1em; background: #FFF;}
.pages span.current {background: #660000; color: #FFF;}
.pages a:hover {border-color: #369;}
.pages a.nextprev {}
.pages span.nextprev {color: #666;}
.pages span.nextprev {color: #999;}

.edit-button {position: absolute; top: 5px; right: 5px; padding-left: 2px; font-size: 10px; font-family: Tahoma,Arial,sans-serif;font-weight: bold; display: none;}
.edit-button A {text-decoration: none;color: #FFF;}
.edit-button A:hover DIV{color: #FFF; background-color: #900;}
.edit-button DIV {padding: 1px 6px 2px 6px; margin: 0; color: #FFF; background-color: #999;}

#main-info {font-size: 11px; background-color: #F0F0F0; padding: 10px 10px 4px 10px; margin: 10px 0px; color: #888; position: relative;}
#main-info DIV {margin-bottom: 6px;line-height: 130%;}
#main-info .value {font-size: 12px; color: #333;}


#list-white {display:none;}
#list-black {display:none;}
#fm-access_mi TD {padding: 5px 10px;}
#fm-access_mi-2-lb {cursor: default;}

.member-id {position: absolute; top: -8px; padding-left: 2px; font-size: 10px; font-family: Tahoma,Arial,sans-serif;font-weight: bold; color: #907c63; white-space: nowrap;  z-index: 1000; background-color: #FFF;}
#index .member-id {top: -6px;}