@charset "UTF-8";
/************************************
	INSEL-ART Inc.
*************************************

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

				共通設定

-----------------------------------------------*/
body{
	font-size: 16px;
	font-color:#333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto;
	width:100%;
}

a{
	color:inherit;
	text-decoration:none;
    transition: 0.1s;
}


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

				＊＊＊＊

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

.container{
	width:960px;
	margin:0 auto;
}

.row:after{
	content:"";
	clear:both;
	display:block;	
}

.left{
	float:left;
}

.right{
	float:right;
}

.textArea{
	width:500px;
}

.imgArea{
	width:400px;
	-webkit-box-shadow: 5px 5px 6px #ddd;
    -moz-box-shadow: 5px 5px 6px #ddd;
    box-shadow: 5px 5px 6px #ddd;
}

.position{
	position:relative;
}

.title01{
	color:#fbc400;
	font-size:28px;
	line-height:1.2;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.1);		
}

.title01 span{
	font-size:20px;
	font-weight:100;
	color:#999;
}



/* header */

#header{
 border-bottom:1px solid #ddd;	
}

#header .headerSub{
	margin:15px 0 30px;
}

#header .headerSub #hSubNav ul li{
	float:left;
	margin:0 15px; 
}

#header .headerSub #hSubNav ul li a:hover{
	opacity:0.6;
}

#header .headerSub #hSubNav ul li.navConpany a{
	background:url(../img/icon_building2.png) no-repeat left center;
	padding-left:20px;
}

#header .headerSub #hSubNav ul li.navSitemap a{
	background:url(../img/icon_sitemap.png) no-repeat left center;
	padding-left:20px;
}

#header .headerMain .logoArea{
	padding-bottom:10px;
}

#header .headerMain .logoArea a:hover{
}

#header .headerMain #gNav ul li{
	float:left;
	text-align:center;
	width:200px;
	border-right:1px dotted #0052A5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#header .headerMain #gNav ul li a{
	width:100%;
	padding:30px 0;
	display:block;
}

#header .headerMain #gNav ul li a:hover{
	color:#fff;
	background-color:rgba(0,82,165,1);
}

#header .headerMain #gNav .gNavImg{
	height:40px;
}

#header .headerMain #gNav .active{
	color:#fff;
	background-color:rgba(0,82,165,1);
}

/* footer */
#footer{
	margin-top:150px;
}

#footer #access{
	background-color:#B2CBE4;
	padding:60px 0;
}

#footer #access .accessText{
	width:400px;
}

#footer #access .accessText .address{
	margin-bottom:30px;
}

#footer #access .accessText .address h3{
	margin-bottom:10px;
}

#footer #access .accessMap{
	width:480px;
}

#footer #access .footerBg{
	position:absolute;
	top:-150px;
	left:-90px;
}

#footer .footNavArea{
	background-color:#B2CBE4;
	padding-bottom:30px;
}

#footer .footNavArea #footNav{
	background-color:#fff;
	border-radius:10px;
	padding:10px 0;
	font-size:14px;
	-webkit-box-shadow: 0px 2px 5px #999;
    -moz-box-shadow: 0px 2px 5px #999;
    box-shadow: 0px 2px 5px #999;
}

#footer .footNavArea #footNav ul li{
	float:left;
	text-align:center;
	width:192px;
	padding:5px 10px;
	border-right:1px dotted #0052a5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}

#footer .footNavArea #footNav ul li:last-child{
	border:none;
}

#footer .footNavArea #footNav ul li a{
	background:url(../img/arrow.png) no-repeat center left;
	padding-left:15px;
}

#footer .footNavArea #footNav ul li a:hover{
	opacity:0.6;
}

#footer #copyArea{
	background-color:rgba(0,82,165,1);
	padding:30px 0;
	color:#fff;
	line-height:1;	
	font-size:14px;
}

#footer #copyArea .copyNav ul li{
	float:left;
	padding:0 10px;
}

#footer #copyArea .copyNav ul li:first-child{
	border-right:1px solid #fff;
}

#footer #copyArea .copyNav ul li a:hover{
	opacity:0.6;
}




/* mainNav */
#mainNav nav ul li{
	width:320px;
	float:left;
	text-align:center;
}

#mainNav nav ul li a{
	width:100%;
	padding:60px 30px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#mainNav nav ul li a:hover{
	background-color:#0052A5;
	color:#fff;
}

#mainNav nav ul li .mainNavImg{
	height:100px;
	margin-bottom:15px;
}

#mainNav nav ul li h2{
	font-size:24px;
	margin-bottom:15px;
}

/* mainNav02 */
#mainNav02 nav ul li{
	width:320px;
	float:left;
	text-align:center;
}

