@charset "utf-8";
/* CSS Document */
/*<style type="text/css">*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {/*マウスポインタが乗ったら*/
	text-decoration: none;
	color: #666;
	opacity: 0.6; /*透明度、0.0完全透明*/
    filter: alpha(opacity=60);
}
a:active {
	text-decoration: none;
	text-align: right;
}
a img {
	border-style:none;
}
.wrap{
	width: 960px;
	margin: 0 auto;
}
#wrapper{
	width: 960px;
	height: auto;
	/*border-width: 1px 1px 1px 1px;
    border-style:solid;
    border-color:#999*/
}
#wrapper2{/*indexスライドで使用*/
	width: 960px;
	height: 608px;
	margin-top:4px;
	/*border-width: 1px 1px 1px 1px;
    border-style:solid;
    border-color:#999*/
}
a:hover img{
	opacity: 0.6; 
    filter: alpha(opacity=60);
}	


/*----------------------------------------------------------*/
div.logo {
	width: 208px;
	margin-bottom:7px;
	padding-top:19px;
	float:left;
}
.home-menu {
	margin-top:3px;
}
.home-menu a{
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.home-menu a:hover{
	color:#666;
}
.home-menu2 {
	/*margin-top:10px;
	margin-bottom:17px;*/
	padding-top:10px;
	padding-bottom:12px;
	padding-left:0px;
	margin:0px;
	line-height:12px;
	text-align:left;

}
.home-menu2 a{
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.home-menu2 a:hover{
	color:#666;
}


/*ロールオーバー*/
.menubar {
	/*バーの全体の横幅*/width:auto;
	/*バーの高さ*/height: 17px;
	line-height:17px;
	/*左の余白margin-left: 220px;*/
	/*右の余白margin-right: auto;*/
	/*バーの上の罫線デザインborder-top: solid 1px #FFF;*/
	/*バーの下の罫線デザインborder-bottom: solid 1px #FFF;*/
	/*margin-top: 44px;*/
	margin-top: 49px;
	float:right;
	/*float: left;*/
}

/*linkを装飾する画像の指定*/
.menubar #link1 a {background-image:url(img/menu1.jpg);width: 100px;}
.menubar #link2 a {background-image:url(img/menu2.jpg);width: 102px;}
.menubar #link3 a {background-image:url(img/menu3.jpg);width: 102px;}
.menubar #link4 a {background-image:url(img/menu4.jpg);width: 102px;}
.menubar #link5 a {background-image:url(img/menu5.jpg);width: 100px;}
.menubar #link6 a {background-image:url(img/menu10.jpg);width: 102px;}
.menubar #link7 a {background-image:url(img/menu7.jpg);width: 106px;}
/*挿入される余白の削除*/
.menubar ul {
	margin-top: 0px;
	padding: 0;
}
.menubar li {
   /*リストマークの削除*/list-style-type:none;
   /*linkを横並び表示の指定*/float:left;
}
.menubar li a {
	white-space: nowrap;
	/*ブロック要素として表示の指定*/display: block;
	/*画像１個分の横幅*/width:auto;
	/*画像の高さ*/line-height: 17px;
	/*画像の右側の罫線デザインborder-right: solid 3px #FFF;*/
	/*テキストを隠す指定text-indent:-9999px;*/text-indent: 100%;
   /*テキストを隠す指定*/overflow: hidden;
}
/*カーソルを重ねたときの画像の表示範囲を指定*/
.menubar li a:hover{
   background-position: 0 -17px;
}




/*---使用中のロールオーバー---------------------------------*/
.menubar3 {
	/*バーの全体の横幅*/width:auto;
	/*バーの高さ*/height: 17px;
	line-height:17px;
	margin-top: 35px;
	float:right;
}
/*linkを装飾する画像の指定*/
.menubar3 #link1 a {background-image:url(img/menu_01.jpg);width: 100px;}
.menubar3 #link2 a {background-image:url(img/menu_02.jpg);width: 102px;}
.menubar3 #link3 a {background-image:url(img/menu_03.jpg);width: 102px;}
.menubar3 #link4 a {background-image:url(img/menu_04.jpg);width: 102px;}
.menubar3 #link5 a {background-image:url(img/menu_05.jpg);width: 100px;}
.menubar3 #link6 a {background-image:url(img/menu_10.jpg);width: 102px;}
.menubar3 #link7 a {background-image:url(img/menu_07.jpg);width: 106px;}
/*挿入される余白の削除*/
.menubar3 ul {
	margin-top: 0px;
	padding: 0;
}
.menubar3 li {
   /*リストマークの削除*/list-style-type:none;
   /*linkを横並び表示の指定*/float:left;
}
.menubar3 li a {
	white-space: nowrap;
	/*ブロック要素として表示の指定*/display: block;
	/*画像１個分の横幅*/width:auto;
	/*画像の高さ*/line-height: 17px;
	/*画像の右側の罫線デザインborder-right: solid 3px #FFF;*/
	/*テキストを隠す指定text-indent:-9999px;*/text-indent: 100%;
   /*テキストを隠す指定*/overflow: hidden;
}
/*カーソルを重ねたときの画像の表示範囲を指定*/
.menubar3 li a:hover{
   background-position: 0 -17px;
}

/* メニューバーの装飾 */
		div.menubar3 {
			/*background-color: #cc0000;*/         /* バーの背景色 */
			/*border-top:    3px double #800000;*/ /* バーの上端線 */
			/*border-bottom: 3px double #800000;*/ /* バーの下端線 */
			min-width: 714px;                  /* メインメニュー全部が収まる最低横幅 */
		
		}

		/* ------------------------ */
		/* メインメニュー項目の装飾 */
		div.menubar3 ul#menu {
			font-size:12px;
			margin: 0px 0px 0px 0px; /* メニューバー外側の余白 */
			padding: 0px;             /* メニューバー内側の余白 */
			height: 17px;             /* メニューバーの高さ */
		}
		div.menubar3 ul#menu li {
		    /*width: 120px;*/ /* メニュー項目の横幅 */
		    height: 17px; /* メニュー項目の高さ（「メニューバーの高さ」と一致させる） */
		    float: left;
		    list-style-type: none;
		    position: relative;/*あるときは縦に*/
			
		}
		.menu_li_ico {
			max-height:16px;
			width:auto;
			margin-bottom:1px;
			margin-left:5px;
			vertical-align:middle;
			
		}
		div.menubar3 ul#menu a {
			background-color: #FFF; /* メニュー項目の背景色 */
		    color:#000;              /* メニュー項目の文字色 */
		    line-height: 17px;         /* メニュー項目のリンクの高さ（「メニュー項目の高さ」と一致させる） */
		    /*text-align: center;         メインメニューの文字列の配置（中央寄せ） */
		    text-decoration: none;     /* メニュー項目の装飾（下線を消す） */
		    display: block;
			/*width: 100%;
		    height: 100%;*/
		}
		div.menubar3 ul#menu a:hover {
			background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色 */
			color: #000;            /* メニュー項目にマウスが載ったときの文字色 */
			opacity: 1.0;
			filter: alpha(opacity=100);

		}

		/* メニューバー直後の Clear Hack */
		div.menubar3 ul#menu { zoom:1; }
		div.menubar3 ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

		/* ---------------------- */
		/* サブメニュー項目の装飾 */
		div.menubar3 ul#menu ul.sub {
			background-color: #FFF;     /* サブメニュー全体の背景色 */
			border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
			border-style: solid;           /* サブメニュー全体の枠線の線種 */
			border-color: #CCC;         /* サブメニュー全体の枠線の色 */
			margin: 0px;
			padding: 0px;
			display: none;
			position: absolute;
			z-index:2;
		}
		div.menubar3 ul#menu ul.sub li {
			width: 135px; /* サブメニュー1項目の横幅 */
			height: 20px; /* サブメニュー1項目の高さ */
			border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
			border-style: solid;           /* サブメニュー1項目の枠線の線種 */
			border-color: #999;         /* サブメニュー1項目の枠線の色 */
			
		}
		div.menubar3 ul#menu ul.sub li a {
			line-height: 20px; /* サブメニュー1項目の行高（「サブメニュー1項目の高さ」と合わせる） */
			text-align: left;  /* 文字列の配置（左寄せ） */
			text-indent: 5px;  /* 文字列前方の余白 */
			opacity: 1.0;
			filter: alpha(opacity=100);
		}
		div.menubar3 ul#menu ul.sub li a:hover {
			background-color: #666; /* サブメニュー項目にマウスが載ったときの背景色 */
			color: #FFF;            /* サブメニュー項目にマウスが載ったときの文字色 */
		}

