@charset "utf-8";
@import url("/css/common.css");

@import url("/apartment/css/apartment.css");
/* =========================================

2_4_uni02.css

============================================ */

/* ヒラギノの17pxに変更・調整 上書き用
---------------------------------------------------------- */
body {
  font-size: 17px;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
}

/* パンくず */
div#wrap > nav#breadcrumb > p {
  background: none;
  border-bottom: 1px solid #c4dcef;
  font-size: 15px;
  line-height:1.2;
}

/* SEO文 */
div#wrap > #contents > div.keyword_box {
  font-size: .9rem;
  text-align: justify;
}

/* 注目ワード */
#hotwords dl dt {
  font-size: 18px;
}
#hotwords dl dd ul li {
  font-size: .9rem;
}

/* footer */
div#wrap > footer > div#inquiry,
div#wrap > footer > ul#link,
div#wrap > footer > #footer_copy {
  font-size: .9rem;
}
div#wrap > footer > ul#link {
  width:800px;
}

/* main column */
div#wrap > #contents > h1 {
  border-bottom: 1px solid #c4dcef;
}
div#wrap > #contents > p,
div#wrap > #contents > section p {
  font-size: 17px;
}

/* equipment */
.facilities li dd.txt,
.facilities li dd.txt_02 {
  line-height: 1.6 !important;
}
.facilities li dd.txt .note{
  line-height: 1.4 !important;
}

/* #main
---------------------------------------------------------- */
#main{
width:920px;
height:auto;
margin:0 15px;
padding:0;
}

/* セカンド以降ヘッダー */	
#main div.header_title_second {
	width:920px;
	height:128px;
	margin:0 0 25px 0;
	background:url(../image_cmn/header_title_second.jpg) no-repeat 0 0 ;
	text-indent:-9999px;
	}

	
/* navi */	
#naviArea {
	clear:both;
	width:920px;
	height:55px;
	margin:1px 0 20px;
	padding:0;
	}
	
#naviArea ul {
	list-style:none;
	}
	
#naviArea ul li {
	float:left;
	width:230px;
	height:55px;
	margin:0;
	padding:0;
	}

/* 導入部 */
#main .intoroArea {
	clear:both;
	width:850px;
	height:100%;
	margin:0 auto 0px auto;
	padding:10px 0 0 0;
	}

#main .intoroArea p.introfont {
	margin:10px auto 35px;
	font-size:16px;
	line-height:1.5;
	padding:10px 0 0 0;
	}

#main .intoroArea h2 {
	width:820px;
	/*height:53px;*/
	margin:0 auto;
	}

#main .intoroArea div {
	padding-top:10px;
}

#main .intoroArea .main_lead {
	font-size:22px;
	text-align:center;
	font-weight:bold;
}

#main .intoroArea a.ov {
	background:#f8f4e9 !important;
}

#main div.bgArea {
	clear:both;
	display:inline;
	width:920px;
	height:auto;
	margin:0 auto 20px auto;
	padding:0 0 20px 0;
	background:url(../image/point_bg.gif) repeat-y 0 bottom ;
	}
	
#main div.bgArea:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#main div.bgArea {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html #main div.bgArea
{height: 1%;}
#main div.bgArea 
{display: block;}
/* End hide from IE-Mac */


/*20150302追加*/
.cap01 {
font-size: 16px;
line-height: 1.5;
margin-top: 10px;
}


/*注意書き*/

p.attention {
	clear:both;
	padding:5px;
	text-align:left;
	font-size:100%;
	}

/* ----------------------------------------------------------
 bottom_foot 上書き
---------------------------------------------------------- */
/* お問合せと資料請求 */
#bottom_foot {
	width:920px;
	}
#bottom_foot ul#bottom_inquiry {
	margin:0 auto;
	}
/* ----------------------------------------------------------
 印刷用上書き
---------------------------------------------------------- */

@media print {
	body { overflow: visible !important; }
	div.section {
		 overflow:visible!important;}
	#main .print { 
	page-break-before: always!important;
	
	}
	}
	
/* 紹介ビデオ */
.boxgray {
    width:918px;
    margin:0 auto 20px auto;
    padding:10px 0 0 0;
   
    overflow:hidden;
    }
