@import url( format.css );
@import url( base.css );
@import url( inner.css );


/* mainContents style
---------------------------------------------------- */
#leftContents{
	width:645px;
	text-align:center;
	border:none;
	background:none;
}
#leftContents .inL{
	border:1px solid #D5CCB9;
	width:586px;
	text-align:center;
	background-color: #fdfcf8;
	padding-top: 30px;
	padding-bottom: 10px;
	margin: 0px;
	padding-right: 29px;
	padding-left: 29px;
}
	h1.pageTitle{
		padding:0px;
		text-align:left;
		height:70px;
		display:block;
		background:url(../../images/enjoy/tt_enjoy.gif) no-repeat;
	}
	.pageTitle span{
		position: absolute;
		z-index: -1;
	}

	.listBlock{
		padding:0px 0px 28px 0px;
		text-align:center;
		line-height:150%;
	}
	.listBlock p.txt01{
		padding:0px 0px 5px 0px;
		text-align:left;
		line-height:150%;
	}

	.listBlock h2{
		width:586px;
		height:30px;
		display:block;
		margin-bottom:20px;
		text-align:left;
	}
	.listBlock h2 span{
		position: absolute;
		z-index: -1;
	}
	.listBlock h2#family{
		background: url("../../images/enjoy/family/stt_lives.gif") ;
	}
	.listBlock h2#city{
		background: url("../../images/enjoy/city/stt_lives.gif");
	}
	.listBlock h2#tower{
		background: url("../../images/enjoy/tower/stt_lives.gif") ;
	}


	/* 記事内容 */
	.listBlock .dcontents {
		width:570px;
		min-height:363px;
		   _height:363px;/* hack for win */
		margin:10px auto 0px auto;
		padding:0px 0px 0px 0px;
	}

	 .listBlock h3{
		width:570px;
		display:block;
		margin:0px auto 28px auto;
		padding:0px 0px 0px 0px;
		text-align:left;
	  }

	  .dcontents h4.subLead{
		margin-bottom:22px;
		padding:0px;
		text-align:left;
	    }

	  .dcontents p{
		width:316px;
		color:#6B513A;
		line-height:180%;
		margin:0px;
		padding:0 0 0 4px;
		text-align:left;
	    }

	/* 家族----------------- */
	.listBlock .dcontents#mama {
		background:url("../../images/enjoy/family/img_bg_mama.jpg") right top no-repeat;
		text-align:left;
	}

	.listBlock .dcontents#kids {
		background:url("../../images/enjoy/family/img_bg_kids.jpg") left top no-repeat;
	}
	.listBlock .dcontents#kids p,.listBlock .dcontents#kids h4{
		margin-left:250px;		
	}

	.listBlock .dcontents#papa {
		background:url("../../images/enjoy/family/img_bg_papa.jpg") right top no-repeat;
		text-align:left;
	}


	/* 都心に暮らす----------------- */
	.listBlock #morning {
		background:url("../../images/enjoy/city/img_bg_morning.jpg") right top no-repeat;
		text-align:left;
	}
	.listBlock #after5 {
		background:url("../../images/enjoy/city/img_bg_after5.jpg") left top no-repeat;
		text-align:right;
	}
	.listBlock .dcontents#after5 p,.listBlock .dcontents#after5 h4{
		margin-left:250px;		
	}
	.listBlock #off {
		background:url("../../images/enjoy/city/img_bg_off.jpg") right top no-repeat;
		text-align:left;
	}

	/* タワーに暮らす----------------- */
	.listBlock #view {
		background:url("../../images/enjoy/tower/img_bg_view.jpg") right top no-repeat;
		text-align:left;
	}
	.listBlock #luxury {
		background:url("../../images/enjoy/tower/img_bg_luxury.jpg") left top no-repeat;
		text-align:right;
	}
	.listBlock .dcontents#luxury p,.listBlock .dcontents#luxury h4{
		margin-left:250px;		
	}

	.listBlock #status {
		background:url("../../images/enjoy/tower/img_bg_status.jpg") right top no-repeat;
		text-align:left;
	}

	   .dcontents h3{
		  margin:0px auto 28px auto;
		  padding:0px 0px 0px 0px;
	    }
		
	.listBlock .dcontBlock {
		float:left;
		width:170px;
		margin-right:25px;
		
	}

	.listBlock .dimage {
		width:170px;
		height:122px;
		background: url("../../images/town/img_bg.gif") no-repeat left top;	
		text-align:center;
		padding:0px 0px 0px 0px;
		margin:0px 0px 5px 0px;

	}
	.listBlock .dimage img{
		margin:3px auto 0px auto;
	}
	.listBlock .dtitle {
		padding:0px 0px 0px 0px;
		margin:0px;
	}

	.listBlock .dtitle a:link ,.listBlock .dtitle a:visited{ 
		color: #9D0B0E; 
		text-decoration: underline;
		font-weight:bold;
	}

	.listBlock .dtitle a:active ,.listBlock .dtitle a:hover{
		color: #4883B4;  
		text-decoration: none;
	}
	.listBlock .dmemo {
		padding:0px 0px 5px 0px;
		margin:0px 0px;
	}

	
	/*---- detail page ----------*/

	.listBlock .dcontents01 {
		width:581px;
		margin:10px auto 0px auto;
		padding:0px 0px 0px 0px;
		text-align:left;

	}

	/* separete layout */
	.listBlock .dcontBlockL01 {
		float:left;
		width:350px;
		text-align:left;
	}
	.listBlock .dcontBlockL01 p{
		padding:0px 0px 25px 0px;
	}
	.listBlock .dcontBlockL01 p.end{
		padding:0px 0px 0px 0px;
	}


	.listBlock .dcontBlockR01 {
		float:right;
		width:214px;
		text-align:center;
		line-height:120%;		
		margin:0px;

	}

	.listBlock .dcontBlock_bg {
		background: url("../../images/town/town_d_bg.gif");
	}
	.listBlock .dcontBlockR01 .in {
		padding:4px 0px 4px 0px;
		margin:0px auto
		text-align:left;
		font-size:10px;
	}
	.listBlock .dcontBlockR01 .in p{
		padding:3px 4px 0px 4px;
		text-align:left;
		font-size:10px;
	}
	.listBlock  .page_top_s{
		font-size:10px;
		padding-top:5px;
		text-align:right;

	}


	/* 1line layout */
	.listBlock .dcontBlock02 {
		width:573px;
		text-align:left;
		margin:5px 0px 0px 0px;

		/* bottom配置 */
	    	position: relative;	
	}
	body >.dcontBlock02 {
	    height: auto;
	}

	.listBlock .dcontBlock02 .in{
		padding:7px 7px 7px 7px;
	}

	.listBlock .dcontBlock02 .dmemo{
		left:220px;
		position: absolute;
		bottom: 10px;
		width:338px;
		font-size:10px;
		line-height:130%;
		padding:0px 0px 0px 0px;
		margin:0px 0px;
	}

	.hr01 {
		width:578px;
		height:1px;
		margin:5px 0px 43px 0px;
		background: url("../../images/town/hr01.gif") repeat-x left top;	
	}

	/* detail page --- rightContents */


	#rightContents_d{
		width:221px;
		float:right;
		text-align:center;
		border:none;
		background:none;
		padding:0px 0px 0px 0px;
	}
	#rightContents_d .searchTownOuter{
	width:219px;
	_width:221px;
	margin:0px auto 0px auto;
	border:1px solid #D5CCB9;
	text-align:center;
	margin:0px auto 13px auto;
	background-color: #fdfcf8;
	}

	#rightContents_d .searchTown{
		width:202px;
		margin:0px auto 0px auto;
		padding:5px 0px 15px 0px;
		text-align:left;

	}
		#rightContents_d .searchTown ul{
			margin:0px;
			padding:0px;
		}

		#rightContents_d .searchTown ul li{
			list-style-type: none;
			padding-left: 15px;
			padding-right: 0px;
			padding-top:5px;
			padding-bottom:9px;
			text-align:left;
			/*
			width:115px;
			_width:110px;
			*/
			line-height: 160%;
		}
		#rightContents_d .searchTown ul li.head{
			background-image: url(../../images/town/townlist_head.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			padding-left: 26px;
		}
		#rightContents_d .searchTown ul li.town01{
			background-image: url(../../images/town/townlist01.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			padding-left: 45px;
		}
		#rightContents_d .searchTown ul li.town02{
			background-image: url(../../images/town/townlist02.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			padding-left: 45px;
		}

	#rightContents_d .searchLineup{
		width:208px;
		margin:0px auto 0px auto;
		padding:25px 0px 15px 0px;
		text-align:left;

	}
	#rightContents_d .searchLineup img.guide{
		margin-bottom:12px;
	}
		#rightContents_d .searchLineup ul{
			margin:0px;
			padding:0px 0px 12px 0px;
			clear:both;
		}

		#rightContents_d .searchLineup ul li{
			list-style-type: none;
			padding-left: 0px;
			padding-right: 0px;
			padding-top:5px;
			padding-bottom:8px;
			text-align:left;
			/*
			width:115px;
			_width:110px;
			*/
			line-height: 160%;
			font-size:10px;
		}
		#rightContents_d .searchLineup ul li.head{
			background-image: url(../../images/town/lineup_head.gif);
			background-repeat: no-repeat;
			background-position: left top;
			padding-top:5px;
			padding-bottom:16px;
			padding-left: 26px;
			font-weight:bold;
		}
		#rightContents_d .searchLineup ul li.head02{
			background-image: url(../../images/town/lineup_head2.gif);
			background-repeat: no-repeat;
			background-position: left top;
			padding-top:6px;
			height:34px;
			line-height:110%;
			padding-bottom:6px;
			padding-left: 26px;
			font-weight:bold;
		}
		#rightContents_d .searchLineup ul li.lineup01{
			background-image: url(../../images/town/lineup01.gif);
			background-repeat: no-repeat;
			background-position: left 2px;
			padding-top:0px;
			padding-bottom:8px;
			padding-left: 26px;
		}
		#rightContents_d .searchLineup ul li.lineup02{
			background-image: url(../../images/town/lineup02.gif);
			background-repeat: no-repeat;
			background-position: left 2px;
			padding-top:0px;
			padding-bottom:8px;
			padding-left: 26px;
		}


		#rightContents_d .searchLineup ul li a:link ,#rightContents_d .searchLineup ul li a:visited{ 
			text-decoration: none;	
		}

		#rightContents_d .searchLineup ul li a:active ,#rightContents_d .searchLineup ul li a:hover{
			text-decoration: none;
		}

/* 右サイド　追加CSS -------------------------------------------------------------------*/

.dcontBlockR01 .in a:link{color:#0099cc}

div.img_center{
margin:10px auto;
clear:both;
}

.caution{
margin:30px 0 60px;
font-size:12px;
line-height:180%;
text-align:left;
}


/* hoc */
#leftContents #hocInfo.inL {
	margin-top: 20px;
	text-align: left;
	padding: 20px 29px;
}

#leftContents #hocInfo.inL .hocText {
	margin: 15px 0;
}

#leftContents #hocInfo.inL .hocBtn {
	text-align: right;
}


