/*
Theme Name : Consege
Author: コンセージュジャパン株式会社
Author URI: https://bukken.consege.co.jp
Description: コンセージュジャパンの店舗物件紹介サービス用のサイトです。
Version: 1.0
*/

/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}
	

body{
	color: #525151;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

#gnavi a:hover{
	color: #FDA757;
}

.button01:hover{
	opacity: 0.7;
}

.button02:hover{
	opacity: 0.7;
}

.button03:hover{
	opacity: 0.7;
}

#menuNavi_top a:hover{
	opacity: 0.7;
}

#menuNavi_bottom a:hover{
	opacity: 0.7;
}

#header{
	width:1200px;
	margin: 0 auto;
	height: 80px;
	padding-top: 10px;
}

#logo{
	width: 200px;
	height: 80px;
	float: left;
}

#gnavi ul{
	width: 800px;
	float: left;
	list-style: none;
	padding-top: 30px;
}

#gnavi li{
	display: inline;
	padding-left: 13px;
	padding-right: 13px;
	border-right: 1px solid;
	border-left: 1px solid;
}

#gnavi li+li{
	border-left:0px;
}

#gnavi a{
	text-decoration:none;
	color:#182f4f
}

.button01{
	width: 150px;
	float: right;
	margin-top: 25px;
	text-align: center;
	border: 1px solid #182f4f;
	padding:5px;
	background: -webkit-linear-gradient(top,#294972,#182f4f);
	background: -moz-linear-gradient(top,#294972,#182f4f);
	background: -ms-linear-gradient(top,#294972,#182f4f);
	background: linear-gradient(top,#294972,#182f4f);
	
}

.button01 a{
	text-decoration: none;
	color:#ffffff;
	display: block;
}

.button02{
	width: 150px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 80px;
	text-align: center;
	border: 1px solid #182f4f;
	padding:5px;
	background: -webkit-linear-gradient(top,#294972,#182f4f);
	background: -moz-linear-gradient(top,#294972,#182f4f);
	background: -ms-linear-gradient(top,#294972,#182f4f);
	background: linear-gradient(top,#294972,#182f4f);
}

.button02 a{
	text-decoration: none;
	color:#ffffff;
	display: block;
}

.button03{
	width: 250px;
	height:40px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 80px;
	text-align: center;
	border: 1px solid #182f4f;
	padding:5px;
	background: -webkit-linear-gradient(top,#294972,#182f4f);
	background: -moz-linear-gradient(top,#294972,#182f4f);
	background: -ms-linear-gradient(top,#294972,#182f4f);
	background: linear-gradient(top,#294972,#182f4f);
}

.button03 a{
	text-decoration: none;
	color:#ffffff;
	display: block;
	padding-top:10px;
}

#mainvisual{
	width:100%;
	margin-top: 10px;
	height:433px;
	color:white;
	margin-bottom:20px;
	background-color:#E5ECF7;
	text-align:center;
	position:relative;
}

#mainvisual img{
	width:1200px;
}

#mainvisual p{
	width:100%;
	position:absolute;
	top:160px;
}

#mainvisual h1{
	width:100%;
	position:absolute;
	top:210px;
}

#mainvisual02{
	position:absolute;
	top:405px;
	font-size:80%;
	width:100%;
}




#headerImage {
	height: 166px;
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom:80px;
	background-repeat: no-repeat;
	background-image: url(images/concept_img02.jpg);
	line-height:166px;
}

#headerImage h1{
	padding-left:30px;
	color:#182f4f;
}


h2{
	padding-top: 50px;
	padding-bottom: 70px;
	margin: 0 auto;
	text-align: center;
	font-size: 160%;
	color: #182f4f;
}

h3{
	padding-top:50px;
	padding-bottom:30px;
}


#mainContents{
	text-align: center;
	margin: 0 auto;
	width: 1200px;
}

.left{
	width:80%;
	margin:0 auto;
	text-align:left;
	margin-top:100px;
	margin-bottom:100px;
}

#serviceContents{
	text-align: left;
	margin: 0 auto;
	width: 1140px;
}

#serviceContents h2{
	padding-top:100px;
	padding-bottom:50px;
	text-align: left;
	font-size: 140%;
	color: #182f4f;
}

#serviceContents table{
	border-collapse: collapse;
	width: 1140px;
	margin: 0 auto;
	margin-top:50px;
}

#serviceContents th{
	background-color:#E5ECF7;
}