/*--------------------------------マウスオーバーで白くなる（透過）
.***** ul li a:hover img{
	opacity: 0.6; 
    filter: alpha(opacity=60);
} */

 

/*
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	*/


/*ロゴとメニューボタンのボックス*/
#top-contents {
	width: 960px;
	height: 64px;
	/* [disabled]margin-bottom: 0px; */
	clear:none;
	z-index:100;
}



/*house-tとhouse-kのトップ画像*/
div.top-img {
	padding-top:60px;
	
}

/*------------------インフォメーション*/
.topics{
	width:960px;
	height:120px;
	display:block;
	margin:20px 0 40px 0;
	overflow:hidden;
	float:left;
}

.topics_list{
	width:800px;
	height:110px;
	overflow:scroll;
	float:right;
	margin-top:27px;
	padding:0;
	color:#000;
}
#topic_ttl{
	float:left;
	width:89px;
	height:10px;
	margin-top:30;
}

.topics_list li{
	display:block;
	height:45px;
	width:250px;
	padding:0px 0px 0 10px 0;
	margin-right:20px;
	float:left;
	font-size:12px;
	list-style-type:none;
}
.topics_list li a{
	color:#000;
}
.topics_list a{
	text-decoration:none;
	color:#000;
	padding-left:0px;
}
.topics a:hover img{
	opacity: 0.8; 
    filter: alpha(opacity=80);
}
.date{
	display:block;
	padding:0px 10px 10px 0;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:20px;

}




