@charset "utf-8";

/*==================================================================
	基本テキスト
===================================================================*/

body {
	color: #333;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%; /*スマホ横向きテキスト*/
	letter-spacing: 0.05em;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: Lato, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /*ゴシック体*/
	/*font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS 明朝", serif; /*明朝体*/
}

a:link,
a:visited,
a:hover,
a:active {
	color:#333;
	text-decoration: none;
}

.cap_l,
.cap_r {
	line-height: 1.6;
	clear: both;
	font-size:85%;
}

.current {
	cursor:default;
}

/*==================================================================
	基本デザイン
===================================================================*/

body {
	background: #192c54;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

header,
#navi,
#title_area,
#under_area {
	display: none;
	width: auto;
}

#tag {
	display: none;
}

.inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/*---------------------------------
 レスポンシブ対応
--------------------------------*/
img {
	max-width: 100%;
	width: auto\9;/*IE8 max-widthバグへの対応*/
	height: auto;
}

.txt {
	text-align: center;/*コピーセンターリング*/
}

.inline_block li {
	display: inline-block;
 	*display: inline;
 	*zoom: 1;
}

.txt_l {
	float: left;
	width: 65%;
}

.img_r {
	float: right;
	width: 30%;
}

.img_l {
	float: left;
	width: 30%;
}

.txt_r {
	float: right;
	width: 65%;
}

.content2,
.content3,
.content4 {
	overflow: hidden;
}

.content2_1,
.content2_2 {
	width: 49.2%;
	float: left;
}

.content2_1 {
	margin-right: 1.6%;
}

.content3_1,
.content3_2,
.content3_3 {
	width: 32.2%;
	float: left;
}

.content3_2 {
	margin-right: 1.7%;
	margin-left: 1.7%;
}

.content4_1,
.content4_2,
.content4_3,
.content4_4 {
	width: 23.5%;
	float: left;
}

.content4_1,
.content4_2,
.content4_3 {
	margin-right: 2%;
}

.smp {
	display: none !important;
}

/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

header,
#navi{
	position:absolute;
	top: 0;
	width: 100%;
	z-index:99999;
}

header {
	height: 85px;
	background: #fff;
}

header .inner{
	width: 95%;
}

#logo {
	position:absolute;
	top: 28px;
	left: 0;
}
#logo2 {
	position:absolute;
	top: 28px;
	right: 0;
	text-align: right;
}

h1 {
	position:absolute;
	top: 15px;
	right: 0;
	padding: 0;
	font-size: 85%;
	color:#b1b1b1;
	letter-spacing: 0;
	display: none;
}

h1 .h1txt{
	margin-left:-6px;
}

#hnavi {
	position:absolute;
	top: 40px;
	right: 400px;
	text-align: right;
}

#hnavi li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1.7;
	margin-left: 10px;
	vertical-align:middle;
}

#hnavi li.arrow {
	padding-left: 14px;
	background: url(../imgs/nav_arrow.png) no-repeat 0 center;
}

#hnavi2 {
	position:absolute;
	top: 40px;
	right: 0;
}

#hnavi2 li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	vertical-align:middle;
}


/* --------------------------------------------------------------------------------------
 ナビゲーションメニュー
--------------------------------------------------------------------------------------- */
#navi {
	text-align: center;
	background-color: rgba(240,240,240,0.9);
}

#navi {
	top: 100px;
}

.fixed{
	position: fixed !important;
	top: 0 !important;
}

#navi ul {
	font-size: 0;
}

#navi ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-right: 1px solid #fff;
	position:relative;
	width: 9.9%;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
}

#navi ul li a {
	/*width: 147px;
	width: 116px;*/
	width: 100%;
	height: 52px;
	text-decoration: none;
	display: table;
	/*padding: 52px 0 0 0;*/
	padding: 10px 10px ;
	margin:0;
}

#navi ul li a span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#navi ul li:last-child{
	border-right: none;
}

#navi ul li.none a {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
}

#navi ul li.none a:hover {
	background-color: inherit;
}

#navi ul li span.new{
	position: absolute;
	top: 0;
	left: 0;
}

