/** メール基本設定
============================== **/


#shopHeader{
	overflow: visible ;
}

 table{
	position:relative;
	overflow: auto;
	word-break:break-all;
	word-wrap: break-word; 
}

/** メールの説明文
============================== **/
.MailPosition{
	position:relative;
	left:22px;
	width:760px;
	margin-bottom:20px;
}
.MailPosition span{
	color:#777777;
}
.MailPosition table{
	width:760px;
	border:1px solid #cccccc;
}

td.MailBoxPosition{
	padding-left:16px;
	width:700px;
}

td.MailBoxPosition table{
	width:730px;
}
td.MailBoxPosition td{
	padding:5px;
	border:1px groove #777777;
}


/** エントリー入力テーブル
============================== **/
.MailEntlyBox table{
	left:70px;
	width:630px;
	border-collapse: collapse;
	border:1px solid #999999;
}
.MailEntlyBox td{
	border-bottom:1px solid #999999;
}

td.MailFontRight{
	text-align: right;
	padding-right: 5px; 
	background-color:#E8E8E8;
	border-right:1px solid #999;
	color:#366408;
	width: 150px;
	font-weight: bold;

}

td.MailFontLeft{
	text-align: left;
	padding-left: 5px; 
	background-color:#fff;
	border-right:1px solid #999;
	vertical-align:middle; 
	width: 530px;

}
td.MailFontHight{
	text-align: right;
	padding-right: 5px; 
	background-color:#E8E8E8;
	border-right:1px solid #999;
	color:#366408;
	width: 200px;
	font-weight: bold;

}

td.MailFontLow{
	text-align: left;
	padding-left: 5px; 
	background-color:#fff;
	border-right:1px solid #999;
	vertical-align:middle; 
	width: 580px;

}

td.MailFontLow .rent{
	color: #FF6762;
	font-weight: bold;
	padding: 2px;
}

td.MailFontLow .sale{
	color: #2F649B;
	font-weight: bold;
	padding: 2px;
}

/*
td.MailFontLow  .test {
	padding: 2px;
	margin-bottom: 20px;
}
*/
td.MailFontLow input {
	margin-bottom: -1px;
	margin-right: 2px;
}

td.MailFontLow .box{
	display: inline; 
}

td.MailFontTitle{
	background-color:#E8E8E8;
	text-align: center;
	font-weight: bold;
}

.MailEtc{
	position:relative;
	left:70px;
}

.MailEtc img {
	padding:0px 6px;
	margin-bottom:-5px;
}

.mailNavi{
	font-size: 16px;
	display: inline ; 
}

/*
#headNavi {
	position: absolute ;
	top: 50px ;
	right: 20px ;
	text-align: right ;
}
*/

.mailNavi a{
	text-decoration: none ;
}

.mailNavi ul.navi2 {
	overflow: hidden ;
	display: inline;
}


.mailNavi ul.navi2 li {
	float: left ;
	font-size: 12px ;
	display: inline ;
	background: url("../images/common/hn_bg.gif") no-repeat right ;
}

.mailNavi ul.navi2 li.comment {
	font-size: 14px;
	padding: 0  3px;
	float: left ;
	display: inline ;
background:none;
}

.mailNavi ul.navi2 li.save a {
	background: url("../images/common/hn_ico_save.gif") no-repeat  ;
}

.mailNavi ul.navi2 li a {
	height: 23px ;
	width: 10em ;
	padding-right: 10px ;
	padding-left: 25px ;
	color: #ffc ;
	line-height: 23px ;
	display: block ; 
	white-space: nowrap ;
}


.mailNavi ul.navi2 li>a {
	width: auto ;
}


/** サブミットボタン
============================== **/

table.MailSubmit,table.MailSubmit table{
	width:680px;
	border:none;
}
.GoReportMail{
	position:relative;
	left:120px;
	}
	
.buttonConfrim {
	text-align:center;
	margin:10px 0;
}
.buttonConfrim input{
	background:url("/images/reading/right_mail.gif") no-repeat;
	width:200px;height:25px;
	background-color:none;
	border:none;
}

input#doFinish{
	background:url("/images/reading/next_mail.gif") no-repeat;
	width:60px;height:25px;
	background-color:none;
	border:none;
        cursor: pointer;
}

input#doRefreshDaily{
  background:url("/images/reading/to_na_mail.gif") no-repeat;
  width:160px;height:25px;
  background-color:none;
  border:none;
}

.JumpReportMailEntry input#jumpReportMailEntry{
	background:url("/images/reading/reset_mail.gif") no-repeat;
	width:90px;height:25px;
	background-color:none;
	border:none;
}

