@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** アパマンショップ jmb CSS
**
----------------------------------------------------------------------------- */

/* ---------------------------------------------------------
** jmb
--------------------------------------------------------- */
div#jmb {
	width: 680px;
	margin: 0 auto;
	padding:20px 40px;
	border: 1px solid #a1a1a1;
	}
div#jmb p,
div#jmb br {
	font-size:12px;
	line-height:135%;
	}
div#jmb img {
	border: 0 none;
	vertical-align: baseline;
	}
div#jmb .css10 {
	font-size: 10px;
	line-height: 155%;
	}
div#jmb .css12 {
	font-size:12px;
	line-height:150%;
	}
div#jmb .br2 {
	font-size: 5px;
	line-height: 5px;
	}
div#jmb .br5 {
	font-size: 2px;
	line-height: 2px;
	}
div#jmb .br20 {
	font-size: 20px;
	line-height: 20px;
	}

/* ---------------------------------------------------------
** mileageAreaBlock
マイレージ取扱い店舗検索
--------------------------------------------------------- */
div#jmb div#mileageAreaBlock {
	width: 680px;
	margin: 0 auto;
	}
div#jmb div#mileageAreaBlock h2 {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	}
div#jmb div#mileageAreaBlock .linkBack {
	text-align: right;
	clear: both;
	}
div#jmb div#mileageAreaBlock .linkBack a {
	background: url(/images/common/icon_back.gif) no-repeat right center;
	padding: 0 15px 0 0;
	line-height: normal;
	float: right;
	color: #09a4d7;
	}
div#jmb div#mileageAreaBlock p.title {
	padding: 10px 0;
	clear: both;
	}
div#jmb div#mileageAreaBlock .attTxt05 {
	margin: 0 0 20px 0;
	}
div#jmb div#mileageAreaBlock div.section01 {
	width: 680px;
	margin: 0;
	padding: 0 0 10px 0;
	}
div#jmb div#mileageAreaBlock div.section01 .attTxt04 {
	clear: both;
	padding: 5px 0 0 0;
	}
div#jmb div#mileageAreaBlock div.lightBaseBlock02 input,
div#jmb div#mileageAreaBlock div.lightBaseBlock02 select {
	margin: 0;
	padding: 0;
	}
div#jmb div#mileageAreaBlock div.lightBaseBlock02 select {
	width: 100%;
	}
div#jmb div#mileageAreaBlock div.lightBaseBlock02 .selectAll {
	padding: 10px 0 5px 0;
	}
div#jmb div#mileageAreaBlock div.lightBaseBlock02 .btn {
	padding: 10px 0 5px 0;
	text-align: center;
	}
/* 市区町村で検索 */
div#jmb div#mileageAreaBlock div.section01 div#selectArea {
	float: left;
	clear: none;
	}
/* 路線で検索 */
div#jmb div#mileageAreaBlock div.section01 div#selectRailway {
	float: right;
	clear: none;
	}
/* ---------------------------------------------------------
** mileageListBlock
マイレージ取扱い店舗一覧
--------------------------------------------------------- */
div#jmb div#mileageListBlock {
	width: 680px;
	margin: 0 auto;
	}
div#jmb div#mileageListBlock h2 {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	}
div#jmb div#mileageListBlock .linkBack {
	text-align: right;
	clear: both;
	}
div#jmb div#mileageListBlock .linkBack a {
	background: url(/images/common/icon_back.gif) no-repeat left center;
	padding: 0 0 0 15px;
	line-height: normal;
	float: right;
	color: #09a4d7;
	}
div#jmb div#mileageListBlock p.title {
	padding: 10px 0;
	clear: both;
	}
