@charset "utf-8";

/* BASE =============================== */
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif;
	margin:0;
}
h1 {
	padding-top:1em;
	margin:0;
	line-height:1.7em;
	font-size:0.8em;
	font-weight:normal;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif;
}
h2 {
	border-bottom: 1px dotted #999;
	color: #517573;
}
img {
	border: 0;
}
ol li {
	margin-bottom: 1.5em;
}
a {
	color: #F69;
	text-decoration: none;
}
a:link {
	color: #F69;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}
a:visited {
	color: #F69;
	text-decoration: underline;
}
a:hover {
	color: #F69;
	text-decoration:none;
}

/* テキスト設定 */
.txt_mintyo{
	font-family: "Georgia","ＭＳ 明朝",serif;
}
.txt_big{
	font-size: 1.3em;
	line-height:1.7em;
	font-weight:bold;
}
.txt_small{
	font-size: 0.7em;
}
.txt_normal{	
	font-size: 0.8em;
	line-height: 1.2em;	
}
.txt_pink{
	color:#FF0083;
}
.txt_malon{
	color:#5F4245;
}
.txt_sky{
	color:#008BD5;
}

/* float設定 */
.c_both{
	clear:both;
}
.float_l{
	float:left;
}
.float_r{
	float:right;
}
/* text-align設定 */
.txt_align_l{
	text-align:left;
}
.txt_align_r{
	text-align:right;
}
.txt_align_c{
	text-align:center;
}

/* text-align設定 */
.margin_bottom15{
	margin-bottom:15px;
}

a img{
	background:none;
}
a:hover img{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/* LAYOUT ============================= */
#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background:#fff;
}

/* - - - - - header - - - - - */
#header {
	position: relative;
	margin: 0 auto;
	width:960px;
	height:150px;
	background:url(images/logo_top2.jpg);
}
#nav_header{
	position:absolute;
	right:0;
	top:78px;	
}
#nav_header li{
	list-style:none;
	margin:-.3em .5em;
	padding:0;
}

/* - - - - - nav - - - - - */
#nav{
	positon:relative;
	width:960px;
	height:79px;
	margin:0 auto;
}
#nav ul{
	padding:0;
	margin:0;
}
#nav li{
	float:left;
	list-style:none;
	display: block;
}
#nav li a {
	display: block;
	float: left;
	width: 137px;
	height: 79px;
	text-indent: -99999px;
	background-image: url(images/nav.jpg);
}
#nav .first_on {
  background-position: 0 -79px;
}
#nav a.first {
  background-position: 0 0;
}
#nav a.first:hover {
  background-position: 0 -79px;
}
#nav .plan_on {
  background-position: -137px -79px;
}
#nav a.plan {
  background-position: -137px 0;
}
#nav a.plan:hover {
  background-position: -137px -79px;
}
#nav .escape_on {
  background-position: -275px -79px;
}
#nav a.escape {
  background-position: -275px 0px;
}
#nav a.escape:hover {
  background-position: -275px -79px;
}
#nav .lineup_on {
  background-position: -412px -79px;
}
#nav a.lineup {
  background-position: -412px 0;
}
#nav a.lineup:hover {
  background-position: -412px -79px;
}
#nav .book_on {
  background-position: -549px -79px;
}
#nav a.book {
  background-position: -549px 0;
}
#nav a.book:hover {
  background-position: -549px -79px;
}
#nav .shop_on {
  background-position: -686px -79px;
}
#nav a.shop {
  background-position: -686px 0;
}
#nav a.shop:hover {
  background-position: -686px -79px;
}
#nav .inquiry_on {
  background-position: -823px -79px;
}
#nav a.inquiry {
  background-position: -823px 0;
}
#nav a.inquiry:hover {
  background-position: -823px -79px;
}

/* - - - - - - - -  共通box - - - - - - - - ↓ */
#whitebox{
	width:610px;/*650*/
	padding:20px;
	border:1px solid #ccc;
	margin-bottom:15px;
}

/* - - - - - - - -  containerエリア - - - - - - - - ↓ */
.pankuzu{
	font-size: 0.8em;
	height:20px;
	width:960px;
	margin:0 auto;	
	padding:5px 0;
	margin-bottom:-20px;
}

#container {
	width:980px;
	margin-top:20px;
	margin-bottom:20px;
	overflow: hidden;
	zoom:1;
}

#container_wid {
	width:960px;
	margin:20px auto;
	overflow: hidden;
	zoom:1;
}

