@charset "shift_jis";

/******************************************************************************

        ALL COPY RIGHTS,ＹＫ Plus Co RESERBED.

******************************************************************************/


/*-------------------------------------------------------------------------
								common
-------------------------------------------------------------------------*/

.box {
	clear: both;
	display: block;
	width:565px;
	margin: 0 15px 25px 15px;
}

div.contact_box {
	clear: both;
	width:318px;
	height: 68px;
	margin: 15px auto;
}

div.contact_box p {
	text-indent: -9999px;
}

div.contact_box p a {
	display: block;
	width:318px;
	height: 68px;
	background: url(../images/common/main_btn_contact.gif) left top no-repeat;
}

/*-------------------------------------------------------------------------
								index
-------------------------------------------------------------------------*/

#top #top_image{
	width: 595px;
	height: 271px;	
	padding: 0;
	margin: 0;
	background: url(../images/common/border_01.gif) left bottom no-repeat;
}

#top #main h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#top #main h2#top_consept {background: url(../images/top/top_h2_consept.gif) left top no-repeat}
#top #main h2#top_properties {background: url(../images/top/top_h2_properties.gif) left top no-repeat}
#top #main h2#top_news {background: url(../images/top/top_h2_news.gif) left top no-repeat}

#top p.top_txt {
	width: 535px;
	margin: 0 30px 15px 30px;
}

/* 中央バナーx2 */
#top div#bnrRecommend {
	width: 535px;
	margin: 0 auto 25px auto;
}

#top div#bnrRecommend #left {
	width: 255px;
	height: 100px;
	float: left;
	position: relative;
	background-image: url(../images/top/top_banner_choice-bk.jpg);
	background-repeat: no-repeat;
}

#top div#bnrRecommend #left ul.area1 { position: absolute; top: 50px; left: 8px; }
#top div#bnrRecommend #left ul.area2 { position: absolute; top: 74px; left: 8px; }

#top div#bnrRecommend #left ul li {
	font-size: 12px;
	background-image: url(../images/common/icon_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	display: inline;
}

#top div#bnrRecommend #right {
	width: 255px;
	height: 100px;
	float: right;
}

/* 中央バナーx1 */
#top p.top_banner_recommend {
	width: 535px;
	margin: 0 30px 25px 30px;
}

#top .top_banner {
	margin: 0 0 0 27px;
}

#top .top_banner p {
	float: left;
	position: relative;
	display: block;
	padding: 0 21px 16px 0;
}

/* 記事一覧（旧）*/
#topics {
	width:560px;
	padding: 2px 0 21px 31px;
	background:url(../images/top/top_property_bg.gif) left top no-repeat
}

#topics dl{
	width:100%;
	line-height:1.2;
}

#topics dl a{
	color: #333;
}

#topics dl a:hover{
	color: #f26649;
	text-decoration: underline;
}

#topics dl dt{
	float: left;
	width:85px;
	padding: 0 0 8px 26px;
	background: url(../images/common/icon_list.gif) left 1px no-repeat;
}

#topics dl dd	{
	padding: 0 0 8px 21px;
}


/* 記事一覧（新） */
#topics2 {
	width: 560px;
	padding: 2px 0 0 18px;
	background: url(../images/top/top_property_bg.gif) left top no-repeat;
}

#topics2 h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

#topics2 dl{
	width:100%;
	line-height:1.2;
}

#topics2 dl a{
	color: #333;
}

#topics2 dl a:hover{
	color: #f26649;
	text-decoration: underline;
}

#topics2 dl li {
	line-height: 1.4;
	list-style-type: none;
	border-bottom: 1px dotted #FBA343;
	margin-bottom: 15px;
	padding-left: 118px;
	padding-bottom: 15px;
}

#topics2 dl li.new_house  { background: url(../images/common/icon_new_house.gif) left top no-repeat;}
#topics2 dl li.used_house { background: url(../images/common/icon_used_house.gif) left top no-repeat;}
#topics2 dl li.new_ms     { background: url(../images/common/icon_new_ms.gif) left top no-repeat;}
#topics2 dl li.used_ms    { background: url(../images/common/icon_used_ms.gif) left top no-repeat;}
#topics2 dl li.land       { background: url(../images/common/icon_land.gif) left top no-repeat;}
#topics2 dl li.other      { background: url(../images/common/icon_other.gif) left top no-repeat;}

#topics2 dl li.threemillionnew_housenew_house   { background: url(../images/common/icon_new_house.gif) left top no-repeat;}
#topics2 dl li.threemillionused_houseused_house { background: url(../images/common/icon_used_house.gif) left top no-repeat;}
#topics2 dl li.threemillionnew_msnew_ms	        { background: url(../images/common/icon_new_ms.gif) left top no-repeat;}
#topics2 dl li.threemillionused_msused_ms 	    { background: url(../images/common/icon_used_ms.gif) left top no-repeat;}
#topics2 dl li.threemillionlandland		        { background: url(../images/common/icon_land.gif) left top no-repeat;}
#topics2 dl li.threemillionotherother		    { background: url(../images/common/icon_other.gif) left top no-repeat;}