#serviceContents th,#serviceContents td{
	border: 1px solid #A5A5A5;
	padding: 5px;
	color: #414141;
}


/*バナー*/

#banner_left{
	width:550px;
	margin-right:50px;
}

#banner_left a:hover{
	opacity: 0.7;
}



#servicePoint{
	height: 260px;
	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;
	background-repeat: no-repeat;
	background-image: url(images/service_point.jpg);
	font-size:150%;
}

#servicePoint01{
	width:300px;
	margin-left:40px;
	margin-right:40px;
	padding-top:100px;
	float:left;
	text-align:center;
}

#servicePoint02{
	width:300px;
	padding-top:100px;
	margin-left:70px;
	margin-right:40px;
	float:left;
	text-align:center;
}

#servicePoint03{
	width:300px;
	padding-top:100px;
	margin-left:70px;
	margin-right:40px;
	float:left;
	text-align:center;
}




.content{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	font-size: 100%;
}


#tokucho_top{
	height: 195px;
	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;
	background-repeat: no-repeat;
	background-image: url(images/tokucho_top.jpg);
}

#tokucho_bottom{
	height: 152px;
	width: 1200px;
	margin: 0 auto;
	background-image: url(images/tokucho_bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 100px;
}

#tokucho01{
	width: 380px;
	float: left;
}

#tokucho02{
	width: 380px;
	float: left;
	padding-left: 30px;
}

#tokucho03{
	width: 380px;
	float: left;
	padding-left: 30px;
}



.lead{
	width: 300px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 10px;
}

.tokucho_content{
	width: 350px;
	margin: 0 auto;
}





#menuNavi_top ul,#menuNavi_bottom ul,#menuNavi_serviceTop ul,#menuNavi_serviceBottom ul{
	width: 1200px;
	margin: 0 auto;
}


#menuNavi_top li,#menuNavi_serviceTop li{
	display: inline;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 50px;
}

#menuNavi_bottom li,#menuNavi_serviceBottom li{
	display: inline;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 50px;
	
}



#menuNavi_top,#menuNavi_bottom,#menuNavi_serviceTop,#menuNavi_serviceBottom{
	font-size: 80%;
}



h3{
	font-size: 130%;
}

#selectPoints h3{
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #fffaf4;/*背景色*/
	border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	margin-top:20px;
}

#selectPoints p{
	text-align:right;
	margin-top:40px;
}



#menuNavi_top a,#menuNavi_bottom a{
	width: 280px;
	text-decoration: none;
	display: block;
	text-align: center;
	border:  double 4px #ffffff;
	padding:5px;
	color: #ffffff;
	border-radius: 15px;
	background: -webkit-linear-gradient(top,#294972,#182f4f);
	background: -moz-linear-gradient(top,#294972,#182f4f);
	background: -ms-linear-gradient(top,#294972,#182f4f);
	background: linear-gradient(top,#294972,#182f4f);
}


#menuNavi_serviceTop li,#menuNavi_serviceBottom li{
	width: 285px;
	text-decoration: none;
	display: block;
	text-align: center;
	border: 2px solid #ffffff;
	padding:5px;
	color: #ffffff;
	background-color: #182f4f;
	margin-top: 50px;
}


#serviceNavi{
	width:1200px;
	height: 500px;
}

.service_left{
	width: 294px;
	height: 150px;
	float: left;
	text-align: left;
	border: 1px solid #C0C0C0;
	margin-left: 52px;
}

.service_middle,.service_right{
	width: 294px;
	height: 150px;
	float: left;
	text-align: left;
	border: 1px solid #C0C0C0;
	margin-left: 103px;
}


.service_left ul,.service_middle ul,.service_right ul{
	list-style:none;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.service_left li,.service_middle li,.service_right li{
	padding-top: 10px;
	padding-bottom: 10px;
}


.service_left a,.service_middle a,.service_right a{
	text-decoration: none;
	color: #525151;
}

.service_left a:hover,.service_middle a:hover,.service_right a:hover{
	color: #FDA757;
}


/*トップ＿サービス概要*/

#bukken_01{
text-align:left;
width:1200px;
height:300px;
margin-top:100px;
background-image: url(images/bukken_01.jpg);
background-repeat:no-repeat;
}

#bukken01{
float:left;
margin-top:97px;
width:210px;
padding-left:5px;
}