.moviearea{
    width:743px;
    height:104px;
    margin: 0 auto 20px;
    background:url(/apartment/common5/image/bg_moviearea.jpg) no-repeat 0 0;
    }
    
.moviearea .bgtype_s {
    width:743px;
    height:104px;
    margin:0;
    background:url(/apartment/common5/image/bg_moviearea_s.jpg) no-repeat 0 0;
    }   
.moviearea ul li{
    position: relative;
    float: left;
    width:371px;
    height:121px;
    }
    
.moviearea ul li.oneblock { /* ひとつしかないとき */
	margin:0 auto;
	float:none;
    }
.moviearea ul li p.img{
    position:absolute;
    top:12px;
    left:10px;
    width: 117px;
    height:90px;
    background: url(/apartment/common5/image/bg_movie01.jpg) no-repeat 0 bottom;
    }
    
.moviearea ul li.oneblock p.img{
    position:absolute;
    top:12px;
    left:0px;
    }
    .moviearea ul li p.img img{
    padding: 0 0 0 8px;
    }
.moviearea ul li p.txt{
    position:absolute;
    width:220px;
    height:50px;
    top:30px;
    left:135px;
    }

.wid_450 { width:450px;}

/* 動画 左寄せ */

.bgtype_ss {
    width:430px;
    height:104px;
    margin:10px 0 15px 20px;
    background:url(/apartment/common5/image/bg_moviearea_ss.jpg) no-repeat 0 0;
    float:left;
    }   
.bgtype_ss ul li{
    position: relative;
    float: left;
    width:371px;
    height:121px;
    }
    
.bgtype_ss ul li.oneblock {
	margin:0 auto;
	float:none;
    }
.bgtype_ss ul li p.img{
    position:absolute;
    top:12px;
    left:0px;
    width: 117px;
    height:90px;
    }
    
.bgtype_ss ul li.oneblock p.img{
    position:absolute;
    top:12px;
    left:0px;
    }
.bgtype_ss ul li p.img img{
    padding: 0px;
    }
.bgtype_ss ul li p.txt{
    position:absolute;
    width:220px;
    height:50px;
	font-size:18px;
    top:25px;
    left:110px;
    }
	
.bgtype_ss ul li p.txt img{
    position:absolute;
    top:0px;
    left:130px;
    }	

.bgtype_ss ul li p.txt02{
    position:absolute;
	font-size:15px;
    top:50px;
    left:120px;
    }

/* グレー表示用背景 */	
#bgtype_gr {
	background:url(/apartment/common5/image/bg_moviearea_ss_gr.jpg) no-repeat 0 0;
}
.bgtype_ss {
	width:430px;
	height:104px;
	margin:10px 0 15px 20px;
	background:url(/apartment/common5/image/bg_moviearea_ss.jpg) no-repeat 0 0;
	float:left;
	}	
	
/* 商品のポイント */
#pointarea {
	width:850px;
	margin:0 auto 10px;
}

#pointarea h3 {
	text-align:center;
	margin-bottom:15px;
}

#pointarea .pointbox {
	background:#f8f4e9;
	padding:15px;
	overflow:hidden;
	margin-bottom:40px;
}

#pointarea .pointbox h4 {
	position:relative;
}

#pointarea .pointbox h4 span {
	position:absolute;
	top:4px;
	left:638px;
}

#pointarea .pointbox ul {
	width:722px;
	margin:15px auto 40px;
	overflow:hidden;
}

#pointarea .pointbox ul figure {
	float:left;
	margin-right:20px;
}

#pointarea .pointbox li ul {
	float:left;
	width:536px;
	margin:0;
}

#pointarea .pointbox li ul li {
	margin:0 0 10px 0;
}

#pointarea .pointbox li.panel_two {
	margin:0 34px 0 0;
}

#pointarea .pointbox li.panel_three {
	margin:0 14px 0 0;
}


/* 仕様パッケージ */
#specificationt {
	clear:both;
	width:850px;
	margin:0 auto 30px;
}

#specificationt h3 {
	text-align:center;
	margin-bottom:30px;
}

#specificationt .lead {
	margin:0px 50px 30px;
	font-size:16px;
}

#specificationt ul {
	overflow:hidden;
	width:810px;
	margin:0px auto 30px;
}

