@charset "shift_jis";

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


/* -----------------------------------------------------------------------------
** magazineBlock
** 情報誌案内
----------------------------------------------------------------------------- */

div#contents div#magazineBlock {
	width: 599px;
	color: #666666;
	}
div#contents div#magazineBlock a {
	color: #003399;
	}
div#contents div#magazineBlock div#researchBlock {
	border-top: 1px solid #ccc;
	width: 599px;
	font-size: 116%;
	margin-bottom: 40px;
	}
div#contents div#magazineBlock div#researchBlock p.lead {
	float: left;
	width: 200px;
	margin-top: 9px;
	padding: 0;
	background: none;
	color: #003399;
	}
div#contents div#magazineBlock div#researchBlock input.box {
	float: left;
	margin-top: 10px;
	width: 164px;
	border:1px solid #003399;
	}
div#contents div#magazineBlock div#researchBlock p.btn {
	float: left;
	padding-left: 10px;
	margin-top: 10px;
	}

/* h2CmBlock01
タイトル
*/
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock01 {
	margin: 15px 0 2px 0;
	background: url(../images/bg_h2.gif) no-repeat left top;
	padding: 5px 0 0 0;
	}
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock01 h2 {
	margin: 0;
	padding: 0 0 3px 0;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock01 h2 span {
	background: url(../images/icon_h2.gif) no-repeat left 50%;
	color: #003399;
	font-size: 116%;
	padding-left: 17px;
	}
	
/* h2CmBlock02
タイトル
*/
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock02 {
	margin: 0 0 2px 0;
	background: url(../images/bg_h2.gif) no-repeat left top;
	padding: 5px 0 0 0;
	}
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock02 h2 {
	margin: 0;
	padding: 0 0 3px 0;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div#magazineBlock div.h2CmBlock02 h2 span {
	background: url(../images/icon_h2.gif) no-repeat left 50%;
	color: #003399;
	font-size: 116%;
	padding-left: 17px;
	}

/* infoBlock
情報誌特集
*/
div#contents div#magazineBlock div.infoBlock {
	margin-top: 15px;
	width: 599px;
	}
div#contents div#magazineBlock div.infoBlock ul,
div#contents div#magazineBlock div.infoBlock ul {
	margin: 0 0 10px 0;
	}
div#contents div#magazineBlock div.infoBlock ul li,
div#contents div#magazineBlock div.infoBlock ul li {
	float: left;
	border-left: 1px solid #000000;
	padding: 0 10px;
	}
div#contents div#magazineBlock div.infoBlock ul li.last,
div#contents div#magazineBlock div.infoBlock ul li.last {
	border-right: 1px solid #000000;
	}
	
/* block01
最新誌 掲載エリア
*/
div#contents div#magazineBlock div.infoBlock div.block01 {
	width: 350px;
	float: left;
	}
div#contents div#magazineBlock div.infoBlock div.block01 p.title {
	padding-bottom: 6px;
	}
div#contents div#magazineBlock div.infoBlock div.block01 p.pic {
	width: 120px;
	float: left;
	}
div#contents div#magazineBlock div.infoBlock div.block01 div.txtBlock {
	width: 220px;
	float: right;
	}
div#contents div#magazineBlock div.infoBlock div.block01 div.txtBlock p.txt {
	font-size: 93%;
	color: #666666;
	line-height: 1.3;
	padding: 5px 0 8px 0;
	}

/* block02
最新誌 掲載エリア 発売日情報
*/
div#contents div#magazineBlock div.infoBlock div.block02 {
	width: 220px;
	float: right;
	color: #666666;
	font-size: 93%;
	line-height: 1.3;
	}
div#contents div#magazineBlock div.infoBlock div.block02 h4 {
	background: #09a4d7;
	color: #ffffff;
	text-align: center;
	padding: 5px 0 2px 0;
	margin: 0 0 7px 0;
	}
	
