@charset "UTF-8";
@import "common.css";
body {
	font-size: 14px;
	color:  #444444;
	line-height: 1.5;
	text-align: center;
}
/* @group header */
#header {
	width: 940px;
	height: 130px;
	margin: 0 auto 20px auto;
	padding: 0 10px;
}
#header div.left {
	width: 532px;
	text-align: left;
	float: left;
}
#header div.right {
	width: 408px;
	text-align: right;
	float : right;
}
#header h1 {
	float: left;
	font-size: 15px;
	text-indent: -9999px;
	height: 95px;
	margin: 0;
	padding:  30px 22px 0 0;
	overflow: hidden;
}
#header h1 a {
	width: 208px;
	height: 0;
	display: block;
	padding-top: 95px;
	background: url(/ohnav/imgs/logo.gif) no-repeat 0 0;
}
#header h1 a:hover {
	background: url(/ohnav/imgs/logo.gif) no-repeat 0 -95px;
}
#header h3 {
	font-size: 16px;
	width: 302px;
	margin: 0;
	padding: 68px 0 4px 0;
	float: left;
}

/* added 2009.06.19 */
#header ul.left-link {
  float: left;
	width: 302px;
	height: 30px;
  margin: 0;
	padding: 0;
	list-style: none;
}
#header ul.left-link li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	overflow: hidden;
}
#header ul.left-link li a {
  display: block;
  text-indent: -9999px;
  height: 30px;
}
#header ul.left-link li.contact a {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat 0 0;
  width: 127px;
}
#header ul.left-link li.contact a:hover {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat 0 -30px;
}
#header ul.left-link li.uji_turn a {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat -127px 0;
  width: 175px;
}
#header ul.left-link li.uji_turn a:hover {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat -127px -30px;
}
#chat {
	clear: both;
	float: right;
	width: 400px;
	height: 67px;
	margin: 20px 0 9px;
	background: url(/ohnav/imgs/tel_fax.gif?v2) no-repeat 0 0;
	display: block;
	text-align: left;
	text-indent: -9999px;
}
#header ul.right-link {
  clear: right;
  float: right;
	width: 395px;
	height: 30px;
  margin: 0;
	padding: 0;
	list-style: none;
}
#header ul.right-link li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	overflow: hidden;
}
#header ul.right-link li a {
  display: block;
  text-align: left;
  text-indent: -9999px;
  height: 30px;
}
#header ul.right-link li.kotoura a {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat 0 -60px;
  width: 167px;
}
#header ul.right-link li.kotoura a:hover {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat 0 -90px;
}
#header ul.right-link li.kyujin a {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat -167px -60px;
  width: 228px;
}
#header ul.right-link li.kyujin a:hover {
  background: url(/ohnav/imgs/header_btn.gif) no-repeat -167px -90px;
}

/* end */
#g-link ul {
	width: 302px;
	height: 35px;
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
	float: right;
}
#g-link ul li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	overflow: hidden;
}
#g-link ul li.contact a {
	width: 129px;
	height: 0;
	padding-top: 30px;
	background: url(/ohnav/imgs/btn_grouplink.gif) no-repeat 0 0;
	display: block;
}
#g-link ul li.kotoura a {
	width: 173px;
	height: 0;
	padding-top: 30px;
	background: url(/ohnav/imgs/btn_grouplink.gif) -129px 0;
	display: block;
}
#g-link ul li.contact a:hover {
	padding-top: 30px;
	background-position: 0 -30px;
}
#g-link ul li.kotoura a:hover {
	background-position: -129px -30px;
}
/* @end */
/* @group menu */
#menu {
	clear: both;
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}
#menu ul {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
}
#menu li {
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
}
#menu li a {
	height: 53px;
	display: block;
}
#menu li.search a {
	width: 148px;
	background: url(/ohnav/imgs/menu.jpg) no-repeat 0 0;
}
#menu li.entry a {
	width: 176px;
	background: url(/ohnav/imgs/menu.jpg) no-repeat -148px 0;
}
#menu li.about a {
	width: 213px;
	background: url(/ohnav/imgs/menu.jpg) no-repeat -324px 0;
}
#menu li.system a {
	width: 245px;
	background: url(/ohnav/imgs/menu.jpg) no-repeat -537px 0;
}
#menu li.map a {
	width: 154px;
	background: url(/ohnav/imgs/menu.jpg) no-repeat -782px 0;
}

