@charset "EUC-JP";

/* -----------------------------------
	smilestyle.css_100316
----------------------------------- */
a { outline: none; }
#contentsWrap {
	width: 800px;
	background: transparent url(../image/bg_head.gif) right top no-repeat;
}
#contents #contentsWrap #maincontents {
	margin: 0;
}

/* :::::: MainTitle :::::: */
#smileMainTitle h1,
#smileMainTitle p#logo {
	float: left;
	width: 242px;
	height: 111px;
	padding: 0;
	background: none;
}
#smileMainTitle p {
	float: right;
	width: 373px;
	height: 111px;
	line-height: 1%;
}

/* :::::: Recommend :::::: */
#recommend {
	margin: 15px 0 15px 0;
	background: transparent url(../image/bg_recommend.gif) left bottom no-repeat;
	text-align: left;
}
#recommend h2 {
	width: 615px;
	width/* */:/**/585px;
	width: /**/585px;
	height: 32px;
	padding: 0 0 0 30px;
	background: transparent url(../image/bg_recommend_ttl.gif) left bottom no-repeat;
}
#recommendList {
	padding: 0 1px 8px 2px;
}
#recommendList dl {
	float: left;
	width: 204px;
	margin: 7px 0 0 0;
}
#recommendList dl dt {
	margin: 0 17px 4px 16px;
	padding: 0 0 0 10px;
	background: transparent url(../image/list_style.gif) left center no-repeat;
	font-weight: bold;
}
#recommendList dl dd {
	font-size: 1%;
}
#recommendList dl dd.comment {
	font-size: 12px;
}
#recommendList dl dd {
	margin: 3px 17px 0 16px;
}
/* forIE5-6 */
* html #recommendList dl dt {
	margin: 0 17px 0 16px;
}
* html #recommendList dl dd {
	margin: 4px 17px 0 16px;
}

/* :::::: Buys :::::: */
#buys {
	float: left;
	width: 330px;
	margin-bottom: 25px;
	padding-bottom: 8px;
	background: transparent url(../image/bg_buys.gif) left bottom no-repeat;
}
#buys h2 {
	height: 32px;
	padding: 0 0 0 8px;
	background: transparent url(../image/bg_buys_ttl.gif) left bottom no-repeat;
}
#buys p {
	margin-top: 7px;
	text-align: center;
}
#buys ul {
	margin: 7px 3px 0 7px;
}
#buys ul li {
	float: left;
	width: auto;
	margin-right: 4px;
	list-style: none;
}

/* :::::: Sells :::::: */
#sells {
	float: right;
	width: 270px;
	margin-bottom: 25px;
	padding-bottom: 8px;
	background: transparent url(../image/bg_sells.gif) left bottom no-repeat;
}
#sells h2 {
	height: 32px;
	padding: 0 0 0 8px;
	background: transparent url(../image/bg_sells_ttl.gif) left bottom no-repeat;
}
#sells p {
	margin: 3px 0 0 0;
	text-align: center;
}
#sells p.lead {
	margin: 7px 0 3px 0;
	text-align: center;
}
#sells p#assessBtn {
	margin: 0 7px;
}

/* -----------------------------------
	topics
----------------------------------- */
#topics {
	margin-bottom: 25px;
}
#topics h2 {
	width: 615px;
	width/* */:/**/609px;
	width: /**/609px;
	padding: 5px 0 6px 4px;
	border: 1px #ccc solid;
	background: transparent url(../image/bg_h2.gif) left top repeat-x;
}
#topics .banner {
	margin-top: 5px;
	padding-bottom: 8px;
	background: transparent url(../image/bg_topics_btm.gif) left bottom no-repeat;
}
#topics .banner p {
	padding: 8px 0 0 0;
	background: transparent url(../image/bg_topics_top.gif) left top no-repeat;
}
#topics .banner p a {
	display: block;
	padding: 0 5px;
	border-right: 3px #ccc solid;
	border-left: 3px #ccc solid;
	background-color: transparent;
}

