@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;}
	
	
ul{list-style:none;}	
table{border-collapse:collapse;}
	
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}


a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";}

.center{text-align:center;}

/*padding margin*/
.p_b_5{padding-bottom:5px;}
.p_b_10{padding-bottom:10px;}
.p_b_15{padding-bottom:15px;}
.p_b_20{padding-bottom:20px;}
.p_b_30{padding-bottom:30px;}
.p_b_35{padding-bottom:35px;}
.p_b_40{padding-bottom:40px;}
.p_b_50{padding-bottom:50px;}
.p_b_65{padding-bottom:65px;}

.m_b_25{margin-bottom:25px;}
.m_b_30{margin-bottom:30px;}
.m_b_50{margin-bottom:50px;}


.f_left{
	float:left;}
.f_right{
	float:right;}
/*Header*/
#Header{
	width:950px;
	margin:0px auto;
	height:75px;
	padding-top:5px;}
	
#Header p#Logo{
	float:left;
	width:190px;}
	
#Header h1{
	float:right;
	width:355px;}
	
/*Navi*/
#Navi{
	background:#004066;
	height:60px;}
	
#Navi ul{
	display:block;
	width:950px;
	margin:0px auto;}
	
#Navi ul li{
	float:left;
	display:block;
	height:60px;}

#Navi ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	height:60px;
	width:190px;}	

#Navi ul li a:hover,
#Navi ul li a.active{
	background-position:0 -60px;}	
	
#Navi ul li a#Navi1{background-image:url(../images/navi_1.jpg);}
#Navi ul li a#Navi2{background-image:url(../images/navi_2.jpg);}
#Navi ul li a#Navi3{background-image:url(../images/navi_3.jpg);}
#Navi ul li a#Navi4{background-image:url(../images/navi_4.jpg);}
#Navi ul li a#Navi5{background-image:url(../images/navi_5.jpg);}

#Honki_Contents{
	width:950px;
	margin:0px auto;
	padding-bottom:30px;
	font-size:12px;}
	
.Contents{
	width:950px;
	margin:0px auto;
	font-size:12px;}
	
/*toppage////////////////////////*/
#Wrap_top{
	background:url(../images/bg_1.jpg) no-repeat top center;
	min-width:950px;}
	
#Top_message{
	padding-top:26px;
	height:267px;}
	
#Top_message p{text-align:center;}	
	
#Top_message p#Btn_about{padding-top:16px;}

/*Service*/	
#Top_Service{
	background:#F0F0E1;
	padding:20px 0px;
	margin-bottom:30px;}
	
#Top_Service .Contents{
	position:relative;}
	
p#Lavel{
	position:absolute;
	top:15px;
	right:15px;}	
	
#Top_Service_inner{
	padding-bottom:10px;
	padding-left:30px}
#Top_Service_inner ul{padding:10px 0px 5px 0px;}	
#Top_Service_inner ul li{display:block;}
	
#Top_Service_inner p{
	font-size:92%;}		
	
/*Box_about*/
#Box_about{padding-bottom:30px;}
#Box_about ul{
	width:260px;
	margin:0px auto;}
	
#Box_about ul li{
	padding-bottom:10px;
	display:block;}	

#Box_about h4{
	text-align:center;
	padding:5px 0px;}

#Btn_about1,
#Btn_about2,
#Btn_about3{
	width:300px;
	float:left;
	padding-bottom:10px;}
	
#Btn_about1{
	background:#F4CE5D;
	margin-right:25px;}
	
#Btn_about2{
	background:#D0D3F0;
	margin-right:25px;}
	
#Btn_about3{
	background:#F4C1AC;}	

#Box_staging{
	background:#C8E4F1;
	position:relative;
	padding-left:130px;
	width:820px;
	margin-bottom:30px;}
	
#Logo_staging{
	position:absolute;
	top:-11px;
	left:20px;}	
	
#Box_staging h4{
	padding:5px 0px;
	text-align:center;}

#Box_staging ul{padding-bottom:20px;}	
#Box_staging ul li{
	float:left;
	padding-right:10px;
	display:block;}		
	
/*Top_Topics Top_Person*/
#Top_Topics{
	background:#F9EAEA;
	padding-top:25px;}
	
#Top_Person{
	background:#DAEEF7;
	padding-top:25px;
	margin-bottom:30px;}
	
#Top_Topics h3,
#Top_Person h3{padding-bottom:20px;}	
	
#Top_Topics .Contents,
#Top_Person .Contents{
	overflow:hidden;}	

#Top_Topics ul,
#Top_Person ul{
	display:block;
	width:975px;}
#Top_Topics ul li,
#Top_Person ul li{
	display:block;
	float:left;
	width:300px;
	padding-bottom:25px;
	padding-right:25px;}
	


/*Sell*/
#Sell{
	width:950px;
	margin:0px auto;
	margin-bottom:30px;}
	
#Sell h4,
#Sell2 h4{padding-bottom:20px; text-align:center;}	

#Box_sell{}
#Box_sell p{float:left;}	
p#btn_sell1{padding-right:16px;}
p#btn_sell2{padding-right:16px; border-right:1px dotted #BBB; margin-right:16px;}

#Sell2{
	width:650px;
	background:#EEE;
	padding:20px;}

/*staging banar*/
p.Btn_link{
	text-align:center;
	margin-bottom:20px;}

#Side_staging{
	padding-bottom:20px;}	


