@charset "utf-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------- */

div.indexArea {
	margin-top: 16px;
}

div.indexArea h2 {
	margin-top: 25px;
}

div.indexArea h2.nomg {
	margin: 0;
}


/* news -------------------- */

dl.news {
	height: 100px;
	padding: 12px 15px;
	border-bottom: 10px solid #E2007F;
	border-left: 1px solid #E2007F;
	overflow: auto;
}

* html dl.news {
	height: 124px;
}

dl.news dt {
	height:19px;
}


/* ctList -------------------- */

div.ctList {
	width: 540px;
	margin-top: 12px;
	background: url(../../img/index/bg_ct_list.gif) repeat-y;
}
div.ctList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctList { display:inline-block; }
/*\*/
* html div.ctList { height:1%; }
div.ctList { display:block; }
/**/

div.ctList div.leftBox {
	float: left;
	width: 264px;
}
div.ctList div.leftBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctList div.leftBox { display:inline-block; }
/*\*/
* html div.ctList div.leftBox { height:1%; }
div.ctList div.leftBox { display:block; }
/**/

div.ctList div.rightBox {
	float: right;
	width: 264px;
}
div.ctList div.rightBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctList div.rightBox { display:inline-block; }
/*\*/
* html div.ctList div.rightBox { height:1%; }
div.ctList div.rightBox { display:block; }
/**/

div.ctList p.photo {
	float: left;
}

div.ctList dl {
	margin: 15px 5px 0 133px;
}

* html div.ctList dl {
	margin-left: 130px;
}

div.ctList dl dt {
	padding-left: 12px;
	background: url(../img/icon_arw02.gif) no-repeat 0 0.3em;
}


/* ctWrap01 -------------------- */

div.ctWrap01 {
	width: 540px;
	margin-top: 10px;
}
div.ctWrap01:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctWrap01 { display:inline-block; }
/*\*/
* html div.ctWrap01 { height:1%; }
div.ctWrap01 { display:block; }
/**/

div.ctWrap01 div.ctBox01 {
	float: left;
	width: 126px;
	margin-right: 12px;
}

div.ctWrap01 div.ctBox02 {
	float: left;
	width: 126px;
}

div.ctWrap01 ul {
	margin-top: 5px;
}

div.ctWrap01 ul li,
div.ctWrap01 ul li em {
	display: block;
	border-bottom: 1px dashed #000000;
}


/* --------------------------------------------------------------------------------------
 lived
--------------------------------------------------------------------------------------- */

div.livedArea {
	margin-top: 15px;
}

dl.menuList {
	width: 540px;
	background: #FDF2DE;
}
dl.menuList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.menuList { display:inline-block; }
/*\*/
* html dl.menuList { height:1%; }
dl.menuList { display:block; }
/**/

dl.menuList dt {
	float: left;
}

dl.menuList dd {
	margin-left: 140px;
	padding-top: 8px;
}
dl.menuList dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.menuList dd { display:inline-block; }
/*\*/
* html dl.menuList dd { height:1%; }
dl.menuList dd { display:block; }
/**/

* html dl.menuList dd {
	margin-left: 137px;
}

dl.menuList dd div.menuBox {
	float: left;
	width: 200px;
}

dl.menuList dd ul li {
	margin-right: 20px;
}


/* bgBox01 -------------------- */

div.bgBox01 {
	clear: both;
	margin: 25px 1px 0;
	background: #FCEACC url(../../img/lived/bg_lieved_box01.gif) no-repeat left bottom;
}

div.bgBox01 p {
	padding: 4px 35px 25px;
}


/* bgBox02 -------------------- */

div.bgBox02 {
	margin: 25px 1px 0;
	background: #FAD6E5 url(../../img/lived/bg_lieved_box02.gif) no-repeat left bottom;
}

div.bgBox02 p {
	padding: 4px 35px 25px;
}


/* bgBox06 -------------------- */

div.bgBox06 {
	margin: 25px 1px 0;
	background: #BBE3FF url(../../img/lived/bg_lieved_box04.gif) no-repeat left bottom;
}

div.bgBox06 p {
	padding: 4px 35px 25px;
}

/* bgBox03 -------------------- */

div.bgBox03 {
	margin: 25px 1px 0;
	padding-bottom: 15px;
	background: #F5F1EB url(../../img/lived/bg_lieved_box03.gif) no-repeat left bottom;
}

/* bgBox07 -------------------- */

