@charset "utf-8";

a {color:#016CB6; text-decoration:none;}
a:hover,
a:active {color:#09c; text-decoration:underline;}

/*base*/
* {outline: none;}
body {
	font-size:14px;
	line-height:140%;
	font-family: Verdana, Arial, Helvetica, sans-serif, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color:#333;
	background:#EEECE6;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;}
img { border:0; }

h1, h2, h3, h4, h5, h6, p, div, form, input, ul, li, dl, dt, dd, table, tr, th, td { margin:0; padding:0; _text-align:left;}
table, tr, th, td { border:0;}

.sideclmbody img.columlink {margin:5px 5px}

/* wrapper */
#wrapper { border:none;}

.maincontents {
	width:960px;
	margin:0 auto;
	padding:18px 19px 0;
	border:1px solid #319D30;
	border-top:none;
	border-bottom:none;
	background:#fff;
}

.contentsBottom {
	width:998px;
	margin:0 auto;
	padding-bottom:80px;
	border:1px solid #319D30;
	border-top:none;
	border-bottom:none;
	background:#fff url(../images/front/footer_illust.gif) bottom no-repeat;
}

.contentsBottom .maincontents { border:none;}

/* main contents area width */
#header,
#map,
#mapon,
.contents,
.shop,
#footer
{ width:960px; margin:0 auto;}

/* sub window */
.swin .contents
{ width:664px;}

/* header */
#header .stxt { font-size:10px; padding:3px 0 0 5px; height:24px;}
#header .logo { background:url(../images/front/header_illust.gif) no-repeat right;}
.formHead { width:1000px; margin:0px auto; padding:40px 0 0; text-align:center}

#header ul { height:32px; margin:0 0 0 555px; padding:0; list-style:none;}
#header li { float:left; padding-left:10px; margin:0;}

/* contents */
div.contents { background:url(../images/front/clm_bg.gif) repeat-y;}
div.contents div.conhead {
	background:url(../images/front/clm_head.gif) no-repeat top;
	padding:26px 36px 0 36px;}
div.contents div.conhead .tlimg { margin-top:8px}
.contents p { padding:15px 36px 0 36px;}
.contents div.cobody p { padding:0;}
.contents .cobody {
	background:url(../images/front/clm_foot.gif) no-repeat bottom;
	padding:10px 36px 40px 36px;
	_padding:10px 36px 30px 36px;
	}
.contents .cobody div.coclm {
	width:259px;
	float:left;
	border:1px solid #A4885E;
	padding:10px;
	margin-right:22px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#F5F4F1;
}

.contents .cobody div.coclm p { color:#000; font-size:14px; line-height:145%; padding:0 7px;}

/* コラム途中の見出し */
.contents .cobody div.tl img { margin:30px 0 10px 0;}
.contents .cobody div.tl { position:relative;}
.contents .cobody div.tl div { position:absolute; top:56px; right:50px; font-size:12px;}

/* ご利用の流れ */
div.flow { width:888px; margin:15px auto 0 auto;}
div.bnr { width:960px; margin:0 auto;; text-align:center;}

/* FORM */
.form { width:960px; margin:0 auto; padding:0 0 5px 0;}
.formTl { padding-top:5px;}


/* コラム内table */
.contents .cobody table { width:100%; border-top:1px solid #ccc; border-collapse:collapse;}
.contents .cobody table { _margin-bottom:10px;}
.contents .cobody th,.contents .cobody td { padding:0.5em 0.8em; border-bottom:1px solid #ccc;}
.contents .cobody th { color:#000; text-align:left; background:#FFFFE8; font-weight:normal;}
.contents .cobody .chiled{ color:#000; text-align:left; background:#F7FFFE; font-weight:normal !important; }
.contents .cobody td { line-height:150%;}

/* form */
.formContents .cobody td input { margin-right:5px; margin-bottom:5px; font-size:14px;}
.formContents .cobody td label { margin-right:12px; display:block;}
.formContents .cobody td input.textinput { width:300px; padding:2px; border:1px solid #ccc;}
.formContents .cobody td textarea.freeTxt { width:400px; height:8em; border:1px solid #ccc;}
.formContents .cobody td .btnUpload { width:320px; padding:2px 0;}
.formContents .cobody td div { clear:both; padding-bottom:0; line-height:140%; color:#000;}
.formContents .cobody .txtbox { padding:2px; margin:3px 0; border:1px solid #ccc;}
.formContents .cobody .kiyaku { width:835px; font-size:14px; line-height:150%; color:#666; height:7em; margin:10px 0; padding:25px;}

.formContents form .cobody td,
.formContents form .cobody th { line-height:160%; padding:13px 15px; }
.contents .cobody td div.error { padding:0;}

.ethna-error { color:#f00;}
.ethna-error:link,
.ethna-error:visited {color:#f00; text-decoration:none; font-weight:bold;}
.ethna-error:hover,
.ethna-error:active {color:#f99; text-decoration:underline;}

/* table in table */
table.nobrd, .contents .cobody table table { width:auto; border:none; border-collapse:collapse;}
table.nobrd td, table.nobrd th, .contents .cobody th th, .contents .cobody td td { padding:2px 4px; border:none;}
table.nobrd th, .contents .cobody th th { color:#000; text-align:left; background:none; width:auto; font-weight:normal;}
table.nobrd td, .contents .cobody td td { line-height:160%;}

table.nobrd { border:none !important; border-collapse:collapse;}
table.nobrd td, table.nobrd th { padding:0 !important; border:none !important;}
table.nobrd th { color:#000 !important; background:none !important; font-weight:normal !important;}
table.nobrd td { line-height:160%;}

/* 2column */
body.twocolumn #wrapper { }
body.twocolumn .twocolumnhead { background:#fff }

body.swin { background:#fff;}
body.swin #wrapper,
body.swin .twocolumnhead { background:none !important;}

body.twocolumn .contents { background:none; padding-bottom:20px;}
body.twocolumn .contents #contentsLeft {
	width:664px; float:left;
	background:url(../images/front/contents_bg.gif) repeat-y; }
body.twocolumn .contents #contentsLeft .conhead {
	color:#000;
	height:18px;
	font-size:12px;
	padding:30px 36px 15px 36px;
	_padding:34px 36px 15px 36px;
	background:url(../images/front/contents_head.gif) no-repeat;}
body.twocolumn .contents #contentsLeft .cobody {
	background:url(../images/front/contents_foot.gif) no-repeat bottom;
	padding:0 36px 40px 36px;
	_padding:10px 36px 30px 36px; }
body.twocolumn .contents #contentsLeft div.cobody h1 {
	color:#016CB6;
	font-size:18px;
	width:577px;
	height:26px;
	padding:8px 0 0 15px;
	margin-bottom:10px;
	background:url(../images/contents/title_bg.gif) no-repeat; }
body.twocolumn .contents #contentsLeft div.cobody h1 {
	padding-top:12px;
	height:38px;
	background:url(../images/contents/title_bg2.gif) no-repeat; }
body.twocolumn #contentsLeft h2 { font-size:15px;}
body.twocolumn #contentsLeft h3 { font-size:14px;}
body.twocolumn #contentsLeft h2,
body.twocolumn .contents #contentsLeft div.cobody h3 {
	color:#000;
	padding:0 0 3px 0;
	margin:0 0 5px 12px;
	border-bottom:1px dotted #ccc; }
body#column .contents #contentsLeft div.cobody h2 {
	font-size:16px;
	color:#016CB6;
	padding:10px 12px 12px 12px;
	margin:0 0 5px 0;
	border:none;
	background:url(../images/front/hl_bg.gif) no-repeat bottom; }
body.twocolumn .contents #contentsLeft h2.imgh2 { background:none !important; border:none; margin-bottom:12px;}

body.twocolumn .contents #contentsLeft div.cobody p {
	line-height:150%;
	padding:0 12px 20px 12px; }
body.twocolumn .contents #contentsLeft div.cobody p img {
	margin-bottom:1em; }

.contents #contentsLeft .mainImage { padding-bottom:10px;}
.contents #contentsLeft div.page { font-size:12px; text-align:right; padding:0 10px 5px 0;}
.contents #contentsLeft div.page strong { font-size:120%;}

.contents #contentsLeft .conhead a {color:#016CB6; text-decoration:none;}
.contents #contentsLeft .conhead a:hover,
.contents #contentsLeft .conhead a:active {color:#09c; text-decoration:underline;}

/* コラムプロフィール */
body.twocolumn .contents #contentsLeft div.profile { border:1px dotted #ccc; padding:30px 35px;}
body.twocolumn .contents #contentsLeft div.profile h2 { font-size:14px; color:#333; margin:0 0 0.5em 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; background:none;}
body.twocolumn .contents #contentsLeft div.profile p { font-size:12px; margin:0 0 0.8em 0; padding:0;}

/* リスト */
.contents #contentsLeft ul,
.contents #contentsLeft ol { margin:0.3em 0 2em 0; padding:0 3em;}
.contents #contentsLeft li { margin-bottom:0.5em;}

/* サイトマップ */
.contents #contentsLeft div.sitemap ul { list-style:none; padding:0 0 0 1em; }
.contents #contentsLeft div.sitemap ul li { margin:0 0 0.2em 0; line-height:140%;}
.contents #contentsLeft div.sitemap ul a { color:#333;}
.contents #contentsLeft div.sitemap ul.citylist { width:65px; float:left;}
.contents #contentsLeft div.sitemap h2 { color:#016CB6 !important;}

ul.citylist2 li { float:left; padding:3px 4px 3px 0px;}
ul.citylist2 li a { padding-left:9px;}
.contents #contentsLeft div.sitemap ul.citylist2 a { color:#333;}
.contents #contentsLeft div.sitemap ul.citylist2 a:hover,
.contents #contentsLeft div.sitemap ul.citylist2 a:active { color:#999;}

/* sidebar */
body.twocolumn #sidebar {
	float:right;
	width:296px;
	}
body.twocolumn #sidebar .sideclmwrap {
	background:url(../images/front/side_bg.gif) repeat-y;
	width:296px;
	}
body.twocolumn #sidebar div { width:230px;}
body.twocolumn #sidebar .sidehead { width:296px;}
body.twocolumn #sidebar .sideclmbody {
	background:url(../images/front/side_foot.gif) bottom no-repeat;
	padding:0 33px 26px 33px;
	}

body.twocolumn #sidebar .clm p {
	font-size:12px;
	line-height:140%;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;}
body.twocolumn #sidebar .clm p.tl {
	border:none;
	padding-bottom:0;
	margin-bottom:5px;
	}
body.twocolumn #sidebar table,
body.twocolumn #sidebar td,
body.twocolumn #sidebar th { border:none;}

body.twocolumn #sidebar .sslseal {
	padding-top:20px;
	}
body.twocolumn #sidebar .sslseal table { width:100%;}
body.twocolumn #sidebar .sslseal td { text-align:center; padding-bottom:10px;}
body.twocolumn #sidebar .sslseal p {
	padding:0 0 10px 0;
	margin:0;
	border:none;
	}

/* side検索 */
body.twocolumn #sidebar select {
	position:absolute;
	top:34px;
	left:12px;
}
.side_housetype{
	height: 187px;
	width:230px;
position: relative;
background: url(../images/contents/side_service_bg.gif) no-repeat;
}
body.twocolumn #sidebar .prefecture {
	height:88px;
	position:relative;
	background:url(../images/front/side_search_pre.gif) no-repeat;
	}
body.twocolumn #sidebar .prefecture select { width:150px;}
body.twocolumn #sidebar .city {
	height:83px;
	position:relative;
	background:url(../images/front/side_search_city.gif) no-repeat;
	}

body.twocolumn #sidebar .city select { width:200px;}

/* footer */
.footerWrapper { clear:both; border:none; background:#f4f0e8; padding-top:30px;}
#footer { width:990px; margin:0 auto;}

#footer a {color:#666; text-decoration:none;}
#footer a:hover,
#footer a:active {color:#999; text-decoration:underline;}

#footer #footerLogo { border-bottom:1px solid #ccc; padding-bottom:15px;}
#footer #footerLogo img { float:left;}
#footer #footerLogo p { color:#999; font-size:10px; text-align:right; float:right; clear:right;}

#footer #footerNavi { height:270px; clear:both; padding-top:10px; color:#666; font-size:12px;}
#footer #footerNavi div { float:left;}
#footer #footerNavi div.clm1 { width:220px;}
#footer #footerNavi div.clm2 { width:550px;}
#footer #footerNavi div.clm3 { width:180px; padding-top:16px;}

#footer #footerNavi h2 { font-size:12px; margin-bottom:0.2em;}
#footer #footerNavi ul { list-style:none; float:left; margin-right:22px;}
#footer #footerNavi li { margin:0.2em 0;}
#footer #footerNavi li a { padding-left:1em;}
#footer #footerNavi ul.footer_left li a { background:none; padding-left:0;}
#footer #footerNavi ul.borderb { border-bottom:1px solid #DFDFDE; padding-bottom:15px; margin-bottom:13px;}

/* 都道府県リスト無し */
div.nomenu { padding-top:10px !important;}
div.nomenu #footer { position:relative; height:200px;}
div.nomenu #footer #footerLogo {
	position:absolute;
	top:35px;
	_top:40px;
	left:600px;
	border:none; width:400px;}
div.nomenu #footer #footerLogo img { float:none; margin:0px;}
div.nomenu #footer #footerLogo p { text-align:left; float:none; padding:3px 0 0 0;}

div.nomenu #footer h2 { color:#666; font-size:14px; margin:5px 0 0 10px;}

div.nomenu #footer #footerNavi {
	height:auto;
	clear:both;
	border-top:1px solid #E0D8BE;
	padding-top:10px;
	margin:5px 0 0 10px;}
div.nomenu #footer #footerNavi div.clm1 { width:220px;}
div.nomenu #footer #footerNavi div.clm3 { width:140px; padding-top:0}
div.nomenu #footer #footerNavi li { margin:1px 0;}
div.nomenu p.pTop { position:absolute; top:0px; left:880px; padding:0 10px 0 0; font-size:12px;}

/* ロゴ左右入れ替え 
div.nomenu #footer #footerLogo {
	top:40px;
	left:0px;}
#footer h2,
div.nomenu #footer #footerNavi div.clm1{
	margin-left:480px;}
*/


/* form用 */
div.footerform { padding-top:5px !important;}
div.footerform ul {
	float:left !important;
	margin-right:0 !important;}
div.footerform li {
	float:left !important;
	margin-right:10px !important;}
	

/* column016_table */
.contents .aiu table { width:100%; border:1px solid #ccc; border-collapse:collapse;}
.contents .aiu table { _margin-bottom:10px;}
.contents .aiu th,.contents .cobody td { padding:0.5em 0.8em; border-bottom:1px solid #ccc;}
.contents .aiu th { width:150; text-align:center; background:#ccc; font-weight:bold;font-color:#000}
.contents .aiu td { background:#fff;text-align:center}

/* column042_table */
.contents .eo table { width:592px; border:1px solid #ccc; border-collapse:collapse;font-size:5px;}
.contents .eo table { _margin-bottom:10px;}
.contents .eo th,.contents .cobody td { padding:0.5em 0.8em; border-bottom:1px solid #ccc;font-size:14px;}
.contents .eo th { width:150; text-align:center; background:#ccc; font-weight:bold;font-color:#000;font-size:5px;}
.contents .eo td { background:#fff;text-align:center}


/* IE6?7対策追記 *******一番下に記述すること********* */

html*#header .logo { height:69px;}
#header #infoBox p.infotel { _margin-left:8px;}

#header .subtxt { _background:url(../../images/header_subtxt2.jpg) no-repeat;}

#footer #footerLogo p { _white-space:nowrap;}
#footer #footerLogo p.pTop { _width:75px; _text-align:left;}

#footer #footerNavi div.clm1 { _width:180px;}
#footer #footerNavi div.clm2 { _width:590px;}
#footer #footerNavi div.clm3 { _width:110px;}

#footer #footerNavi  ul { _margin-right:15px !important;}
#footer #footerNavi div.clm1 ul { _width:156px; }
#footer #footerNavi div.clm2 ul { _width:60px;}
#footer #footerNavi div.clm3 ul { _width:108px;}

#contents h1 { _background:url(../../images/h1_bg.gif) no-repeat;}
#sidebar #area {_background:url(../../images/sidebar_map_bg.gif) no-repeat;}

img.affimg { position:absolute; }