/* - - - - - main - - - - - */
#main {
	float: left;
	width: 660px;
	padding: 0 10px;
}
#main_lineup {
	float: left;
	width: 660px;
	padding: 10px 10px;
	overflow:hidden;
	zoom:1;

}


.main_btn_plan{
	width:650px;
	height:360px;
	margin:0;
	background:url('images/main_btn_plan_o.jpg') no-repeat left top;
}
.main_btn_plan a {
	display: block;
	width: 650px;
	height: 360px;
}
.main_btn_plan a:hover{
	text-indent:-9999px;
}

/* 新着情報  */
#news{
	width:650px;
	height: 130px;
	overflow: auto;
	padding: 0;
	border:1px solid #d3d3d3;
}
#news li {
	position: relative;  
    margin: 0;  
    padding: 10px 0 10px 110px;    
    border-bottom: 1px dotted #999;  
	list-style:none;
	font-size:0.9em;
	line-height:1.5em;
}
#news li a {
} 
#news li span {
	display: block;  
    position: absolute;  
	padding:10px 0
    top: 0;  
    right: 10px;  
    width: 180px;  
    text-align: left;
}
#news li > span {
	left:0;
}

/* バナーエリア  */
#bn_area{
	margin-top:30px;
}
#bn_area img{
	margin:5px 0;
}
/* アクセスエリア */
#access_area{
	width:650px;
	height:475px;
	background:url(images/main_bg_access.png);
}
#main_map{
	width:335px;
	margin-top:115px;
	margin-left:15px;	
}
#main_map_info{
	width:280px;
	margin-top:115px;
	margin-right:15px;	
	padding:0;
	font-size:0.9em;
	line-height:1.5em;	
}
#main_map_info ul{
	padding:0;
}
#main_map_info li{
	list-style-position:inside;
	list-style-type: none;
	border-bottom:1px dotted #CCC;
	font-size:0.9em;
	padding:5px 0;
}
#main_map_info li.border_none{
	border:none;
}



/* - - - - - 見出し - - - - - */
/* ハウスアイコンの設定 */
#midasi_house{
	height:25px;
	padding-top:1px;
	padding-left:50px;
	margin:10px 0;
	background:url(images/icon_house.png) no-repeat;
	font-size:1.3em;
	font-weight:bold;
}
/* ハウスアイコンの設定 */
#midasi_houseline{
	height:30px;
	padding-top:1px;
	padding-left:50px;
	margin:10px 0;
	background:url(images/midasi_houseline.png) no-repeat;
	font-size:1.3em;
	font-weight:normal;
}



/* - - - - - はじめての方へ - - - - - */

/* 代表の想い */
#base_first{
	width:610px;/*650*/
	height:651px;
	background:url(images/base_first201504.png) no-repeat;
	font-size:.9em;
	padding:20px;
	font-family: "Georgia","ＭＳ 明朝",serif;
}
#base_first ul{
	padding:0;
}
#base_first li{
	padding:6px 0;
	list-style:none;
	border-bottom:1px dotted #CCC;
}
#base_first li.short{
	width:390px;
}

/* ３つのコンセプト */
#whitebox_concept{
	width:610px;/*650*/
	padding:0 20px;
	border:1px solid #ccc;
	margin-top:-20px;
}
#concept ul{
	padding:0;
}
#concept li{
	list-style:none;	
	font-size: .9em;
	line-height:1.4em;
}
.concept_img{
	width:129px;
	height:111px;
	float:left;
	padding-right:10px;
}
li#concept_list{
	width:610px;
	height:111px;
	padding:10px 0;

}
.line{
	height:1px;
	border-top:1px dotted #ccc;
	padding:10px 0;
}


/* あなたにも組めるローンプラン */
#plan_example{
	width:960px;
	height:261px;/*371*/
	padding-top:110px;
	background:url(images/plan04.png) no-repeat;
	font-size:1.3em;
	line-height:1.4em;
	color: #943D34;
	font-weight:bold;
	margin-bottom:20px;
}

/* 賃貸脱出計画 */
#yellowbox_escape{
	width:610px;/*650*/
	padding:20px;
	background:#FFF5CF;
	border:1px solid #ccc;		
	margin:10px 0;
	font-size:.9em;
	line-height: 1.2em;
	font-weight:bold;
}
ul#escape_nayami{
	padding:0;
}
#escape_nayami li{
	list-style:none;
	font-size:.9em;
	padding:8px 0;
	border-bottom:1px dotted #ccc;
}
#escape_nayami li.noline{
	border:none;
}
.escape_nayami_img , .escape_nayami_allow_img{
	width:22px;
	height:22px;
	padding-right:10px;
	vertical-align:middle;
}
.escape_nayami_allow_img{
	padding-left:32px;
}

