/*共通スタイル*/
html,body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:14px;
}

/*フッターの固定*/
#pagecover{
	position:relative;
	min-height:100%;
}

#contents{padding-bottom:6em;}

/*ヘッダー画像サイズ*/
#header img{width:100%;}

/*大きい画像は非表示*/
#header img.bigimage{display:none;}

/*メニュー表示*/
ul.menu{
	margin:0px;
	padding:0px;
	background-color:#ffcc00;
}
/*メニュー項目の装飾*/
ul.menu li{
	width:20%;
	display:inline-block;
	list-style-type:none;
	position:relative;
}
ul.menu a{
	color:black;
	line-height:3em;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

/*パンくずリスト*/
ol.topic-path{
	margin:5px 0px;
	padding-left:10px;
	list-style-type:none;
	font-size:11px;
	color:#cccccc;
}
/*リスト項目*/
ol.topic-path li{
	padding-left:5px;
	display:inline;
}
/*リンク*/
ol.topic-path li a{
	padding-right:5px;
	color:#cccccc;
}

/*エリア*/
#rent{
	margin:0 auto;
	margin-top:1em;
	width:98%;
}
/*タイトルマークのサイズ*/
img.markimage{width:14px;}

/*テーブルの装飾*/
#gaiyou{
	border:1px solid #ff9900;
	border-collapse:collapse;
	color:black;
	width:100%;
}
/*物件名*/
#housename{
	font-size:16px;
	border-bottom:1px solid #ff9900;
	height:2em;
}
/*区分*/
#kubun{text-align:center; border-bottom:1px solid #ff9900;}
span.kubunstyle{
	color:white;
	padding:3px;
	background-color:#ff9933;
	border:1px solid #ff9933;
	border-radius:0.5em;
}
/*項目*/
td.tabletitle{
	width:22%;
	height:2em;
	text-align:center;
	border-bottom:1px dotted #ff9900;
	background:radial-gradient(#ffcc66,white);
}
td.explain{border-bottom:1px dotted #ff9900; height:2em;}

/*ポイント*/
ul.pointlist{
	margin:0 auto;
	padding:0px;
	display:inline-block;
	color:white;
	width:100%;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
ul.pointlist li{
	display:inline-block;
	width:45%;
	margin-bottom:3px;
	list-style-type:none;
	position:relative;
	background:#ffcc00;
}

/*タブ*/
p.tabcontrol{display:inline; margin:0px;}
p.tabcontrol a{
	display:inline-block;
	width:30%;
	margin:0px;
	padding:0.5em 0.1em;
	text-decoration:none;
	text-align:center;
	color:black;
	background-color:white;
	font-weight:normal;
	position:relative;
}
/*上タブ*/
#tabtop a{
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#ff9900;
}
/*下タブ*/
#tabbottom a{
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#ff9900;
}
/*タブの中身*/
#tabbody{
	margin:0 auto;
	width:100%;
	border-top:3px solid #ff9900;
	border-bottom:3px solid #ff9900;
}
/*拡大写真*/
#photoframe{
	display:block;
	width:auto;
	height:300px;
	border:3px solid #eeeeee;
	margin-top:1em;
	border-collapse:collapse;
}
td.tdbu{width:5%; height:250px; text-align:center;}
td.tdimg{width:90%; height:250px; text-align:center;}
img.photola{margin:1em 0em;}
/*写真切り替えボタン*/
button.cbutton{
	margin:5px;
	padding:3em 0.5em;
	font-size:14px;
	background-color:#eeeeee;
	color:black;
	border:1px solid #cccccc;
	border-radius:5px;
	width:35px;
}
/*写真のコメント欄*/
#com{height:2em; vertical-align:bottom;}