/*information部分--------------------*/

/*全体のボックス*/
#information-box{
	width: 960px;
	height:130px;
	margin-top: 30px;
	clear: left;	
	
}
/*informationのimg*/	
div.information01{
	width: 89px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
	float: left;
	
}
/*書き込むところ*/
div.information-txt{
	height:130px;
	width: 330px;
	font-size:12px;
	letter-spacing: 1px;
	float: left;
	/*overflow:scroll;*/
	
}
.information-txt ul li{
	margin-top:0px;
	width:300px;
	padding:0px 0 15px 0px;
	float:left;
	list-style-type:none;
	
}
.information-txt a{
	text-decoration:none;
	color:#000;
	
}	
.info_date{
	font-size:12px;
	font-weight:bold;/*文字の太さ*/
	
}
.info_txt{
	font-size:12px;
	margin-left:10px;
	
}
/*もっともっと快適な...のimg*/
div.information02 {
	width: 960px;
	height:89px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 0px;
	
}

/*------information終わり----------------*/




/*-------project部分--------------------*/
#contents-Box1 {
	width: 960px;
	height:auto;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 70px;
	
}
#contents-Box2 {
	padding-bottom:70px;
}
/* projectのimg */
.box_0 {
	width:54px;
	height:10px;
	margin-bottom: 10px;
	
}	
.box_1 {
	width:960px;
	padding-left: 15px;
	
	margin-left:auto;
	margin-right:auto;
    float:none;
	
}
.box_1 img{
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 6px;
}
/*-------project終わり---------------*/




/*-----worksの部分--------------------*/
div.box_2 {
	margin-left: auto;
	margin-right:auto
	float: none;
	margin-bottom: 30px;
}

div.box_2 img{
	margin-bottom: 0px;
	margin-top: 5px;
}



/*-----footer-box-------------------------*/


#footer{
	width: 960px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
	
.footer-box {
	/*バーの全体の横幅width: 496px;*/
	/*バーの高さ*/height: 16px;
	/*左の余白*/margin-left: 10px;
	/*右の余白margin-right: 0px;*/
	/*バーの上の罫線デザイン*/border-top: solid 1px #FFF;
	/*バーの下の罫線デザイン*/border-bottom: solid 1px #FFF;
	margin-top: 0px;
	/*margin-right: 70px;*/
	float: left;
	margin-bottom:30px;
	min-width: 496px;
}

/*linkを装飾する画像の指定*/
.footer-box #link9 a {background-image: url(img/footer_menu01.jpg);width: 124px;}
.footer-box #link10 a {background-image: url(img/footer_menu02.jpg);width: 124px;}
.footer-box #link11 a {background-image: url(img/footer_menu03.jpg);width: 124px;}
.footer-box #link12 a {background-image: url(img/footer_menu04.jpg);width: 124px;}
.footer-box #link13 a {background-image:url(img/menu5.jpg);width: 88px;}
.footer-box #link14 a {background-image:url(img/footer_menu14.png);width: 124px;}
.footer-box #link15 a {background-image:url(img/footer_menu15.png);width: 124px;}
.footer-box #link16 a {background-image:url(img/footer_menu16.png);width: 124px;}
/*挿入される余白の削除*/
.footer-box ul {
   margin:0px;
   padding:0;
}
.footer-box li {
   /*リストマークの削除*/list-style-type:none;
   /*linkを横並び表示の指定*/float:left;
}
.footer-box li a {
	white-space: nowrap;
	/*ブロック要素として表示の指定*/display: block;
	/*画像１個分の横幅width: 91px;*/
	/*画像の高さ*/line-height: 16px;
	/*画像の右側の罫線デザインborder-right: solid 3px #FFF;*/
	/*テキストを隠す指定text-indent:-9999px;*/text-indent: 100%;
   /*テキストを隠す指定*/overflow: hidden;
}
/*カーソルを重ねたときの画像の表示範囲を指定*/
.footer-box li a:hover{
   background-position: 0 -16px;
}