#topicsContainer {
	text-align: center;
}
#topicsContainer p {
	width: 850px;
	margin: 5px auto;
}

/* -----------------------------------
	news
----------------------------------- */
#topnews .btnttl {
	width: 615px;
	width/* */:/**/613px;
	width: /**/613px;
	border: 1px #ccc solid;
	background: transparent url(../image/bg_h2.gif) left top repeat-x;
}
#topnews .btnttl h2 {
	width: auto;
	margin: 5px 0 6px 4px;
}
#topnews .btnttl h2 {
	float: left;
}
#topnews .btnttl p#newsBtn {
	float: right;
	width: 98px;
}

/* -----------------------------------
	Company Information
----------------------------------- */
#topnews {
	float: none;
}

/* :::::: Side Address :::::: */
#suvaddress {
	margin-top: 15px;
}
#suvaddress ul li {
	width: 170px;
	padding-bottom: 1px;
	background: transparent url(../common/snv_navibg.gif) left bottom no-repeat;
	font-size: 1%;
	list-style-type: none;
}
#suvaddress ul li.end {
	padding-bottom: 6px;
	background: transparent url(../image/snv_address_end.gif) left bottom no-repeat;
}

/* :::::: Address :::::: */
#companyAddress {
	margin-top: 25px;
}
#companyAddress address {
	float: left;
	width: 400px;
	padding-top: 6px;
	line-height: 130%;
	clear: left;
}
/* forIE5-6 */
* html #companyAddress address {
	line-height: 120%;
}
#companyAddress address img {
	position: relative;
	float: left;
	margin: -6px 10px 0 0;
}
#companyAddress p#mapBtn {
	float: right;
	width: 197px;
}

/* :::::: Contact :::::: */
#companyContact {
	margin-top: 7px;
	background: transparent url(../image/bg_contact.gif) left top no-repeat;
}
#companyContact p {
	float: left;
	width: auto;
}
#companyContact p.ttl {
	padding: 17px 10px 16px 10px;
}
#companyContact p.tel {
	padding: 12px 11px;
}
#companyContact p.time {
	padding: 9px 10px 9px 0;
}
#companyContact p.mail {
	padding: 10px 11px 9px 11px;
}

/* -----------------------------------
	Buttons
----------------------------------- */
#mansionBtn a,
#houseBtn a,
#landBtn a,
#assessBtn a,
#newsBtn a,
#mapBtn a,
#requestBtn a {
	display: block;
}
#mansionBtn a {
	width: 112px; height: 58px;
	background: transparent url(../image/btn_mansion.gif) left top no-repeat;
}
#houseBtn a {
	width: 105px; height: 58px;
	background: transparent url(../image/btn_house.gif) left top no-repeat;
}
#landBtn a {
	width: 91px; height: 58px;
	background: transparent url(../image/btn_land.gif) left top no-repeat;
}
#assessBtn a {
	width: 256px; height: 58px;
	background: transparent url(../image/btn_assess.gif) left top no-repeat;
}
#newsBtn a {
	width: 98px; height: 23px;
	background: transparent url(../image/btn_news.gif) left top no-repeat;
}
#mapBtn a {
	width: 197px; height: 34px;
	background: transparent url(../image/btn_map.gif) left top no-repeat;
}
#requestBtn a {
	width: 400px; height: 50px;
	background: transparent url(../image/btn_request.gif) left top no-repeat;
}
#mansionBtn a:hover,
#houseBtn a:hover,
#landBtn a:hover,
#assessBtn a:hover,
#newsBtn a:hover,
#mapBtn a:hover,
#requestBtn a:hover {
	background-position: left bottom;
}
#buys ul li#landBtn {
	margin-right: 0;
}
#requestBtn {
	margin: 0 0 0 400px;
}