/*----- 2016---------- */

/*朝日新聞 */
#newspaper{
       background:#F0F0E1;
       position:relative;
      margin: 0 0 40px;
}
#newspaper p.txt{
      position:absolute; 
      top:180px;
      right:30px;
    font-weight: bold;
    font-size: 14px;
       text-align: center;
}
#newspaper p.pdf{
      position:absolute; 
      top:250px;
      right:30px;
}
#newspaper p.pdf a{
         background: #004066 url("../images/arrow02.png") no-repeat scroll 90% 47%;
        padding: 10px 19px 10px 10px;
       border-radius: 3px;
        color:#fff;
       text-decoration: none;
}
#newspaper p.pdf a:hover{
    filter: alpha(opacity=70);
     -moz-opacity:0.7; opacity:0.7;
} 
#newspaper img{
      padding:20px;
}
/*  .共通指定 */

.container,
.contents{ position:relative;}

.txt,.txt01,.txt02,.txt03,.txt04,.txt05,.txt07,.txt08,
.btn a{ position:absolute; }

.btn a,
.logo a{ display:block; overflow: hidden; text-indent: -10000px;}
.size15{ font-size:15px;}
.size14{ font-size:14px;}
.size22{ font-size:22px;}

#container{ width:100%; padding-top:120px;}

@media screen and (max-width : 961px){	#container{ width:960px;} }

.container{ width:950px; margin:auto; }
	
/* .contents.wrp05【ステージングサービス】*/
.contents.wrp04{ height:450px; background: #FFF url("../images/staging/img4.jpg") no-repeat scroll center 0; }
.contents.wrp05{ height:280px; background: #FFF url("../images/staging/img5.jpg") no-repeat scroll center 0; }

/*.txt【テキスト】*/

.contents.wrp05 .txt.wrp02{ top: 40px; top:120px\9; left: 200px; width: 460px; height: 61px;background:url("../images/staging/btn07.gif")  no-repeat}
.contents.wrp05 .txt.wrp03{ top: 130px; top:201px\9;left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn08.gif")  no-repeat}

.contents.wrp05 .txt.wrp02 span,
.contents.wrp05 .txt.wrp03 span{ display: block; top: 5px; left: 173px; width: 290px; position: absolute; letter-spacing: -0.071em; line-height: 1.65em;}
.contents.wrp05 .txt.wrp02 span{ letter-spacing: -0.09em\9;}
.contents.wrp05 .txt.wrp03 span{ letter-spacing: 0.016em; letter-spacing: -0.01em\9;}

.contents.wrp05 .txt{ color: #000}
.contents.wrp05 a .txt.wrp02:hover,
.contents.wrp05 a .txt.wrp03:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: #000}

.contents.wrp05 .txt.wrp02:hover{background:url("../images/staging/btn07on.gif")  no-repeat}
.contents.wrp05 .txt.wrp03:hover{background:url("../images/staging/btn08on.gif")  no-repeat}

/* .contents.wrp04【ホンキの補修保証】 */

p.hosyutxt{ text-align: center; background:#eee; font-size: 20px;  padding: 11px 0; font-weight: bold;  margin: 0 0 15px;}
/*.txt【テキスト】*/
.contents.wrp04 .txt.wrp01{ top:20px; top:72px\9; left:90px; line-height:1.4em; letter-spacing:-0.037em;     font-size: 18px;}
.contents.wrp04 .txt.wrp02{ top: 65px; top:119px\9; left: 200px; width: 460px; height: 61px;background:url("../images/staging/btn03.gif")  no-repeat}
.contents.wrp04 .txt.wrp03{ top: 145px; top:202px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn04.gif")  no-repeat}
.contents.wrp04 .txt.wrp04{ top: 230px; top:282px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn05.gif")  no-repeat}
.contents.wrp04 .txt.wrp05{ top: 315px; top:363px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn06.gif")  no-repeat}

.contents.wrp04 .txt.wrp02 span,
.contents.wrp04 .txt.wrp03 span,
.contents.wrp04 .txt.wrp04 span,
.contents.wrp04 .txt.wrp05 span{ display: block; top:-3px; left: 173px; width: 290px; position: absolute; letter-spacing: -0.02em; line-height: 1.65em;}
.contents.wrp04 .txt.wrp03 span{letter-spacing:-0.04em;}

.contents.wrp04 .txt{ color: #000}

.contents.wrp04 .txt.wrp02:hover,
.contents.wrp04 .txt.wrp03:hover,
.contents.wrp04 .txt.wrp04:hover,
.contents.wrp04 .txt.wrp05:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.contents.wrp04 .txt.wrp02:hover{background:url("../images/staging/btn03on.gif")  no-repeat}
.contents.wrp04 .txt.wrp03:hover{background:url("../images/staging/btn04on.gif")  no-repeat}
.contents.wrp04 .txt.wrp04:hover{background:url("../images/staging/btn05on.gif")  no-repeat}
.contents.wrp04 .txt.wrp05:hover{background:url("../images/staging/btn06on.gif")  no-repeat}

/* #Sell2.stagingpage 野村の売却サポートサービス*/
#Sell2.stagingpage{  background:#004066;}
#Sell2.stagingpage h4{ font-size: 16px; color: #fff;}
#Sell2.stagingpage p#btn_sell2{border:none;  padding-right:0; }
#Sell2.stagingpage p#btn_sell1{padding:0 16px 0 20px;}