@charset "UTF-8";

/* body.css */
/*
	2014 new design ver.4.1
	コンテンツリニューアルに伴う変更・書籍独自レイアウト
*/


/* --------------------------------------------------

-------------------------------------------------- */

body,html{
	min-width:1024px;
}

body{
background:url(../image/v4/header_bg.gif) repeat-x;

}

#header{
	display:block;
	margin:0;
	height:143px;
	width:980px;
	margin:auto;
}


#header h1{
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	color:#666666;
	text-align:center;
	height:20px;
	
	/*対応ブラウザ$sizeValue + rem*/
	font-size: 1.2rem; 
	/* rem未対応ブラウザ($sizeValue * 10) + px*/
	font-size: 12px;

}

#header a.toplink{
	display:block;
	float:left;
}

/*52.5-------------*/
#header ul.appeal{
	float:left;
	width:766px;
	height:47px;
}
#header ul.appeal li{
	float:left;
	margin:5px 0 0 10px;
}

#header ul.appeal li img{
	display:block;
	}


/*グローバルナビ-------------*/	
#nav ul{
	float:left;
	width:630px;
	position:relative;
}
*html #nav ul{
	margin:-13px 0 0 0;
}
#nav ul li{
	float:left;
}

#nav ul li a{
	display:block;
	width:118px;
	height:35px;
	float:left;
	margin:0px 0 0 3px;
	
	text-align:center;
	background-color:#ffffff;
	float:left;
	
	font-size: 14px;
	color: #ffa200;
	

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottom-left: 5px;
	border-radius-bottom-right: 5px;
	//havior: url(border-radius.htc);   /* for IE */
	
	border-bottom: 2px solid #cc0000;
	border-left: 2px solid #cc0000;
	border-right: 2px solid #cc0000;
	
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(0,0,0,0.1);
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(0,0,0,0.1);
	
	
}
*html #nav ul li a{
	margin:0px 0 0 1px;
}

#nav ul li a:hover{
	background-color:#fdfff4;
}

#nav ul li.area a{
	height:60px;
	background-color:#cc0000;
	
}
#nav ul li.on a{
	background-color:#eeeeee;
	
}
#nav ul li.onarea a{
	background-color:#b90000;
	
}

#nav ul li img{
	margin:3px 0 0 0;
}

#nav ul li.area img{
	margin:6px 0 0 0;
}

#nav ul li.sbtn a{
	width:auto;
	height:15px;
	margin:8px 0 0 10px;
	background-color:transparent;

	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
		
}
#nav ul li.sbtn img{
	margin:0;
}



/*オーナー様ボタン*/
#nav ul.owner{
	width:130px;
	height:65px;
}
#nav ul.owner li a{
	width:130px;
	margin:0;
	background-color:transparent;

	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(0,0,0,0);
}

#nav ul.owner li a:hover{
	background-color:none;
}

/*パンくず*/
p.topic-path{
	width:960px;
	margin:0 auto;
	padding:10px 0 30px 0;
	/*対応ブラウザ$sizeValue + rem*/
	font-size: 1.1rem; 
	/* rem未対応ブラウザ($sizeValue * 10) + px*/
	font-size: 11px;
	text-align:left;
	
}
p.topic-path_smart{
	display:none;
}



/*物件詳細のパターン*/
body.b_shosai{
	background:url(../image/v4/header_bg2.gif) repeat-x;

}
body.b_shosai a.logo{
	float:left;
}
body.b_shosai header div#header{
	height:75px;
	margin:0 auto 10px auto;
}
body.b_shosai header p{
/*対応ブラウザ$sizeValue + rem*/
	font-size: 1.4rem;
	/* rem未対応ブラウザ($sizeValue * 10) + px*/
	font-size: 14px;
	float:right;
	color:#ffffff;
	padding:13px 0 0 0;
	width:230px;
}
body.b_shosai header p a{	
	margin:0 10px 0 0;
	float:left;
	height:28px;
	display:table;	
	text-decoration:none;	
	border-radius:3px;
	box-shadow:1px 1px 1px 0px #a70000;
	-moz-box-shadow:1px 1px 1px 0px #a70000;
	-webkit-box-shadow:1px 1px 1px 0px #a70000;
	border:1px solid #c6c6c6;
}
body.b_shosai header p a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
body.b_shosai header p a span img{
	vertical-align:bottom;
}
body.b_shoseai header p a{ color:#ffffff;text-decoration:none;}
body.b_shoseai header p a:link{ color:#ffffff;text-decoration:none;}
body.b_shoseai header p a:hover{ color:#ffffff;text-decoration:none;}
body.b_shoseai header p a:visited{ color:#ffffff;text-decoration:none;}

body.b_shosai header p a.btn_print,
body.b_shosai header p a.btn_close{		
	color:#797979;
	text-shadow:0px -1px 2px rgba(255,255,255,1);
	
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbfbfb 25%, #eeeeee 71%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbfbfb 25%,#eeeeee 71%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbfbfb 25%,#eeeeee 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
}
body.b_shosai header p a.btn_print{
	width:115px;
}
body.b_shosai header p a.btn_close{
	width:80px;
}







/*リンク無しのパターン*/
body.nolink{
	background:url(../image/v4/header_bg3.gif) repeat-x;
	height:100px;

}

body.nolink header p{
/*対応ブラウザ$sizeValue + rem*/
	font-size: 1.4rem;
	/* rem未対応ブラウザ($sizeValue * 10) + px*/
	font-size: 14px;
	float:right;
	color:#ffffff;
	padding:13px 0 0 0;
}




/* EOF */