#specificationt ul li {
	margin-bottom:20px;
}

#specificationt ul li:last-child {
	margin-bottom:0px;
}

#specificationt dl {
	position:relative;
}

#specificationt dl dt {
	position:absolute;
	top:0px;
	left:0px;
	width:360px;
	height:50px;
	margin:0px;
	text-align:center;
	z-index:10;
}

#specificationt dl dt img {
	margin-top:8px;
}

#specificationt dl dd {
	overflow:hidden;
	margin:0px;
	padding:0px;
	z-index:0;
}

#specificationt dl dd p {
	font-size:16px;
	text-align:center;
}

#specificationt dl dd p.type {
	height:50px;
	margin:0px;
	padding:0px 0px 0px 380px;
	background:#ffffff;
	font-size:17px;
	font-weight:bold;
	line-height:50px;
	text-align:left;
}

#specificationt dl dd .img {
	float:left;
	margin:20px;
	padding:0px;
	text-align:center;
}

#specificationt dl dd ul {
	float:left;
	width:400px;
	margin:30px 0px 0px;
}

#specificationt dl dd ul li {
	margin:0px 0px 15px;
	padding:0px 0px 0px 10px;
	font-size:16px;
}

#specificationt dl dd ul li.other {
	border-left:none !important;
	padding-left:12px !important;
}

#specificationt dl dd .normal {
	float:right;
	margin:20px 20px 0px 0px;
	font-size:14px;
}

#specificationt dl.hq {
	border:#88703d solid 2px;
}

#specificationt dl.hq dt {
	border-right:#88703d solid 1px;
	background:url(../image/type_hq_ttl_bg.gif) center center no-repeat;
}

#specificationt dl.hq dd {
	background:#f8f6ee;
}

#specificationt dl.hq dd p.type {
	border-bottom:#88703d solid 1px;
	color:#88703d;
}

#specificationt dl.hq dd ul li {
	border-left:#88703d solid 5px;
	color:#5b4517;
}

#specificationt dl.hq dd .normal {
	color:#5b4517;
}

#specificationt dl.cf {
	border:#596d74 solid 2px;
}

#specificationt dl.cf dt {
	border-right:#596d74 solid 1px;
	background:url(../image/type_cf_ttl_bg.gif) center center no-repeat;
}

#specificationt dl.cf dd {
	background:#eff5f7;
}

#specificationt dl.cf dd p.type {
	border-bottom:#596d74 solid 1px;
	color:#596d74;
}

#specificationt dl.cf dd ul li {
	border-left:#596d74 solid 5px;
	color:#345059;
}

#specificationt dl.cf dd .normal {
	color:#345059;
}

#specificationt dl.simple {
	border:#9f5b2f solid 2px;
}

#specificationt dl.simple dt {
	border-right:#9f5b2f solid 1px;
	background:url(../image/type_s_ttl_bg.png) center center no-repeat;
}

#specificationt dl.simple dd {
	background:#fff4ed;
}

#specificationt dl.simple dd p.type {
	border-bottom:#9f5b2f solid 1px;
	color:#73460b;
}

#specificationt dl.simple dd ul li {
	border-left:#9f5b2f solid 5px;
	color:#73460b;
}

#specificationt dl.simple dd .normal {
	color:#73460b;
}


.bold { font-weight:bold; }

/* ----------------------------------------------------------
 gosoudan_box
---------------------------------------------------------- */
div#wrap > #contents > section#gosoudan_box {
  clear: both;
}

div#wrap > #contents > section#gosoudan_box p {
	width: auto;
	overflow: hidden;
	line-height: 1;
	letter-spacing: 0;
}

div#wrap > #contents > section#gosoudan_box .ttl_soudan {
	font-size: 18px;
	margin-bottom: 0;
}

div#wrap > #contents > section#gosoudan_box .catch_soudan {
	font-size: 16px;
}

div#wrap > #contents > section#gosoudan_box .lnk p:nth-of-type(2) {
	margin: 0;
}

.comment_box {
  margin: 41px auto 30px;
}

#footer_contact {
  margin-left: -25px;
  margin-right: -25px;
  clear: both;
}

.inq_area ul.ic {
	width: max-content;
}