/* member.css, asumeru Member Page CSS */

/* hedaer */
#hd {
    margin-top: 10px;
    background: url(header.jpg) repeat top left;
	height: 80px;
}

#hd-platinum {
    margin-top: 10px;
    background: url(asumeru_platinum_heder.jpg) repeat top left;
	height: 80px;
}

#top_menu {
	position:absolute;
	right:0em;
	top:4em;
	padding-right:1em;
	color: white;
}

#top_menu a{
	color: MintCream;
}

/* link */
a:link { 
    color:#2A5DB0;
}   

a:visited {
    color:#2A5DB0;
}

/* main */
#bd {
    margin-top: 0.5em;

}

/* side menu */
.navi	{
	width: 180px;
	margin: 0px;
}
.navi li	{
	border-bottom: solid 1px #D1D1D1;
	list-style-type: none;
}
.navi li a	{
	display: block;
	width: 160px;
	padding: 5px 5px 5px 15px;
	background: url(navi.jpg) no-repeat top left;
	text-decoration: underline;
	color: #333;
}
.navi li a:hover {
	background: url(navi_on.jpg) no-repeat top left;
	padding: 5px 5px 5px 20px;
	text-decoration: underline;
	color: #999;
}

/* footer */
#ft {
    margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	line-height:0.7em;
}

/* error message */
.error_message {
	color: red;
}

.page_title {
	border-style: solid none;
	border-color: #b3678d #b3678d rgb(204, 204, 204);
	border-width: 3px medium 1px;
	padding: 5px 10px;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	background-color: #FAFAFA;
}

.attention {
	color: red;
}

.safety {
	color: #009933
}

.stepmaildb_list {
	margin-bottom: -1em;
	margin-top: 0.7em;
}

.stepmaildb_title {
    color: #414142;
    background-color: #EAF0E6;
    position: relative;
    z-index: 2;
    padding: 0.3em 1em 0.2em 0.3em;
    border-style: solid;
    border-color: #616161;
    border-width: 1px 2px 2px 1px;
    margin-right: 1em;
	line-height: 2em;
}

.stepmaildb_data {
    position: relative;
    z-index: 1;
    top: -0.9em;
    margin: 0 0 0 0.9em;
    border: solid 1px #CCCCCC;
	padding: 1em 0.5em 0.5em 0.5em;
	line-height: 1.7em;
	background-color:#FAFAFA;
}

.stepmaildb_data span {
	border: solid 1px #CCCCCC;
	text-align: right;
	padding: 0.2em;
	margin-left: 0.3em;
	margin-right: 0.3em;
}

.stepmaildb_td1 {
	background-color: #FFFFCC;
	white-space: nowrap;
	font-weight:bold;
}

.stepmaildb_td2 {
	white-space: nowrap;
}

.stepmaildb_td3 {
    background-color: #66CCFF;
	white-space: nowrap;
	font-weight:bold;
}

table.stepmail_list_table {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px;
}

table.stepmail_list_table th,
table.stepmail_list_table td {
  padding: 4px 6px;
  border-top: none;
  border-left: none;
}

table.stepmail_list_table th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #EAF0E6;
  text-align: center;
  white-space: nowrap;
}

table.stepmail_list_table td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  //background: #F3F3F3;
  text-align: left;
  white-space: nowrap;
}

table.stepmail_list_table tr:hover td {
    background: #CCCCCC;
}

.sl_tr {
  background-color: #FAFAFA;
}

.sl_tr_alt {
  background-color: #EAF0E6;
}

fieldset#member_info_field {
	border: 2px #e9d2d3 solid;
	border-top: 1.5em #e9d2d3 solid;
}

fieldset#member_info_field legend {
	margin: 0 0 0 20px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px #FFFFFF solid;
	background: #ca94a9;
}

fieldset#member_info_field input,
fieldset#member_info_field select {
	border-color: #e9d2d3;
	background: #f0f0f0;
	border-width: 2px;
	border-style: solid;
	margin: 0.3em;
}

fieldset#member_info_field button {
	margin-left: 2.9em;
	padding: 5px 20px;
	font-size: 1.1em;
}

fieldset#member_info_field dd {
	margin-bottom: 0.4em;
}

table#stepmail_search td, th{
	border:none;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

table#stepmail_search th{
	text-align: right;
}

.sm {
	color: green;
}

/* table border clear */
table#border_clear td, th{
	border:none;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

/* button ---------------------------------------------- */
input[type="submit"],input[type="button"] {
	padding: 0.3em 1em 0.2em;
	font-size: 1em;
}