#menu li.search a:hover {
	background: url(/ohnav/imgs/menu.jpg) no-repeat 0 -53px;
}
#menu li.entry a:hover {
	background: url(/ohnav/imgs/menu.jpg) no-repeat -148px -53px;
}
#menu li.about a:hover {
	background: url(/ohnav/imgs/menu.jpg) no-repeat -324px -53px;
}
#menu li.system a:hover {
	background: url(/ohnav/imgs/menu.jpg) no-repeat -537px -53px;
}
#menu li.map a:hover {
	background: url(/ohnav/imgs/menu.jpg) no-repeat -782px -53px;
}

/* @end */

/* @group topic-path */
#breadCrumbs,
#topic-path {
	clear: both;
	font-size: 13px;
	width: 900px;
	padding: 10px 30px;
	margin: 0 auto;
	text-align: right;
}
/* @end */
/* @group mainBox */
/* @group 家を探す */
#mainBox {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}
#houseSearch {
	background: url(/ohnav/imgs/search_bg.gif) repeat-y;
	padding: 0;
}
#houseSearch div.title {
	height: 60px;
	background: url(/ohnav/imgs/search_title.gif) no-repeat 0 0;
	padding: 10px 20px 0 20px;
}
#houseSearch h3 {
	margin: 0;
	padding: 0;
	float: left;
}
#houseSearch h3 a {
	width: 230px;
	height: 0;
	padding-top: 45px;
	overflow: hidden;
	background: url(/ohnav/imgs/search_h3.gif) no-repeat;
	display: block;
}
#houseSearch div.title p {
	margin: 0 0 0 252px;
	padding: 12px 0 0 0; 
}
#searchMap {
	width: 900px;
	padding: 0 20px 10px;
	margin: 0 0 20px;
	background: url(/ohnav/imgs/searchmap_bg.gif) no-repeat 0 bottom;
}
#g-map {
	width: 600px;
	height: 450px;
	background: url(/ohnav/imgs/googlemap.jpg) no-repeat 0 0;
	padding-right: 20px;
	float: left;
}
#houseList {
	width: 280px;
	background: url(/ohnav/imgs/houselist_bg.gif) repeat-y;
	float: right;
}
#houseList h4 {
	width: 280px;
	height: 0;
	margin: 0 0 10px;
	padding-top: 36px;
	background-image: url(/ohnav/imgs/houselist_h4.gif);
	overflow: hidden;
}
#houseList .listend {
	height: 12px;
	background: url(/ohnav/imgs/houselist_under.gif) no-repeat 0 0;
}

/* @end */
/* @end */
/* @group underBox */
/* @group 新着情報 */
#underBox div.left {
	width: 400px;
	margin: 0 0 20px;
	padding: 0 20px 0 0;
	float: left;
}
.gBox {
	background: url(/ohnav/imgs/g-table_l_under.gif) left bottom no-repeat;
}
.gBox .txtarea {
	background: url(/ohnav/imgs/g-table_r_under.gif) right bottom no-repeat;
	padding: 15px 10px;
}
#news .title {
	background: url(/ohnav/imgs/news_bg.gif) no-repeat 0 top;	
	height: 24px;
	padding: 7px 12px 0;
}
#news .title h4 {
	margin: 0;
	padding: 0;
	float: left;
}
#news .title h4 a {
	width: 100px;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	background: url(/ohnav/imgs/indexnews_title.gif) no-repeat left top;
	display: block;
}
#news .title .more {
	font-size: 13px;
	margin: 0;
	padding: 10px 10px 0 12px;
	background: url(/ohnav/imgs/orangelink_list.gif) no-repeat 0 14px;
	float: right;
}
#news .txtarea dl,
#news .txtarea dt,
#news .txtarea dd {
	margin: 0;
	padding: 0;
}
#news .txtarea dl {
	margin: 0;
	padding: 0;
} 
#news .txtarea dt {
	background: url(/ohnav/imgs/link-list.gif) no-repeat 3px 6px;
	padding-left: 13px;
}
#news .txtarea dd {
	margin: 0 0 3px;
	padding: 0 12px 2px;
	border-bottom: dotted 1px #8ccc38;
}
#bnrBox,
#kotourasanchi {
	padding: 10px 0;
}
#bnrBox img,
#kotourasanchi img {
	margin: 0 0 10px 0;
}

