﻿@charset "utf-8";

/* 店舗ページ全体の基本設定
----------------------------------------------- */

	/* 店舗ページのwidth設定 */
	div.branch-container {
	width:700px;
	text-align:left;
	}
.backtop {
	text-align: right;
	margin-top: 24px;
	margin-right: 8px;
	margin-bottom: 24px;
}
.backtop a {
	text-decoration: underline;
	color: #666666;
	font-size: 75%;
	background: url(../s_imgs/backallow.gif) no-repeat 0px 2px;
	padding-left: 11px;
}


a.icon-link {
	display:block;
	text-align:left;
}


/* 店舗マップの設定
----------------------------------------------- */

	/* 店舗マップの配置 */
	div.branch-map {
	}
	
	/* 店舗マップの下のテキスト */
	p.branchlist-lead {
		margin: 5px 4px 26px;
	}
	/* IEのズレを補正 */
	*html p.branchlist-lead {
		margin: 4px 4px 26px;
	}


/* 店舗リストテーブルの設定
----------------------------------------------- */
	
	/* 店舗リストの見出し */
	h2.branchlist-title {
		margin:0 0 7px;
		line-height:1;
	}
	/* IEのズレを補正 */
	*html h2.branchlist-title {
		margin:0 0 6px;
	}

	/* 店舗リストテーブルのサイズ、配置設定 */
	.branchlist-table {
		width:687px;
		margin-left:13px;
	}

	/* ヘッドセルの基本スタイル */
	table.branchlist-table th {
		background: #CEF4EC;
		font-size: 75%;
		font-weight:normal;
		text-align:left;
		padding: 1px 7px 1px;
		line-height:1.1;
	}
	/* IEのズレを補正 */
	*html table.branchlist-table th {
		padding: 3px 7px 1px;
	}
	
	/* ヘッドセルに区切り用の白いラインを入れる */
	table.branchlist-table th.branchlist-col-sepalate {
		border-right:solid 2px #fff;
	}
	
	/* データセルの基本スタイル */
	table.branchlist-table td {
		font-size: 75%;
		padding: 8px 5px 8px;
	}
	/* IEのズレを補正 */
	*html table.branchlist-table td {
		padding: 10px 5px 8px;
	}
	
	/* 下側点線 */
	table.branchlist-table tr.dotted {
		background:url(../../../s_imgs/line_dot_x30.gif) left bottom repeat-x;
	}
	
	/* スペーサーを入れる為、セルのpaddingを消す */
	table.branchlist-table tr.spacer td {
		padding:0;
	}
	
	/* 店舗詳細ページの見出し */
	h2.branch-title {
		margin:20 0 7px;
		line-height:1;
	}
	/* IEのズレを補正 */
	*html h2.branch-title {
		margin:20 0 6px;
	}
.r-gray-body {
	background: #f7f7f7;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.telnumber {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 14px;
	padding-right: 8px;
	padding-left: 8px;
	background:url(../../s_imgs/line_dot_x30.gif) left bottom repeat-x;
	margin: 14px 6px 20px;
	color: #333333;
}
.faxnumber {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 14px;
	padding-right: 8px;
	padding-left: 8px;
	background:url(../../s_imgs/line_dot_x30.gif) left bottom repeat-x;
	margin: 14px 6px 20px;
	color: #333333;
}
.shopaddress p {
	color: #333333;
}

.branch-readtext p {
	margin-left: 16px;
	margin-top: 20px;
	color: #333333;
	margin-right: 30px;
}
.grayframe {
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	margin-left: 1px;
	margin-bottom: 1px;
}
.grayframe p {
	color: #333333;
}


