@charset "utf-8";

/***************** 基本構造 *****************/

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../common/bg_texture.jpg);
	font-size: 12px;
	line-height: 19px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
}

img {
	border: none;
}

a:link {
	text-decoration: none;
	color: #267a99;
}

a:visited {
	text-decoration: none;
	color: #0d6080;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
	color: #c06053;
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

#cover {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 30px;
}

#col-contents {
	float: left;
	width: 640px;
}

#col-side {
	float: right;
	width: 230px;
}



/* ------------------------------------------------------------------------------------------------------ Header */

/***** トップページ用ヘッダー背景 *****/
#top-main {
	width: 100%;
	height: 350px;
	background: url(../images/top_main.jpg) center top no-repeat;
}

/***** テンプレート用ヘッダー背景 *****/
#header {
	width: 100%;
	height: 200px;
	background: url(../common/bg_header.jpg) center top no-repeat;
	text-align: center;
}

#header-innr {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	padding: 25px 0 0;
}

#header-innr h1 {
	float: left;
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../common/ttl_k-life.jpg) no-repeat;
}

#header-innr h1 a {
	display: block;
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
}

#header-innr #col-header {
	position: relative;
	float: right;
	width: 300px;
	margin-top: -25px;
	padding-top: 35px;
}

#header-innr #col-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header-innr #col-header #fontsize {
	float: left;
	width: 139px;
	height: 20px;
	padding: 0 0 0 66px;
	background: url(../common/img_fontsize.jpg) left center no-repeat;
}

#header-innr #col-header #fontsize li {
	float: left;
	width: 55px;
	height: 20px;
	margin: 0 9px 0 0;
	padding: 0;
	overflow: hidden;
}

#header-innr #col-header #fontsize li a {
	display: block;
	height: 20px;
	text-decoration: none;
	text-indent: -9999px;
}

#header-innr #col-header #fontsize li#btn-default { background: url(../common/btn_default_out.gif) no-repeat; }
#header-innr #col-header #fontsize li#btn-large   { background: url(../common/btn_large_out.gif) no-repeat; }

#header-innr #col-header #fontsize li#btn-default a:hover { background: url(../common/btn_default_over.gif) no-repeat; }
#header-innr #col-header #fontsize li#btn-large a:hover   { background: url(../common/btn_large_over.gif) no-repeat; }

/* デフォルトフォントサイズ */
#header-innr #col-header #fontsize li#btn-default a { background: url(../common/btn_default_over.gif) no-repeat; }

#header-innr #col-header #contact {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 95px;
	height: 55px;
	background: url(../common/menu_contact.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#header-innr #col-header #contact:hover {
	background: url(../common/menu_contact.gif) -95px 0 no-repeat;
}

#header-menu {
	width: 100%;
	height: 58px;
	background: url(../common/bg_texture_dark.jpg);
	border-top: 1px solid #c4beb1;
	border-bottom: 1px solid #c4beb1;
}

#header-menu ul {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#header-menu li {
	float: left;
	height: 58px;
	margin: 0;
	padding: 0;
	background-image: url(../common/header_menu_out.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header-menu li a {
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9999px;
}

#header-menu li#menu-outline {
	width: 158px;
	background-position: 0 0;
}

#header-menu li#menu-housing {
	width: 142px;
	background-position: -158px 0;
}

#header-menu li#menu-akiya {
	width: 157px;
	background-position: -300px 0;
}

#header-menu li#menu-plan {
	width: 143px;
	background-position: -457px 0;
}

#header-menu li#menu-voice {
	width: 142px;
	background-position: -600px 0;
}

#header-menu li#menu-life {
	width: 158px;
	background-position: -742px 0;
}

#header-menu li a:hover,
#header-menu li .select {
	background-image: url(../common/header_menu_over.gif);
	background-repeat: no-repeat;
}

#header-menu li#menu-outline a:hover,
#header-menu li#menu-outline .select {
	background-position: 0 0;
}

#header-menu li#menu-housing a:hover,
#header-menu li#menu-housing .select {
	background-position: -158px 0;
}

#header-menu li#menu-akiya a:hover,
#header-menu li#menu-akiya .select {
	background-position: -300px 0;
}

#header-menu li#menu-plan a:hover,
#header-menu li#menu-plan .select {
	background-position: -457px 0;
}

#header-menu li#menu-voice a:hover,
#header-menu li#menu-voice .select {
	background-position: -600px 0;
}

#header-menu li#menu-life a:hover,
#header-menu li#menu-life .select {
	background-position: -742px 0;
}



/* ------------------------------------------------------------------------------------------------------ Footer */

#footer {
	width: 100%;
	background: url(../common/bg_texture_dark.jpg);
}

#footer #pagetop {
	width: 100%;
	height: 24px;
	background: url(../common/bg_pagetop.jpg) repeat-x;
	text-align: center;
}

#footer #footer-innr {
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
}

#footer #footer-innr #col-footadd {
	float: left;
	width: 400px;
}

#footer #footer-innr #col-footadd h5 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 1.2em;
}