div.bgBox07 p {
	padding: 4px 35px 25px;
}

div.bgBox07 {
clear: both;
	margin: 25px 0 0 1px;
	background: url(../../img/lived/bg_lieved_box04_rp.gif) repeat-y;
}

div.bgBox07 p {
	padding: 4px 35px 25px;
	background: url(../../img/lived/bg_lieved_box04_bt.gif) no-repeat left bottom;
}

/* bgBox11 -------------------- */

div.bgBox11 {
	margin: 25px 1px 0;
	background: #B0E697 url(../../img/lived/bg_lieved_box05.gif) no-repeat left bottom;
}

div.bgBox11 p {
	padding: 4px 35px 25px;
}

/* flow */

div.livedArea div.flow {
	position: relative;
	width: 470px;
	margin-left: 35px;
	padding: 30px 0 15px;
	background: url(../../img/lived/lieved2_line01.gif) no-repeat;
}
div.livedArea div.flow:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.livedArea div.flow { display:inline-block; }
/*\*/
* html div.livedArea div.flow { height:1%; }
div.livedArea div.flow { display:block; }
/**/

div.livedArea div.bgBox03 div.top {
	padding-top: 15px;
	background: none;
}


div.livedArea div.flow p.photoLeft {
	float: left;
}

div.livedArea div.flow p.photoRight {
	float: right;
}

div.livedArea div.flow p img {
	margin: 0 2px;
}

div.livedArea div.flow p.arw {
	position: absolute;
	top: 6px;
	left: 218px;
	text-align: center;
}

div.livedArea div.flow dl {
	margin: 0 198px 0 2px;
}

div.livedArea div.flow dl.left {
	margin: 0 0 0 203px;
}
* html div.livedArea div.flow dl.left {
	margin-left: 200px;
}

div.livedArea div.flow dl.left02 {
	margin: 0 0 0 256px;
}
* html div.livedArea div.flow dl.left02 {
	margin-left: 253px;
}

div.livedArea div.flow dt {
	color: #006BB4;
	font-size: 133%;
	font-weight: bold;
}


/* bgBox04 -------------------- */

div.bgBox04 {
	margin: 25px 0 0 1px;
	background: url(../../img/lived/bg_lieved_box04_rp.gif) repeat-y;
}

div.bgBox04 p {
	padding: 4px 35px 25px;
	background: url(../../img/lived/bg_lieved_box04_bt.gif) no-repeat left bottom;
}


/* --------------------------------------------------------------------------------------
 voice
--------------------------------------------------------------------------------------- */

div.voiceArea {
	margin-top: 11px;
}


/* bgBox05 -------------------- */

div.bgBox05 {
	margin-top: 15px;
	padding: 25px 30px 30px 35px;
	background: #F5F1EB;
	border-bottom: 4px solid #CDB99A;
	line-height: 1.7em;
}

div.bgBox05 em {
	color: #006BB4;
	font-size: 116%;
	font-weight: bold;
	line-height: 2.0em;
}

div.bgBox05 .imgLeft {
	float: left;
	margin-right: 15px;
}

div.bgBox05 .photo {
	float: left;
	margin: 0 20px 15px 0;
}

div.bgBox05 .imgRight {
	float: right;
	margin-left: 15px;
}


/* --------------------------------------------------------------------------------------
 process
--------------------------------------------------------------------------------------- */

div.processArea {
	margin-top: 11px;
}


/* imgBox01 -------------------- */

div.imgBox01 {
	clear: both;
	padding-top: 15px;
}

div.imgBox01 p.photoLeft {
	float: left;
}

div.imgBox01 p.photoRight {
	float: right;
}

div.imgBox01 div.txtArea {
	margin: 0 0 0 290px;
}
* html div.imgBox01 div.txtArea {
	margin-left: 287px;
}

div.imgBox01 div.txtArea02 {
	margin: 0 285px 0 0;
}

div.imgBox01 em {
	color: #006BB4;
	font-size: 116%;
	font-weight: bold;
	line-height: 2.0em;
}

div.imgBox01 .imgLeft {
	float: left;
	margin-right: 10px;
}

div.imgBox01 .imgRight {
	float: right;
	margin-left: 10px;
}


/* bgBox06 -------------------- */

dl.bgBox06 {
	width: 538px;
	background: #FEF5E6 url(../../img/process/process_bg01.gif) repeat-y;
}

