/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*BG*/
body {
	background:url(../images/cmn/bg_idx.jpg) repeat-x;
	}


/*エリア選択　領域*/
section#index-area {
	margin:20px 0px 20px 0px;
	}

/*エリア選択　ボタン*/
section#index-area img {}
section#index-area img.area0 {}

	

/*特選物件　領域*/
section#index-selection {
	margin-top:50px;
	}

/*特選物件　インラインフレーム*/
section#index-selection iframe {
	margin:5px 0px 50px 0px;
	border:1px dotted #ddd;
	width:950px;
	height:800px;
	}
	
	

/*お知らせ　領域*/
section#index-info {
	clear:both;
	padding-top:50px;
	}

/*お知らせ　リスト領域*/
section#index-info ul {
	margin:15px 12px 0px 15px;
	}

/*お知らせ　リスト*/
section#index-info li {
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	margin-bottom:12px;
	}

/*お知らせ　リスト　日付*/
section#index-info li span {
	color:#11709F;
	margin-right:15px;
	}

/*お知らせ　リスト　ＣＭ*/
section#index-info li.tvcm {
	background:#ff9;
	padding-top:5px;
	}

/*お知らせ　リスト　ＣＭ　赤字*/
section#index-info li.tvcm span {
	color:#E6530C;
	margin-right:10px;
	}


/*その他*/
section#index-other {
	margin:50px 0px 50px 0px;
	}

/*その他　リスト領域*/
section#index-other ul {
	margin:15px 12px 0px 16px;
	}

/*その他　リスト*/
section#index-other li {
	background:url(../images/cmn/bg_index-area.png) no-repeat 0px 2px;
	padding-left:28px;
	margin-right:45px;
	display:block;
	float:left;
	}










/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　▼======================================*/
@media screen and (max-width: 960px) {

/*BGトリ*/
body {
	background-image:none;
	}


/*エリア選択　領域*/
section#index-area {
	margin:15px 0px 30px 0px;
	}

/*エリア選択　ボタン*/
section#index-area img {
	width:145px;
	}
section#index-area img.area0 {
	width:180px;
	}



/*特選物件　領域*/
section#index-selection {
	margin-top:36px;
	}

/*特選物件　インラインフレーム*/
section#index-selection iframe {
	margin:5px 0px 50px 130px;
	border:1px dotted #ddd;
	width:500px;
	height:600px;
	}



/*お知らせ　リスト*/
section#index-info li {
	font-size:13px;
	}

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き）　▼======================================*/
@media only screen and (max-width:640px) {

/*エリア選択　領域*/
section#index-area {
	margin:15px 0px 30px 0px;
	}

/*エリア選択　ボタン*/
section#index-area img {
	width:110px;
	}
section#index-area img.area0 {
	width:140px;
	}



/*特選物件　インラインフレーム*/
section#index-selection iframe {
	margin:5px 0px 30px 50px;
	border:1px dotted #ddd;
	width:480px;
	height:500px;
	}



/*お知らせ　リスト*/
section#index-info li {
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	margin-bottom:12px;
	font-size:11px;
	}

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き）　▼======================================*/
@media only screen and (max-width:480px) {

/*エリア選択　領域*/
section#index-area {
	margin:-10px 0px 30px 0px;
	}

/*エリア選択　ボタン*/
section#index-area img {
	width:160px;
	}
section#index-area img.area0 {
	display:none;
	}



/*特選物件　インラインフレーム*/
section#index-selection iframe {
	margin:5px 0px 50px 0px;
	border:1px dotted #ddd;
	width:320px;
	height:300px;
	}

}