/*無料プラン申込みと資料請求*/
div.footer00 {
	margin-top: 0px;
	margin-bottom: 0px;
	float:right;
	
}
.footer00 {
	/*バーの全体の横幅width: 260px;*/
	width:150px;
	/*バーの高さ*/height: 19px;
	/*左の余白margin-left:0px;*/
	/*右の余白*/margin-right: 0px;
	/*バーの上の罫線デザインborder-top: solid 1px #FFF;*/
	/*バーの下の罫線デザインborder-bottom: solid 1px #FFF;*/
	margin-top: 0px;
	clear:right;
}

/*linkを装飾する画像の指定*/
.footer00 #link14 a {background-image:url(img/pran1.jpg)}
.footer00 #link15 a {background-image:url(img/siryo1.jpg)}

/*挿入される余白の削除*/
.footer00 ul {
   margin:0px;
   padding:0;
}
.footer00 li {
   /*リストマークの削除*/list-style-type:none;
   /*linkを横並び表示の指定*/float:left;
}
.footer00 li a {
	white-space: nowrap;
	/*ブロック要素として表示の指定*/display: block;
	/*画像１個分の横幅*/width: 127px;
	/*画像の高さ*/line-height: 19px;
	/*画像の右側の罫線デザイン*/border-left:solid 3px #FFF;
	
	/*テキストを隠す指定text-indent:-9999px;*/text-indent: 100%;
   /*テキストを隠す指定*/overflow: hidden;
   
}
/*カーソルを重ねたときの画像の表示範囲を指定*/
.footer00 li a:hover{
   background-position: 0 -19px;
}



/*株式会社橋本川島コーポレーションの住所など*/

#footer_txt {
	width: 960px;
	height: 100px;
	font-size: 10px;
	clear: left;
	margin-left: auto;
	margin-right: auto;
}


div.footer01 {
	width: 180px;
	height: 100px;
	line-height: 15px;
	float: left;
}
	
div.footer02 {
	width: 100px;
	height: 100px;
	line-height: 15px;
	float: left;
}

	
div.footer03 {
	width: 250px;
	height: 100px;
	line-height: 15px;
	float: left
	
}

	
div.footer04 {
	width: 430px;
	height: 100px;
	float: left;
	line-height: 15px;
}



#contents-house {
	margin-top: 10px;
	width: 960px;
	height: 100px;
	clear: left;
	padding-bottom:150px;
	
}

div.house{
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-bottom: auto;
	float: left;
	margin-right: 0px;
	clear: both;
	
}


div.house_txt{
	width: 670px;
	height: auto;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 25px;
	/*letter-spacing: 2px;*/
	float: right;
	clear: none;
	letter-spacing:0.1em;
	text-align:justify;
	text-justify:inter-ideograph; 

}
div.house_txt img{
	margin-bottom:10px;
}
div.house_txt2{
	width: 670px;
	height: auto;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 25px;
	/*letter-spacing: 2px;*/
	float: right;
	clear: none;
	letter-spacing:0.2em;
	text-align:justify;
	text-justify:inter-ideograph; 

}
div.house_txt2 img{
	margin-bottom:10px;
}

div.house_txt3{
	width: 670px;
	height: auto;
	font-size: 13px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 25px;
	/*letter-spacing: 2px;*/
	float: right;
	clear: none;
	letter-spacing:0.1em;
	text-align:justify;
	text-justify:inter-ideograph; 

}
div.house_txt3 img{
	margin-bottom:10px;
}
.b_kentiku {
	border-top:#999 solid;
	border-width: 2px;
	margin-top:10px;
	padding-top:10px;
}
.b_kentiku a{
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.b_kentiku a:hover{
	color:#666;
}
 


#contentsBox2 {
	width: 960px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	clear: both;/*まわりこみ解除*/
}

.project_box {
	width:100px;
	padding-top:30px;
	margin-bottom:10px;
}

.jisya_house {
	width:941px;
	margin-left:auto;
	margin-right:auto;
}
.jisya_l {
	float:right;
	
}

.jisya_house01 {
	width:941px;
	margin:0 auto;
	font-size:0;
}

.jisya_house01_img {
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
}

.jisya_house01 a:last-child .jisya_house01_img {
	margin-right:0px;
}
.top-model{
	width:960px;
	height:622px;
}
.model_house {
	margin-bottom:5px;
}
/*お問い合わせフォーム*/

#formtext {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 30px;
	width: 550px;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
    letter-spacing: 0.2em;
	
}
#form-box{
	margin-left:40px;
}

#form{
	margin-bottom:40px;
}



/* The Nivo Slider styles */



.nivoSlider {
	z-index:0;
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/*height:auto;*/
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 5px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}