#footer #footer-innr #col-footcopy {
	float: right;
	width: 450px;
	padding: 38px 0 0;
	text-align: right;
}

/* ------------------------------------------------------------------------------------------------------ Sidemenu */

.side-cover {
	width: 228px;
	margin: 0 0 20px;
	background: #fafafa;
	border: 1px solid #c4beb1;
}

.side-cover h4 {
	height: 43px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.side-cover h4#lblside-rlink {
	background: url(../outline/images/lbl_relatedlink.gif) no-repeat;
}

.side-cover h4#lblside-search {
	background: url(../housing/images/lbl_areasearch.gif) no-repeat;
}

.side-cover h4#lblside-newinfo {
	background: url(../housing/images/lbl_newhousing.gif) no-repeat;
}

.side-cover h4#lblside-planlist {
	background: url(../plan/images/lbl_planlist.gif) no-repeat;
}

.side-cover h4#lblside-lifenavi {
	background: url(../life/images/lbl_lifenavi.gif) no-repeat;
}

.side-cover h4#lblside-traffic {
	background: url(../access/images/lbl_trafficlink.gif) no-repeat;
}

.side-cover h4#lblside-backnum {
	background: url(../common/lbl_backnumber.gif) no-repeat;
}

.side-cover ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-cover ul#icon-arrow li {
	background: url(../common/icon_arrow_L.gif) 14px center no-repeat;
}

.side-cover ul#icon-a-window li {
	background: url(../common/icon_a-window.gif) 15px center no-repeat;
}

.side-cover li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #c4beb1;
	font-size: 1.2em;
}

.side-cover li a {
	display: block;
	padding: 15px 0 13px 35px;
}

/***** くらしの情報・アイコン *****/
.side-cover ul li#navi-01 {
	background: url(../life/images/icon_public.gif) 15px center no-repeat;
}

.side-cover ul li#navi-02 {
	background: url(../life/images/icon_home.gif) 15px center no-repeat;
}

.side-cover ul li#navi-03 {
	background: url(../life/images/icon_medical.gif) 15px center no-repeat;
}

.side-cover ul li#navi-04 {
	background: url(../life/images/icon_education.gif) 15px center no-repeat;
}

.side-cover ul li#navi-05 {
	background: url(../life/images/icon_traffic.gif) 15px center no-repeat;
}

.side-cover ul li#navi-06 {
	background: url(../life/images/icon_shopping.gif) 15px center no-repeat;
}

.side-cover ul li#navi-01 a,
.side-cover ul li#navi-02 a,
.side-cover ul li#navi-03 a,
.side-cover ul li#navi-04 a,
.side-cover ul li#navi-05 a,
.side-cover ul li#navi-06 a {
	padding-left: 50px;
}

/***** サイドバナー *****/

#sidecon,
#sidebnr {
	width: 230px;
}

#sidecon img {
	margin: 0 0 15px;
}

#sidebnr img {
	margin: 0 0 5px;
}

#sidebnr .bnr-txt {
	display: block;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.0em;
	font-weight: bold;
	color: #da4e49;
}

/***** 不動産情報用 *****/
#side-re-agent {
	width: 230px;
}

#side-re-agent h4 {
	height: 20px;
	margin: 0 0 15px;
	padding: 0;
	background: url(../housing/images/lbl_re-agent.gif) no-repeat;
	text-indent: -9999px;
}

#side-re-agent .side-reabox {
	width: 230px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #c4beb1;
}

#side-re-agent .side-reabox h5 {
	margin: 0 0 3px;
	padding: 0;
	font-size: 1.2em;
}

#side-re-agent .side-reabox img {
	float: left;
}

#side-re-agent .side-reabox .side-reatext {
	width: 155px;
	padding: 3px 0 0 75px;
	text-align: justify;
	text-justify: distribute;
}

/***** 不動産新着情報用 *****/
.new-housing {
	width: 200px;
	padding: 10px 14px;
	border-top: 1px solid #c4beb1;
}

.new-housing h5 {
	margin: 0 0 3px;
	padding: 0 0 0 30px;
	font-size: 1.2em;
}

.new-housing h5.lease {
	background: url(../common/icon_lease.gif) no-repeat;
}

.new-housing h5.sale {
	background: url(../common/icon_sale.gif) no-repeat;
}

.new-housing .side-htext {
	float: right;
	width: 120px;
	padding: 5px 0 0;
}

.new-housing .side-htext div {
	margin: 3px 0 0;
	color: #c06053;
}

.new-housing .side-htext div strong {
	font-size: 1.6em;
}

.new-housing .side-hphoto {
	float: left;
	width: 66px;
	height: 66px;
	padding: 1px;
	background: #fff url(../common/img_notimage_S.gif) center no-repeat;
	border: 1px solid #c4beb1;
}

.new-housing .side-hphoto div {
	height: 66px;
	overflow: hidden;
}

.new-housing .side-hphoto div a {
	display: block;
	height: 66px;
	text-decoration: none;
	text-indent: -9999px;
}