/* @end */
/* @group トップメニューボタン */
#underBox div.right {
	width: 520px;
	float: right;
}
div.right .menuBox {
	font-size: 13px;
	width: 160px;
	height: 300px;
	float: left;
	background: url(/ohnav/imgs/topbtn_bg.gif) 0 bottom;
}
div.right #entry,
div.right #about {
	margin-right: 20px;
}
div.right .menuBox h4 {
	margin: 0;
	padding: 0;
	background: url(/ohnav/imgs/topbtn_topbg.gif) no-repeat 0 0;
}
div.right h4 a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 55px;
}
div.right #entry h4 a {
	background: url(/ohnav/imgs/topbtn_entry.gif) no-repeat 10px 7px;
}
div.right #about h4 a {
	background: url(/ohnav/imgs/topbtn_about.gif) no-repeat 10px 7px;
}
div.right #system h4 a {
	background: url(/ohnav/imgs/topbtn_system.gif) no-repeat 10px 7px;
}
div.right .menuBox img {
	margin: 4px 10px 10px;
}
div.right .menuBox .txtarea {
	margin: 0 10px;
}
#mapbnr {
	clear: both;
	padding: 10px 0;
	text-indent: -9999px;
}
#mapbnr a {
	width: 520px;
	height: 120px;
	display: block;
	background: url(/ohnav/imgs/bnr_benrimap.jpg) no-repeat 0 0;
}

/* @end */
/* @end */
/* @group Container */
#Container {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto 20px;
	text-align: left;
}
#Container div.sideBox {
	width: 270px;
	margin-left: 20px;
	float: right;
}
#Container div.folderBox {
	width: 650px;
	float: left;
/*	border-top: solid 4px #8ccc38; */
	padding: 20px 0;
}
/* @group sideBox */
#Container .gBox {
	margin: 0 0 15px;
}
#Container div.gBox h4 {
	margin: 0;
	padding: 12px 10px 0;
	height: 33px;
	background: url(/ohnav/imgs/sidebox_topbg.gif) no-repeat 0 0;
	font-size: 16px;
}
#Container div.gBox div.txtarea {
	padding: 5px 10px 20px;
}
#Container div.gBox div.txtarea p.outline {
	margin: 10px 0 15px 0;
	font-size: 13px;
}
#Container div.gBox div.txtarea ul,
#Container div.gBox div.txtarea ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#Container div.gBox div.txtarea ul li {
	border-bottom: dotted 1px #8ccc38;
	margin: 4px 0;
	padding: 4px 0 4px 12px;
	background: url(/ohnav/imgs/link-list.gif) no-repeat 3px 10px;
}
div.sideBox a:link {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
div.sideBox a:visited {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
div.sideBox a:hover {
	color: #ff9900;
	text-decoration: underline;
}
/* @end */
/* @group folderBox */
div.folderBox .pages {
	clear: both;
	border-bottom: dotted 1px #8ccc38;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/* div.folderBox img {
	float: left;
	padding: 0 10px;
	display: block;
} */
div.folderBox h5 {
/*	width: 470px;
	float: right; */
	background: url(/ohnav/imgs/link_list.gif) no-repeat 0 3px;
	padding: 0 10px 0 27px;
	margin: 0;
}
div.folderBox .txtarea {
/*	width: 490px;
	float: right; */
}
div.folderBox p.update {
	font-size: 13px;
	color: #777777;
	margin: 0 10px;
}

/* @end */

div.go-top {
	width: 120px;
	float: right;
	background: url(/ohnav/imgs/go-top.gif) no-repeat 0 6px;
	padding-left: 12px;
}

/* @end */
/* @group footer */
#footer {
	 height: 195px;
	clear: both;
	text-align: left;
	background: url(/ohnav/imgs/footer_ybg.gif) repeat-x 0 bottom;
	color: #FFFFFF;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFFFF;
}
#footBox {
	width: 940px;
	height: 195px;
	padding: 0 10px;
	margin: 0 auto;
	background: url(/ohnav/imgs/footer_illust.gif) no-repeat 0 bottom;
}
#footLink {
	text-align: right;
}
#footLink ul {
	margin: 0 15px;
	padding: 72px 0 0 0;
	list-style: none;
}
#footLink ul li {
	display: inline;
	border-right: solid 1px #FFFFFF;
	padding: 0 10px;
	margin: 0 0;
}
#footLink ul li.start {
	border-left: solid 1px #FFFFFF;
}
#footBox h5 {
	margin: 0 10px 0 0;
}
#footBox address {
	margin: 0 10px;
}
#footBox p.copy {
	margin: 0 10px;
	padding-top: 10px;
}


