@charset "utf-8";
/* CSS Document */
#main-vis
{
	max-width: 1160px;
	margin: 0 auto;
}
#contents-nav li
{
	margin-bottom: 5px;
}

#newsArea .newsAreainner{
	overflow-y: scroll; 
	height: 150px;
	width: 100%;
}
#newsArea .newsAreainner ol{
width: 100%;
}

/*============================
#news-list
============================*/
/*@media all and (-ms-high-contrast: none) {
 ol#news-list {
 padding-top: 500px;
}*/


ol#news-list {
}

ol#news-list li
{
	list-style: none;
	border-bottom: dotted 1px #333;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
ol#news-list li a {
	display: block;
	padding: 10px 0;
	line-height: 1.4;
}
ol#news-list li a b {
	display:block;
	padding-right: 8px;
	position: relative;
	margin-bottom: 8px;
	width: 100%;
}
ol#news-list li a p {
	display:block;
}

ol#news-list li b::before
{
	font-size: 10px;
	color: #fff;
	padding: 3px 5px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	min-width: 80px;
	position: absolute;
	/*left: 130px;
	top: -2px*/
	right: 0px;
	top: 0px
}
ol#news-list li.news b::before {
	content: "NEWS";
	background: rgba(48,96,162,1.00);
}
ol#news-list li.bunjo b::before {
	content: "分譲住宅";
	background: rgba(42,147,100,1.00);
}
ol#news-list li.event b::before {
	content: "イベント";
	background: #47a1a1;
}
ol#news-list li.camp b::before {
	content: "キャンペーン";
	background:rgba(114,92,185,1.00);
}
ol#news-list li.reform b::before {
	content: "リフォーム";
	background: rgba(213,76,76,1.00);
}
ol#news-list li.semi b::before {
	content: "セミナー";
	background:rgba(209,165,11,1.00);
}
ol#news-list li.uchinavi b::before {
	content: "仲介物件情報";
	background: #cc0000;
}
ol#news-list li.blog b::before {
	content: "ブログ";
	background: #FF0000;
}
ol#news-list li.blog-2 b::before {
	content: "ブログ";
	background: #000000;
}
ol#news-list li.etc b::before {
	content: "その他";
	background: #ccc;
}

ol#news-list li.fb b::before {
	content: "Facebook";
	background:rgba(32,90,192,1.00);
}



ol#news-list li a p.new::after {
	content: "new";
	color: #cc0000;
	padding-left: 10px;
}
ol#news-list li a p.comp::before {
	content: "受付終了";
	color: #cc0000;
	padding-right: 10px;
}

/*============================
#contents-nav2
============================*/
#contents-nav2 
{
	margin-top: 20px;
}
#contents-nav2 li
{
	margin-bottom: 5px;
}
#contents-nav2 li a
{
	display: block;
	padding: 20px;
	border: solid 1px #63b1c7;
	color: #63b1c7;
	position: relative;
	border-radius: 4px;
}
#contents-nav2 li a::after
{
  font-family: 'FontAwesome';
  content: "\f054";
	position: absolute;
	right: 10px;
}
#links li
{
	margin-bottom: 5px;
}
#links li a
{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	border: solid 1px #ccc;
	border-radius: 4px;
	display: block;
	padding: 10px;
	height: 60px;
	max-height: 60px;
	background-size:90%;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	
}
#links li:nth-of-type(1) a
{
	background-image: url(img/index-new/banner1.jpg);
}
#links li:nth-of-type(2) a
{
	background-image: url(img/index-new/banner2.jpg);
}
#links li:nth-of-type(3) a
{
	background-image: url(img/index-new/banner3.jpg);
}
#links li:nth-of-type(4) a
{
	background-image: url(img/index-new/banner4.jpg);
}

section.bottom-line
{
	border-bottom: solid 1px rgba(11,51,106,1.00);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

@media(min-width:1080px)
{
/*============================
#news-list
============================*/


	#newsArea .newsAreainner{
width: 80%;
}

	#newsArea .newsAreainner ol{
width: 90%;
}
ol#news-list {
}
ol#news-list li
{
}
ol#news-list li a {
	display:block;
	padding: 10px 0;
}
ol#news-list li a b {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding-right: 8px;
	margin-bottom: 0px;
	position: static;
}
ol#news-list li a p {
	display: inline-block;
	vertical-align: top;
	width: 66%;
}

ol#news-list li b::before
{
	position: static;
	margin-right: 8px;
}
/*============================
#contents-nav2
============================*/
#contents-nav2 
{
	margin-top: 0px;
}
}