/*
block03 下にドット線ついてない
block04 下にドット線ついてない
情報誌掲載エリア
*/
div#contents div#magazineBlock div.infoBlock div.block03,
div#contents div#magazineBlock div.infoBlock div.block04 {
	width: 590px;
	color: #666666;
	line-height: 1.3;
	}
div#contents div#magazineBlock div.infoBlock div.block04 {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
	}
div#contents div#magazineBlock div.infoBlock div.block03 p.title ,
div#contents div#magazineBlock div.infoBlock div.block04 p.title {
	padding-bottom: 12px;
	}
div#contents div#magazineBlock div.infoBlock div.block03 p.pic,
div#contents div#magazineBlock div.infoBlock div.block04 p.pic {
	width: 120px;
	float: left;
	}
div#contents div#magazineBlock div.infoBlock div.block03 div.txtBlock,
div#contents div#magazineBlock div.infoBlock div.block04 div.txtBlock {
	width: 460px;
	float: right;
	}
div#contents div#magazineBlock div.infoBlock div.block03 div.txtBlock p.txt,
div#contents div#magazineBlock div.infoBlock div.block04 div.txtBlock p.txt {
	line-height: 1.3;
	padding: 5px 0 12px 0;
	}
div#contents div#magazineBlock div.infoBlock div.block03 div.txtBlock p.areaTxt,
div#contents div#magazineBlock div.infoBlock div.block04 div.txtBlock p.areaTxt {
	background: url(../images/icon_keisai.gif) no-repeat left top;
	padding: 0 0 0 70px;
	margin-bottom: 10px;
	line-height: 20px;
	}
div#contents div#magazineBlock div.infoBlock div.block03 div.txtBlock p.attTxt,
div#contents div#magazineBlock div.infoBlock div.block04 div.txtBlock p.attTxt {
	font-size: 93%;
	padding: 0 0 10px 0;
	}
div#contents div#magazineBlock p.comment {
	padding: 10px 0 0 0;
	color: #666666;
	text-indent: -18px;
	margin-left: 18px;
	}
div#contents div#magazineBlock div.btnBlock {
	padding: 19px 0 0 60px;
	}
div#contents div#magazineBlock div.btnBlock ul.list01 {
	float: left;
	width: 271px;
	}
div#contents div#magazineBlock div.btnBlock ul.list02 {
	float: left;
	width: 212px;
	}
div#contents div#magazineBlock div.btnBlock ul li {
	padding-bottom: 5px;
	}


/* lead
上部リード文 katsuyou.html
*/
div#contents div#magazineBlock p.lead {
	padding: 10px 0;
	}
div#contents div#magazineBlock p.mapImg {
	margin-bottom: 15px;
	}
/* pointBlock
ポイントブロック部分 katsuyou.html
*/
div#contents div#magazineBlock div.pointBlock01 {
	width: 554px;
	padding-top: 10px;
	background: url(../images/bg_point_01.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock01 div.inner01 {
	padding: 0 15px 10px 15px;
	background: url(../images/bg_point_02.gif) no-repeat left bottom;
	}
div#contents div#magazineBlock div.pointBlock01 div.inner01 p {
	padding: 5px 0 2px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left top;
	}
div#contents div#magazineBlock div.section02A {
	margin-top: 10px;
	width: 554px;
	}
div#contents div#magazineBlock div.pointBlock02 {
	float: left;
	width: 264px;
	padding-top: 10px;
	background: url(../images/bg_point_03.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock02 div.inner02 {
	padding: 0 15px 10px 15px;
	background: url(../images/bg_point_04.gif) no-repeat left bottom;
	}
div#contents div#magazineBlock div.pointBlock02 div.inner02 p {
	padding: 5px 0 2px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left top;
	}
div#contents div#magazineBlock div.pointBlock03 {
	float: right;
	width: 264px;
	padding-top: 10px;
	background: url(../images/bg_point_03.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock03 div.inner02 {
	padding: 0 15px 10px 15px;
	background: url(../images/bg_point_04.gif) no-repeat left bottom;
	}
div#contents div#magazineBlock div.pointBlock03 div.inner02 p {
	padding: 5px 0 2px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left top;
	}