#bukken02,#bukken03,#bukken04,#bukken05{
	float:left;
	width:210px;
	margin-top:97px;
padding-left:5px;
}


	


/*私たちが選ばれる理由*/


#benefitTop01{
	width: 1200px;
	height: 78px;
	background-image: url(images/concept_re01.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#benefitBottom01{
	width: 1200px;
	height: 95px;
	background-image: url(images/concept_re02.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 30px;
}


#benefitTop02{
	width: 1200px;
	height: 78px;
	background-image: url(images/concept_re03.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}


#benefitBottom02{
	width: 1200px;
	height: 95px;
	background-image: url(images/concept_re04.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 30px;
}


#benefitTop03{
	width: 1200px;
	height: 78px;
	background-image: url(images/concept_re05.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}


#benefitBottom03{
	width: 1200px;
	height: 95px;
	background-image: url(images/concept_re06.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 100px;
}


#benefitTop01 p,#benefitTop02 p,#benefitTop03 p{
	display: flex;
	width: 700px;
	height: 78px;
	font-size: 130%;
	align-items: center;
	padding-left: 450px;
	color: #182F4F;	
	font-weight: bolder;
}


#benefitBottom01 p,#benefitBottom02 p,#benefitBottom03 p{
	display: flex;
	width: 700px;
	height: 95px;
	font-size: 100%;
	align-items: center;
	padding-left: 450px;
	text-align: left;
	color: #000000;
}



.pointTitle{
	width: 1200px;
	padding-left: 10px;
	font-size: 120%;
	font-weight: bolder;
	background: linear-gradient(transparent 70%, yellow 70%);
	color: black;
}



.point{
	width: 1200px;
	height: 340px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}


.pointFhoto_a{
	width: 411px;
	float: left;
}

.pointText_a{
	width: 750px;
	float: right;
	padding-left: 30px;
	text-align: left;
}


.pointFhoto_b{
	width: 411px;
	float: right;
}

.pointText_b{
	width: 750px;
	float: left;
	padding-right: 30px;
	text-align: left;
}


/*Information部分*/

.info{
	width:550px;
	height:300px;
	float:left;
	text-align:left;
	padding-left:20px;
}


.info h3{
	line-height:30px;
	margin-bottom:40px;
	padding-left:12px;
}

.info img{
	vertical-align:top;
}

.info th,.info td{
	font-size:120%;
}

.info td{
	padding-left:20px;
}

.info a{
	text-decoration:none;
	color:#525151;
}

.info a:hover{
	color: #FDA757;
}



.standard{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.standard td{
	padding-left: 20px;
	vertical-align: top;
}

.consultantName{
	color: #182f4f;
	font-size: 200%;
}



/*サービスの流れ*/

#serviceflow{
	text-align:left;
width:80%;
margin:0 auto;
}

#serviceflow td,#serviceflow th{
	border: solid 1px black;
padding:10px;
vertical-align:top;
}

#serviceflow table{
	width: 1000px;
	margin: 0 auto;
}

.t01{
	width:200px;
}

.t03{
	width:300px;
}






/*問合せページ*/

#form{
	border-collapse: collapse;
	border: 1px solid;
	width: 700px;
	margin: 0 auto;
	padding: 20px 20px;
	background-color: #F1F1F1;
}

#form th,form td{
	border: 1px #A5A5A5 solid;
}

#form td{
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#form input{
	height: 18px;
}

label{
	margin-top:20px;
}



#companyInfo{
	width: 960px;
	margin: 0 auto;
	border-collapse: collapse;
	margin-bottom: 100px;
}

#companyInfo th,#companyInfo td{
	border: 1px solid #A5A5A5;
}

#companyInfo th{
	padding: 20px;
	background-color: #F4F4F4;
}

#companyInfo td{
	width: 600px;
	text-align: left;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}


#map{
	width: 960px;
	height: 600px;
	margin: 0 auto;
}





#contactNavi{
	clear: both;
	background-color:#E5ECF7;
	margin-top: 200px;
	min-width:1200px;
}

#contactNavi p{
	text-align: center;
	color: #010101;
	padding-top: 20px;
	padding-bottom: 20px;
}

#arrow{
	width: 1200px;
	margin: 0 auto;
	
}

#telNet{
	width: 1200px;
	margin: 0 auto;
	height: 150px;
	margin-top: 50px;
}