#topics2 dl li dt{
	margin-bottom: 5px;
}

#topics2 dl li dd {
	font-size: 90%;
}

#topics2 dl li dd span.more{
	margin-left: 1em;
}

/* 記事一覧（新／販売済み） */
#topics3 {
	width: 560px;
	padding: 2px 0 0 18px;
	background: url(../images/top/top_property_bg.gif) left top no-repeat;
}

#topics3 h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

#topics3 dl{
	width:100%;
	line-height:1.2;
}

#topics3 dl a{
	color: #333;
}

#topics3 dl a:hover{
	color: #f26649;
	text-decoration: underline;
}

#topics3 dl li {
	line-height: 1.4;
	list-style-type: none;
	border-bottom: 1px dotted #FBA343;
	background: url(../images/common/icon_list.gif) left 1px no-repeat;
	margin-bottom: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
}

/* pagebute */
#paginate {
	width:560px;
	margin-bottom: 20px;
	padding-left: 18px;
}

#paginate .current_page {
	border-right: 1px solid #FBA343;
	margin: 0;
	padding: 0 7px;
}

#paginate .link_page {
	border-right: 1px solid #FBA343;
	margin: 0;
	padding: 0 7px;
}

#paginate .link_next {
	margin: 0;
	padding: 0 0 0 10px;
}

#paginate .link_before {
	margin: 0;
	padding: 0 10px 0 7px;
}

/* アイコン説明 */
p.abouticons {
	width:560px;
	margin-bottom: 20px;
	padding-left: 18px;
}




/*-------------------------------------------------------------------------
								request
-------------------------------------------------------------------------*/

#request #catch{
	width: 595px;
	height: 166px;	
	padding: 0;
	margin: 0;
	background: url(../images/common/border_01.gif) left bottom no-repeat;
}

#request h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#request h3 {
	width:565px;
	height: 21px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#request h2#sell {background: url(../images/request/request_h2_sell.gif) left top no-repeat}
#request h2#buy {background: url(../images/request/request_h2_buy.gif) left top no-repeat}

#request h3#sell_property {background: url(../images/request/request_h3_001.gif) left top no-repeat}
#request h3#buy_quick {background: url(../images/request/request_h3_002.gif) left top no-repeat}
#request h3#buy_quality {background: url(../images/request/request_h3_003.gif) left top no-repeat}

#request h3#buy_quick,
#request h3#buy_quality {
	float: left;
	width:324px;
	height: 21px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#request .box .box_txt {
	float: left;
	display: block;
	width: 300px;
	line-height: 1.5;
	padding: 0 0 15px 25px;
}

#request .txt {
	clear: both;
	width: 535px;
	margin: 0 30px 15px 30px;
}


#request p.box_txt strong,
#request .txt strong {
	font-size: 112%;
	letter-spacing: 0em;
}

#request .box .box_image {
	float: right;
	width: 225px;
}

#request .box .box_image2 {
	float: right;
	width: 225px;
	padding-top: 25px;
}

/*-------------------------------------------------------------------------
								reform
-------------------------------------------------------------------------*/

#reform #catch{
	width: 595px;
	height: 166px;	
	padding: 0;
	margin: 0;
	background: url(../images/common/border_01.gif) left bottom no-repeat;
}

#reform h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#reform h3 {
	width:565px;
	height: 21px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
}

#reform h2#solution {background: url(../images/reform/reform_h2_solution.gif) left top no-repeat}

#reform h3#reform01 {background: url(../images/reform/reform_h3_001.gif) left top no-repeat}
#reform h3#reform02 {background: url(../images/reform/reform_h3_002.gif) left top no-repeat}
#reform h3#reform03 {background: url(../images/reform/reform_h3_003.gif) left top no-repeat}

#reform .box .box_txt {
	float: left;
	width: 300px;
	display: block;
	line-height: 1.5;
	padding: 0 0 15px 25px;
}

#reform .txt {
	clear: both;
	width: 535px;
	margin: 0 30px 15px 30px;
}


#reform p.box_txt strong,
#reform .txt strong {
	font-size: 112%;
	letter-spacing: 0em;
}

#reform .box .box_image {
	float: right;
	width: 225px;
}

#reform .box .box_image2 {
	float: right;
	width: 225px;
	padding-top: 25px;
}

/*-------------------------------------------------------------------------
								company
-------------------------------------------------------------------------*/

#company h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/company/company_h2.gif) left top no-repeat;
}


#company .box {
	clear: both;
	display: block;
	width:545px;
	margin: 0 25px 25px 25px;
}

#company table {
	clear: both;
	position: relative;
	width:545px;
	margin: 7px 0 14px 0;
	border-top: 1px solid #fabd7d;
	border-left: 1px solid #fabd7d;
}

#company table th {
	position: relative;
	width: 22%;
	text-align: left;
	padding: 10px;
	background-color: #fae2c8;
	border-bottom: 1px solid #faac56;
	border-right: 1px solid #faac56;
}