dl.bgBox06 dd {
	margin: 0 10px;
	padding: 15px 25px;
	border-bottom: 15px solid #E56B21;
}


/* --------------------------------------------------------------------------------------
 shop-index
--------------------------------------------------------------------------------------- */

div.shopArea {
	margin-top: 16px;
}


/* linkBox01 -------------------- */

div.linkBox01 {
	padding-top: 8px;
}

div.linkBox01 p.link {
	float: left;
	margin: 8px 5px 8px 0;
	padding: 5px 10px 5px 18px;
	background: url(../img/icon_arw01.gif) no-repeat 6px 0.7em;
	border: 1px solid #623428;
}

div.linkBox01 p.mgt {
	margin-top: 15px;
}

div.linkWrap01 {
	clear: both;
}
div.linkWrap01:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.linkWrap01 { display:inline-block; }
/*\*/
* html div.linkWrap01 { height:1%; }
div.linkWrap01 { display:block; }
/**/

div.linkWrap01 div.linkBox01 {
	float: left;
	width: 175px;
	margin-right: 7px;
}

div.linkWrap01 div.nomg {
	margin-right: 0;
}

div.linkWrap01 div.linkBox01 p.link {
	margin-bottom: 2px;
}

div.linkWrap01 div.linkBox01 p {
	clear: both;
}



/* --------------------------------------------------------------------------------------
 shop-1
--------------------------------------------------------------------------------------- */

/* shopInfo -------------------- */

dl.shopInfo dt {
	margin-bottom: 5px;
	border-bottom: 1px solid #58372C;
	color: #58372C;
}

dl.shopInfo dt span {
	font-size: 133%;
}

dl.shopInfo dd {
	line-height: 1.7em;
}


/* comment -------------------- */

dl.comment {
	margin-top: 25px;
}

dl.comment dt:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.comment dt { display:inline-block; }
/*\*/
* html dl.comment dt { height:1%; }
dl.comment dt { display:block; }
/**/

dl.comment dt span {
	float: left;
	padding: 1px 17px;
	background: #58372C;
	color: #FFFFFF;
}

dl.comment dd {
	padding: 15px 20px;
	background: #EEEBEA;
	border: 1px solid #58372C;
}


/* shop map -------------------- */

div.shop-map {
	margin-top: 20px;
}

div.shop-map iframe {
	margin-bottom: 5px;
}


/* --------------------------------------------------------------------------------------
 achievement
--------------------------------------------------------------------------------------- */

div.achievementArea {
	margin-top: 11px;
}


/* imgBox02 -------------------- */

div.imgBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.imgBox02 { display:inline-block; }
/*\*/
* html div.imgBox02 { height:1%; }
div.imgBox02 { display:block; }
/**/

div.imgBox02 div.leftBox {
	float: left;
	width: 253px;
	margin-right: 33px;
}

div.imgBox02 div.rightBox {
	float: right;
	width: 253px;
}

div.imgBox02 p {
	margin-top: 15px;
}

div.imgBox02 p img {
	margin-bottom: 5px;
}

div.imgBox02 p em {
	color: #006BB4;
	font-weight: bold;
	line-height: 1.7em;
}

div.imgBox02 div.txtLeft {
	float: left;
	width: 252px;
	margin-top: 15px;
	background: url(../../img/achievement/achievement_arw_right.gif) no-repeat right center;
}

div.imgBox02 div.txtLeft div.bgBox {
	width: 223px;
	margin-left: 6px;
	background: #EEE8E2 url(../../img/achievement/achievement_bg_tp.gif) no-repeat;
}

div.imgBox02 div.txtLeft div.bgBoxIn {
	padding: 15px 25px 18px;
	background: url(../../img/achievement/achievement_bg_bt.gif) no-repeat left bottom;
}

div.imgBox02 div.txtLeft p {
	margin-top: 0;
}

div.imgBox02 p.photoRight {
	float: right;
}

div.imgBox02 div.txtRight {
	float: right;
	width: 258px;
	margin-top: 15px;
	background: url(../../img/achievement/achievement_arw_left.gif) no-repeat left center;
}

div.imgBox02 div.txtRight div.bgBox {
	width: 223px;
	margin-left: 22px;
	background: #EEE8E2 url(../../img/achievement/achievement_bg_tp.gif) no-repeat;
}

div.imgBox02 div.txtRight div.bgBoxIn {
	padding: 15px 25px 18px;
	background: url(../../img/achievement/achievement_bg_bt.gif) no-repeat left bottom;
}