/*.pankuzu {
	text-align: left;
	font-size:12px;
	color: #000;
}
*/
/*div.footer {
	width: 900px;
	background-color: #281787;
	color: #FFF;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	font-size: 10px;
	font-weight:bold;
	height: 25px;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: auto;
	padding-left: 0;
	padding-right: 0;
	clear:both;
}

div.footer-txt {
	width:500px;
	float:left;
	padding-left: 10px;
	padding-top: 2px;
}

div.privacy-policy {
	width:120px;
	float:right;
	margin-right:30px;
	padding-top: 2px;
}

*/

/*.footer A:link { color: #fff }*//* リンク */

/*.footer A:visited {*/                 /* 既に見たリンク */
   /*color: #fff;
   text-decoration: none*/     /* 下線を消す */
 /*}
.footer A:active { color: #fff }*/ /* クリック時のリンク */
/*.footer A:hover {*/                /* カーソルが上にある時のリンク */
  /* color: #CCC;
   text-decoration: none*/     /* 下線を消す */
/* }
*/






/*リノベーション＆リホーム始まり*/


/*#Text {
	margin-top: 20px;
	margin-left: 40px;
	margin-right: auto;
	margin-bottom: 30px;
	width: 550px;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
    letter-spacing: 0.2em;
}*/
/*リノベーション＆リホーム・コンセプト見出し*/
/*.toptxt {
	border-width: 1px;
	color: #009;
	background-color: lavender;
	width: 600px;*/
	/*枠の角の丸み*/
/*	border-radius: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: auto;
	padding-top: 10px;
	
	border-style: solid ;
	border-color: #E6E6FA; 
	border-width: 1px;
	box-shadow: 5px 5px 5px #AAA;
}
*/
/*#textBox2 {
	width:600px;
	margin-top:auto;
	margin-bottom:auto;
}
*/
/*リノベーション＆リホーム・コンセプト文章*/
/*#renovation-txt {
	margin-top: auto;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	color: #333;
	width: 600px;
	word-wrap: break-word;
}
#title-Text {
	margin-left: 25px;
}
.mini-txt {
	margin-top: auto;
	margin-left: 60px;
	margin-right: auto;
	margin-bottom: auto;
	width: 500px;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
div.block-a {
   float: left;
   width: 600px;
}
div.block-b {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: auto;
	text-align:center;
}
#block-c {
	padding-top: 100px;
}
#block-e {
	width: auto;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
}
div.block-d {
	padding-top: 10px;
	height: 270px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: auto;
	text-align:center;
}
*/
/*施工事例*/
/*#sekoujirei-box {
	width: 840px;
	height: 350px;
	margin-top: auto;
	margin-left: 32px;
	margin-right: auto;
	margin-bottom: 40px;
	
}
div.box-a {
	float: left;
	width: 270px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
}
div.box-a li{
	margin-left:20px;
}
.obi {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	text-align:center;
}
.homejump {
	clear: both;
	text-align:right;	
}
*/
/*リノベーション＆リホーム終わり*/
/*新築始まり*/
/*.homejump2 {
	text-align:right:30px;
}
#mini-LINK {
	float:left
	width:173px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-left: auto;
	list-style-type: none;
	margin-top: auto;
}
.table3 {
	text-align:center;
}
div.Text {
  padding: 0 0 0 40px;
  position: relative;
}
div.Text img {
  position: absolute;
  left: 0px;
  top: 0px;
}
#picture-box {
	margin-top: auto;
	margin-bottom: 30px;
}
.before-after-picture {
	text-align:left;
	margin-left: 25px
}
#picture-box {
	width: 900px;
}
div.before-after1 {
	margin-left: 25px;
	margin-top: 10px;
	width: 870px;
}
div.before-after2 {
	margin-left: 25px;
	margin-top: 5px;
	width: 870px;
}
div.before-after1 img {
	margin-right:3px;
	margin-bottom:2px;
}
div.before-after2 img {
	margin-right:4px;
	margin-bottom:2px;
}
#Text2 {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: auto;
	padding-left: 20px;
	width: 600px;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
    letter-spacing: 0.1em;
}
#Text2-block {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: auto;
	font-size: 13px;
	line-height: 1.5;
	width: 620px;
	text-align: justify;
}
div.Text2 {
    width: 600px;    
    padding: 10px;  
    margin-bottom: 10px;  
    overflow: hidden;  
    zoom: 1em;  
}  
div.Text2 p {  
    overflow: hidden;  
    zoom: 1em;  
} 
.Text2-img {  
    float: left;  
    margin: 0 10px 5px 0;  
}  
.title_picture {
    width:700px;
    height:72px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
.box_f {
    width:660px;
    margin-top:auto;
    margin-bottom:auto;
 
}
.box_g {
    width:660px;
    margin-top:auto;
    margin-bottom:auto;
    background-color:#E1FFFF;
}
.txt_title {
    float:left;
    margin-left:10px;
    margin-top:auto;
    margin-bottom:auto;
    padding-top:8px;
    padding-bottom:5px;
}
.txt_g {
    margin-left:134px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:auto;
    margin-bottom:auto;
    line-height:1.5;
}
.map {
    width:425px;
    height:350px;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
}
.detail {
    color:#0000FF;
    text-align:center;    
}
.name {
    text-align:center;
}
#contentsBox3 {
	width:660px;
	margin-left:auto;
	margin-right:auto;
}
#privacy {
	width: 700px;
	margin-left:auto;
	margin-right:auto;
}
div.privacy-top{
	margin-bottom:30px;
	margin-left:5px;
	
	border-width: 1px;
	color: #009;
	background-color: lavender;
	width: 650px;
	/*枠の角の丸み*/
	/*border-radius: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	line-height:1.5;
}
div.privacy-txt {
	width: 630px;
	margin-left: 23px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: ;
	line-height: 1.5;
	border-style: solid;
	border-color: #E6E6FA;
	border-width: 1px;
	box-shadow: 5px 5px 5px #AAA;
}

#rinen {
	width: 570px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border-width: 1px;
	color: #000;
	background-color: lavender;
	/*枠の角の丸み*/
	/*border-radius: 20px;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-right: 20px;
	padding-top: 10px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	line-height: 1.5;
}
*/



