@charset "utf-8";



/*************************************************************

	三井ホーム倶楽部 mente_common.css

***************************************2011.08***************/


/* mainbox
-------------------------------------------------------*/
* html div#mainbox {
	margin:3px 0 0 0;
}
	/* h2
	-------------------------------------------------------*/
	div#mainbox h2.maintitle{
		background:url(../images_common/h2_title.jpg) no-repeat;
	}
	
	/* mainbox p 一覧へ戻る
	-------------------------------------------------------*/
	div#mainbox p.listBack {
		width:690px;
	}
	/* a
	-------------------------------------------------------*/
	div#mainbox a:link {color:#0074e1;text-decoration:underline;}
	div#mainbox a:visited {color:#6f419f;text-decoration:underline;}
	div#mainbox a:active {color:#99ccff;text-decoration:none;}
	div#mainbox a:hover {color:#3399ff;text-decoration:none;}


/* index.html用
---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* h3
	-------------------------------------------------------*/
	div#mainbox h3{
		width:690px;
		height:64px;
		text-indent:-9999px;
	}
	/* p blueComment
	-------------------------------------------------------*/
	div#mainbox p.blueComment {
		margin:10px 0;
	}
	/* p.attention
	-------------------------------------------------------*/
	div#mainbox p.attention{
		clear:both;
		margin:0 0 0 5px;
		padding:0 0 0 20px;
		line-height:23px;
		background:url(../images_common/attention_mark.gif) no-repeat 0 4px;
	}

	/* Q and A
	-------------------------------------------------------*/
	div#mainbox div#QandA {
		margin:-10px 0 0;
	}
		div#mainbox div#QandA p{
			clear:both;
			margin:10px 0 0;
		}
		div#mainbox div#QandA p.clubEntry{
			margin:10px 0 0 70px;
		}
		div#mainbox div#QandA dl p{
			clear:both;
			margin:0 0 0;
		}
		div#mainbox div#QandA dl{
		}
			div#mainbox div#QandA dl dt{
				clear:both;
				float:left;
				width:63px;
				text-indent:-9999px;
			}
			div#mainbox div#QandA dl dt.question{
				background:url(../images_common/question.gif) no-repeat;
				height:30px;
			}
			div#mainbox div#QandA dl dt.answer{
				background:url(../images_common/answer.gif) no-repeat;
				height:25px;
			}
			div#mainbox div#QandA dl dt.answer2{
				margin:10px 0 0;
				background:url(../images_common/answer.gif) no-repeat;
				height:25px;
			}
			div#mainbox div#QandA dl dt.cause1{
				background:url(../images_common/cause1.gif) no-repeat 0 0;
			}
			div#mainbox div#QandA dl dt.cause2{
				background:url(../images_common/cause2.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause3{
				background:url(../images_common/cause3.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause4{
				background:url(../images_common/cause4.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause5{
				background:url(../images_common/cause5.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause6{
				background:url(../images_common/cause6.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause7{
				background:url(../images_common/cause7.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause8{
				background:url(../images_common/cause8.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause9{
				background:url(../images_common/cause9.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause2_under_ownersdesk{
				background:url(../images_common/cause2.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause3_under_ownersdesk{
				background:url(../images_common/cause3.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dt.cause4_under_ownersdesk{
				background:url(../images_common/cause4.gif) no-repeat 0 10px;
			}
			div#mainbox div#QandA dl dd{
				padding:0 0 0 10px;
				margin-left:63px;
				line-height:28px;
			}
			div#mainbox div#QandA dl dd.answer2{
				margin-top:10px;
			}
			div#mainbox div#QandA dl dd.cause_over{
				float:right;
				width:617px;
				padding:0 0 0 10px;
				line-height:28px;
			}
			div#mainbox div#QandA dl dt.cause1{
				margin:20px 0 0;
				padding:0;
				height:35px;
				border-top:none;
			}
			div#mainbox div#QandA dl dt.cause2,
			div#mainbox div#QandA dl dt.cause3,
			div#mainbox div#QandA dl dt.cause4,
			div#mainbox div#QandA dl dt.cause5,
			div#mainbox div#QandA dl dt.cause6,
			div#mainbox div#QandA dl dt.cause7,
			div#mainbox div#QandA dl dt.cause8,
			div#mainbox div#QandA dl dt.cause9{
				margin:20px 0 0;
				padding:10px 0 0 0;
				height:35px;
				border-top:#ccc 1px dotted;
			}
			div#mainbox div#QandA dl dt.cause2_under_ownersdesk,
			div#mainbox div#QandA dl dt.cause3_under_ownersdesk,
			div#mainbox div#QandA dl dt.cause4_under_ownersdesk{
				margin:0 0 0;
				padding:10px 0 0 0;
				height:35px;
				border-top:#ccc 1px dotted;
			}
			div#mainbox div#QandA dl dd.cause{
				margin:20px 0 0 63px;
				padding:10px 0 0 10px;
				min-height:35px;
				border-top:#ccc 1px dotted;
				line-height:25px;
			}
			div#mainbox div#QandA dl dd.cause1{
				margin:20px 0 0 63px;
				padding:0 0 0 10px;
				height:35px;
				min-height:35px;
				border-top:none;
				line-height:25px;
			}
			div#mainbox div#QandA dl dd.question{
				margin:20px 0 0 63px;
				border:#ffca4c 1px solid;
				border-width:1px 1px 1px 0;
				font-weight:bold;
			}
			div#mainbox div#QandA div.inquiry{
				border:#783c00 1px solid;
				padding:7px 15px 7px 25px;
				border-radius: 2px;
				-webkit-border-radius: 2px; 
				-moz-border-radius: 2px;
				text-indent:-10px;
				margin:14px 0 30px;
				line-height:28px;
			}
			div#mainbox div#QandA div.inquiry p{
				margin:-20px 0 0;
				padding:0 0 0 1em;
				float:left;
				line-height:1.5em;
				text-indent:-1em;
			}
				div#QandA div.inquiry img.inquirybtn{
					margin-top:1px;
				}

			/*list_hotwater.html
			-------------------------------------------*/
			div#mainbox table td div.inquiry{
				position: relative;
			}
				div#mainbox table td div.inquiry img{
					display:block;
					float:left;
				}
					div#mainbox table td div.inquiry a img{
						display:block;
						float:right;
					}
				div#mainbox table td div.inquiry p{
					display:block;
					clear:both;
					width:380px;
				}
			
	/* necessaryBox
	-------------------------------------------------------*/
	div#mainbox div#necessaryBox {
		clear:both;
		margin:20px 0 0;
	}
		/* h4
		-------------------------------------------------------*/
		div#mainbox div#necessaryBox h4{
			background:url(../images_common/title_necessary.gif) no-repeat;
			height:35px;
			text-indent:-9999px;
		}
		/* borderBox div#necessaryBox ol
		-------------------------------------------------------*/
		div#mainbox div#necessaryBox ol{
			position:relative;
			margin:0 0 0 5px;
		}
			div#mainbox div#necessaryBox ol li{
				list-style-type:decimal;
				list-style-position:inside;
				width:300px;
				float:left;
			}
			div#mainbox div#necessaryBox ol li.left1{
			}
			div#mainbox div#necessaryBox ol li.left2{
			}
			div#mainbox div#necessaryBox ol li.left3{
			}
			div#mainbox div#necessaryBox ol li.right4{
				position:absolute;
				top:0;
				left:300px;
			}
			div#mainbox div#necessaryBox ol li.right5{
				position:absolute;
				top:1.5em;
				left:300px;
			}
			div#mainbox div#necessaryBox ol li.right6{
				position:absolute;
				top:3em;
				left:300px;
			}
		
	/* borderBox
	-------------------------------------------------------*/
	div#mainbox div.borderBox{
		border-right:#e6e6e6 5px solid;
		border-bottom:#e6e6e6 5px solid;
		border-left:#e6e6e6 5px solid;
		padding:10px;
	}
	div#mainbox div.borderBox p.imageText{
		text-indent:-9999px;
		height:1px;
		overflow:hidden;
	}

	/* borderBox2
	-------------------------------------------------------*/
	div#mainbox div.borderBox2{
		border:#e6e6e6 5px solid;
		padding:10px;
	}

	/* tipsBox
	-------------------------------------------------------*/
	div#mainbox div#tipsBox {
		clear:both;
		margin:40px 0 0;
	}
		/* h4
		-------------------------------------------------------*/
		div#mainbox div#tipsBox h4{
			height:35px;
			text-indent:-9999px;
		}
		/* tipsBox img 基本はsuisen
		-------------------------------------------------------*/
		div#mainbox div#tipsBox img{
			display:block;
			margin:20px auto;
			width:502px;
			text-align:center;
		}
		/* tipsBox p 基本はsuisen
		-------------------------------------------------------*/
		div#mainbox div#tipsBox p{
			margin:10px auto;
			width:502px;
		}


	/* indexBox
	-------------------------------------------------------*/
	div#mainbox div#indexBox {
		clear:both;
		margin:40px 0;
	}
		/* indexBox h4
		-------------------------------------------------------*/
		div#mainbox div#indexBox h4{
			background:url(../images_common/title_index.gif) no-repeat;
			height:23px;
			text-indent:-9999px;
		}
		/* indexBox a
		-------------------------------------------------------*/
		div#mainbox div#indexBox a{
			color:#4d4d4d;
			text-decoration:none;
		}
		div#mainbox div#indexBox a:hover{
			text-decoration:underline;
		}
		/* indexBox p.arrow
		-------------------------------------------------------*/
		div#mainbox div#indexBox p.arrow{
			clear:both;
			margin:10px 0 0 0;
			padding:0 0 0 10px;
			line-height:23px;
			background:url(../images_common/index_arrow.gif) no-repeat 0 9px;
		}
		/* indexBox dl
		-------------------------------------------------------*/
		div#mainbox div#indexBox dl{
			margin:5px 0 0;
		}
			/* indexBox dl dt
			-------------------------------------------------------*/
			div#mainbox div#indexBox dl dt{
				clear:both;
				float:left;
				margin:0 0 2px;
				padding:0 10px;
				width:100px;
				line-height:23px;
				background:#e6e6e6;
			}
			/* indexBox dl dd
			-------------------------------------------------------*/
			div#mainbox div#indexBox dl dd{
				margin:0 0 2px 120px;
				padding:0 10px;
				line-height:23px;
		}
			/* indexBox dl dd
			-------------------------------------------------------*/
			div#mainbox div#indexBox dl dd a{
				padding:0 5px;
				border-right:#4D4D4D 1px solid;
			}
			div#mainbox div#indexBox dl dd a.listFirst{
				padding:0 5px;
				border-left:#4D4D4D 1px solid;
			}