#tel{
	background-color: #ffffff;
	width: 500px;
	float: left;
	height: 80px;
	margin-left: 100px;
}

#tel p {
	width: 480px;
	font-size: 180%;
	text-align: center;
	margin: 0 auto;
	padding-top: 17px;
}

#net{
	width: 500px;
	float: right;
	height: 80px;
	margin-right: 100px;
}


#net a{
	text-decoration: none;
	color: #ffffff;
	font-size: 130%;
	width: 400px;
	float: right;
	text-align: center;
	padding: 20px;
	border: 1px solid #182f4f;
	background: -webkit-linear-gradient(top,#294972,#182f4f);
	background: -moz-linear-gradient(top,#294972,#182f4f);
	background: -ms-linear-gradient(top,#294972,#182f4f);
	background: linear-gradient(top,#294972,#182f4f);
}


#net:hover{
	opacity: 0.8;
}


#footerNavi{
	background-color: #182f4f;
	height: 200px;
	min-width:1200px;
}

#footerNavi ul{
	width: 1000px;
	margin: 0 auto;
	margin-top: 20px;
}

#footerNavi p{
	color: #ffffff;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-top: 100px;
}


#footerNavi li{
	float: left;
	text-align: center;
	list-style: none;
	padding-left: 18px;
	padding-right: 18px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-size: 80%;
}

#footerNavi li+li{
	border-left: none;
}

.fn{
	text-decoration: none;
	color: #ffffff;
}


#copyright{
	background-color: #182f4f;
	min-width:1200px;
}

#copyright p{
	width: 1200px;
	margin: 0 auto;
	font-size: 80%;
	color: #ffffff;
	text-align: center;
	padding: 5px;
}


/*投稿ページ*/

#singleContents{
	width:1200px;
	margin: 0 auto;
}

#single_main{
	width:800px;
	min-height:400px;
	margin-top:50px;
	margin-bottom:50px;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:50px;
	float:left;
}

#single_main h2{
	text-align:left;
}

#single_main img{
	margin-top:50px;
}

#single_main h3{
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #E5ECF7;/*背景色*/
	border-left: solid 5px #182f4f;/*左線（実線 太さ 色）*/
	margin-top:50px;
	margin-bottom:50px;
}

#single_side{
	width:320px;
	min-height:400px;
	float:right;
	margin-top:50px;
}

#single_side a:hover{
	opacity:0.7;
}


/*メルマガフォーム*/

#magazine01{
	margin: 0 auto;
	width: 100%;
}

#magazine01 img{
	min-width:1200px;
	width: 100%;
	margin: 0 auto;
}

.box01{
	width:1200px;
	margin:0 auto;
}

.box01 img{
	width:1200px;
	margin:0 auto;
}

.box01 img:hover{
	opacity: 0.7;
}

.box02{
	width:1140px;
	margin:0 auto;
}

.box02 img{
	width:600px;
	margin:0 auto;
}

.day{
width: 1025px;
height:45px;
	background-image: url(images/landing03.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top:50px;
}

.day p{
color:white;
padding-top:6px;
padding-left:45px;
font-size:140%;
}


.lead01{
width: 1025px;
height:61px;
	background-image: url(images/landing04.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.lead01 p{
padding-top:20px;
padding-left:60px;
font-size:140%;
}

.lead02{
width: 1025px;
height:89px;
	background-image: url(images/landing05.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 50px;
}

.lead02 p{
padding-top:20px;
padding-left:60px;
}


/*検索ページ*/

#column01{
	width:300px;
	height:2000px;
	float:left;
	margin-bottom:100px;
	text-align:left;
}

.optionTitle{
	width:260px;
	margin: 0 auto;
	border:solid;
	border-width:1px 1px 0px 1px ;
	border-radius:0em 0.5em 0em 0em;
	background-color:#E5ECF7;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}


.optionContent{
	width:260px;
	margin: 0 auto;
	margin-bottom:30px;
	border:1px solid;
	overflow:hidden; 
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}


#column02{
	width:900px;
	height:2000px;
	float:right;
	margin-bottom:100px;
	text-align:left;
}

.min{
	float:left;
}

.namisen{
	width:30px;
	float:left;
	text-align:center;
}

.max{
	float:left;
}

.floatAfter{
	clear:both;
}

#column02 div{
	border:1px solid;
	margin-left:10px;
	padding-left:20px;
	padding-top:30px;
	padding-bottom:30px;
}