/* -----------------------------------
	Search Page
----------------------------------- */
body#search h1 {
	height: 40px;
	height/* */:/**/30px;
	height: /**/30px;
	margin: 10px 0 12px 0;
}
table#search,
table#result {
	width: 615px;
	color: #666;
	text-align: left;
}
table#search th,
table#result th {
	padding: 4px 3px;
}
table#search td,
table#result td {
	padding: 3px 7px;
}

/* :::::: Search Table :::::: */
table#search {
	margin-bottom: 24px;
	border-top: 1px #fc6 solid;
	border-right: 1px #fc6 solid;
	border-left: 1px #fc6 solid;
}
table#search th,
table#search td {
	border-bottom: 1px #fc6 solid;
}
table#search th {
	width: 100px;
	border-right: 1px #fc6 solid;
	font-weight: normal;
	background-color: #fff1d3;
}
table#search th.title {
	width: auto;
	padding: 4px;
	border-right: 0;
	background-color: #f90;
	text-align: center;
}

/* :::::: Result Table :::::: */
table#result {
	margin-bottom: 12px;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
}
table#result th,
table#result td {
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
table#result th {
	background-color: #eee;
	text-align: center;
}
table#result td {
	text-align: center;
}

table#result th.address {
	padding: 7px 0;
}
table#result th.price {
	width: 120px;
}
table#result th.layout {
	width: 50px;
}
table#result th.name {
	padding: 0;
	color: #900;
	background-color: #fff1d3;
	text-align: left;
	vertical-align: middle;
}
table#result th.name p {
	padding: 4px 7px;
	font-size: 14px;
	font-weight: bold;
}
table#result th.name p.new {
	padding-left: 50px;
	background: transparent url(../image/icon_new.gif) left center no-repeat;
}
table#result th.name p a {
	color: #900;
}

table#result td.address {
	padding: 7px 10px;
	text-align: left;
}
table#result td.price span {
	color: #900;
	font-size: 20px;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
}
table#result td.image {
	width: 90px;
	padding: 3px;
}

/* :::::: Caption :::::: */
p.caption {
	margin-bottom: 5px;
	color: #666;
}
p.caption strong {
	color: #900;
	font-size: 14px;
	font-weight: bold;
}
p.caption span {
	margin-left: 10px;
}

/* :::::: Pager :::::: */
ul#pager {
	width: 615px;
	list-style-type: none;
}
ul#pager li.back {
	float: left;
	width: 300px;
	text-align: left;
}
ul#pager li.next {
	float: right;
	width: 300px;
	text-align: right;
}
ul#pager li a {
	color: #666;
	font-weight: bold;
}

/* -----------------------------------
	Detail Page
----------------------------------- */
#detail #container {
	width: 860px;
	width/* */:/**/858px;
	width: /**/858px;
	margin-top: 10px;
	border: 1px #ccc solid;;
	background: #fff url(../image/bg_head2.gif) right top no-repeat;
}
#detail #container #smileMainTitle p {
	float: left;
	width: 411px;
	width/* */:/**/394px;
	width: /**/394px;
	height: 73px;
	padding: 0 0 0 17px;
}
#detail #container #smileMainTitle p#logo {
	width: 171px;
	width/* */:/**/140px;
	width: /**/140px;
	padding: 0 0 0 31px;
}
#detailContents {
	margin: 30px 29px 30px 29px;
	background-color: #fff;
}
#detailContents h1 {
	height: auto;
	margin: 0;
	padding: 5px 10px;
	border: 1px #fc6 solid;
	color: #fff;
	background-color: #ff5900;
	background-image: none;
	font-size: 18px;
}
#detailContents h1 span {
	font-size: 12px;
	padding-right: 10px;
}
#detailContents h1 span.head {
	font-size: 14px;
}
#detailContents p.comment {
	margin: 12px;
	color: #600;
	font-size: 14px;
	font-weight: bold;
}

#detailContents h1,
#detailContents p.comment,
table.detailImg,
table.detailThumb,
table.detailTxt {
	font-family: Verdana,"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Arial,Helvetica,sans-serif;
}