div#contents div#magazineBlock div.pointBlock01 h5,
div#contents div#magazineBlock div.pointBlock02 h5,
div#contents div#magazineBlock div.pointBlock03 h5 {
	padding: 0 0 5px 50px;
	}
div#contents div#magazineBlock div.pointBlock01 h5.point01 {
	background: url(../images/katsuyou_po01.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock02 h5.point02 {
	background: url(../images/katsuyou_po02.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock03 h5.point03 {
	background: url(../images/katsuyou_po03.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock02 h5.point04 {
	background: url(../images/katsuyou_po04.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock03 h5.point05 {
	background: url(../images/katsuyou_po05.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock02 h5.point06 {
	background: url(../images/katsuyou_po06.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.pointBlock03 h5.point07 {
	background: url(../images/katsuyou_po07.gif) no-repeat left top;
	}

/* mobileList
モバイル　特徴 mobile.html
*/
div#contents div#magazineBlock dl.mobileList {
	width: 599px;
	line-height: 1.8;
	margin-bottom: 20px;
	}
div#contents div#magazineBlock dl.mobileList dt {
	clear: both;
	float: left;
	width: 330px;
	}
div#contents div#magazineBlock dl.mobileList dd {
	float: right;
	width: 259px;
	}

/* mobileBlock01
モバイル説明 各ブロック
*/
div#contents div#magazineBlock div.mobileBlock01 {
	width: 579px;
	padding-top: 10px;
	margin-bottom: 20px;
	background: url(../images/bg_mobile_01.gif) no-repeat left top;
	}
div#contents div#magazineBlock div.mobileBlock01 div.innerBlock {
	padding: 0 15px 10px 15px;
	background: url(../images/bg_mobile_02.gif) no-repeat left bottom;
	}
div#contents div#magazineBlock div.mobileBlock01 h3 {
	margin-bottom: 10px;
	}
div#contents div#magazineBlock div.mobileBlock01 div.block01 {
	float: left;
	width: 309px;;
	}
div#contents div#magazineBlock div.mobileBlock01 div.block01 p.pic {
	margin-top:10px;
	}
div#contents div#magazineBlock div.mobileBlock01 div.block02 {
	float: right;
	width: 230px;
	}
	
/*
新生活の強い味方
*/
div#contents div#magazineBlock h4.titleImg {
	margin: 17px 0 15px 0;
	}
	
/* supportBlock01
新生活の強い味方 特集ブロック
*/
div#contents div#magazineBlock div.supportBlock01 {
	width: 599px;
	padding: 0 0 15px 0;
	margin: 17px 0 15px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left bottom;
	}
div#contents div#magazineBlock div.supportBlock01 div.block01 {
	float: left;
	width: 280px;
	}
div#contents div#magazineBlock div.supportBlock01 div.block02 {
	float: right;
	width: 309px;
	}
	
/* supportBlock02
新生活の強い味方 素朴な質問 ブロック
*/
div#contents div#magazineBlock div.supportBlock02 {
	width: 599px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left bottom;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock {
	width: 599px;
	background: url(../images/bg_profile.jpg) no-repeat right bottom;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock p.lead {
	width: 430px;
	padding-bottom: 10px;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock p.lead span {
	font-weight: bold;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock p.profTitle {
	width: 453px;
	padding: 0 0 5px 33px;
	font-size: 93%;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock p.profile {
	width: 440px;
	line-height: 1.4;
	margin-left: 35px;
	font-size: 93%;
	}
div#contents div#magazineBlock div.supportBlock02 div.innerBlock p.comment {
	width: 440px;
	margin-left: 35px;
	line-height: 1.4;
	padding: 0;
	font-size: 93%;
	text-indent: 0;
	}
	
/* supportBlock03
新生活の強い味方 FAXリクエスト ブロック
*/
div#contents div#magazineBlock div.supportBlock03 {
	width: 599px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(../../common/images/line_dot_01.gif) repeat-x left bottom;
	}
div#contents div#magazineBlock div.supportBlock03 div.block01 {
	float: left;
	width: 160px;
	}
div#contents div#magazineBlock div.supportBlock03 div.block02 {
	float: right;
	width: 439px;
	}