/* 店舗リスト */
div#jmb div#mileageListBlock div.lightBaseBlock01 {
	margin: 0 auto 20px 0;
	padding: 0 0 5px 0;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl {
	display: block;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dt,
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dd {
	float: left;
	display: block;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dt {
	width:235px;
	padding: 0 15px 0 0;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dt a {
	padding: 0 0 0 17px;
	background: url(/images/jmb/icon_arrow_03.gif) no-repeat left 1px;
	color: #434eb5;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dd.address {
	width:190px;
	padding: 0 15px 0 0;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dd.tel {
	width:90px;
	padding: 0 10px 0 0;
	}
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl dd.btn {
	width:91px;
	}
/* ---------------------------------------------------------
** jmb 汎用的
--------------------------------------------------------- */
/* 白地枠＋水色線（小） */
div#jmb div.lightBaseBlock02 {
	width: 330px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url(/images/jmb/box_light_btm_02.gif) no-repeat left bottom;
	clear: both;
	}
div#jmb div.lightBaseBlock02 div.innerBlock {
	width: 310px;
	padding: 0 10px;
	background: url(/images/jmb/box_light_body_02.gif) repeat-y left top;
	clear: both;
	}
/* 白地枠＋水色線（大） */
div#jmb div.lightBaseBlock01 {
	width: 680px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: url(/images/jmb/box_light_btm_01.gif) no-repeat left bottom;
	clear: both;
	}
div#jmb div.lightBaseBlock01 div.innerBlock {
	width: 660px;
	padding: 0 10px;
	background: url(/images/jmb/box_light_body_01.gif) repeat-y left top;
	clear: both;
	}
div#jmb div.lightBaseBlock01 div.innerBlock {
	width: 678px;
	padding: 0 1px;
	}
div#jmb div.lightBaseBlock01 h3 {
	width: 680px;
	height: 33px;
	background: url(/images/jmb/bg_box_light_title.gif) no-repeat left bottom;
	color: #09a4d7;
	line-height: normal;
	}
div#jmb div.lightBaseBlock01 h3 span.title {
	display: block;
	padding: 10px 0 0 10px;
	}
div#jmb div.lightBaseBlock01 div.listHeader dl {
	width: 678px;
	background-color: #09a4d7;
	}
div#jmb div.lightBaseBlock01 div.listHeader dl dt,
div#jmb div.lightBaseBlock01 div.listHeader dl dd {
	color: #ffffff;
	float: left;
	}
div#jmb div.lightBaseBlock01 div.listHeader dl dt {
	width:210px;
	padding: 5px 0 5px 15px;
	}
div#jmb div.lightBaseBlock01 div.listHeader dl dd {
	width:226px;
	padding: 5px 0;
	}
div#jmb div.lightBaseBlock01 div.section01 {
	width: 648px;
	margin: 0;
	padding: 0 15px;
	clear: both;
	}
div#jmb div.lightBaseBlock01 div.section01 dl {
	width: 648px;
	padding: 8px 0;
	background: url(/images/jmb/line_dot_01.gif) repeat-x 0 bottom;
	clear: both;
	}
div#jmb div.lightBaseBlock01 div.section01 dl.last {
	background: none;
	}
div#jmb .attTxt04 {	/* ピンク・マージンなし */
	color: #ff6666;
	}
div#jmb .attTxt05 {	/* 文字装飾無し */
	margin: 0 0 15px 0;
	}
	
/* ---------------------------------------------------------
** searchAttTxt01
【8】注釈
--------------------------------------------------------- */
p.searchAttTxt01 {
	color: #ff0000;
	margin: 0 0 20px 0;
	clear: both;
	}
/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#jmb div#mileageAreaBlock div.section01,
div#jmb div#mileageAreaBlock .linkBack,
div#jmb div#mileageListBlock div.lightBaseBlock01 div.listHeader dl,
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl {
	overflow: hidden;
	}
	
div#jmb div#mileageAreaBlock div.section01:after,
div#jmb div#mileageAreaBlock .linkBack:after,
div#jmb div#mileageListBlock div.lightBaseBlock01 div.listHeader dl:after,
div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
/*\*/
* html div#jmb div#mileageAreaBlock div.section01,
* html div#jmb div#mileageAreaBlock .linkBack,
* html div#jmb div#mileageListBlock div.lightBaseBlock01 div.listHeader dl,
* html div#jmb div#mileageListBlock div.lightBaseBlock01 div.section01 dl {
	height: 1em;
	overflow: visible;
	}
/**/