/*feature02 */

.feature02_title {
	display:block;
	margin:0 auto 20px;
	padding:10px;
	background:#EEE9DA;
	font-size:24px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
}

.feature02_box01 {
	display:block;
	margin:0 auto 30px;
	padding-bottom:10px;
	border-bottom:#CCC 1px solid;
}

.feature02_box01_img01 {
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:10px;
}

.feature02_box01_text01 {
	display:block;
	padding:10px;
	font-size:16px;
	color:#000;
	line-height:30px;
	text-align:left;
}

.feature02_box01_text01_b {
	font-size:18px;
	font-weight:bold;
	color:#7E5225;
}

.feature02_box01_text01_img {
	margin:0 0 10px 10px;
	float:right;
}

/*feature02ここまで */

/*kartell */

.kartell_imgbox01 {
	height:450px;
	margin-bottom:40px;
}

.kartell_imgbox01_img {
	max-width:100%;
	height:auto;
}

.kartell_imgbox02 {
	margin-bottom:40px;
	font-size:0;
	text-align:center;
}

.kartell_imgbox02_img {
	width:calc(100% / 5 - 0.2px);
	height:auto;
	vertical-align:top;
}

.kartell_box01 {
	margin-bottom:80px;
	font-size:0;
	position:relative;
}

.kartell_box01_img {
	max-width:550px;
	height:auto;
	position:relative;
	z-index:2;
	/* box-shadow */
	box-shadow:3px 3px 5px -1px #BBB;
}

.kartell_box01_div01 {
	display:inline-block;
	width:350px;
	margin-top:60px;
	padding:30px;
	background:#EEE;
	vertical-align:top;
	position:relative;
	z-index:1;
}

.kartell_box01_div01:last-child:before {
	content:"";
	width:40px;
	height:100%;
	background:#EEE;
	position:absolute;
	top:0;
	left:-40px;
}

.kartell_box01_div01:first-child:after {
	content:"";
	width:40px;
	height:100%;
	background:#EEE;
	position:absolute;
	top:0;
	right:-40px;
}

.kartell_box01_div01_title {
	display:block;
	margin-bottom:20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
}

.kartell_box01_div01_subtitle {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	padding:3px 0;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
}

.kartell_box01_div01_subtitle_span {
	display:inline-block;
}

.kartell_box01_div01_subtitle_span:first-child {
	text-align:left;
}

.kartell_box01_div01_subtitle_span:last-child {
	text-align:right;
}

.kartell_box01_div01_text {
	display:block;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:17px;
	color:#000;
	line-height:32px;
	text-align:left;
}

.kartell_box01_div01_textbox {
	margin:20px auto 0;
	text-align:left;
}

.kartell_box01_div01_textbox_title {
	display:inline-block;
	padding:0 10px 2px;
	margin-bottom:5px;
	border-bottom:#999 1px solid;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:20px;
	text-align:left;
}

.kartell_box01_div01_textbox_text {
	display:block;
	padding-left:20px;
	font-size:16px;
	color:#000;
	line-height:23px;
	text-align:left;
}

.kartell_box01_div01_button {
	width:290px;
	margin:20px auto 0;
	padding:10px;
	background:#009;
	border:#009 1px solid;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	text-align:center;
	transition-duration:0.7s;
}