/*物件詳細情報*/
#bukkensyousai{
	width:100%;
	margin-top:1em;
	border-collapse:collapse;
}
td.blank{
	border-top:1px solid #ff9900;
	border-bottom:1px solid #ff9900;
	height:1em;
}
td.eblank{
	border-top:1px solid #ff9900;
	height:1em;
}
td.stitlel{
	width:22%;
	height:2em;
	text-align:center;
	border-bottom:1px dotted #ff9900;
	border-left:1px solid #ff9900;
	background:radial-gradient(#ffcc66,white);
}
td.stitle{
	width:22%;
	height:2em;
	text-align:center;
	border-bottom:1px dotted #ff9900;
	background:radial-gradient(#ffcc66,white);
}
td.sexplainr{
	border-bottom:1px dotted #ff9900;
	border-right:1px solid #ff9900;
	width:28%;
	height:2em;
}
td.sexplain{
	border-bottom:1px dotted #ff9900;
	width:28%;
	height:2em;
}

/*周辺施設*/
#syuhensmall{margin-top:1em; width:100%;}
#syuhensmall td{width:60%;}
td.syutitle{border-bottom:1px solid #ff9900; width:100%;}
iframe{margin:1em 0.5em; width:290px; height:300px;}

/*トップへ*/
#pageend{margin-top:1em; text-align:center;}
#pageend a:link{color:#ff9900;}
#pageend a:visited{color:#ff9900;}

/*下部メニュー*/
ol.undermenu{
	margin:1em 0 0 0;
	padding:0px;
	text-align:center;
	list-style-type:none;
	font-size:11px;
	color:#cccccc;
}
/*リスト項目*/
ol.undermenu li{
	padding-left:5px;
	display:inline;
}
/*リンク*/
ol.undermenu li a{color:#cccccc;}

/*フッター*/
#footer{
	position:absolute;
	padding-top:5px;
	bottom:0px;
	width:100%;
	height:5em;
	background-color:green;
	text-align:right;
	text-indent:1em;
	color:white;
}

@media screen and (min-width:480px){
/*大きいスマホ以上スタイル*/
	/*共通スタイル*/
	html,body{font-size:16px;}
	/*パンくずリスト*/
	ol.topic-path{font-size:14px;}
	/*タイトルマークのサイズ*/
	img.markimage{width:16px;}
	/*物件名*/
	#housename{font-size:18px;}
	/*拡大写真*/
	#photoframe{height:450px;}
	td.tdbu,td.tdimg{height:390px;}
	/*写真切り替えボタン*/
	button.cbutton{font-size:16px;}
	/*下部メニュー*/
	ol.undermenu{font-size:14px;}
	/*フッター*/
	#footer{font-size:14px;}
}

@media screen and (min-width:600px){
/*タブレット以上スタイル*/
	/*共通スタイル*/
	html,body{font-size:18px;}
	/*ヘッダー*/
	#header img.miniimage{display:none;}
	#header img.bigimage{display:block;}
	/*メニュー*/
	ul.menu{padding:0px 0px 0px 20px;}
	ul.menu a{line-height:2.5em;}
	/*パンくずリスト*/
	ol.topic-path{font-size:16px;}
	/*エリア*/
	#rent{width:90%;}
	/*タイトルマークのサイズ*/
	img.markimage{width:18px;}
	/*物件名*/
	#housename{font-size:20px;}
	/*タブ*/
	p.tabcontrol a{width:20%;}
	/*拡大写真*/
	#photoframe{display:inline-block; float:right; width:64%; height:430px;}
	td.tdbu,td.tdimg{height:370px;}
	/*写真一覧*/
	#bukkenphoto{
		display:inline-block;
		width:35%;
		height:645px;
		border:1px solid #dddddd;
		margin-top:1em;
	}
	td.smtd{text-align:center; vertical-align:top; height:573px;}
	ul.bplist{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	ul.bplist li{
		display:table-cell;
		border:3px solid #eeeeee;
		width:90%;
		height:130px;
		margin:0.2em;
		line-height:130px;
	}
	ul.bplist li img{margin:0.2em; vertical-align:middle;}
	#iti{border:3px solid #ff9933;}
	/*写真一覧用タブ*/
	td.tdptab{height:50px;}
	#bukkenphototab{text-align:center; vertical-align:bottom;}
	#bukkenphototab a{
		text-decoration:none;
		font-size:30px;
		color:#ffcc00;
	}
	/*写真一覧用切り替えボタン*/
	button.cptabbutton{
		background-color:#eeeeee;
		color:black;
		font-size:16px;
		width:35px;
		height:35px;
		border:1px solid #cccccc;
		border-radius:50%;
	}
	/*物件詳細情報*/
	td.stitlel{width:25%;}
	td.stitle{width:25%;}
	td.sexplainr{width:25%;}
	td.sexplain{width:25%;}
	/*周辺施設*/
	#syuhenphoto{
		display:block;
		width:100%;
		margin-top:1em;
		border-collapse:collapse;
	}
	td.syutitle{border-bottom:1px solid #ff9900;}
	td.syubrank{height:1em;}
	td.syutd{
		width:30%;
		text-align:center;
		border:1px solid #cccccc;
		border-style:solid solid none;
	}
	td.syudetail{
		width:30%;
		text-align:center;
		border:1px solid #cccccc;
		border-style:none solid solid;
		font-size:16px;
	}
	img.photosyu{
		width:80%;
		margin:5px;
		padding:5px;
		border:5px ridge #eeeeee;
	}
	iframe{width:480px;}
	/*下部メニュー*/
	ol.undermenu{font-size:16px;}
	/*フッター*/
	#footer{font-size:16px;}
}

@media screen and (min-width:960px){
/*PC以上スタイル*/
	/*共通スタイル*/
	html,body{font-size:20px;}
	/*メニュー*/
	ul.menu a:hover{background-color:#ffff99; color:green;}
	/*パンくずリスト*/
	ol.topic-path{font-size:18px;}
	ol.topic-path li a{text-decoration:none;}
	ol.topic-path li a:hover{color:#ff9900;}
	/*エリア*/
	#rent{width:80%;}
	/*タイトルマークのサイズ*/
	img.markimage{width:20px;}
	/*物件名*/
	#housename{font-size:24px;}
	/*ポイント*/
	ul.pointlist li{width:24%; font-size:18px;}
	/*拡大写真*/
	#photoframe{width:59%; height:500px;}
	td.tdbu,td.tdimg{height:440px;}
	/*写真一覧*/
	#bukkenphoto{width:40%; height:500px;}
	td.smtd{text-align:center; vertical-align:top; height:420px;}
	ul.bplist li{width:44%; margin:0.5em 0.2em;}
	ul.bplist li img{display:inline-block; cursor:pointer;}
	/*写真切り替えボタン*/
	button.cbutton{cursor:pointer; font-size:18px;}
	/*写真一覧用切り替えボタン*/
	button.cptabbutton{cursor:pointer; font-size:18px;}
	/*物件詳細情報*/
	td.stitlel{width:20%;}
	td.stitle{width:20%;}
	td.sexplainr{width:30%;}
	td.sexplain{width:30%;}
	/*周辺施設*/
	iframe{margin:1em 0em; width:100%; height:400px;}
	/*下部メニュー*/
	ol.undermenu{font-size:18px;}
	/*リンク*/
	ol.undermenu li a{text-decoration:none;}
	ol.undermenu li a:hover{color:#ff9900;}
}