/*
#navi ul li.nav01 a{
	background:url(../imgs/nav_top.png) no-repeat center center;
}

#navi ul li.nav02 a{
	background:url(../imgs/nav_concept.png) no-repeat center center;
}

#navi ul li.nav03 a{
	background:url(../imgs/nav_design.png) no-repeat center center;
}

#navi ul li.nav04 a{
	background:url(../imgs/nav_landplan.png) no-repeat center center;
}

#navi ul li.nav05 a{
	background:url(../imgs/nav_eco.png) no-repeat center center;
}

#navi ul li.nav06 a{
	background:url(../imgs/nav_roomplan.png) no-repeat center center;
}

#navi ul li.nav07 a{
	background:url(../imgs/nav_equipment.png) no-repeat center center;
}

#navi ul li.nav08 a{
	background:url(../imgs/nav_modelroom.png) no-repeat center center;
}

#navi ul li.nav09 a{
	background:url(../imgs/nav_location.png) no-repeat center center;
}

#navi ul li.nav10 a{
	background:url(../imgs/nav_access.png) no-repeat center center;
}
*/

#navi ul li a:hover,
#navi ul li a.current,
#navi ul li a.parentsLink {
	background-color:rgba(196,95,100,0.3);
}

/* navi_btn 
#navi_btn {
	display: none;
}

#navi_btn a {
	display: block;
	background: url(../imgs/navi_smp.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 13px;
	right: 0;
	width: 50px;
	height: 50px;
	margin: 0;
}

#navi_btn .current {
	cursor: auto;
}
*/

/* smp_hnavi */
#smp_hnavi {
	display : none;
}

/* --------------------------------------------------------------------------------------
 コンテンツエリア
--------------------------------------------------------------------------------------- */
#title_area {
	/*height: 40px;*/
	/*border-bottom: 1px solid #cecece;*/
}

#title_area .inner .pan_navi a{
}
#title_area .inner .pan_navi {
	display: none;
	position: absolute;
	top: 11px;
	right: 0px;
	font-size: 77%;
}

#title_area .page_ttl{
	background:#fff url(../imgs/ttl_bg.png) center no-repeat;
	
	text-align:center;
	padding:50px;
}

#under_area{
	display:none;
}


#under_area .inner {
	padding: 0 0 30px 0;
	/*
	width: 780px;
	width: 800px\9;
	*/
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
}

#under_area li {
	width: 30%;
	float: left;
	margin-right: 20px;
	/*width: 31.3%;*/
}

#under_area li:last-child {
	margin-right:0px;
}

.underline{
	border-bottom:1px solid #5a1496;
	padding:0 0 50px 0;
	margin:0 0 50px 0;
}

.photo{
	width: 100%;
	position: relative;
}
.photo img{
	width: 100%;
}
.photo span{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.photo span.white{
	color: #fff;
	font-size: 11px;
}

.txt_m{
	font-size: 23px;
	color: #111;
	margin: 0 0 10px;
}

.txt_s{
	font-size: 17px;
	line-height: 2.0;
}


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

footer {
	text-align: center;
	/*background:#fff;*/
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}

#footer_info {
	overflow: hidden;
	padding: 30px 0;
	border-bottom: 1px solid #bebbaf;
}

/* left_column */
#left_column {
	float: left;
	width: 580px;
	position: relative;
	text-align:left;
}

#left_column h2 {
	color: #443708;
	font-size:138.5%;
	background:url(../imgs/bg_info.png) repeat-x bottom;
}

#left_column .rss_txt {
	position: absolute;
	top: 0;
	right: 0;
}

#left_column .rss_txt img{
	vertical-align: middle;
	margin-left:5px;
}

#left_column .txt_block {
	padding: 20px;
	/*height: 153px;*/
	height:auto;
	margin-bottom: 20px;
	overflow: auto;
}

#left_column .txt_block p {
	margin-top: 15px;
}

/* right_column */
#right_column {
	float: right;
	width: 580px;
	overflow: hidden;
}

#footer_btn {
	padding: 40px 0;
	font-size: 0;
}

#footer_btn li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 5px;
}

#footer_bnr {
	background: #f2f2f2;
	padding: 40px 0;
	font-size: 0;
}