@media only screen and (max-width: 768px) {
  div#QandA div.inquiry a {
	  display:block;
  }
  div#QandA div.inquiry img.inquirybtn {
	  display:block;
	  float: none;
	  margin-top:0;
  }
  div#mainbox div#tipsBox p {
	  width: auto!important;
  }
  div#mainbox div#indexBox dl dt{
	  width:120px;
  }
}

@media only screen and (max-width: 480px) {
  div#mainbox div#QandA dl {
	  font-size:10px;
  }
  div#mainbox div#necessaryBox ol{
	  width: auto!important;
  }
  div#mainbox div#necessaryBox ol li {
	  width: auto;
	  float: none;
  }
  div#mainbox div#necessaryBox ol li.right4,
  div#mainbox div#necessaryBox ol li.right5,
  div#mainbox div#necessaryBox ol li.right6 {
	  position:relative;
	  top: auto;
	  left: auto;
  }
  div#mainbox div#indexBox dl dt{
	  float:none;
	  width:auto;
  }
  div#mainbox div#indexBox dl dd{
	  margin-left:0;
  }
  div#mainbox div#QandA dl dt {
	  height:auto;
  }
  div#mainbox div#QandA dl dd.cause,
  div#mainbox div#QandA dl dd.cause1 {
	  align-items:center;
	  display:flex;
	  line-height: 1.2;
	  height:auto;
	  margin-bottom:10px;
  }
  div#mainbox div#QandA dl dd.cause {
	  margin-bottom:0;
  }
}