@charset 'utf-8';

#contentsArea h1{
	width:746px;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
}

#contentsArea h1 span.inquiry{
	background:url(/homeowner/mail/image/inquiry.gif) no-repeat;
	width:710px;
	padding:38px 16px 12px 20px;
	margin:0px;
	font-size:48%;
	display:block;
	line-height:120%;
	font-weight:normal;
}

.margin_btm20 {
	margin-bottom: 20px;
}

.formbutton{
	margin-bottom: 27px;
	margin-top:-15px;
	text-align:center;
}


.bg_info {
	background: url(../image/bg_gradG.gif) top repeat-x;
	margin-bottom: 15px;
}


#contentsArea #otoiawaseWrap h3 {
	font-size: 130%;
}

#contentsArea #otoiawaseWrap h4 {
	font-size: 130%;
}

/**** help.html ****/
#helpAll {
	width: 600px;
	border: #999999 1px solid;
	background-color:#FFFFFF;
}

#helpWrap {
	padding: 50px;
}

#helpWrap h2 {
	background:url(../image/bg_Grey.gif) bottom repeat-x;
	padding: 5px;
}
	
#helpWrap h3 {
	margin: 15px 0 8px 0;
	padding-left: 25px;
	color: #009900;
	border-bottom: #009900 1px solid;
	background: url(../image/shikaku.gif) 0 50% no-repeat;
}

#helpWrap p {
	padding-left: 20px;
}
	
#helpWrap h4 {
	padding-left: 40px;
}

#helpWrap ul {
	padding-left: 60px;
}

.padding0 {
	padding: 0;
}

.btn_close {
	text-align: center;
}

.btn_close img {
	border: 0;
}


/* information
-------------------------------------------------- */

#infoArea{
	width:688px;
	padding:0px 0px 30px 28px;
	margin:0px;
}

#infoArea h1{
	width:688px;
	height:51px;
	padding:0px;
	margin:0px;
}

#infoArea h1 span{
	width:688px;
	height:51px;
	background:url(/homeowner/mail/image/info_midashi.jpg) no-repeat;
	font-size:1px;
	te\xt-indent: -10000px;
	color:#660000;
	display:block;
	line-height:100%;
}

#infoArea #info{
	width:686px;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:solid;
	border-width:0px 1px 1px 1px;
	border-color:#cccccc;
}

#infoArea #info .info_msg{
	width:662px;
	padding:0px 12px 12px 12px;
}

#contentsArea .privacyArea{
	float:left;
	width:662px;
	height:22px;
	padding:0px 0px 12px 0px;
	margin:0px 10px 0px 0px;
}

#contentsArea .privacyArea h4{
	width:190px;
	height:22px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 12px;
	position:relative;
	font-size:1px;
}

.privacyArea h4.privacy{
	background:url(/homeowner/mail/image/subtitle_personal_info.gif) no-repeat;
	te\xt-indent: -10000px;
	display:block;
}


/* Table Element
-------------------------------------------------- */

div.generalTable {
	padding:0 0 12px 0;
	margin:0;
}

div.generalTable table {
	border:solid;
	border-width:1px 0px 0px 1px;
	border-color:#D0D0D0;
}

.generalTable table tr th{
	padding: 9px 10px 7px;
	border:solid;
	border-width:0px 1px 1px 0px;
	border-color:#D0D0D0;
	vertical-align: top;
	text-align: left;
	font-weight:bold;
}

.generalTable tbody th {
	padding: 9px 10px 7px;
	border-color: #D0D0D0;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	background-color:#F6FDE6;
}

.generalTable table td {
	padding: 9px 10px 7px;
	border:solid;
	border-width:0px 1px 1px 0;
	border-color:#D0D0D0;
	vertical-align: top;
}

div.boderNone table{
	border:none;
	border-width:0px;
}

div.boderNone table tr td{
	border:none;
	border-width:0px;
	padding:0px;
}


span.input{
	display:block;
	padding-bottom:12px;
}

/* テーブル
-------------------------------------------------- */