#company table td {
	position: relative;
	width: 78%;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #faac56;
	border-right: 1px solid #faac56;
}

#company table td ol {
	line-height: 1.5;
	list-style-position: inherit;
	padding-left: 2em;
}

/*-------------------------------------------------------------------------
								contact
-------------------------------------------------------------------------*/

#contact h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/contact/contact_h2.gif) left top no-repeat;
}

.contactWrap{
	width:100%;margin:10px auto;
}

table.contact{
	width:570px;
	margin:0 auto;
	border-collapse:collapse;
}

table.contact th,table.contact td{
	background-color: #fae2c8;
	border: 1px solid #faac56;
	padding: 7px 5px;
}

table.contact td {
	background-color: #fff;
	border: 1px solid #faac56;
	padding: 7px 5px;
}
table.contact td .short { width: 40px; }
table.contact td .longinput { width: 340px; }
table.contact td .longinput2 { width: 140px; }
table.contact td textarea { font-size:1em;width: 350px; }
table.contact .confirm {background:none;border:none;padding:10px 5px;text-align:center; }

/*-----------------------------
	.form
-----------------------------*/

div.form {
	width:565px;
	margin: 0;
}

div.form .std {

}

div.form .std td {
	width:400x;
	font-size:100%;
	padding:4px 4px 6px 12px;
	border-bottom: 1px solid  #faac56;
}

div.form .std .left2 {
	width:160px;
	vertical-align:top;
	color:#33A02C;
	white-space:nowrap;
	padding-left:20px;
}

.text_area03{ width:500px; height:200px; font-size:100%;}

div.form .confirm1 {
	display: inline;
	width:60px;
}

div.form .confirm2 {
	display: inline;
	width:60px;
	margin-left: 10px;
}

div.form textarea {
	font-size: 11px;
}

#address2, #address3, #subject { width: 350px; }
#name, #kana, { width: 140px; }
#email_s, #emailcheck { width: 180px; }
#address0 { margin-bottom: 3px; }
#zip0 { width: 30px; }
#zip1 { width: 40px; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 40px; }
#message { width: 350px; height: 100px; }

/*-------------------------------------------------------------------------
								sitemap
-------------------------------------------------------------------------*/

#sitemap h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/sitemap/sitemap_h2.gif) left top no-repeat;
}

#sitemap #main .box ul{
	margin: 0 0 0 25px;
}

#sitemap #main .box ul li{
	padding: 0 0 8px 21px;
	list-style: none;
	background: url(../images/common/icon_arrow.gif) left 3px no-repeat;
}

#sitemap #main .box ul li ul{
	margin: 10px 0 0 0px;
}

#sitemap #main .box ul li a{
	color: #333;
}

#sitemap #main .box ul li a:hover{
	color: #f26649;
	text-decoration: underline;
}

/*-------------------------------------------------------------------------
								policy
-------------------------------------------------------------------------*/

#policy h2 {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/policy/policy_h2.gif) left top no-repeat;
}

#policy #main .box ol{
	width:525px;
	margin: 0 auto;
	list-style-position:outside;
}

#policy #main .box ol li{
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

#policy #main .box ol li span{
	line-height: 2em;
}

#policy #main .box p{
	margin-bottom: 1em;
}

/*-------------------------------------------------------------------------
								news
-------------------------------------------------------------------------*/

#top_news {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/news/news_h2.gif) left top no-repeat;
}
#top_recommend {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/recommend/recommend_h2.gif) left top no-repeat;
}
#top_rent {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/rent/rent_h2.gif) left top no-repeat;
}
#top_tokyo {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/tokyo/tokyo_h2.gif) left top no-repeat;
}
#top_kanagawa {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/kanagawa/kanagawa_h2.gif) left top no-repeat;
}
#top_othersarea {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/othersarea/othersarea_h2.gif) left top no-repeat;
}
#top_threemillion {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/3million/3million_h2.gif) left top no-repeat;
}
#top_soldout {
	clear: both;
	width:595px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 0;
	background: url(../images/soldout/soldout_h2.gif) left top no-repeat;
}


.top_news_sub{
	width:545px;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:2px 0 5px 20px;
	border-bottom:1px solid #F26649;
	background: url(../images/news/news_h3.gif) left top no-repeat;
}
.news_body{padding:10px;margin-left:30px;}
.news_date{border-top:1px dotted #999;margin:9px 10px;text-align:right;padding:3px;}
.backlist{text-align:center;}


/*-------------------------------------------------------------------------
								poopup
-------------------------------------------------------------------------*/

body.popup  h2 {
	clear: both;
	width:771px;
	height: 37px;
	text-indent: -9999px;
	margin: 7px 0 14px 13px;
	background: url(../images/common/propeties_h2.gif) left top no-repeat;
}


body.popup .box {
	clear: both;
	display: block;
	width:780px;
	margin: 0 auto 25px auto;
}
