@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #caccbb;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	line-height:140%;
}

.oneColLiqCtrHdr #container {
	width: 870px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left;
}
.oneColLiqCtrHdr #header {
	background: #f3f2eb;
	height:70px;
	background-image: url(../images/ssm.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #d6d426;
	border-top: 1px solid #d6d426;
	z-index: 1;
}
.oneColLiqCtrHdr #header #sentence {
	width:380px;
	margin:0px;
	font-size:10pt;
	padding:45px 0px 0px 7px;
	float:left;
}


.oneColLiqCtrHdr #header #phone {
	background: #f3f2eb;
	width:318px;
	text-align:right;
	margin:0px;
	padding:0px 0px 0px 150px;
	float:left;
}

.oneColLiqCtrHdr #header #headerMenu {
	background: #f3f2eb;
	width:470px;
	text-align:right;
	margin:0px;
	padding:16px 0px 0px 0px;
	float:left;
	font-size:12px;
}

.oneColLiqCtrHdr #mainContent {
	background: #FFFFFF;
	font-size: 10pt;
	padding-left: 20px;
	width: 640px;
	display: block;
	overflow: hidden;
	background-image: url(../images/contentstop.jpg);
	background-repeat: no-repeat;
	padding-top: 64px;
}

.oneColLiqCtrHdr #mainContent2 {
	background: #FFFFFF;
	font-size: 10pt;
	padding-left: 20px;
	width: 640px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

.oneColLiqCtrHdr #mainContent2 h1 {
    margin-left:10px;
}

.oneColLiqCtrHdr #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#f3f2eb;
	text-align: center;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size: 10pt;
}
.oneColLiqCtrHdr #mainContent h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 12pt;
}
.oneColLiqCtrHdr #mainContent h2 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10pt;
	color: #718e4e;
}
.oneColLiqCtrHdr #mainContent h3 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10pt;
	color: #718e4e;
}
.oneColLiqCtrHdr #header li {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10pt;
	list-style: none;
	padding-left: 17px;
	background-repeat: no-repeat;
	float: left;
}
.oneColLiqCtrHdr #header a {
	text-decoration: none;
	border:none;
	color:#666;
}
.oneColLiqCtrHdr #header a:hover {
	text-decoration:underline;
	color:#CCC;
}
.oneColLiqCtrHdr #subnavi {
	background: #FFFFFF;
	font-size: 10pt;
	display: block;
	overflow: hidden;
	float: left;
	width: 200px;
	margin-top:10px;
}
.oneColLiqCtrHdr #subnavi li {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10pt;
	height: 16px;
	margin:15px 0px 0px 10px;
	padding:0 0 0 8px;
	background:url(../images/leftnavi_icon.gif) left no-repeat;
	background-position: 2px 5px;
	*margin:3px 0px 5px 10px;
	_margin:0px 0px 0px 10px;
}
.oneColLiqCtrHdr #subnavi ul {
	margin:10px 0px;
	padding:0;
	list-style:none;
	font-size: 10pt;
}
.oneColLiqCtrHdr #subnavi a {
	text-decoration: none;
	color:#666;
}
.oneColLiqCtrHdr #subnavi a:hover {
	text-decoration: underline;
	color:#CCC;
}
.oneColLiqCtrHdr #container #subnavi h1 {
	height: 32px;
	vertical-align: middle;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:5px 5px 0px;
}

.oneColLiqCtrHdr #container #subnavi h2 {
	height: 32px;
	vertical-align: middle;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:5px 5px 0px;
}

.oneColLiqCtrHdr #container #subnavi div {
	height: 32px;
	padding-left:10px;
	vertical-align: middle;
}

.k_i_left{
	float:left;
	padding:10px;
}

.k_i{
	width:580px;
	padding:10px;
	clear: both;
}

.btn{
	width:220px;
	margin-right:28px;
	margin-bottom:30px;
	float:right;
}

.btn-block {
	clear: both;
}

.text{
	width:570px;
	padding:10px;
}

.mmtImg{
	margin:10px 0px 10px 10px;
}

.subimg{
	float:right;
	width:300px;
}

/* clearfix */  
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}

/* IE6 */
* html .clearfix{
	zoom: 1;
}  

/* IE7 */
*:first-child+html .clearfix{
	zoom: 1;
}

.leftBox{ float:left;}
.rightBox{
	float:right;
	margin-right:40px;
}

p.peculiarity{
	width:410px;
	float:left;
	padding-left:10px;
}

p.qa{
	width:370px;
	float:left;
	padding-left:10px;
}

p.case{
	width:310px;
	float:left;
	padding-left:10px;
}

p.ex{
	width:380px;
	float:left;
	padding-left:10px;
	margin-top:0px;
}

.contents {
	margin:0px;
	text-align: left;
	line-height:150%;
}

.qaImg{
	margin:5px;
}

.caseImg{
	margin:5px;
}

.shopName{
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.rightExBox{
	float:right;
	margin-right:40px;
	margin-top:0px;
}

.bannerImg{
	width:600px;
	height:60px;
	text-align:right;
}

a:link.case {
	color:#666;
	border:none;	
}

a:hover.case {
	color:#ccc;
	border:none;
}

a:link.tenpo {
	color:#666;
	border:underline;
}

a:hover.tenpo {
	color:#ccc;
	border:underline;
}

img{
	border:none;
}

p.caseRight{
	width:280px;
	float:left;
	padding-left:10px;
	margin-top:10px;	
}

p.caseRight02{
	width:400px;
	float:left;
	padding-left:10px;
	margin-top:10px;	
}

.rightCaseBox{
	float:right;
	margin-right:30px;
	margin-top:0px;
	_margin-right:10px;
}

p.casetext{
	width:580px;
	padding:10px;
	margin-top:10px;	
}

.clear{
	clear:both;
}

.caseQ{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
	color:#36C;
}

.caseA{
	font-weight:bold;
	text-align:left;
	color:#C00;
}

p.tenpo{
	width:580px;
	padding:10px;
	margin-top:10px;	
}

p.cost{
	width:580px;
	text-align:left;
	font-size:10px;
	margin:0;
	padding:5px 0px 20px 5px;
	line-height:130%;
}

.kome{
	text-align:left;
	font-size:10px;
	color:#F00;
}