@charset "utf-8";
@import "../css/common_etc.css";

/* CSS Document */


/*a:hover{
	color:#999999;
	text-decoration:underline;
}*/

a:hover img{
	/* [disabled]filter:alpha(opacity=80); */
	opacity:0.8;
}


/*-----------------------------------------------
	header
-----------------------------------------------*/

#header{
	width:100%;
	height:28px;
	margin:0 auto;
	background-color:#075092;
}

#header .headerBox{
	width:980px;
	margin:0 auto;
}

#header .headerBoxInfo{
	width:980px;
	text-align:left;
	color:#FFF;
	line-height:120%;
	font-size:12px;
	padding:7px 0 8px 0;
}

#header .boxLeft{
	width:400px;
	float:left;
}

#header02{
	width:100%;
	height:53px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#header .boxRight{
	width:400px;
	float:right;
	font-size:12px;
	margin:0 auto;
	color:#FFF;
	text-align:right;
}

#header .boxRight a{
	color:#FFF;
	text-decoration:none;
}

#header02 .headerLogo{
	width:215px;
	text-align:left;
	padding:10px 0 16px 0;
	float:left;
}

#header02 .headerLogo02{
	width:171px;
	text-align:left;
	padding:16px 0 19px 21px;
	float:left;
}

#header02 .headerTxt{
	width:260px;
	font-size:11px;
	color:#333333;
	line-height:120%;
	margin-left:10px;
	float:left;
	padding:20px 0 0 10px;
}

#header02{
	width:100%;
	text-align:center;
	border-bottom:#CCC 1px solid;

}

#header02 .headerBox02{
	width:980px;
	height:53px;
	margin:0 auto;
}

#header02 .headerImg{
	width:215px;
	height:28px;
	float:left;
	padding:10px 0 16px;
}

#header02 .headerImg02{
	width:171px;
	height:20px;
	float:left;
	padding:16px 0 18px 12px;
}

#header02 .headerTxt02{
	width:300px;
	font-size:11px;
	color:#333;
	line-height:120%;
	float:left;
	padding:20px 0 19px 10px;
	font-weight:400;
}

#header02 .search{
	width:250px;
	height:30px;
    float:right;
}
.cse .gsc-control-cse, .gsc-control-cse{ background:none !important; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
	background:#075092 !important;
	border-color:#075092 !important;
}

/*-----------------------------------------------
	gNavi
-----------------------------------------------*/

#navi{
	width:100%;
	height:75px;
	border-bottom:1px solid #CCC;	
	background-color:#FFFFFF;
	margin-bottom: 8px;
}

#navi .naviBox{
	width:980px;
	margin:0 auto;
}

#navi .naviImg01{
	width:79px;
	height:75px;
	float:left;
}

#navi .naviBox02{
	width:391px;
	height:84px;
	float:left;
}

#navi .naviBox02 img{vertical-align:bottom;}

#navi .naviImgHimezi{
	width:130px;
	height:68px;
	float:left;
	background:url(../img/02housing/gNavi03_etc.jpg) no-repeat top left;
}

#navi .naviImgHimezi:hover{
	background-position:top right;
}

#navi .naviImgTakasago{
	width:130px;
	height:68px;
	float:left;
	background:url(../img/02housing/gNavi04_etc.jpg) no-repeat top left;
}

#navi .naviImgTakasago:hover{
	background-position:top right;
}

#navi .naviImgAkashi{
	width:131px;
	height:68px;
	float:left;
	background:url(../img/02housing/gNavi05_etc.jpg) no-repeat top left;
}

#navi .naviImgAkashi:hover{
	background-position:top right;
}

#navi .naviImg04{
	width:127px;
	float:left;
}

#navi .naviImg05{
	width:128px;
	float:left;
	position:relative;
}

#navi .naviImg05 ul{
	position:absolute;
	top:75px;/*親メニューの高さと同じにする*/
	z-index:100;
}

#navi .naviImg05 ul li {
	visibility:hidden;
	overflow:hidden;
	width:127px;/*サブメニューの幅*/
	border:1px solid #fff;
	border-bottom:none;
}

#navi .naviImg05 ul li:last-child{
	border-bottom:solid 1px #FFF;
}

#navi .naviImg05 li a{
	display:block;
	height:0;/*サブメニューの高さ*/
	background:#075092;/*サブメニューの背景色*/
	text-decoration:none;
	text-align:center;
	color:#FFF;
}

#navi .naviImg05:hover li{
	visibility:visible;
	overflow:visible;
}

#navi .naviImg05:hover li a{
	height:22px;/*サブメニューの高さ*/
	padding-top:12px;
}

#navi .naviImg05 li a:hover{
	background:#3973A8;/*ホバー時のサブメニューの背景色*/
}

#navi .naviImg05 li a{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#navi .naviImg06{
	width:127px;
	float:left;
}

#navi .naviImg07{
	width:128px;
	float:left;
}