div.month_Table{
	padding:0 0 0 0;
	margin:0 0 12px 0;
	border:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000;
	line-height: 185%;
}

div.month_Table tbody{
	background:#eeeeee;
	text-align:left;
}

div.month_Table tr th{
	background:#eeeeee;
	text-align:left;
	border:solid;
	border-width:0px 1px 0px 0px;
	border-color:#000000;
}

div.month_Table tr td{
	border:solid;
	border-width:1px 1px 1px 0;
	border-color:#000000;
	padding-bottom:12px;
	margin-bottom:-12px;
}



/**/

.contact_list ul{
	list-style:disc;
	padding-left:20px;
	padding-bottom:12px;
}

p.caption{
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	padding:12px 20px;
	margin-bottom:12px;
	font-size:12px;
}



/* Table Element large
-------------------------------------------------- */

div.generalTable_large {
	padding:0 0 12px 0;
	margin:0;
	font-size:120%;
}

div.generalTable_large table {
	border:solid;
	border-width:1px 0px 0px 1px;
	border-color:#D0D0D0;
}

.generalTable_large table tr th{
	padding: 12px 14px 10px;
	border:solid;
	border-width:0px 1px 1px 0px;
	border-color:#D0D0D0;
	vertical-align: top;
	text-align: left;
	font-weight:bold;
}

.generalTable_large tbody th {
	padding: 12px 14px 10px;
	border-color: #D0D0D0;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	background-color:#F6FDE6;
}

.generalTable_large table td {
	padding: 12px 14px 10px;
	border:solid;
	border-width:0px 1px 1px 0;
	border-color:#D0D0D0;
	vertical-align: top;
}

.generalTable_large table td input[type=text]{
	height:30px;
	font-size:100%;
}

.generalTable_large table td select{
	height:30px;
	font-size:100%;
}

.generalTable_large table td input[type=checkbox]{
/*	width:20px;
	height:20px;
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 2 , 2 );*/
}


/*フォントサイズ調整*/
.conbody{
	font-size:15px;
	line-height:150%;
}

/**/

.login{
	width:400px;
	padding:12px 12px 12px 50px;
	margin:0 auto 20px auto;
	overflow:hidden;
	border-style:solid;
	border-width:6px;
	border-color:#74cbab;
}

.link{
	width:150px;
	float:left;
}

.link ul{
	padding-top:12px;
	padding-left:20px;
	padding-bottom:20px;
}

.link ul li.arrow{
    background: url("/shared/images/icon_arrow.gif") no-repeat scroll left center transparent;
    margin: 0 0 6px;
    padding:0 0 2px 16px;
}

.link ul li.arrow a{
}

.qr_code{
	float:left;
	width:200px;
	text-align:center;
	padding-bottom:20px;
	overflow:hidden;
	font-size:10px;
}

.qr_code img{
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	margin-top:6px;
}

.question{
}

.question dl{
}

.question dl dt.icon_q{
  background: url("../image/q.jpg");
	background-repeat:no-repeat;
	line-height:20px;
  margin: 0 0 3px;
	padding:10px 0 30px 50px;
	font-weight:bold;
	display:block;
}

.question dl dd{
  background: url("../image/a.jpg");
	background-repeat:no-repeat;
	line-height:24px;
  margin: 0 0 0;
	padding:10px 0 30px 50px;
	display:block;
}

.question{
}

.question{
}


.generalTable table td span.contact_category{
	display:block;
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	clear:both;
	line-height:120%;
	font-size:13px;
}

.generalTable table td .category01{
	border-style:dotted;
	border-color:#CCC;
	border-width:0 0 1px 0;
}
.generalTable table td .category02{
	border-style:dotted;
	border-color:#CCC;
	border-width:0 0 1px 0;
}
.generalTable table td .category03{
	border-style:dotted;
	border-color:#CCC;
	border-width:0 0 1px 0;
}
.generalTable table td .category04{
}

.generalTable table td span.contact_category label{
}

div.boderNone table{
	border:none;
	border-width:0px;
}

div.boderNone table tr td{
	border:none;
	border-width:0px;
	padding:0px;
}