/* supportBlock04
新生活の強い味方 お助け帳 ブロック
*/
div#contents div#magazineBlock div.supportBlock04 {
	width: 599px;
	padding: 0;
	margin: 0;
	}
div#contents div#magazineBlock div.supportBlock04 div.block01 {
	float: left;
	width: 439px;
	}
div#contents div#magazineBlock div.supportBlock04 div.block01 p.pic {
	margin-bottom: 10px;
	}
div#contents div#magazineBlock div.supportBlock04 div.block01 p span {
	font-weight: bold;
	}
div#contents div#magazineBlock div.supportBlock04 div.block02 {
	float: right;
	width: 150px;
	}
div#contents div#magazineBlock p.attTxt {
	font-size: 93%;
	}
	
		
/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#contents div#magazineBlock,
div#contents div#magazineBlock div#researchBlock,
div#contents div#magazineBlock div.infoBlock,
div#contents div#magazineBlock div.infoBlock ul,
div#contents div#magazineBlock div.infoBlock div.block03,
div#contents div#magazineBlock div.infoBlock div.block04,
div#contents div#magazineBlock div.btnBlock,
div#contents div#magazineBlock div.mobileBlock01,
div#contents div#magazineBlock div.mobileBlock01 div.innerBlock,
div#contents div#magazineBlock div.pointBlock01,
div#contents div#magazineBlock div.pointBlock02,
div#contents div#magazineBlock div.supportBlock01,
div#contents div#magazineBlock div.supportBlock02,
div#contents div#magazineBlock div.supportBlock03,
div#contents div#magazineBlock div.supportBlock04,
div#contents div#magazineBlock div.section02A,
div#contents div#magazineBlock dl.mobileList {
	overflow: hidden;
	}
div#contents div#magazineBlock:after,
div#contents div#magazineBlock div#researchBlock:after,
div#contents div#magazineBlock div.infoBlock:after,
div#contents div#magazineBlock div.infoBlock ul:after,
div#contents div#magazineBlock div.infoBlock div.block03:after,
div#contents div#magazineBlock div.infoBlock div.block04:after,
div#contents div#magazineBlock div.btnBlock:after,
div#contents div#magazineBlock div.mobileBlock01:after,
div#contents div#magazineBlock div.mobileBlock01 div.innerBlock:after,
div#contents div#magazineBlock div.pointBlock01:after,
div#contents div#magazineBlock div.pointBlock02:after,
div#contents div#magazineBlock div.supportBlock01:after,
div#contents div#magazineBlock div.supportBlock02:after,
div#contents div#magazineBlock div.supportBlock03:after,
div#contents div#magazineBlock div.supportBlock04:after,
div#contents div#magazineBlock div.section02A:after.
div#contents div#magazineBlock dl.mobileList:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
* html div#contents div#magazineBlock,
* html div#contents div#magazineBlock div#researchBlock,
* html div#contents div#magazineBlock div.infoBlock,
* html div#contents div#magazineBlock div.infoBlock ul,
* html div#contents div#magazineBlock div.infoBlock div.block03,
* html div#contents div#magazineBlock div.infoBlock div.block04,
* html div#contents div#magazineBlock div.btnBlock,
* html div#contents div#magazineBlock div.mobileBlock01,
* html div#contents div#magazineBlock div.mobileBlock01 div.innerBlock,
* html div#contents div#magazineBlock div.pointBlock01,
* html div#contents div#magazineBlock div.pointBlock02,
* html div#contents div#magazineBlock div.supportBlock01,
* html div#contents div#magazineBlock div.supportBlock02,
* html div#contents div#magazineBlock div.supportBlock03,
* html div#contents div#magazineBlock div.supportBlock04,
* html div#contents div#magazineBlock div.section02A,
* html div#contents div#magazineBlock dl.mobileList {
	height: 1em;
	overflow: visible;
	}