.kartell_box01_div01_button:hover {
	background:#FFF;
	color:#009;
	transition-duration:0.35s;
}

.kartell_box01_div02 {
	height:400px;
}

/*kartellここまで */

/*kartellinquiry */

.inquiry_text_big {
	display:block;
	margin-bottom:40px;
	padding:0 10px;
	text-align:center;
}

.inquiry_text01 {
	display:inline-block;
	margin-bottom:30px;
	font-size:17px;
	color:#000;
	line-height:30px;
	text-align:left;
}

.inquiry_text01_ul {
	list-style:none;
	margin:0 auto 30px;
	padding:0;
	font-size:0;
	text-align:center;
}

.inquiry_text01_ul_li01 {
	display:inline-block;
	padding:3px 20px;
	border-radius:10px;
	font-size:15px;
	font-weight:bold;
	color:#000;
	line-height:20px;
	vertical-align:top;
}

.inquiry_text01_ul_li02 {
	display:inline-block;
	padding:3px 10px;
	font-size:15px;
	color:#000;
	line-height:20px;
	vertical-align:top;
}

.inquiry_text01_ul_li_b01 {
	background:#00C;
	color:#FFF;
}

.inquiry_text02 {
	display:block;
	font-size:15px;
	font-style:italic;
	color:#000;
	line-height:30px;
	text-align:center;
}

.inquiry_title01 {
	display:block;
	margin-bottom:30px;
	font-size:22px;
	color:#000;
	line-height:40px;
	letter-spacing:5px;
	text-align:center;
}

.inquiry_subtitle01 {
	display:block;
	width:700px;
	margin:0 auto 50px;
	font-size:14px;
	color:#000;
	line-height:23px;
	letter-spacing:2px;
	text-align:left;
}

.inquiry_subtitle02 {
	display:block;
	margin:20px auto 0;
	font-size:14px;
	color:#000;
	line-height:23px;
	letter-spacing:2px;
	text-align:center;
}

.inquiry_big_box {
	margin:0 auto;
	padding:60px 0;
	border:#00C 1px solid;
	font-size:0;
	text-align:center;
}

.inquiry_box {
	display:block;
	max-width:800px;
	margin:0 auto 15px;
	padding:0 10px 15px;
	font-size:0;
	text-align:left;
	vertical-align:top;
	position:relative;
}

.inquiry_box_long {
	font-size:0;
	text-align:center;
}

.inquiry_box_left {
	display:inline-block;
	width:190px;
	margin-right:10px;
	font-size:16px;
	color:#000;
	line-height:30px;
	text-align:left;
	vertical-align:top;
	position:relative;
}

.inquiry_box_long .inquiry_box_left {
	display:block;
	width:auto;
	margin-right:0px;
}

.inquiry_box_left_s {
	line-height:15px;
}

.inquiry_box_left_oneshort {
	width:auto;
	padding:0 5px;
}