div.imgBox02 div.txtRight p {
	margin-top: 10px;
}

div.imgBox02 div.txtRight p {
	margin-top: 0;
}

div.imgBox02 p.photoLeft {
	float: left;
}



/* sub title -------------------- */

div.achievementArea h3 {
	margin-top: 30px;
	border-bottom: 5px solid #2CA5DF;
	font-size: 150%;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 kaisya
--------------------------------------------------------------------------------------- */
/* bgBox08 -------------------- */

div.bgBox08 {
	margin-top: 15px;
	padding: 25px 30px 30px 35px;
	background: #D0ECFF;
	border-bottom: 4px solid #0099FF;
	line-height: 1.7em;
}

div.bgBox08 em {
	color: #006BB4;
	font-size: 116%;
	font-weight: bold;
	line-height: 2.0em;
}

div.bgBox08 .imgLeft {
	float: left;
	margin-right: 15px;
}

div.bgBox08 .photo {
	float: left;
	margin: 0 20px 15px 0;
}

div.bgBox08 .imgRight {
	float: right;
	margin-left: 15px;
}

/* table01 -------------------- */

table.table01 {margin-left:10px;
margin-right:10px;
background-color:#666666;
margin-top:15px;}

td.table01_01 {width:100px;
background-color:#FFFFFF;
text-align:center;
line-height:1.5em;

}

td.table01_02 {
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
padding-top:3px;
width:410px;}

.text01{margin-left:20px;
margin-right:20px;}


/* --------------------------------------------------------------------------------------
 kyujin
--------------------------------------------------------------------------------------- */
/* bgBox09 -------------------- */

div.bgBox09 {
	margin-top: 15px;
	padding: 25px 30px 30px 35px;
	background: #F1F3E2;
	border-bottom: 4px solid #B9C371;
	line-height: 1.7em;
}

div.bgBox09 em {
	color: #006BB4;
	font-size: 116%;
	font-weight: bold;
	line-height: 2.0em;
}

div.bgBox09 .imgLeft {
	float: left;
	margin-right: 15px;
}

div.bgBox09 .photo {
	float: left;
	margin: 0 20px 15px 0;
}

div.bgBox09 .imgRight {
	float: right;
	margin-left: 15px;
}

/* table02 -------------------- */

table.table02 {margin:0px;
}

td.table02_01 {width:65px;

}

td.table02_02 {width:190px;
line-height:1.5em;
}
td.table02_03 {
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
padding-top:3px;
width:220px;
text-align:center;}

td.table02_04 {width:255px;
line-height:1.5em;
}

/*問合せメールフォーム*/
			
table.table03 {margin-left:0x;
               margin-top:5px;
			   background-color:#CCCCCC;
	font-size: 10pt;}

td.table03_01 {width:160px;
           text-align:center;
		   font-weight:bold;
		   background-color:#f4f4f4;
		   
		   }
		   
td.table03_02 {padding-top:5px;
            padding-bottom:5px;
			padding-left:5px;
			padding-right:5px;
						background-color:#FFFFFF;
           width:290px;}

/* bgBox10 -------------------- */

div.bgBox10 {
	margin-top: 15px;
	padding: 25px 30px 30px 35px;
	background: #FFF2DF;
	border-bottom: 4px solid #ff9900;
	line-height: 1.7em;
}

div.bgBox10 em {
	color: #006BB4;
	font-size: 116%;
	font-weight: bold;
	line-height: 2.0em;
}

div.bgBox10 .imgLeft {
	float: left;
	margin-right: 15px;
}

div.bgBox10 .photo {
	float: left;
	margin: 0 20px 15px 0;
}

div.bgBox10 .imgRight {
	float: right;
	margin-left: 15px;
}

/* --------------------------------------------------------------------------------------
 ちらしBN
--------------------------------------------------------------------------------------- */

.tirasi{float:left;
margin-right:5px;
margin-bottom:10px;}


/* --------------------------------------------------------------------------------------
 ゆとりのマイホーム
--------------------------------------------------------------------------------------- */
ul#myhome_menu{
	margin: 0px;
	padding: 15px 0px 0px;
	width: 540px;
	list-style: none;
	list-style-type: none;
}
ul#myhome_menu li{
	margin: 0px;
	padding: 0px;
	height: 26px;
	float: left;
	overflow: hidden;
}
ul#myhome_menu li.menu01{
	width: 200px;
}
ul#myhome_menu li.menu02{
	width: 162px;
}
ul#myhome_menu li.menu03{
	width: 178px;
}
ul#myhome_menu li a{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 26px;
	display: block;
	text-indent: -8789px;
}
ul#myhome_menu li.menu01 a{
	background-image: url(../../img/myhome/menu01.gif);
}
ul#myhome_menu li.menu02 a{
	background-image: url(../../img/myhome/menu02.gif);
}
ul#myhome_menu li.menu03 a{
	background-image: url(../../img/myhome/menu03.gif);
}
ul#myhome_menu li a:hover,
ul#myhome_menu li a:active,
ul#myhome_menu li.on a{
	background-position: 0px -26px;
}

