@charset "utf-8";
@import "css/layout.css";
@import "css/common.css";
/* ------------------------------------------------

common.css ･･･ タグリセットや、汎用クラス(編集しない)
layout.css ･･･ レイアウトの基本枠や共通クラス
style.css ･･･ 個別スタイル

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

/* ------------------------------------------------
UPDATE RECORDS
	2013/09/12 新着情報の縦の長さを修正(height:104px->220px)
	2013/09/12 div.top_left div.Mirai_OsusumeBukken h4 クラス追加
	2013/10/07 area タグの中の ul,li を削除して単なるdivに変更
			   ul.price_term li.price のpadding rightを10pc->8px
			   .lo_right のwidthを280px->270px
------------------------------------------------ */


/***************************************
 トップページ上
***************************************/

div.top_left{ width: 585px;	float: left;}
/* お勧め物件 */
div.top_left div.Mirai_OsusumeBukken h3{ width: 530px; height: 35px; background: url(images/midashibg.jpg) no-repeat; font-size: 14px; color: #FFFFFF; padding: 7px 0 0 55px; margin: 0;}
div.top_left div.Mirai_OsusumeBukken table{ border: none; padding: 0;}
div.top_left div.Mirai_OsusumeBukken table td{ padding: 5px 7px; text-align: center; border: 1px solid #999999;}
div.top_left div.Mirai_OsusumeBukken div.iframearea {width: 550px; margin-left:auto; margin-right:auto;}
div.top_left div.Mirai_OsusumeBukken h4{
	width: 149px;
	margin: 0 0 0 4px;
	padding: 2px 0 2px 10px;
	background:left url(images/acc_blue.gif) no-repeat;
	font-size: 14px;
	color: #39287D;
	height: 16px;
}


div.top_right{ width: 350px; float: right;}
/* 新着情報*/
div.top_right div.Mirai_ShinchakuJoho h3{ width: 295px; height: 25px; background: url(images/new_bg.gif) no-repeat; font-size: 14px; color: #ffffff; padding: 3px 0 0 55px; margin: 0;}
div.top_right div.Mirai_ShinchakuJoho div.newsbox{ border: 1px solid #999999; margin: 0; padding: 10px; width: 328px; height: 220px;}
/* 物件検索 */
div.top_right div.Mirai_BukkenKensaku h3{ width: 295px; height: 22px; background: url(images/searchbg.jpg) no-repeat; font-size: 14px; color: #ffffff; padding: 5px 0 0 55px; margin: 6px 0 0 0;}
div.top_right div.Mirai_BukkenKensaku .search_box{ border: 1px solid #999999; margin: 0; padding: 5px 5px 5px 5px; width: 338px;}
div.top_right div.Mirai_BukkenKensaku .search_box h4{ color: #39287D; padding: 0 0 0 20px; margin: 10px 0 5px 0; background: url(images/searchacc.jpg) no-repeat; background-position: 0 4; clear: both;}

div.search_box ul.rent_s{ list-style-type: none; margin: 0; padding: 0; width: 347px; height: 57px;}
div.search_box ul li{ float: left; margin: 0 4px 0 0; padding: 0;}
div.search_box ul.buy_s{ list-style-type: none; margin: 0; padding: 0; width: 347px;}
div.search_box ul li{ float: left; margin: 0 4px 0 0; padding: 0;}

div.search_box_top{ height: 110px; border-bottom: 1px solid #999999; margin: 0 0 10px 0; padding: 0;}

div.search_box_c { padding: 0 0 0 89px; margin: 0; background: url(images/search_cbg.gif) no-repeat; width: 246px; height: 122px; border-bottom: 1px dotted #999999;}
div.search_box_b { padding: 0 0 0 89px; margin: 5px 0 0 0; background: url(images/search_bbg.gif) no-repeat; width: 246px; height: 103px;}

.search_listr01{ margin: 0; padding: 0 0 5px 0; border-bottom: 1px dotted #009900;}
.search_listr02{ padding-right: 0;padding-left: 0;margin-top: 5px;padding-bottom: 5px;}
.search_listr03{ margin: 0; padding: 0 0 5px 0; border-bottom: 1px dotted #009900;}
.search_listr04{ padding-right: 0;padding-left: 0;margin-top: 5px;}


/* 特集 */
div.top_right div.Mirai_Tokusyu .pet_box{ width: 350px; height: 90px; margin:6px 0 0 0; padding: 0; clear: both;}
div.top_right div.Mirai_Tokusyu .pet_box ul.pet{ width: 265px; height: 45px; list-style-type: none; margin: 0; padding: 50px 0 0 85px; background: url(images/petbg.jpg) no-repeat;}
div.top_right div.Mirai_Tokusyu .pet_box ul.pet li{ float: left; margin: 0 20px 0 0; padding: 0 0 0 20px; background: url(images/tokushuacc.jpg) no-repeat; background-position: 0 6;}
.right_search a{ float: left; margin: 0; padding: 15px 0 0 30px; width: 138px; background: url(images/jigyo_r01.jpg) no-repeat; color: #090; display: block;  height: 30px; text-decoration: none; font-weight: bold; font-size: 14px;}
.right_search a:hover { margin: 0; padding: 15px 0 0 30px; width: 138px; background: url(images/jigyo_r00.jpg) no-repeat; color: #090; display: block; height: 30px;  text-decoration: none; font-weight: bold;  font-size: 14px;}
ul.r_search_list{ list-style-type: none; width: 160px; margin: 0 0 0 0; padding: 0 0 0 9px; float: right;}
ul.r_search_list li a{ float:left; margin: 0 6px 3px 0; padding: 0 0 0 10px; background: url(images/acc_gray.gif) no-repeat; background-position: 0 4px; display:block;}


/***************************************
 トップページ下
***************************************/

div.bottm_left{ float:left; width:756px; margin: 0; padding: 0 0 0 0;}
div.main{ float:right; width:563px; margin: 0 0 0 6px; padding: 0;}
div.main h3{ width: 530px; height: 23px; background: url(images/mainh3.jpg) no-repeat; font-size: 14px; color: #39287D; padding: 7px 0 0 35px; margin: 0; clear: both;}
div.info{ margin: 0 5px 20px 5px; padding: 0;}
div.info p{ margin: 15px 0 0 0; padding: 0; border-bottom: 1px dotted #ccc;}
h4.ji_title{ width: 529px; height: 23px; background: url(images/list_green.gif) no-repeat; font-size: 14px; color: #006600; padding: 0 0 0 25px; margin: 15px 0 8px 0;}
h4.ju_title{ width: 529px; height: 23px; background: url(images/list_orange.gif) no-repeat; font-size: 14px; color: #FF6600; padding: 0 0 0 25px; margin: 15px 0 8px 0; clear: both;}
div.area{ list-style-type: none; margin: 0 0 0 10px; padding: 0 0 40px 0;}
div.area a{ float:left; background: url(images/acc_write_bg.gif) no-repeat #009900; background-position: 5px 7px; margin: 0 8px 10px 0; padding: 3px 7px 3px 17px; display: block; border: 1px solid #999999; color: #FFFFFF; font-size: 12px; text-decoration: none;}
div.area a:hover{ float:left; background: url(images/acc_write_bg_r.gif) no-repeat #7FCC7F; background-position: 5px 7px; margin: 0 8px 10px 0; padding: 3px 7px 3px 17px; display: block; border: 1px solid #999999; color: #FFFFFF; font-size: 12px; text-decoration: none;}


.lo_left{ float: left; width: 280px; margin: 0; padding: 10px 0 10px 10px;}
.lo_right{ float: right; width: 270px; margin: 0; padding: 10px 0 10px 0;}
ul.location{ list-style-type: none; margin: 0 0 0 0; padding: 0 0 30px 0; clear: both;}
ul.location li.station{ float:left; margin: 0 10px 0 0; padding: 0 0 0 0; font-weight:bold; color: #000066; width: 80px;}
ul.location li.type{ float:left; margin: 0 15px 0 0; padding: 0 0 0 10px; background: url(images/acc_blue.gif) no-repeat; background-position: 0 4px;}

div.main h5{ background: url(images/mainh5.gif) no-repeat; margin: 10px; padding: 0 0 5px 20px; font-weight: bold; font-size: 13px; height: 18px; clear: both;}


ul.search_term{ list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 10px; clear: both; width: 550px; height: 80px;}
ul.search_term li{ float:left; margin: 0 30px 10px 0; padding: 0 0 0 10px; background: url(images/acc_blue.gif) no-repeat; background-position: 0 4px;}


ul.price_term{ list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 10px; clear: both; width: 550px;}
ul.price_term li.city{ float:left; margin: 0 5px 0 0; padding: 0 0 0 0; font-weight:bold; color: #000066; width: 60px;}
ul.price_term li.price{ float:left; margin: 0 15px 10px 0; padding: 0 0 0 8px; background: url(images/acc_blue.gif) no-repeat; background-position: 0 4px;}

.ajust{ padding: 0 0 50px 0;}



/***************************************
　　左ブロック
***************************************/

div.side_l{ float:left; width:180px; margin: 0; padding: 0;}
div.owner{ width: 178px; border: 1px solid #999999; text-align: center;}
.l_bn{ margin: 0px; padding: 3px 0 0 0;}
div.counter{ width: 178px; border-top: 1px dotted #999999; margin: 5px 0 0 0; padding: 3px 0 0 0;}

div.in_box_l{ width: 178px; border: 1px solid #999999; text-align: left; margin: 15px 0 0 0; padding: 0 0 7px 0;}
h3.mobile{ width: 138px; margin: 0; padding: 7px 0 0 40px; height: 23px; background: url(images/mobile_h.jpg) no-repeat; font-size: 14px; color: #39287D; }
p.qr{ margin: 0; padding: 10px 0 0 15px;}
p.qr_img{ text-align: center; margin: 0; padding: 2px 0 0 0;}
div.in_box_l02{ width: 168px; border: 1px solid #999999; text-align: left; margin: 15px 0 0 0; padding: 5px;}
.l_access { background: url(images/acc_l.gif) no-repeat; background-position: 0 6; margin: 0 0 10px 80px; padding: 0 0 0 12px; }



/***************************************
　　右ブロック
***************************************/

div.side_r{ float:right; width:179px; margin: 0; padding: 0; text-align: left;}
ul.r_menu{ list-style-type: none; width: 179px; margin: 0; padding: 0;}
ul.r_menu li.rm_01 a{ width: 144px; margin: 0 0 4px 0; padding: 10px 0 0 35px; background: url(images/right_menubg.jpg) no-repeat; height: 26px; font-size: 13px; color: #39287D; font-weight: bold; display: block; text-decoration: none;}
ul.r_menu li.rm_01 a:hover{ width: 144px; margin: 0 0 4px 0; padding: 10px 0 0 35px; background: url(images/right_menubg_r.jpg) no-repeat; height: 26px; font-size: 13px; color: #ff6600; font-weight: bold; display: block; text-decoration: none;}
ul.r_menu li.rm_02 a{ width: 144px; margin: 0 0 4px 0; padding: 7px 0 0 35px; background: url(images/right_menubg.jpg) no-repeat; height: 29px; font-size: 13px; color: #39287D; font-weight: bold; line-height: 13px; display: block;  text-decoration: none;}
ul.r_menu li.rm_02 a:hover{ width: 144px; margin: 0 0 4px 0; padding: 7px 0 0 35px; background: url(images/right_menubg_r.jpg) no-repeat; height: 29px; font-size: 13px; color: #ff6600; font-weight: bold; line-height: 13px; display: block;  text-decoration: none;}
h3.link{ width: 140px; margin: 20px 0 0 0; padding: 7px 0 0 39px; height: 22px; background: url(images/link_h.jpg) no-repeat; font-size: 14px; color: #39287D; }
div.in_box_r{ width: 177px; border: 1px solid #999999; text-align: left; margin: 0; padding: 10px 0 0 0;}
h4.link_cate{ width: 149px; margin: 0 0 0 4px; padding: 2px 0 2px 20px; background: url(images/linkh4.gif) no-repeat; font-size: 12px; color: #39287D; height: 26px;}
ul.link_list{ list-style-type: none; width: 168px; margin: 0; padding: 5px 0 20px 10px;}
ul.link_list li{ margin: 0 0 6px 0; padding: 0 0 0 12px; background: url(images/acc_gray.gif) no-repeat; background-position: 0 4px;}




/*************************************
	Mirai_Mainフォーマット
**************************************/
img.rollright {	float: right;margin: 0 0 10px 10px;}
img.rollleft { float: left;margin: 0 10px 10px 0;}

#container div.Mirai_Main h1{
	width: 556px;
	height: 35px;
	background: url(images/mmh1.jpg) no-repeat;
	font-size: 16px;
	color: #39287D;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 30px;
	clear: both;
}
div.Mirai_Main h2{
	width: 556px;
	height: 35px;
	background: url(images/mmh2.jpg) no-repeat;
	font-size: 14px;
	color: #39287D;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 20px;
	clear: both;
}
div.Mirai_Main ol{ list-style-type: none;}
div.Mirai_Main ol li {
	list-style-type: none;
	background-position: 0 5px;
	background-image: url(images/sq_acc_blue.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

/* メールフォーム */
div.Mirai_Main .mailform {}
div.Mirai_Main .mailform table { border:none;}
div.Mirai_Main .mailform th { border:none;}
div.Mirai_Main .mailform td {border:none; padding:5px;}


/* 左ブロック ----------------------*/
/* 物件検索 */
div.side_l div.Mirai_BukkenKensakuSub {
	border: 1px solid #999999;
	padding-right: 0;
	margin-bottom: 16px;
}
div.side_l div.Mirai_BukkenKensakuSub h3{
	width: 123px;
	height: 22px;
	background: url(images/searchbg.jpg) no-repeat;
	font-size: 14px;
	color: #ffffff;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 55px;
}
/*----------*/
div.side_l div.ListGreen{
	width: 123px;
	height: 22px;
	background: url(images/list_green.jpg) no-repeat;
	font-size: 14px;

	margin: 4px 0 8px 10px;
	padding: 0 0 0 25px;
}
div.side_l div.ListGreen a{
	color: #006600;
	font-weight: bold;
}
div.side_l div.ListOrange{
	width: 123px;
	height: 22px;
	background: url(images/list_orange.jpg) no-repeat;
	font-size: 14px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
div.side_l div.ListOrange a{
	color: #FF6600;
	font-weight: bold;
}
div.side_l div.AreaLink{
	height: 40px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	margin-top: -10px;
	float: left;
}


div.Mirai_BukkenKensakuSub div.House {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
}
div.Mirai_BukkenKensakuSub div.House a{
	color: #006600;
	font-weight: bold;
}
div.Mirai_BukkenKensakuSub div.Office {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
}
div.Mirai_BukkenKensakuSub div.Office a{
	color: #FF6600;
	font-weight: bold;
}
div.Mirai_BukkenKensakuSub div.Office div.Area {
	margin-left: 20px;
	font-size: 12px;
	font-weight: normal;
}
div.Mirai_BukkenKensakuSub div.Office div.Area a{
	color: #333333;
	font-weight: normal;
}
div.Mirai_BukkenKensakuSub #SearchEnd {
	border-bottom-style: none;
}

div.Paragraph {
	font-size: 13px;
	padding-left:10px;padding-rignt:10px; padding-bottom:80px; clear: both;
}
div.DotHorizontalLine {
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 10px;
	clear: both;
}

/* リンク集のテーブル設定 ----------------------*/
div.Mirai_Main .Mirai_link .headstr {
	font-size: 14px;
	font-weight: bold;
}
div.Mirai_Main .Mirai_link table {
  	border-collapse: collapse;
    border: none;
}
div.Mirai_Main .Mirai_link td {
    border-width: 1px 0px;
    border-color: #999;
    border-style: dotted;
    padding: 0.3em; /* セル内側の余白 */
}


/* 右ブロック ----------------------*/
div.side_r div.in_box_l {
	margin:0;
}