.bg-white {
	background: #FFFFFF;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
}
.want-name {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.want-wrapper {
	margin-left: 12px;
}
.want-wrapper td {
	vertical-align: top;
}


.want-pic {
	margin-top: 8px;
}
.want-bottomcaption {
	margin-top: 8px;
	font-size: smaller;
	color: #333333;
}

.greeting-officer {
	background: url(../s_imgs/bg_pagebottom_cripper.gif) no-repeat right bottom;
	border-top: 1px solid #999999;
}
.officer-pic {
	padding: 5px 3px 5px 6px;
	border-bottom: 1px solid #999999;
	vertical-align: top;
}
.officer-wrapper {
	background: url(../s_imgs/bg_officer.gif) repeat-y;
	margin-left: 14px;
}
.officer-shopname {
	padding: 5px;
	background: #B8DDE2;
	color: #333333;
	font-size: 75%;
}
	/* IEのズレを補正 */
	*html .officer-shopname {
		padding: 7px 5px 5px;
	}
.officer-name {
	background: url(../s_imgs/bg_officername.gif) no-repeat;
	padding: 10px 6px 9px 7px;
	color: #FFFFFF;
	font-size: 90%;
}
.officer-name small {
	font-size: 75%;
}
	/* IEのズレを補正 */
	*html .officer-name {
		padding: 9px 6px 9px 7px;
	}
.officer-word {
	padding: 5px 5px 5px 0px;
}
.officer-pr {
	background: #E0E0E0;
	border-top: 1px solid #FFFFFF;
	padding: 4px;
	color: #333333;
	font-size: 75%;
}
.officer-word p {
	padding: 5px;
	color: #333333;
	line-height: 120%;
}

.staff-wrapper {
	margin-left: 14px;
	border-top: 1px solid #CCCCCC;
	width: 686px;
	background: url(../s_imgs/bg_staffframe.gif) repeat-y;
	margin-bottom: 5px;
}
.staffname-wrapper {
	background: url(../s_imgs/bg_staffbottom_cripper.gif) no-repeat right bottom;
	padding: 3px;
}
.stafflist {
	margin-left: 13px;
}
.staffname {
	background: url(../s_imgs/bg_staffname.gif) no-repeat;
	color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
	padding: 3px 4px 3px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #FFFFFF;
}
	/* IEのズレを補正 */
	*html .staffname {
		padding: 3px 4px 2px 10px;
	}
.staffname small {
	font-size: 70%;
	font-weight: normal;
}
.staff-pic {
	background: #ffffff;
	text-align: left;
	vertical-align: top;
	width: 75px;
}
.staff-pr {
	background: #E0E0E0;
	text-align: left;
	vertical-align: top;
	color: #333333;
	width: 603px;
}
.staff-pr p {
	padding: 3px 16px 5px 5px;
	line-height: 120%;
	background: url(none);
}
.staff-pr b {
	font-weight: bold;
	color: #666666;
}

.staff-word {
	width: 678px;
}
.staff-word p {
	color: #333333;
	padding: 6px;
	line-height: 120%;
	background:url(../../../s_imgs/line_dot_x30.gif) repeat-x;
	margin-top: 4px;
}
/* 小見出しの設定
----------------------------------------------- */
.subtitle-noframe {
	margin-bottom: 7px;
	margin-top: 16px;
}
.bg_h2gl { 
background-image:url(../s_imgs/bg_h3gl.gif);
background-position:bottom left;
background-repeat:no-repeat ;
}

.bg_h2gl h2 { 
margin-left:15px ;
margin-bottom: 6px ;
font-size:87.5% ;
}
.bg_h3gl { 
background-image:url(../s_imgs/bg_h3gl.gif);
background-position:bottom left;
background-repeat:no-repeat ;
}

.bg_h3gl h3 { 
margin-left:15px ;
margin-bottom: 6px ;
font-size:87.5% ;
}

/*--------------------------------------------------------------------+
|	テキストリンク「仲介店舗一覧」
+---------------------------------------------------------------------*/

		/* リスト */
	ul.buy-faq-text-list {
		margin:0px;
		padding:0px;
	}
	/* リストアイテム */
	ul.buy-faq-text-list li {
		background: url(../../../s_imgs/ic_blue_8.gif) 4px 3px no-repeat;
		padding-left:16px;
		font-size:75%;
		list-style:none;
		line-height:1.2;
		margin:0px 0px 7px 0px ;
	}