#footer_bnr li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 5px;
}

/* footer_navi */
#footer_navi {
	color: #d2d2d2;
	font-size: 11px;
	padding: 10px 0;
	background: #000;
}

#footer_navi .inner{
	width: 90%;
}

#footer_navi ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 5px 0 10px;
	border-left: #d2d2d2 1px solid;
	line-height: 1;
}

#footer_navi ul li:first-child {
	border-left: none;
}

#footer_navi ul li a {
	color: #d2d2d2
}

#footer_tel {
	padding: 30px 0;
	font-size: 12px;
}

#footer_tel #tel_num,
#footer_tel #tel_num_smp{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	font-size: 48px;
	text-indent: 50px;
	background: url(../imgs/txt_tel.png) no-repeat 0 center;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS 明朝", serif; /*明朝体*/
}

#footer_tel #tel_num,
#footer_tel #tel_num_smp a{
	color:#333333;
}

#footer_tel #tel_num_smp{
	font-size: 35px;
	display: none;
}

#meiwa_link .inner,
#footer_logo .inner,
#copyright .inner{
	width: 1000px;
}

#meiwa_link {
	border-top: 1px solid #e2e2e2;
	padding: 25px 0 40px;
}

#meiwa_link ul{
	overflow: hidden;
}

#meiwa_link li {
	float: left;
	width: 33%;
	border-left: 1px solid #e2e2e2;
	padding: 5px 0;
}

#meiwa_link li:first-child {
	border-left: none;
}

#meiwa_link a span {
	display: block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    color: #333;
    margin-left: 1px;
    letter-spacing: 0.125em;
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}

#meiwa_link a span:before {
    content: "▶";
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    line-height: 18px;
}

#footer_logo{
	padding: 0 0 16px;
}

#footer_logo .inner{
	display: table;
}

#ft_txt{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 8px 0 0;
	font-size: 0;
}

#ft_txt img{
	width: 340px;
}

#ft_logo {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 148px;
	font-size: 0;
}

#ft_logo img{
	width: 148px;
}

#ft_logo span {
	font-size: 9px;
    display: inline-block;
    padding-bottom: 2px;
    color: #333;
	margin: 0 0 0 -5px;
	font-family: YakuHanMP, "times new roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro","HG明朝E", "ＭＳ 明朝", serif;
	line-height: 1;
}

#copyright {
	/*border-top: 1px solid #e2e2e2;*/
	padding: 20px 0 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

/* page_top */
#page_top {
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 77%;
}

#page_top a {
	background-color: rgba(255,255,255,0.9);
	text-decoration: none;
	width: 50px;
	padding: 15px 0;
	text-align: center;
	display: none;
}

#page_top a:hover {
	text-decoration: none;
}

/* popup footer -------------------- */
#popup_footer{
	width:100%;
	height:68px;
	background:url(../imgs/bg_foot.png) repeat-x;
	z-index: 99999;
}

#popup_footer{
    position: fixed;
    bottom: 0px;
    right: 0px;
}
#popup_footer a {
    display: block;
}
#popup_footer .footreq{
	position: absolute;
	top:10px;
}
#pagetop {
	position: absolute;
	bottom: -5px;
	right: 0;
	font-size: 77%;
}
#pagetop a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 5px 0 10px;
	text-align: center;
	display: block;
	opacity:1;
}
#pagetop a:hover {
	text-decoration: none;
	background: #888888;
}
#popup_footer ul{
	padding:10px;
	font-size:0;
}
#popup_footer ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 5px;
}
#popup_footer .btn_close {
	display:block;
    position:absolute;
    top:8px;
	right:0;
}


/*-----------------------------------------------------	*/
/*	for - 1180px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1179px) {

.inner{
	width: 95%;
}
	
header,
#navi{
	position: relative;
	top: 0;
}

#wrap {
	padding-top: 0;
}
	
.fixed{
	position: relative !important;
}
	
h1,
#hnavi,
#hnavi2{
	display: none;
}

#navi_btn {
	display: block;
}

#navi {
	overflow: hidden;
	font-size: 100%;
	background: #e6e6e2;
	height: auto;
	padding-bottom:0;
}


#navi ul {
	display: none;
}

#navi ul li {
	display: block;
	background: none;
	width: 50%;
}

#navi ul li a {
	border-right: none;
	width: 100% !important;
	background: #e6e6e2 !important;
	height: 40px;
}
	
#navi ul li br{
	display: none;
}

.navi {
	overflow: hidden;
}

.navi li {
	float: left;
	text-align: center;
	background-color: #e6e6e2;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#navi ul li.nav00 {
	display:none;
}

/*
.navi .nav_request {
	width: 100%;
}
*/