#frame_myhome{
	background-attachment: scroll;
	background-image: url(../../img/myhome/frame_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 20px 20px;
	width: 500px;
	border-bottom: 2px solid #f29600;
}

#frame_myhome h3{
	color: #006BB4;
	font-size: 140%;
	font-weight: bold;
	margin: 0px 0px 20px;
	padding: 0px;
}
.voice_box{
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	width: 500px;
	border-bottom: 1px solid #f29600;
}

.voice_box p,
.voice_box dl{
	margin: 0px;
	padding: 0px;
	width: 250px;
	float: left;
}

.voice_box p.long,
.voice_box dl.long{
	margin: 0px;
	padding: 0px;
	width: 500px;
	float: left;
}

.voice_box dt{
	color: #006BB4;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
}
.voice_box dd{
	margin: 0px;
	padding: 0px;
}
.voice_box dd h4{
	color: #006BB4;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
	letter-spacing: -1px;
}
.voice_box dd p{
	width: auto;
	float: none;
}


/* Q&A */
dl.qa{
	margin: 0px;
	padding: 0px;
	width: 500px;
}
dl.qa dt{
	font-weight: bold;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
}
dl.qa dt em{
	color: #FFFFFF;
	background-color: #f29600;
	margin: 0px;
	padding: 0px;
	width: 35px;
	height: 26px;
	float: left;
	display: block;
	text-align: center;
}
dl.qa dt span{
	color: #006BB4;
	margin: 0px 0px 0px 40px;
	display: block;
}

dl.qa dd{
	margin: 0px 0px 15px;
	padding: 5px 0px 0px;
/*	overflow: hidden;
	zoom: 1;    /* Clearfix for IE */
	border-top: 1px solid #f29600;
}

dl.qa dd table{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
dl.qa dd th{
	color: #f29600;
	font-weight: bold;
	background-color: #ffffff;
	background-attachment: scroll;
	background-image: url(../../img/myhome/a_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 35px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #f29600;
	border-bottom: 1px solid #f29600;
}
dl.qa dd td{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

dl#qa01,
dl#qa04,
dl#qa07,
dl#qa11,
dl#qa15{
	background-attachment: scroll;
	background-image: url(../../img/myhome/qa_img01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding: 0px 148px 0px 0px;
	width: 352px;
}
dl#qa04{
	background-image: url(../../img/myhome/qa_img02.gif);
}
dl#qa07{
	background-image: url(../../img/myhome/qa_img03.gif);
	height: 103px;
}
dl#qa11{
	background-image: url(../../img/myhome/qa_img04.gif);
	height: 99px;
}
dl#qa15{
	background-image: url(../../img/myhome/qa_img05.gif);
	height: 119px;
}

dl#qa01 dt,
dl#qa01 dd,
dl#qa04 dt,
dl#qa04 dd,
dl#qa07 dt,
dl#qa07 dd,
dl#qa11 dt,
dl#qa11 dd,
dl#qa15 dt,
dl#qa15 dd {
	width: 352px;
}
#lease{
	background-attachment: scroll;
	background-image: url(../../img/myhome/lease_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: -30px 0px 0px;
	padding: 30px 0px;
	width: 500px;
}
/* このような方におすすめ */
#lease dl{
	margin: 0px;
	padding: 0px;
	width: 500px;
}
#lease dt{
	color: #006BB4;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 162px 5px 0px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #f29600;
	border-left: 6px solid #f29600;
}
#lease dd{
	margin: 0px 162px 15px 0px;
	padding: 0px;
}

.voice_box:after,
ul#myhome_menu:after,
dl.qa dt:after,
dl.qa dd:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html .voice_box,
* html ul#myhome_menu,
* html dl.qa dt,
* html dl.qa dd {
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}
