@charset "UTF-8";

/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* 地図から探す */
/* ------------------------------------------------------------ */

h3.nomal{
	border-left:5px #256DDA solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

.section p{
	line-height:130%;
}

.google{
	float:left;
}

.areaselect{
	float:right;
	width:170px;
}

.areaselect ul li{
	line-height:130%;
}

.areaselect li.ikko{
	background:url(../img/article/m_ikko.gif) no-repeat 0px 4px;
	padding:3px 0 3px 24px;
	width:128px;
}

.areaselect li.mansyon{
	background:url(../img/article/m_mansyon.gif) no-repeat 0px 4px;
	padding:3px 0 3px 24px;
	width:128px;
}

.areaselect li.tochi{
	background:url(../img/article/m_tochi.gif) no-repeat 0px 4px;
	padding:3px 0 3px 24px;
	width:128px;
}

.areaselect li.chintai{
	background:url(../img/article/m_chintai.gif) no-repeat 0px 4px;
	padding:3px 0 3px 24px;
	width:128px;
}

.areaselect li.zou{
	background:url(../img/article/m_zou.gif) no-repeat 0px 4px;
	padding:3px 0 3px 24px;
	width:128px;
}

.display{
	height:370px;
	overflow-y :scroll;

}


/* ------------------------------------------------------------ */
/* 検索結果一覧 */
/* ------------------------------------------------------------ */

/* 検索条件変更------------------------------------------------ */

*{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.menu{
	float:right;
} 

ul.menu li.c_title p{
	text-indent:-9999px;
}

ul.menu li{
	display:block;
	line-height:25px;
	text-decoration:none;
	background:#FFFFFF;
	padding:0 5px 0 5px;
}
ul.menu li a:hover{
	zoom:1;
}

ul.menu li ul.sub{
	position:absolute;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	border:1px #CCCCCC solid;
	width:350px;
	background:#FFFFFF;
	top:235px;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

.change{
	text-align:center;
	display:block;
	padding:0 0 5px 0;
}


/* セクション指定 */

.section_left{
	float:left;
	width:300px;
}

.section_left h3{
	margin:0;
	font-size:136%;
	color:#000;
}

.section_right{
	float:right;
	margin:0 0 0 10px;
}
.section_right_200{
	float:right;
	width:200px;
}

.section_right_300{
	float:right;
	width:300px;
}

#main-area h2{
	margin:0 0 10px 0;
}

.row{
	float:right;
	margin:0 0 6px 0;
}
.row ul li{
	float:left;
	padding:0 0 0 15px;
}

.nextpage{
	margin:10px 0 20px 0;
	
}

.nextpage ul{
	text-align:center;
}

.nextpage ul li{
	display:inline;
	padding-right:1em;
}

.nextpage a　{
}

/* ------------------------------------------------------------ */
/* タグ */
/* ------------------------------------------------------------ */
#tab-area {
	width:650px;
	height:auto;
	margin:0 0 0px 0;
	padding:0 0 10px 0;
	clear:both;
}

#tab-area ul#tab{
	padding:0;
	margin:0;
}

#tab-area ul#tab li {
	display:block;
	float:left;
	width:119px;
	height:29px;
	padding:0 1px 0 0;
	border-bottom:none;
	margin:0;
}

#tab-area ul#tab li.select {
	display:block;
	float:left;
	width:119px;
}
#tab-area div {
	float: left;
	height: auto;
	margin:0;
}

.intab{
	width:640px;
	min-height:382px !important;
	border: 1px solid #ccc;
	padding:10px 0 12px 10px;
}

.intab table{
	width:509px;
	height:382px !important;
	float:left;
	margin:0 10px 0 0;
	padding:0px;
}

.intab td{
	text-align:center !important;
	vertical-align:middle !important;
	margin:0px;
	padding:0px;
}


.tab_link{
	background:url(../img/common/link.gif) no-repeat 0 8px;
	padding:0 10px 10px 10px;
	float:right;
}

.tab_section{
	float:left;
	display:block;
}

.intab .clearfix{
	margin:0 0 10px 0;
}