#mainNav02 nav ul li a{
	color:#666;
	width:100%;
	padding:15px 30px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#mainNav02 nav ul li a:hover{
	background-color:#0052A5;
	color:#fff;
}

#mainNav02 nav ul li .mainNavImg{
	height:50px;
	margin-bottom:15px;
}

#mainNav02 nav ul li h3{
	font-size:24px;
	margin-bottom:0 !important;
}

#mainNav02 h2{
	font-size:36px !important;
	padding:30px 0;
	color:#0052a5;
	text-align:center;
	margin-bottom:0 !important;
	position: relative;
	width:960px;
	margin:0 auto;
}

#mainNav02 h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
#mainNav02 h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #0052a5;
}



/* propeties */
#propeties{
	/* background-color:rgba(251,196,0,0.1); */
	background-color:#eee;
	padding:60px 0;
}

#propeties h2{
	margin-bottom:30px;
}

#propeties .articleList{
	padding-bottom:45px;
	margin-bottom:45px;
	border-bottom:1px solid #ddd;	
}

#propeties .articleList a{
	display:block;
}

#propeties .articleList a:hover{
	opacity:0.6;
}

.articleList ul li{
	width:225px;
	margin-right:20px;
	background-color:#fff;
	float:left;
	-webkit-box-shadow: 5px 5px 6px #ddd;
    -moz-box-shadow: 5px 5px 6px #ddd;
    box-shadow: 5px 5px 6px #ddd;
}

.articleList ul li:nth-child(4n){
	margin-right:0;
}

#propeties .articleList ul li .articleImg p.recommended{
	display:inline-block;
	background-color:#fbc400;
	color:#fff;
	padding:2.5px 5px;
	position:absolute;
	left:0;
	top:0;
}

.articleList ul li .articleImg .mansion{
	background-color:#0052A5;
	color:#fff;
	padding:2.5px 5px;
}

.articleList ul li .articleImg .tochi{
	background-color:#cda61f;
	color:#fff;
	padding:2.5px 5px;
}

.articleList ul li .articleDetail{
	border-bottom:1px dotted #bbb;
	padding:10px;
}

.articleList ul li .articleDetail th{
	width:60px;
}

.articleList ul li .articleDetail td span{
	color:red;
}

.articleList ul li .articleAside{
	padding:10px;
}

#propeties #propetiesContact h3{
	text-align:center;
	font-size:20px;
	margin-bottom:30px;		
}

#propeties #propetiesContact .contactArea{
	width:800px;
	margin:0 auto;
	text-align:center;
}

#propeties #propetiesContact .contactArea .contactImg{
	width:300px;
	padding-top:13px;
}

#propeties #propetiesContact .contactArea .contactText{
	width:200px;
	font-size:20px;
	padding-top:27px;
	font-weight:bold;
}

#propeties #propetiesContact .contactArea .contactBtnImg{
	width:300px;
}

#propeties #propetiesContact .contactArea .contactBtnImg a:hover{
	opacity:0.6;
}



/* about */

/* aboutMainV */
.mainV{
	margin-bottom:60px;
	text-align:center;
	background:url(../img/mainV.jpg) center center;
	background-size:cover;
	min-width:960px;
	height:250px;	
}

.mainV h1{
	position:absolute;
	top:190px;
	color:#fff;
	font-weight:bold;
	font-size:42px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);	
}

#aboutMainV{
}


/* bukken */
#bukkenMainV{
	margin-bottom:0;
}

#bukken #bukkenNav{
	background-color:#eee;
	padding-top:60px;
	margin-bottom:60px;
}

#bukken #bukkenNav ul li{
	float:left;
	width:320px;
}

#bukken #propertiesList .articleList li{
	margin-bottom:60px;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:none;
	min-height: 300px;
}

#bukken #propertiesList .articleList li .categories{
	font-size:14px;
}

#bukken #propertiesList .articleList h1{
	padding:10px;
	border-bottom:1px solid #ddd;
}

#bukken #propertiesList .articleList .articleDetail{
	border-bottom:none;
}

.contact{
	border:1px solid #ddd;
	padding:30px 0;
	margin-bottom:60px;
}

.contact h3{
	text-align:center;
	font-size:20px;
	margin-bottom:30px;		
}

.contact .contactArea{
	width:800px;
	margin:0 auto;
	text-align:center;
}

.contact .contactArea .contactImg{
	width:300px;
	padding-top:13px;
}

.contact .contactArea .contactText{
	width:200px;
	font-size:20px;
	padding-top:27px;
	font-weight:bold;
}

.contact .contactArea .contactBtnImg{
	width:300px;
}

.contact .contactArea .contactBtnImg a:hover{
	opacity:0.6;
}