table.config_table1 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px;
}

table.config_table1 th,
table.config_table1 td {
  padding: 4px 6px;
  border-top: none;
  border-left: none;
}

table.config_table1 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #bddbff;
  text-align: center;
  white-space: nowrap;
}

table.config_table1 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  //background: #F3F3F3;
  text-align: left;
  white-space: nowrap;
}

.cf1_tr {
  background-color: #FAFAFA;
}

.cf1_tr_alt {
  background-color: #EEF5FF;
}

table.config_table2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 1px;
}

table.config_table2 th,
table.config_table2 td {
  padding: 4px 6px;
  border-top: none;
  border-left: none;
}

table.config_table2 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  border-left: solid 1px #f4f4f4;
  border-top: solid 1px #f4f4f4;
  background: #FFFFCC;
  text-align: right;
  white-space: nowrap;
}

table.config_table2 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  border-left: solid 1px #f4f4f4;
  border-top: solid 1px #f4f4f4;
  background: #FFFFFC;
  text-align: left;
  white-space: nowrap;
}

/* only IE8 Font Size Hacked */
html>/**/body {font-size/*\**/: small\9;}

/* Mail body font monospace */
.monospace_font {
  font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace;
}

/* ------- Tab Menu ------- */
div.tabmenu {
  width: 100%;
  background-color: #ffffff;
  border-bottom: 3px #EAF0E6 solid; /* Tab underline */
  font-size: 80%;
}

/* --- Tab Menu area --- */
div.tabmenu ul.nl {
  width: 99%; /* tab width */
  margin: 0 auto; /* tab margin */
  padding: 0;
  list-style-type: none;
  text-align: center;
}

/* --- Tab Menu Item --- */
div.tabmenu ul.nl li {
  margin-right: 4px;
  background: #FAFAFA;
  float: left;
  border-left: none;
  border-top: none;
  border-right: solid #B2B2B2 1px;
  border-bottom: solid #B2B2B2 1px;
  list-style-type: none;
  font-size: 1.3em;
  padding-left: 1em;
  padding-right: 1em;
}

/* --- Tab link --- */
div.tabmenu ul.nl li a {
  display: block;
  position: relative; /* IE6 Hacked */
  padding: 6px 2px 5px;
  text-decoration: none;
}
/* --- Tab link hover --- */
div.tabmenu ul.nl li a:hover {
  text-decoration: underline;
}

/* --- Active Tab --- */
div.tabmenu ul.nl li.activetab {
  background: #EAF0E6; /* active Tab Color */
  color: #000000; /* active Tab font Color */
  border-left: solid #B2B2B2 1px;
  border-top: solid #B2B2B2 1px;
  border-right: none;
  border-bottom: none;
}

/* --- Active Tab Description--- */
div.tab-desc {
  background-color: #EAF0E6;
  border: solid 1px #B2B2B2;
  padding: 4pt;
}

/* --- clearfix --- */
.TabclearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.TabclearFix {
  min-height: 1px;
}

/* Chrome bug fix */
textarea {
  padding: 3px;
}

/* Information Box */
.InfoBox {
  width: 668px;
  border: 1px #91BF98 solid;
}

.InfoBox h4 {
  margin: 0;
  padding: 6px 10px;
  background-color: #91BF98;
  border-bottom: 1px #91BF98 solid;
}

.InfoBox p {
  margin: 0.8em 8px;
}


/* Warning Box */
.WarningBox {
  width: 640px;
  border: 1px #dc143c solid;
}

.WarningBox h4 {
  margin: 0;
  padding: 6px 10px;
  background-color: #dc143c;
  border-bottom: 1px #dc143c solid;
}

.WarningBox p {
  margin: 0.8em 8px;
}


/* attribute */
fieldset.attribute {
	border:1px solid #91BF98;
	margin: 0.5em;
	padding: 0.5em;
	line-height: 1.5em;
}

legend.attribute {
	padding: 0.2em;
}

input.attribute_period {
	width: 6em;
	margin: 0 0.5em 0.5em;
}

span.attribute_period {
	min-width: 6em;
	margin: 0 0.5em 0.5em;
	display: inline-block;
	border:1px solid #E3E9EF;
	padding-left: 0.5em;
}

select.attribute_item {
	margin: 0 0.5em 0.5em;
	width: 12em;
}

input.attribute_item {
	width:25%;
	margin: 0 0.5em 0.5em;
}

input.attribute_pref {
	margin-right: 0.3em;
}