.intab .tab_section{
	background:url(../img/home/os_bg.gif) repeat-y;
	width:150px;
	height:auto;
	display:block;
	padding:0;
	margin:0px 8px 0px 0px !important;
	text-decoration:none;
	color:#333333 !important;
}

.intab .tab_section a{
	background:url(../img/home/os_bg.gif) repeat-y;
	width:150px;
	height:auto;
	display:block;
	text-decoration:none;
	color:#333333 !important;
}

.intab_text{
	float:right;
	width:111px;
	margin:5px 9px 0 0;
	line-height:100% !important;
	font-size:77%;
}



/* コメント */
.comment_area{
	background-color:#FFFFFF;
	width:128px;
	height:32px !important;
	overflow:hidden;
	padding:2px;
	margin:0 0 0 8px !important;
	line-height:120%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 物件情報 */
.address{
	clear:both;
	font-size:115%;
	font-weight:bold;
	text-decoration:none;
	width:130px;
	line-height:110%;
	padding:8px 0 2px 0;
	margin:0 0 0 8px !important;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.price{
	line-height:115%;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 0 8px !important;
	_margin:0 0 0 4px !important;
}

.space{
	text-align:right;
	padding:4px 12px 0 0;
	line-height:100%;
	font-size:90%;
	margin:3px 3px 0 0px;
}

/* 物件を探す---------------------------------------------------- */

.areamap{
	background:url(../img/article/map.jpg) no-repeat;
	height:442px;
}

.tosearch p{
	text-indent:-99999px;
}

/* 各エリア---------------*/

.kahoku{
	top:305px;
	left:4px;
	position:absolute;
}

.hakusan{
	top:510px;
	left:4px;
	position:absolute;
}

.area_left{
	background:url(../img/article/area_left.gif) no-repeat top left;
	height:33px;
}
.area_right{
	background:url(../img/article/area_right.gif) no-repeat top right;
	height:33px;
	float:left;
}

.area_right_s{
	background:url(../img/article/area_right_s.gif) no-repeat top right;
	height:33px;
	float:left;
}

.higashi{
	top:330px;
	left:480px;
	position:absolute;
}
.higashi_body{
	padding:5px;
}


.ekinishi{
	top:395px;
	left:310px;
	position:absolute;
}
.ekinishi_body{
	padding:5px;
}

.machi{
	top:450px;
	left:510px;
	position:absolute;
}
.machi_body{
	padding:5px;
}

.nishi{
	top:465px;
	left:210px;
	position:absolute;
}
.nishi_body{
	padding:5px;
}

.daigaku{
	top:580px;
	left:530px;
	position:absolute;
}
.daigaku_body{
	padding:5px;
}

.nanbu{
	top:656px;
	left:405px;
	position:absolute;
}
.nanbu_body{
	padding:5px;
}

.nono{
	top:630px;
	left:215px;
	position:absolute;
}
.nono_body{
	padding:5px;
}

.kind{
	width:650px;
	}

.kind th,
.kind td{
	border:1px #CCCCCC solid;
	padding:5px;
}

.kind span{
	padding:0 10px 0 0;
}

/* 物件詳細---------------------------------------------------- */
.topcomment{
	clear:both;
	line-height:130%;
	margin:0 0 10px 0;
}
.de_price{
	font-size:114%;
	font-weight:bold;
	line-height:130%;
	display:block;
	float:right;
	_float:none;
}
*:first-child+html .de_price{
	float:none;
}

.de_price span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:182%;
	line-height:100%;
}

.type{
	clear:both;
	text-align:right;
	width:180px;
	line-height:120%;
	padding:5px 0 0 0;
}

.t_comment{
	background:url(../img/article/tantou_bottom.gif) no-repeat bottom;
	width:527px;
	float:left;
}

.t_comment_inner{
	padding:10px 0 0 0;
	background:url(../img/article/tantou_top.gif) no-repeat top;
	width:527px;
}

.t_comment p{
	padding:0px 10px 10px 10px;
}

.tantou_img{
	float:right;
}

.tantou_img img{
	width:113px;
}

/* 物件概要---------------*/

.section table.detail{
	border-collapse: collapse;
	width:650px;
}

.section table.detail th,
.section table.detail td{
	padding:3px 5px 0px 5px;
	border:1px #CCCCCC solid;
	line-height:130%;
}

.section table.detail th{
	text-align:left;
	background:#F0F0F0;
	width:15%;
}

.section table.detail td{
	width:35%;
}



/* メールフォーム---------------*/

.section table.form{
	border-collapse: collapse;
	width:650px;
	table-layout:fixed !important;
}

.section table.form th,
.section table.form td{
	padding:4px 10px;
	border:1px #CCCCCC solid;
	line-height:150%;
}

.section table.form th{
	text-align:left;
	background:#F0F0F0;
	padding:0 18px 0 60px;
}

.section table.form td{
	width:70%;
}

.hissu{
	vertical-align:middle;
	padding:0 5px 0 0;
}

.section table.form th.hissu_t{
	background:url(../img/article/hissu.gif) no-repeat #F0F0F0 20px 9px;
}


.section table.inquiry th{
	border:1px #FF00FF solid;
	padding:0 10px 0 50px !important;
}

.section table.inquiry th.hissu_t{
	background:url(../img/article/hissu.gif) no-repeat #F0F0F0 11px 13px;
}


/* information一覧---------------*/

.section table.info_list td{
	border-bottom:1px #CCCCCC dotted;
	padding:8px 0px;
}

.section table.info_list td.info_a{
	background:url(../img/common/link.gif) no-repeat 0 15px;
	padding:0 0 0 10px;
}


.backnumber{
	background:#E2ECFA;
	width:650px;
}

.backnumber_inner{
	float:right;
	padding:5px;
}

.backnumber p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	padding:8px 5px 0 0;

}
.backnumber form{
	float:left;
	padding:5px;
}