/* ラインナップ */
#graybox{
	width:630px;/*650*/
	height:150px;
	padding:10px;
	margin-bottom:10px;
	background:#EFEFEF;
	overflow:hidden;
}
.lineup_list_img{
	float:left;
	padding-right:10px;
}
.lineup_btn_miru{
	text-align:right;
}
.pinkbox_mini{
	font-size: .7em;
	color:#fff;
	background:#FF8DC4;
	padding:3px;
}
.txt_series{
	font-size: 0.8em;
	line-height: 1.6em;
	margin:10px 0;
}
#lineup_photoarea{
	width:195px;
	height:min-height:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
	float:left;
	padding-right:30px;
	background:#fff;
}
.lineup_button{
	padding-left:20px;
}

#lineup_infoarea{
	overflow:hidden;
	zoom:1;
}



/* table設定 */
#tbl_company {	
	text-align:left;
	font-size:0.9em;
	width:650px;
	margin-bottom:30px;
}
#tbl_company th{
	width:110px;
	vertical-align: top;
	font-weight:normal;
}
#tbl_company th,td{
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

/* フォーム */
#tbl_form {
	width:900px;
	font-size:.9em;
	text-align:left;
	margin:0 auto;
	margin-bottom:30px;
}
.red {
	font-size:.7em;
	background:#F00;
	color:#fff;
	padding:5px;
}
#tbl_form th{
	font-weight:normal;
	width:300px;/*310*/
	background:#f5f5f5;
	padding:10px 0 10px 20px;
	line-height:1em;
}
#tbl_form td{
	background:#fff;
	width:550px;/*580*/
	padding:10px 0 10px 30px;
}
.midasi_form{
	margin-bottom:20px;
}
.button{
	margin:10px 0;
	text-align:center;
}
input.button-primary {
	padding: 1em 2.4em;
	border: none;
	border-bottom: 3px solid #165373;
	border-radius: 5px;
	color: #FFF;
	font-size: 100%;
	background-color:#dc143c;
}
input.button-primary:active {
	border: none;
	border-top: 3px solid #165373;
}
.button-reset {
	padding: 1em 1.5em;
	border: none;
	border-bottom: 3px solid #165373;
	border-radius: 5px;
	color: #FFF;
	font-size: 100%;
	background-color: #666;
}
.button-reset:active {
	border: none;
	border-top: 3px solid #165373;
}

/* QA */

#qa{
}
#qa ul{
	padding:0;
}
#qa li{
	list-style:none;
}
#qa li.q{
	font-size:1.2em;
	color:#ff667c;
	font-weight:bold;
	padding-top:20px;
}
#qa li.a{
	font-size:.9em;
	line-height:1.6em;
	background:#fffacd;
	padding:15px 30px;
	border-radius:5px;
}
.a_ttl{
	font-size:1.5em;
	color:#5bcee5;
	font-weight:bold;
	padding-top:20px;
}


/* - - - - - sidebar - - - - - */
#sidebar {
	float: right;
	width: 290px;
	background:#fff;
	text-align:right;
	padding-right:10px;	
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar ul li {
}
#sidebar ul li a {
	display: block;
	padding:;
}
#sidebar ul li a:hover {
	background: #FFF;
	text-decoration: none;
}


/* - - - - - - - -  containerエリア - - - - - - - - ↑ */




/* - - - - - footer - - - - - */
#footerbg{
	width:100%;
	min-width:100%;
	background:#FFB6B3;
}
#footer {
	width:960px;
	height:150px;
	margin:0 auto;
	padding:10px 0;
	font-size: .9em;
	bottom:0;
	background:#FFB6B3;
	color:#fff;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:link {
	color:#fff;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

#footer a:visited {
	color:#fff;
	text-decoration: underline;
}
#footer a:hover {
	color:#fff;
	text-decoration:none;
}


#footer ul{
	padding:0;
	margin:0 40px;
	float:left;
	list-style-type:none;
}
#footer ul li{
	font-size:1em;
	padding:5px 0 5px 25px;
	background:url(images/footer_icon.png) no-repeat 0 3px;
	font-weight:bold;
}
.house{
	text-align:right;
	height:235px;
	margin-top:-64px;
	padding:0;
	position:relative;
	z-index:5;
}