.inquiry_box_left_ico {
	display:inline-block;
	padding:2px 10px;
	background:#F00;
	border-radius:5px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:15px;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.inquiry_box_right {
	display:inline-block;
	width:calc(100% - 200px);
	min-height:30px;
	padding:0;
	background:none;
	border:none;
	border-bottom:#00C 1px solid;
	font-size:15px;
	color:#000;
	line-height:30px;
	text-align:left;
	vertical-align:top;
}

.inquiry_box_long .inquiry_box_right {
	display:block;
	box-sizing:border-box;
	width:100%;
	margin-top:5px;
}

.inquiry_box_right_short {
	width:200px;
}

.inquiry_box_right_twoshort {
	width:60px;
}

.inquiry_box_right_long {
	display:block;
	width:100%;
	font-size:15px;
	color:#F00;
	line-height:20px;
	text-align:right;
}

.inquiry_box_labelitem {
	display:block;
	width:auto;
	font-size:15px;
	color:#73787D;
	line-height:30px;
	text-align:center;
}

.inquiry_box_after01_labelitem {
	display:inline-block;
	font-size:14px;
	color:#73787D;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
}

.inquiry_box_error {
	width:100%;
	color:#F00;
	font-size:15px;
	text-align:left;
	line-height:29px;
}

.inquiry_box_right_naiyou {
	width:calc(100% - 222px);
	height:112px;
	padding:10px;
	border:#00C 1px solid;
	position:relative;
	z-index:1;
}

.inquiry_box_off {
	max-width:600px;
	margin:0 auto;
	padding-left:200px;
	font-size:0;
	text-align:center;
	position:relative;
}

.inquiry_box_exp {
	display:block;
	height:140px;
	margin:0 auto 30px;
	padding:15px 20px;
	background:#FFF;
	overflow-y:scroll;
}

.inquiry_box_exp_title {
	display:block;
	margin:0 auto 5px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:35px;
	text-align:left;
}

.inquiry_box_exp_text {
	display:block;
	margin:0 auto 30px;
	font-size:14px;
	color:#000;
	line-height:23px;
	text-align:left;
}

.inquiry_box_exp_text_ul {
	list-style:disc;
	list-style-position:inside;
	margin:0 auto 10px;
	padding:0 0 0 30px;
}

.inquiry_box_exp_text_ul_li {
	list-style:disc;
	margin:0 auto;
	padding:0;
}

.inquiry_box_decide {
	display:block;
	width:458px;
	margin:0 auto 20px;
	padding:5px 20px;
	background:#00C;
	border:1px solid #00C;
	border-radius:4px;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	line-height:35px;
	text-align:center;
	z-index:1;
	transition-duration:0.7s;
}

.inquiry_box_decide:hover {
	background:#FFF;
	color:#00C;
	transition-duration:0.35s;
}

.inquiry_box_decide_ico {
	margin-left:10px;
	vertical-align:middle;
}

.inquiry_box_right_big {
	height:100px;
}

.inquiry_text {
	display:block;
	margin:0 auto;
	font-size:15px;
	color:#000;
	line-height:23px;
	text-align:left;
}

.inquiry_text_b {
	font-size:18px;
	font-weight:bold;
}

.inquiry_text_s {
	display:block;
	margin-top:20px;
	font-weight:bold;
	text-align:left;
}

.inquiry_subtitle {
	display:block;
	margin-bottom:30px;
	font-size:15px;
	color:#000;
	line-height:23px;
	text-align:center;
}

.inquiry_box_red {
	color: #F00;
}

.inquiry_ul {
	list-style: disc;
	list-style-position:inside;
	width:750px;
	margin:0 auto 30px;
	padding:0 10px;
}

.inquiry_ul_li {
	font-size:15px;
	color:#F15846;
	text-align:left;
}

.inquiry_text_bold {
	font-weight:bold;
}

.section h2 {
	font-size:20px;
	font-weight:bold;
}

.section p {
	font-size:16px;
}

/*kartellinquiryここまで */

/*model_list */

.modellist_title {
	display:block;
	margin:50px auto 20px;
	font-size:20px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
}

.modellist_subtitle_big {
	margin:0 auto 80px;
	font-size:0;
	text-align:center;
}

.modellist_subtitle {
	display:inline-block;
	padding:0 20px 5px;
	border-bottom:#000 1px solid;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#023793;
	line-height:20px;
	text-align:center;
}

.modellist_text01 {
	display:block;
	margin:0 auto 80px;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:23px;
	line-height:30px;
	color:#000;
	text-align:center;
}

.modellist_box01 {
	display:block;
	margin:0 auto 80px;
	font-size:0;
}

.modellist_box01_title {
	display:block;
	margin:0 auto 10px;
	padding-top:10px;
	border-top:#CCC 1px dashed;
	font-size:22px;
	font-weight:bold;
	color:#023793;
	line-height:20px;
	text-align:left;
}

.modellist_box01_text01 {
	display:block;
	margin:0 auto 20px;
	padding:0 20px 10px;
	border-bottom:#CCC 1px dashed;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:15px;
	color:#000;
	line-height:20px;
	text-align:left;
}

.modellist_box01_left {
	display:inline-block;
	width:340px;
	margin-right:20px;
	vertical-align:top;
}

.modellist_box01_left_ul {
	list-style:none;
	margin:0 auto 20px;
	padding:0;
	border:#CCC 1px solid;
}

.modellist_box01_left_ul_li {
	padding:10px;
	border-bottom:#CCC 1px dashed;
	font-size:0;
}

.modellist_box01_left_ul_li:last-child {
	border-bottom:none;
}

.modellist_box01_left_ul_li_left {
	display:inline-block;
	width:120px;
	font-size:15px;
	font-weight:bold;
	color:#000;
	line-height:20px;
	text-align:left;
	vertical-align:top;
}

.modellist_box01_left_ul_li_right {
	display:inline-block;
	width:calc(100% - 120.5px);
	font-size:15px;
	color:#000;
	line-height:20px;
	text-align:left;
	vertical-align:top;
}

.modellist_box01_left_ul_li_long {
	display:block;
	font-size:15px;
	color:#000;
	line-height:20px;
	text-align:left;
}

.modellist_box01_left_img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
	/* box-shadow */
	box-shadow:2px 2px 6px -1px #5e5e5e;
}

.modellist_box01_right {
	display:inline-block;
	width:600px;
	vertical-align:top;
}

.modellist_box01_right_img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.modellist_img01 {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

/*model_listここまで */