/* smp_hnavi */
#smp_hnavi {
	display : block;
	border-bottom: 1px solid #e2e2e2;
}
	
#smp_hnavi .navi li {
	width: 20%;
}

#smp_hnavi .navi li a {
	display: block;
	height: 75px;
	padding: 10px 0 !important;
	font-size: 0;
}

#smp_hnavi .navi li a{
	background-size: auto 60px !important;
}
	
.navi .nav_request a{
	background: #fff url(../imgs/hdr-sp-request.png) center no-repeat;
}
.navi .nav_reserve a{
	background: #fff url(../imgs/hdr-sp-reserve.png) center no-repeat;
}
.navi .nav_map a{
	background: #fff url(../imgs/hdr-sp-map.png) center no-repeat;
}
.navi .nav_tell a{
	background: #fff url(../imgs/hdr-sp-tell.png) center no-repeat;
}
.navi .nav_menu a{
	background: #fff url(../imgs/hdr-sp-menu.png) center no-repeat;
}
	
.navi .nav_menu a.current{
	background: #fff url(../imgs/hdr-sp-close.png) center no-repeat;
}

/* footer */
#footer_info {
	width: 100%;
}

#left_column,
#right_column {
	width: 49%;
}

#footer_req,
#footer_res {
	width: 49%;
}

#meiwa_link .inner{
	width: 100%;
}
#footer_logo .inner,
#copyright .inner{
	width: 95%;
}
	
#meiwa_link {
	padding: 0 0 20px;
}
	
#meiwa_link li {
	width: 100%;
	border-left: none;
	border-bottom: 1px solid #e2e2e2;
}
	
#meiwa_link li {
	padding: 10px 0;
}

#footer_logo {
	padding: 0 0 22px;
}
	
#footer_logo .inner{
	display: block;
}

#ft_txt{
	display: block;
	text-align: center;
	padding: 0 0 32px;
}

#ft_logo {
	display: block;
	margin: 0 auto;
}

#copyright {
	text-align: center;
}
	
#popup_footer ul li{
	width:31%;
}

}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {

img.photo {
	display: block;
	margin: 0 auto;
}
img.fit{
	width: 100%;
}

#logo img,
#logo2 img{
	width: 45%;
}
	
/* contents */
#under_area .inner {
	width: 95%;
}
#under_area .inner li {
	width: 48%;
	text-align:center;
	margin: 0 1% 10px;
}

.txt_m{
	font-size: 18px;
}

.txt_s{
	font-size: 14px;
	line-height: 1.8;
}
	
/* footer */
#footer_tel #tel_num{
	display: none;
}
	
#footer_tel #tel_num_smp{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
	
#pagetop {
	display:none;
}
	
#popup_footer .btn_close {
	display:none;
}

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

#navi ul li {
	font-size: 12px;
}

#smp_hnavi .navi li {
	background-size: auto 48px !important;
}
	
/* contents */
.pan_navi {
	display: none;
}
	

.txt_m,
.txt_s{
	text-align: left !important;
}
	
.txt_s br{
	display: none;
}
	
#title_area .page_ttl{
	background-size: contain;
}

#under_area .inner li {
	width: 100%;
	text-align:center;
	margin: 0 0 10px 0;
}

/* footer */
#left_column,
#right_column {
	width: 100%;
}
	
#meiwa_link {
	padding: 0 0 15px;
}
	
#meiwa_link li {
	padding: 8px 20px;
}

#ft_txt{
	padding: 0 0 18px;
}
	
#copyright {
	padding: 16px 0 29px;
}

#popup_footer{
	display:none;
}
	
#footer_info .smp{
	display: inline-block !important;
}

}