/* @end */

/* @group ContsBox */

div#ContsBox {
	width: 640px;
	float: left;
	border-top: solid 4px #8ccc38;
	padding: 0 5px 20px;	
}

#ContsBox h3 {
	border-bottom: dotted 1px #CCCCCC;
	margin: 0 0 6px;
	padding: 4px 10px 2px;
}

#ContsBox div.update {
	font-size: 13px;
	color: #999999;
	text-align: right;
	border-top: dotted 1px #CCCCCC;
	margin: 10px 0;
	padding: 6px 10px;
}
#ContsBox .outline {
	margin: 0 0 10px;
	padding: 0 10px;
}



/* @end */
fieldset {
  margin-bottom: 20px !important;
}
fieldset legend {
  font-size: large;
  font-weight: bold;
}

#maptitle {
	width: 940px;
	height: 60px;
	background: url(/ohnav/imgs/h3_maptitle.jpg) no-repeat 0 0;
	margin: 0 0 20px;
}
#maptitle h3 {
	width: 471px;
	height: 60px;
	margin: 0;
	float: left;
	text-indent: -9999px;
}
#maptitle .boxR {
	width: 469px;
	float: right;
}
#maptitle ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#maptitle ul li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
}
#maptitle ul li a {
	display: block;
}

#maptitle ul li.download {
	width: 220px;
	height: 60px;
	float: left;
	margin: 0 9px 0 0;
}
#maptitle ul li.download a {
	width: 220px;
	height: 60px;
}
#maptitle ul li.akasaki {
	width: 220px;
	height: 28px;
	float: left;
	margin: 0 0 4px;
}
#maptitle ul li.akasaki a {
	width: 220px;
	height: 28px;
}
#maptitle ul li.yahashi {
	width: 220px;
	height: 28px;
	margin: 0 0 0;
	float: left;
}
#maptitle ul li.yahashi a {
	width: 220px;
	height: 28px;
}
#mapmenu ul, #mapmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mapmenu ul.guide {
	width: 910px;
	height: 70px;
	margin: 0 10px 10px;
	background: url(/ohnav/imgs/map_menu.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#mapmenu ul.guide li {
	width: 220px;
	height: 70px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#mapmenu ul.guide li a {
	width: 220px;
	height: 70px;
	display: block;
}
#mapmenu ul.guide li.last {
	margin: 0;
}
#mapmenu ul.chounai {
	width: 910px;
	height: 60px;
	margin: 0 10px 30px;
	background: url(/ohnav/imgs/map_menu.jpg) no-repeat 0 -80px;
	text-indent: -9999px;
}
#mapmenu ul.chounai li {
	width: 450px;
	height: 60px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#mapmenu ul.chounai li a {
	width: 450px;
	height: 60px;
	display: block;
}
#mapmenu ul.chounai li.last {
	margin: 0;
}