.backnumber input{
	padding:2px 5px;
}

.back{
	background:url(../img/common/link.gif) no-repeat 0 6px;
	text-align:right;
	float:right;
	padding:0 0 0 10px;
}


/* information詳細---------------*/


.info{
	border-bottom:1px #CCCCCC dotted;
	padding:5px 0 8px 0;
	margin:0 0 10px 0;
}

.date{
	font-size:107%;
	font-family:Arial, Helvetica, sans-serif;
}

.title{
	font-weight:bold;
	font-size:136%;
	border-left:5px #256DDA solid;
	padding:0 0 0 7px;
	margin:8px 0px
}

.info p.text{
	line-height:160%;
}

.link{
	background:url(../img/common/link.gif) no-repeat 0px 5px;
	padding:0px 0 0px 8px;
}

.img_area{
	font-size:0px;
	margin:7px 0px;
}

.img_area img{
	padding:5px 5px 0px 0;
}


/* お役立てリンク集---------------*/
.section table.links td a{
	background:url(../img/common/link.gif) no-repeat 0px 5px;
	padding:0 0 0 10px;
}

/* スタッフ紹介---------------*/
.staff{
	border-bottom:1px #CCCCCC dashed;
	padding:10px 0px 10px 0px;
	margin:0 0 10px 0;
}

.introduction{
	float:right;
	width:448px;
}

.staff_img{
	float:left;
	padding:0 10px 0 0;
}

.staff_img img{
	border:1px #CCCCCC solid;
	padding:2px;
}

.name{
	font-weight:bold;
	padding:0 0 0px 0;
	color:#003399;

}

/* スタッフ紹介---------------*/

.introduction_520{
	float:right;
	width:520px;
}

.birth{
	float:left;
	width:170px;
}

.motto{
	margin:15px 0px;
}

/* 会社案内---------------*/

.pro_add{
	float:left;
	width:220px;
	line-height:140%;
}

.guide{
	float:right;
	width:410px;
}




.section table.profile{
	border-collapse: collapse;
	width:650px;
	table-layout:fixed !important;
}

.section table.profile th,
.section table.profile td{
	line-height:150%;
	border-bottom:1px #CCCCCC dotted;
}

.section table.profile th{
	text-align:left;
	padding:0 10px 0 0px;
	font-weight:normal;
}

.section table.profile td{
	width:70%;
	padding:5px 0px;
}

/* プライバシーポリシー---------------*/
ul.privacy {
	margin:0 0 0 20px;

}

ul.privacy li{
	list-style:decimal;
	margin:0 0px 0 0;
}

ul.privacy li ul.privacy2{
	margin:10px 0px;
}

