@charset "shift_jis";

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


/* -----------------------------------------------------------------------------
** 汎用
----------------------------------------------------------------------------- */
div#main p.attTxt {
	margin: 10px 0;
	font-size: 93%;
	}
div#main h3#title {
	margin: 15px 0 30px 0;
	}
div#main h4 {
	margin: 0 0 5px 0;
	}

/* -----------------------------------------------------------------------------
** topicBlock
** 上部画像「探しやすい・選びやすい・使いやすい」2カラム
----------------------------------------------------------------------------- */
div#main div#topicBlock {
	width: 730px;
	}
div#main div#topicBlock h2 {
	float: left;
	width: 500px;
	}
div#main div#topicBlock p {
	float: right;
	width: 230px;
	}

/* -----------------------------------------------------------------------------
** picBlock01
** 枠つき 携帯版説明 1カラム
----------------------------------------------------------------------------- */
div#main div.picBlock01 {
	width: 728px;
	margin-bottom: 5px;
	border:1px solid #c9c9c9;
	}
div#main div.picBlock01 div.box01 {
	float: left;
	width: 120px;
	padding: 9px;
	}
div#main div.picBlock01 div.box02 {
	float: left;
	width: 580px;
	padding: 9px 0;
	}
div#main div.picBlock01 div.box02 p.attTxt {
	color: #ff0000;
	background: url(/images/info/mobile/icn_attention.gif) no-repeat left top;
	padding-left: 15px;
	font-size: 100%;
	margin: 5px 0;
	}

/* -----------------------------------------------------------------------------
** picBlock02
** 枠つき 携帯版説明 2カラム
----------------------------------------------------------------------------- */
div#main div.picBlock02 {
	width: 730px;
	margin-bottom: 5px;
	background:url(/images/info/mobile/bg_index02.gif) repeat-y left top;
	}
div#main div.picBlock02 p.picHead img {
	vertical-align: top;
	}
div#main div.picBlock02 p.picBottom img {
	vertical-align: bottom;
	}
div#main div.picBlock02 div.block01 {
	float: left;
	width: 350px;
	padding: 0 9px;
	}
div#main div.picBlock02 div.block01 div.box01 {
	float: left;
	width: 130px;
	}
div#main div.picBlock02 div.block01 div.box02 {
	float: left;
	width: 220px;
	}
div#main div.picBlock02 div.block02 {
	float: left;
	width: 350px;
	padding: 0 0 0 9px;
	}
div#main div.picBlock02 div.block02 div.box01 {
	float: left;
	width: 130px;
	}
div#main div.picBlock02 div.block02 div.box02 {
	float: left;
	width: 220px;
	}
div#main div.picBlock02 div.block02 ul li {
	font-weight: bold;
	background: url(/images/info/mobile/pit_li_icn.gif) no-repeat left top;
	padding-left: 7px;
	}

/* -----------------------------------------------------------------------------
** accessBlock
** アパマンショップ携帯版へのアクセス方法 3カラム
** 2010.12.10　URL送信部分一旦削除
** 2010.12.28　復活
----------------------------------------------------------------------------- */
div#main div#accessBlock {
	/*margin: 0 0 5px 0;*/
	background:	url(/images/info/mobile/bg_index04.gif) repeat-y left top;
	margin: 0 auto 5px auto;	/*add*/
	}
div#main div#accessBlock h4 {
	padding: 0 0 10px 0;
	}
div#main div#accessBlock div.block01 {
	float: left;
	width: 247px;
	background:	url(/images/info/mobile/bg_index05.gif) no-repeat 150px top;
	display: block;			/*add*/
	}
div#main div#accessBlock div.block01 form {
	}
div#main div#accessBlock div.block01 p.title,
div#main div#accessBlock div.block01 ul li {
	font-weight: bold;
	}
div#main div#accessBlock div.block01 p.txt {
	width: 240px;
	}
div#main div#accessBlock div.block01 ul li {
	padding-bottom: 10px;
	}
div#main div#accessBlock div.block02 {
	float: left;
	width: 245px;
	background:	url(/images/info/mobile/bg_index05.gif) no-repeat 150px top;
	}
div#main div#accessBlock div.block02 p {
	text-align: center;
	}
div#main div#accessBlock div.block03{
	float: left;
	/*width: 230px;*/
	background:	url(/images/info/mobile/bg_index05.gif) no-repeat 145px top;
	width: 236px;			/*add*/
	}
div#main div#accessBlock div.block03 p {
	padding-left: 5px;
	}
div#main p#accessAttTxt {
	width: 730px;
	background: url(/images/info/mobile/acs_icn.gif) no-repeat left top;
	padding: 0 0 20px 15px;
	border-bottom: 1px solid #cccccc;
	}
div#main ul#attList li {
	color: #999999;
	font-size: 93%;
	}
	
/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#main div#topicBlock,
div#main div.picBlock01,
div#main div.picBlock02,
div#main div#accessBlock {
	overflow: hidden;
	}
div#main div#topicBlock:after,
div#main div.picBlock01:after,
div#main div.picBlock02:after,
div#main div#accessBlock:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
* html div#main div#topicBlock,
* html div#main div.picBlock01,
* html div#main div.picBlock02,
* html div#main div#accessBlock {
	height: 1em;
	overflow: visible;
	}