/*-----------------------------------------------
	contents
-----------------------------------------------*/

#contents .cBar{
	width:100%;
	background:url(../img/02housing/bgAreaMap.jpg) no-repeat top center;
	height:241px;
	margin:0 0 50px;
	clear:both;
}

#contents .cBarBox{
	width:1082px;
	margin:0 auto;
	position:relative;
	clear:both;
}

#contents .title{
	font-size:16px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	letter-spacing: 2px;
	text-align: center;
	width:960px;
	height:20px;
	margin:0 auto;
	clear: both;
	margin-bottom:5px;
	margin-top:70px;
}

/*-----------------------------------------------
	feature
-----------------------------------------------*/

#feature{
	width:100%;
	clear:both;
	
}

#feature .featureBox{
	width:980px;
	margin:0 auto;
}

#feature .featureImg{
	padding:39px 0 41px;
}

#feature .featureBox02{
	width:970px;
	height:auto;
	background:#FFF;
	border:5px solid #0060AE;
	margin:0 auto;
}

#feature .featureBox02 a{
	display:block;
	color:#333;
	text-decoration:none;
}


#feature .featureTable01{
	width:460px;
	height:69px;
	border-bottom:1px solid #CCCCCC;
	float:left;
	margin:21px 0 0 15px;
}

#feature .featureTable02{
	width:460px;
	height:71px;
	border-bottom:1px solid #CCCCCC;
	float:left;
	margin:13px 0 0 15px;
}

#feature .featureTable03{
	width:460px;
	height:69px;
	float:left;
	margin:14px 0 0 15px;
}

#feature .tableImg01{
	width:55px;
	padding-top:1px;
	float:left;
}

#feature .tableImg02{
	width:367px;
	height:14px;
	padding:0 0 0 23px;
	float:right;
	background:url(../img/02housing/symbol.gif) left top no-repeat;
	font-size:14px;
	color:#09F;
	font-weight:bold;
	overflow:hidden;  
    white-space:nowrap;  
    text-overflow:ellipsis;
	font-family:Verdana;
}
#feature .featureBox02 a:hover{
	filter:alpha(opacity=80);opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;color:#33ADFF;
}

#feature .tableTxt03{
	width:391px;
	height:14px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	color:#333;
	float:right;
	padding:7px 0 9px;
	overflow:hidden;  
    white-space:nowrap;  
    text-overflow:ellipsis;overflow:hidden;
	font-family:Verdana;
}

#feature .tableTxt04{
	width:391px;
	height:13px;
	color:#666;
	line-height:13px;
	font-size:11px;
	float:right;
	overflow:hidden;  
    white-space:nowrap;  
    text-overflow:ellipsis;
	font-family:Verdana;
}

#feature .requestBox{
	width:980px;
	margin:0 auto;
}

#feature .requestImg{
	width:556px;
	margin:0 auto;
	margin-top:55px;
	margin-bottom:28px;
	text-align:center;
}

#feature .requestImg02{
	width:328px;
	margin:0 auto;
}

#feature .requestBox{
	width:980px;
	margin:0 auto;
	position:relative;
}

#feature .requestImg03{
	width:820px;
	margin:0 auto;
	font-size:0px;
}

#feature .requestImg04{
	width:190px;
	height:70px;
	position:absolute;
	top: 94px;
	left: 92px;
}




#feature .sbLeft{
	width:460px;
	float:left;
	margin: 10px 10px 10px 15px;
}

#feature .sbRight{
	width:460px;
	float:right;
	margin: 10px 15px 10px 10px;
}

#feature .sbBar01{
	width:110px;
	height:30px;
	float:left;
}

#feature .sbBar02{
	width:349px;
	font-size:13px;
	font-weight:bold;
	background:#FFF;
	float:left;
	border:solid 1px #CCC;
	border-left:none;
	font-family:Verdana;
	height: 28px;
}

#feature .sbBar02 a{
	display:block;
	height:21px;
	padding:7px 5px 0 11px;
	text-decoration:none;
	color:#09F;
	overflow:hidden;  
    white-space:nowrap;  
    text-overflow:ellipsis;
}

#feature .sbBar02 a:hover{color:#33ADFF}

#feature .inside{
	height:119px;
	border:solid 1px #CCC;
	border-top:none;
}

#feature .sbImg{
	width:156px;
	height:100px;
	margin:10px 0 0 9px;
	float:left;
}

#feature .sbImg .imgIn{
	width:156px;
	height:100px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:0;
}

#feature .sbImg a:hover img{
	filter:alpha(opacity=80);opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;
}

#feature .txtBox{
	width:275px;
	height:100px;
	float:left;
	padding:10px 0 0 9px;
}

#feature .txt01{
	line-height:140%;
	height:40px;
	overflow:hidden;
	font-family:Verdana;
}
	
#feature .txt02{
	line-height:13px;
	color:#666;
	padding:0 0 11px;
	overflow:hidden;  
    white-space:nowrap;  
    text-overflow:ellipsis;
	font-family:Verdana;	
}