/* :::::: Image Detail Table :::::: */
body#detail table.detailImg,
body#detail table.detailThumb {
	width: 394px;
	width/* */:/**/392px;
	width: /**/392px;
	margin-bottom: 12px;
	color: #666;
	font-size: 12px;
	text-align: center;
}
body#detail table.detailImg tr th,
body#detail table.detailImg tr td,
body#detail table.detailThumb tr th,
body#detail table.detailThumb tr td {
	border-right: 1px #fc6 solid;
	border-bottom: 1px #fc6 solid;
	border-left: 1px #fc6 solid;
}
body#detail table.detailImg tr th,
body#detail table.detailThumb tr th {
	padding: 4px 3px;
	border-top: 1px #fc6 solid;
	color: #630;
	background-color: #fff1d3;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
body#detail table.detailThumb tr th {
	font-size: 12px;
}
body#detail table.detailImg tr td,
body#detail table.detailThumb tr td {
	padding: 9px;
}
body#detail table tr td.space {
	width: 12px;
	padding: 0;
	border: 0;
}
body#detail table tr th.null,
body#detail table tr td.null {
	border: 0;
	background-color: transparent;
}
body#detail table.detailImg tr.photo td,
body#detail table.detailThumb tr.photo td {
	border-bottom: 0;
}
body#detail table.detailImg tr.zoom td,
body#detail table.detailThumb tr.zoom td {
	padding-top: 0;
}
body#detail table.detailImg tr.zoom td a,
body#detail table.detailThumb tr.zoom td a {
	padding: 3px 0 3px 20px;
	background: transparent url(../image/icon_zoom.gif) left center no-repeat;
	line-height: 120%;
}
* html body#detail table.detailImg tr.zoom td a,
* html body#detail table.detailThumb tr.zoom td a {
	padding: 1px 0 2px 20px;
}

/* :::::: Text Detail Table :::::: */
body#detail table.detailTxt {
	width: 800px;
	margin-bottom: 20px;
	border-top: 1px #fc6 solid;
	border-right: 1px #fc6 solid;
	color: #666;
	font-size: 12px;
	text-align: left;
}
body#detail table.detailTxt th {
	width: 100px;
	margin-bottom: 24px;
	padding: 5px 7px;
	border-right: 1px #fc6 solid;
	border-bottom: 1px #fc6 solid;
	border-left: 1px #fc6 solid;
	font-weight: normal;
	background-color: #fff1d3;
}
body#detail table.detailTxt td {
	padding: 5px 7px;
	border-bottom: 1px #fc6 solid;
}

/* :::::: Footer :::::: */
body#detail {
}
body#detail #footer {
	width: 860px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
body#detail #footer .up {
	padding: 7px 28px;
	background-color: #e5e2d9;
	text-align: right;
}
/* forIE5-6 */
* html body#detail #footer .up {
	padding: 7px 0;
}
/* forIE7 */
*+html body#detail #footer .up {
	padding: 7px 0;
}
body#detail #footer address {
	padding: 5px 0;
	color: #fff;
	background-color: #8a6c49;
	font-family: Verdana,"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Arial,Helvetica,sans-serif;
	text-align: center;
}

/* -----------------------------------
	Form
----------------------------------- */
body#form #container {
	width: 670px;
	width/* */:/**/668px;
	width: /**/668px;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	background-color: #fff;
}
body#form #smileMainTitle {
	background: #fff url(../image/bg_head2.gif) right top no-repeat;
	padding-bottom: 11px;
}
body#form #smileMainTitle p {
	float: left;
	width: 403px;
	width/* */:/**/394px;
	width: /**/394px;
	height: 73px;
	padding: 0 0 0 9px;
}
body#form #smileMainTitle p#logo {
	width: 165px;
	width/* */:/**/140px;
	width: /**/140px;
	padding: 0 0 0 25px;
}
body#form #formContents {
	width: 668px;
	width/* */:/**/615px;
	width: /**/615px;
	padding: 0 26px 0 27px;
	border: 0;
}
body#form #formContents h1 {
	height: 40px;
	height/* */:/**/30px;
	height: /**/30px;
	margin: 10px 0 12px 0;
}
body#form #formContents p.note {
	margin-bottom: 3px;
	text-align: right;
}
body#form #formContents p.note span {
	color: #f60;
}