input.returnbutton {
	background:url("/images/reading/back_mail.gif") no-repeat;
	width:60px;height:25px;
	background-color:none;
	border:none;
}


/** error messages
============================== **/
span.errorMessage {
	font-size: 12px;
	color: #ff0000;
	padding-top: 5px
}
.onTeedaError {background-color: PINK;}

span.errmsg {
	color: #ff0000;
	font-weight: normal;
}

/** 物件問い合わせ
============================== **/
#reqposition{
	position:relative;
	left:16px;
	width:790px;
	margin-bottom:20px;
}

.inquiry h3 {
	background:url("/images/reading/inquiry_title.gif") no-repeat;
	border:none;
	overflow: hidden;
	clear: both;
	padding: 70px 0 0 ;
}

.inquiry p,
#detailinfo p {
	font-size: 12px;
	margin: 2px 7px 0;
}

#reqposition h5 {
	padding-left: 16px;
	margin: 21px 0 3px;
	line-height:1.0;
}

.saleinquiry#reqposition h5 {
	background:url("/images/mail/sale_arrow.gif") no-repeat;
}


#reqposition table.list {
	width: 790px;
	border: #d5d5d5 1px solid;
	border-collapse : collapse;
	border-spacing : separate;
	line-height: 1.2;
}

table.list tr.header th{
	background-color:#d8ecc7;
	padding : 3px;
	border-right: #d5d5d5 1px solid;
	border-bottom: #8cca53 3px solid;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

table.list td{
	border: #d5d5d5 1px solid;
	padding-right 3px;
	text-align: center
}

.person {
	margin-top:10px;
}

.person div#detail > img {
	cursor: pointer;
}

.person table{
	width:790px;
	border-collapse: collapse;
	border:3px solid #c5e4a8;
}

.person table input{
	margin-bottom : 1px;
}
.person td{
	border: #d5d5d5 1px solid;
	padding:3px 5px;
	vertical-align : middle;
	color:#000;
}

.person td.request{
	background-color:#d8ecc7;
	padding : 3px;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	width:150px;
}

#detailinfo table.detail{
	position:relative;
	width:790px;
	border-collapse: collapse;
	border:3px solid #c5e4a8;
	color:#000;
}

#detailinfo table.detail th{
	border: #d5d5d5 1px solid;
	padding:3px 5px;
	margin:0px;
	background-color:#d8ecc7;
	font-weight: normal;
	font-size: 12px;
}

#detailinfo table.detail td{
	border: #d5d5d5 1px solid;
	padding:3px 5px;
	margin:0px;
	font-size: 12px;
}

#detailinfo input,select{
	margin: 3px 5px;
}

#detailinfo label{
	vertical-align : middle;
}

.buttonframe { 
	text-align : center;
	border: #d5d5d5 1px solid;
	width:790px;
	padding : 9px 0px;
	margin: 5px 0px;
}

input#doRefresh {
	background:url("/images/go.gif") no-repeat;
	width:180px;height:50px;
	background-color:none;
	border:none;
	cursor: pointer;
}


#detailinfo {
	margin: 3px 5px 0 0 ;
	
}
.close {
	width:790px;
	text-align : center;
}

.inquiry>h3 {
	height: 0px ;
}

/** 新着メール配信
============================== 
.MailEntlyBox tr td.selectvalue {
	border: none;
	vertical-align : middle;
	padding :0px;
	margin : 0px;
}

input.clearButton {
	float : right;
	font-size:12px;
	background: url(../images/common/button_bg.gif) no-repeat;
	border: none;
	width: 51px;
	height: 22px;
	
	color : #fff;
} 
**/



/* 物件詳細からのメール確認
============================== */


.inquiry > h3 {
    height: 0;
}
.detailinquiry > h3 {
    height: 0;
}
.detailinquiry h3 {
    background: url("/images/reading/inquiry_title.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    clear: both;
    overflow: hidden;
    padding: 70px 0 0;
}
.detailbuttonConfrim {
    text-align: center;
    padding-top: 10px;
}
.detailinquiry p, #detailinfo p {
    font-size: 12px;
    margin: 2px 7px 0;
}
.detailbuttonConfrim input#doFinish {
    background: url("/images/reading/next_mail.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 25px;
    padding-right: 10px;
    width: 60px;
}
.detailbuttonConfrim input.closebutton {
    background: url("/images/reading/close_mail.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 25px;
    width: 60px;
}
.closetext {
    color: #444444;
    font-size: 10px;
    padding-left: 185px;
}