#feature .btn01{
	width:290px;
	float:left;
}

#feature .btn02{
	width:134px;
	float:right;
}


#feature .featureBox_inner{
    width: 549px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}


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




#footer01{
	width:100%;
	height:321px;
	background-color:#0673C4;
}


.footerBox{
	width:980px;
	margin:0 auto;
	font-size:0px;
}

.footerTxt{
	wdith:100%;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	padding:10px 0;
	float:left;
}

.footerImg{
	width:160px;
	float:right;
}

.footerBox02{
	width:100%;
	height:210px;
	background-color:#F5F5F5;
	border-bottom:#FFF 1px solid;
}

.footerBox02In{
	width:982px;
	margin:0 auto;
	background-color:#F5F5F5;
}

.footerBox03{
	width:245px;
	height:210px;
	float:left;
	background-color:#F5F5F5;
}

ul.footerTxt02{
	font-weight:bold;
	padding:20px 0 0 22px;
	line-height:22px;
}

ul.footerTxt02 a{
	text-decoration:none;
	color:#333;
}

ul.footerTxt02 a:hover{
	color:#5C5C5C;
}

ul.footerTxt03 a{
	text-decoration:none;
	color:#333;
}

ul.footerTxt03 a:hover{
	color:#5C5C5C;
}

ul.footerTxt03{
	line-height:22px;
	font-weight:400;
	margin-left:22px;
}

.footerBoxBorder{
	width:2px;
	height:210px;
	float:left;
	background-color:#F5F5F5;
}

.footerBoxBorder02{
	width:2px;
	height:210px;
	float:right;
	background-color:#F5F5F5;
}

.footerBox04{
	width:100%;
	height:50px;
	background-color:#F5F5F5;
}

.footerBox05{
	width:980px;
	height:50px;
	margin:0 auto;
}

.footerBox05Img{
	width:150px;
	float:left;
	padding-top:15px;
}

.footerBox05Img02{
	width:300px;
	float:right;
	font-size:11px;
	line-height:100%;
	color:#666;
	padding-top:20px;
	text-align:right;
}

#footer02{
	width:100%;
	background-color:#5184B2;
	height:174px;
}

.footer02Box{
	width:980px;
	margin:0 auto;
}

.footer02Img{
	width:320px;
	height:155px;
	float:left;
	margin-top:10px;
	background:url(../img/02housing/footerFlyer.jpg) no-repeat top left;
}

.footer02Img:hover{
	background-position:top right;
}

.footer02Img02{
	width:320px;
	height:155px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background:url(../img/02housing/footerFlyer02.jpg) no-repeat top left;
}

.footer02Img02:hover{
	background-position:top right;
}

.footer02Img03{
	width:320px;
	height:155px;
	float:right;
	margin-top:10px;
	background:url(../img/02housing/footerFlyer03.jpg) no-repeat top left;
}
	
.footer02Img03:hover{
	background-position:top right;
}

/*-----------------------------------------------
	myhome
-----------------------------------------------*/
/*table.table1 td{
border-collapse:collapse;
border:solid 1px #e4ca92
}

input.name{
width:530px;
height:32px;
padding:6px;
background:#FFF4F4;
	border:#FFB0B0 solid 1px;
}

input.name2{
width:530px;
height:32px;
padding:6px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

input.kinmu{
width:530px;
height:32px;
padding:6px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

input.age{
width:117px;
height:32px;
padding:6px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

select.day{
width: 80px;
padding: 7px;
border: 1px solid #a9a9a9;
}

select.time{
width: 140px;
padding: 7px;
border: 1px solid #a9a9a9;
}

input.etc1{
width:175px;
height:20px;
padding:4px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

input.etc2{
width:120px;
height:20px;
padding:4px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

input.etc3{
width:300px;
height:20px;
padding:4px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

select.select{
width: 530px;
padding: 32px;
padding:6px;
background:#ffffff;
border: 1px solid #a9a9a9;
}

select.select1{
width: 530px;
padding: 32px;
padding:6px;
background:#FFF4F4;
	border:#FFB0B0 solid 1px;
}

textarea.comment{
width:530px;
height:110px;
padding:6px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

textarea.comment1{
width:530px;
height:60px;
background:#ffffff;
	border:#a9a9a9 solid 1px;
}

span.question {
display: inline-block;
width: 15em;
line-height: 2em
}

span.question2 {
width: 15em;
line-height: 2em;
}

hr {
margin: 5px 0px;
}

input.btn_submit {
  cursor: pointer;
  display: block;
  width: 390px;
  height: 50px;
  border: none;
  text-indent: -9999px;
  background: url(../02housing/common/send.jpg) no-repeat 0 0;
}
 
input.btn_submit:hover {
  background: url(../02housing/common/send.jpg) no-repeat 0 -50px;
}
*/

.info_logo {
    vertical-align: -2px;
    margin-right: 4px;
}