/* :::::: telephoneBox :::::: */
dl#telContact {
	width: 615px; height: 45px;
	margin-bottom: 7px;
	background: transparent url(../image/bg_telephone.gif) left top no-repeat;
}
dl#telContact dt {
	float: left;
	width: 362px;
	width/* */:/**/338px;
	width: /**/338px;
	padding: 16px 12px;
	font-size: 1%;
}
dl#telContact dd {
	float: right;
	width: 251px;
	width/* */:/**/227px;
	width: /**/227px;
	padding: 12px;
	font-size: 1%;
}

/* :::::: Form Table :::::: */
body#form table {
	width: 615px;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	text-align: left;
	font-size: 12px;
}
body#form table th,
body#form table td {
	padding: 5px 7px;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
body#form table th {
	width: 120px;
	background-color: #fff1d3;
	font-weight: normal;
}
body#form table th span {
	color: #f60;
}
body#form table th .note,
body#form table td .note {
	color: #666;
	font-size: 10px;
}
body#form table th.greet {
	width: auto;
	padding: 10px;
	color: #630;
	font-size: 14px;
	font-weight: bold;
}
body#form table td.target {
	color: #630;
	font-weight: bold;
}
body#form table td {
	vertical-align: middle;
}
body#form table td textarea {
	width: 452px;
	margin-top: 3px;
}
body#form table td input {
	padding: 1px 2px;
}
body#form table td select {
	width: 166px;
	padding: 1px;
}
body#form table td option {
	padding: 0 5px;
}
body#form table td.radio input,
body#form table td.radio label {
	vertical-align: middle;
}
body#form table td.radio label {
	margin-right: 10px;
}
body#form table td input.submit {
	padding: 0;
}
body#form table td input.nameBox { width: 158px; }
body#form table td input.addressBox { width: 360px; }
body#form table td input.numBox1 { width: 50px; }
body#form table td input.numBox2 { width: 80px; }
body#form table tr.set td {
	padding-bottom: 0;
	border-bottom: 0;
}
p#sendBtn,
p.ssl {
	margin: 20px auto;
	text-align: center;
}

/* :::::: Footer :::::: */
body#form #copyright {
	width :668px;
	background-color: #fff1d3;
}
body#form #footer {
	width :668px;
	height: 27px;
	height/* */:/**/18px;
	height: /**/18px;
	padding: 4px 0;
	background-color: #ff5900;
}

/* -----------------------------------
	clearfix
----------------------------------- */
#smileMainTitle:after,
#contentsWrap:after,
#recommendList:after,
.btnttl:after,
#companyAddress:after,
#companyContact:after,
table#result th.name .icon:after,
ul#pager:after,
body#form #copyright:after,
dl#telContact:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#smileMainTitle,
#contentsWrap,
#recommendList,
.btnttl,
#companyAddress,
#companyContact,
table#result th.name .icon,
ul#pager,
body#form #copyright,
dl#telContact {
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html #smileMainTitle,
* html #contentsWrap,
* html #recommendList,
* html .btnttl,
* html #companyAddress,
* html #companyContact,
* html table#result th.name .icon,
* html ul#pager,
* html body#form #copyright,
* html dl#telContact { height: 1%; }
#smileMainTitle,
#contentsWrap,
#recommendList,
.btnttl,
#companyAddress,
#companyContact,
table#result th.name .icon,
ul#pager,
body#form #copyright,
dl#telContact { display: block; }
/* End hide from IE-mac */

/* ::::: clearfix ::::: */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