ul.privacy li ul.privacy2 li{
	list-style:none;
}

ul.privacy li ul.privacy2 li span{
}


/* お問い合わせ---------------*/

.section table.inquiry{
	border-collapse: collapse;
	width:650px;
	table-layout:fixed !important;
}

.section table.inquiry th,
.section table.inquiry td{
	padding:10px 10px;
	border:1px #CCCCCC solid;
	line-height:150%;
}

.section table.inquiry th{
	text-align:left;
	background:#F0F0F0;
	padding:0 10px 0 10px;
	vertical-align:middle;
}

.section table.inquiry td{
	width:70%;
	vertical-align:middle;
}

head~/* */body .section table.inquiry td input.submit{ /* for ie8 */ padding:3px 10px; }
html:not(:target) .section table.inquiry td input.submit{ /* for others */ padding:3px 10px; }


/* メール査定---------------*/

h3.mail{
	border-left:5px #F07668 solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

h3.mail_ikkodate{
	border-left:5px #E378CA solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

h3.mail_mansyon{
	border-left:5px #86D257 solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

h3.mail_tochi{
	border-left:5px #D5AC33 solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

.section table.selection{
	border-collapse: collapse;
	width:650px;
	margin:8px 0px 15px 0px;
	background:#FDF2F0;
}

.section table.selection th,
.section table.selection td{
	line-height:150%;
	padding:3px 0px;
}

.section table.selection th{
	text-align:left;
	padding:0 0 0 44px;
	width:170px;
}

.section table.selection th.hissu_t{
	background:url(../img/article/hissu.gif) no-repeat 8px 7px;
}

h4.as_mail{
	border-left:2px #F07668 solid;
	padding:0 0 0 7px;
	border-bottom:none;
	margin:0 20px 0 0;
}




.section table.assessment{
	border-collapse: collapse;
	width:650px;
	table-layout:fixed !important;
}

.section table.assessment th,
.section table.assessment td{
	padding:10px;
	border:1px #CCCCCC solid;
	line-height:150%;
}

.section table.assessment th{
	text-align:left;
	background:#F0F0F0;
	padding:0 10px;
	vertical-align:middle;
}

.section table.assessment td{
	width:70%;
	vertical-align:bottom;
}

.section table.assessment input{
	vertical-align:bottom;
}

.section .ikkodate table.assessment ul li{
	padding:0 0 0 10px;
}




/* 売却の流れ---------------*/
h3.assessment{
	border-left:5px #F07668 solid;
	padding:0 0 0 7px;
	background:#F4F4F4;
}

h4.assessment{
	border-left:2px #F07668 solid;
	padding:0 0 0 7px;
	border-bottom:none;
	float:left;
	margin:0 20px 0 0;
	width:120px;
}

.as_flow{
	clear:both;
	margin:0 0 10px 0;
}

.flow_title{
	width:120px;
	float:left;
	font-weight:bold;
}

.flow{
	width:500px;
	float:right;
}

/* 手数料キャンペーン---------------*/

.section table.campaign{
	border-collapse: collapse;
	width:650px;
	table-layout:fixed !important;
	text-align:center;
	margin:10px 0 0 0;
}

.section table.campaign th,
.section table.campaign td{
	border:1px #CCCCCC solid;
	line-height:150%;
	padding:3px 0px;
}

.section table.campaign th{
	background:#F0F0F0;
}

ul.campaign_pre{
	margin:0 0 10px 0;
}

ul.campaign_pre li{
	list-style:circle;
	margin:0 0 0 10px;
}

input.text_240{
	width:240px;
}

input.text_430{
	width:430px;
}

textarea.textarea_100{
	width:430px;
	height:100px;
}

textarea.textarea_60{
	width:430px;
	height:60px;
}


/* サイトマップ---------------*/

ul.company_sitemap li a{
	background:url(../img/common/link.gif) no-repeat 0 3px;
	padding:0 0px 0px 10px;
}

/* 物件探し依頼---------------*/
ul.request {
	margin:0 0 10px 0;
}

ul.request li{
	font-size:100%;
	color:#1F5AB4;
	font-weight:bold;
	list-style:circle;
	list-style-position:inside;
}