ul.submap_dl {
  overflow: hidden;
  width: 940px;
  height: 80px;
  margin: 0;
  padding: 0;
}

ul.submap_dl li.yabase {
  display: block;
  float: left;
  width: 530px;
  height: 75px;
  margin: 0;
  padding: 0;
}

ul.submap_dl li.akasaki {
  display: block;
  float: left;
  width: 410px;
  height: 75px;
  margin: 0;
  padding: 0;
}

ul.submap_dl li.yabase a {
  display: block;
  width: 501px;
  height: 75px;
  background: url(/ohnav/imgs/mapdownload_yabase.jpg) no-repeat 0 0;
  margin: 0 11px 0 17px;
  text-indent: -9999px;
}

ul.submap_dl li.akasaki a {
  display: block;
  width: 398px;
  height: 75px;
  margin: 0 0 0 2px;
  background: url(/ohnav/imgs/mapdownload_akasaki.jpg) no-repeat 0 0;
  text-indent: -9999px;
}



/* for joruri */
#pageTitle h1 {
	border-bottom: dotted 1px #CCCCCC;
  font-size: 144%;
	margin: 0 0 6px;
	padding: 4px 10px 2px;
}

.contentArticleRecentDocs .feed {
  display: none;
}

.docs {
}

.docs h2 {
  margin: 0;
  padding: 0;
  background: url(/ohnav/imgs/link-list.gif) no-repeat 3px 6px;
  padding-left: 13px;
  font-size: 100%;
  font-weight: normal;
}

.docs ul {
  margin: 0 0 3px;
  padding: 0 12px 2px;
  border-bottom: 1px dotted rgb(140, 204, 56);
  list-style: none;
}

.docs ul li {
  margin: 0;
  padding: 0;
}

.docs .attributes {
  display: none;
}


/** add 2016-03 */
div.list ul {
	margin: 0 auto 40px;
	padding: 0;
	list-style: none;
}

div.list ul li {
	background: #ffffff;
	margin: 0;
	position: relative;
	border: 1px solid #eae1e1;
	transition: all 0.3s ease-in-out 0s;
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
	box-sizing: border-box;
	list-style: none;
}

div.list ul li:nth-child(3n) {
	background: #ffffff;
	margin: 0;
	position: relative;
	border-bottom: 1px solid #eae1e1;
	transition: all 0.3s ease-in-out 0s;
	width: 300px;
	float: left;
	margin-right: 0;
}

div.list ul li:hover {
	background: #f6f6f6;
}

div.list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #ff4e00;
	text-decoration: none;
}

div.list div.article {
	padding: 20px;
}

div.list div.article div.spot {
	width: 260px;
	height: 110px;
	background: #f6f6f6;
	margin-right: 20px;
	overflow: hidden;
}

div.list div.article div.spot span {
	display: table-cell;
    height: 110px;
    text-align: center;
    vertical-align: middle;
    width: 260px;
}

div.list div.article div.spot span img {
    display: inline;
    height: auto;
    max-height: 110px;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
}

div.list div.article div.wrap {
	overflow: hidden;
}

div.list div.article div.headline {
	margin-bottom: 10px;
	font-size: 115%; /* 16px */
	font-weight: bold;
	color: #fe5700;
	text-decoration: none;
}

div.list div.article:hover div.headline {
	text-decoration: underline;
}

div.list div.article div.description {
	font-size: 86%; /* 12px */
	margin-bottom: 10px;
	color: #333333;
}

div.list div.article div.description table {
	table-layout: fixed;
	width: 100%;
	border: 1px solid #b7d97c;
	border-collapse: collapse;
}

div.list div.article div.description table th {
    background: #dff5b8;
	border: 1px solid #b7d97c;
	padding: 0.2em;
}

div.list div.article div.description table td {
    background: #fff;
	border: 1px solid #b7d97c;
	padding: 0.2em 0.5em;	
}

div.list div.article div.update {
	font-size: 86%; /* 12px */
	font-family: "Century Gothic","Droid Serif","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",serif;
	color: #888888;
	font-weight: bold;
	float: left;
}