@charset "utf-8";
/*------------------------------------------------------------

	UNDER COMMON

------------------------------------------------------------*/
#lclTit {
	width:900px;
	height:34px;
	border-bottom:2px solid #BAB8D9;
	margin:0 0 1px 0;
}
#lclTit #lclTitL {
	width:auto;
	float:left;
}
#lclTit #lclTitR {
	width:auto;
	float:right;
}
#lclTit #lclTitR li {
	width:auto;
	float:left;
	cursor:pointer;
}
/*----------------------------------------------------------*/
#lcMainImg {
	width:900px;
	margin:0 0 26px 0;
}
.subTit {
	width:100%;
	border-bottom:1px solid #A9A6D0;
	margin-bottom:17px;
}
/*メイン写真下*/
#lcUdrBox {
	width:900px;
}
/*メイン写真無し*/
#lcUdrBoxNo {
	width:900px;
	margin-top:20px;
}
/*------------------------------------------------------------

	TOP（topicBoxはコンセプトでも流用）

------------------------------------------------------------*/
#topicBox {
	width:900px;
	margin:17px 0 0 0;
}
.topiTit {
	width:100%;
	background:url(/top_img/titback.gif) repeat-x left top;
}
/*-------------------Opning-Campaign-Banner-----------------*/
#bnr_camp{
	margin-top:25px;
}

#bnr_camp h3 a{
	width:900px;
	height:85px;
	background:url(/top_img/bnr_opcamp.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
}
/*----------------------------------------------------------*/
#topicL {
	width:440px;
	float:left;
}
#topicL1,#topicL2 {
	width:440px;
}
#topicL2 {
	padding: 0px;
	margin: 10px auto;
}
#topicL #topicL2 #link {
	padding: 0px;
	height: auto;
	width: 412px;
	margin: 0 auto;
}
#topicL #topicLinn {
	width:412px;
	margin:10px auto 0 auto;
}
#topicL table {
	width:100%;
}
#topicL th, 
#topicL td {
	padding:5px;
}
#topicL th {
	width:6em;
	white-space:nowrap;
	text-align:left;
}
/*----------------------------------------------------------*/
#topicR {
	width:430px;
	float:right;
}
#topicR h3 {
	font-size:120%;
	font-weight:bold;
	color:#CF5066;
}
#topicR #topicRinn {
	width:402px;
	margin:10px auto 0 auto;
}
#topicR #topicRinn .topicRloop {
	width:402px;
}
#topicRinn .topicRinnL {
	width:168px;
	float:left;
}
#topicRinn .topicRinnR {
	width:217px;
	line-height:1.4em;
	float:right;
}
#topicR #topicRinn .topicLine  {
	width:100%;
	background:url(/top_img/pick_kei.gif) repeat-x left top;
}
/*------------------------------------------------------------

	SPEC

------------------------------------------------------------*/
#boxPre {
	position:relative;
	overflow:hidden;
	width:900px;
	height:22em;
	z-index:100;
	/*#a01,#a02,#a03と高さを合わせる*/
}
#boxInn {
	width:900px;
	position:absolute;
}
#a01 {
	margin-top:200px;
}
#a01,#a02,#a03 {
	width:900px;
	height:22em;
	margin-bottom:10px;
}
.aInn {
	width:900px;
	margin-bottom:10px;
}
.aInn h3 {
	margin-bottom:3px;
}
.aBoxInnL,
.aBoxInnR {
	width:276px;
	border-left:2px solid #DDDDDD;
	padding:0 0 0 8px;
}
.aBoxInnL {
	margin:0 21px 0 0;
	float:left;
}
.aBoxInnR {
	float:right;
}
.spUdrLk {
	width:100%;
	text-align:right;
	font-size:84%;
}
.spUdrLk a {
	color:#534DA1;
	text-decoration:underline;
	cursor:pointer;
}
.spUdrLk a:hover {
	color:#534DA1;
	text-decoration:none;
}

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

	CONCEPT/GALLERY

------------------------------------------------------------*/
.galBxLop {
	width:900px;
	margin-bottom:30px;
	clear:both;
}
.galBxLop .galBxL {
	width:286px;
	margin-right:21px;
	float:left;
}
.galBxLop .galBxR {
	width:286px;
	float:right;
}
.galBxLop .galBxFrm {
	padding:8px;
}
.galBxLop .galBxFrm img {
	border:1px solid #FFFFFF;
}
.galBxLop .galBxNm {
	width:277px;
	border-left:2px solid #BAB8D9;
	padding-left:7px;
	margin-top:5px;
}
.galBxLop .galBxNm .galBxNmL {
	width:210px;
	float:left;
}
.galBxLop .galBxNm .galBxNmR {
	width:56px;
	float:right;
}
.galBxLop .galBxNm p {
	padding:0;
}
.galBxLop .galBxTx {
	width:277px;
	padding-left:9px;
	padding-top:3px;
}
.galBxLop .galBxTx h2 {
	font-size:100%;
	line-height:130%;
	font-weight:bold;
}
.galBxLop .galBxTx p {
	padding-bottom:0;
	font-size:84%;
	line-height:130%;
}
.galCau {
	width:100%;
	text-align:right;
	font-size:84%;
	padding-bottom:3px;
}
/*------------------------------------------------------------

	PLAN

------------------------------------------------------------*/
.planL,
.planR {
	width:432px;
	border:6px solid #EFEFEF;
}
.planL {
	float:left;
}
.planR {
	float:right;
}
.planBtn {
	width:100%;
	text-align:center;
	padding:1em 0 0 0;
}
/*LAYOUT*/
#laybox {
	width:886px;
	border:6px solid #EFEFEF;
	padding:1px;
}
#layboxInn {
	width:886px;
	background:url(/floorplan/img/layout_back.jpg) repeat-y 0 0;
}
#layboxInn #layboxL {
	width:477px;
	float:left;
}
#layboxInn #layboxR {
	width:337px;
	padding:0 0 0 13px;
	margin-top:230px;
	float:right;
}
#layboxInn #layboxR p {
	margin-top:212px;
}
/*------------------------------------------------------------

	OUTLINE

------------------------------------------------------------*/
#outlineL {
	width:500px;
	float:left;
}
#outlineR {
	width:370px;
	float:right;
}
#outTh th {
	width:5em;
}
/*------------------------------------------------------------

	CONTACT US & CAMPAIGN & EVENT

------------------------------------------------------------*/
#coCamArea {
	width:900px;
	background:url(/contact/img/campback.gif) repeat-y left top;
	margin:0 0 25px 0;
}
#coCamArea #coCamAreaInn {
	width:860px;
	padding:15px;
	border:5px solid #F8E5E9;
}
#coCamArea #coCamAreaInn #coCamAreaInnL {
	width:168px;
	padding-bottom:10px;
	float:left;
}
#coCamArea #coCamAreaInn #coCamAreaInnR {
	width:672px;
	float:right;
}
#coCamArea #coCamAreaInn #coCamAreaInnR h3 {
	font-weight:bold;
	color:#CF5066;
}
#coCamArea #coCamAreaInn2 {
	width:816px;
	padding:20px;
	border:2px solid #F8E5E9;
	clear:both;
}

#evCamArea {
	width:584px;
	background:url(/contact/img/campback.gif) repeat-y left top;
	margin:0 0 25px 0;
}
#evCamArea #coCamAreaInn {
	width:544px;
	padding:15px;
	border:5px solid #F8E5E9;
}
#evCamArea #coCamAreaInn #coCamAreaInnL {
	width:168px;
	padding-bottom:10px;
	float:left;
}
#evCamArea #coCamAreaInn #coCamAreaInnR {
	width:360px;
	float:right;
}
#evCamArea #coCamAreaInn #coCamAreaInnR h3 {
	font-weight:bold;
	color:#CF5066;
}
/*----------------------------------------------------------*/
/*コンタクト*/
#coForm {
	width:880px;
	margin:0 auto 0;
}
#coForm #coFormL {
	width:250px;
	float:left;
}
#coForm #coFormR {
	width:600px;
	float:right;
}
.formBtn {width:100%; padding:10px 0; text-align:center;}
#coNavBox {
	width:900px;
	padding-bottom:10px;
	margin-bottom:1.5em;
	border-bottom:1px solid #CCCCCC;
}
#coNavBox .coNavBoxL,
#coNavBox .coNavBoxR {
	width:440px;
	border-top:2px solid #D3D2E8;
	padding:10px 0 0 0;
}
#coNavBox .coNavBoxL {
	float:left;
}
#coNavBox .coNavBoxR {
	float:right;
}
/*----------------------------------------------------------*/
/*アンケート*/
#campForm {
	width:900px;
}
#campKojin {
	width:850px;
	border:10px solid #EFEFEF;
	background-color:#F7F7F7;
	padding:15px;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5em;
}
/*IE*/
#campKojin em {
	padding:3px;
	background-color:#CCCCCC;
}
/*MODERN*/
#campKojin > em {
	padding:1px 6px 6px 6px;
	background-color:#CCCCCC;
}
.campLbox {
	width:888px;
	border-top:5px solid #EFEFEF;
	border-left:5px solid #EFEFEF;
	border-right:5px solid #EFEFEF;
	padding:1px;
	margin-bottom:1.5em;
}
.campLbox h4 {
	background:#534DA1 url(/campaign/img/titback.gif) repeat;
	padding:12px 1em 3px 2.5em;
	text-indent:-1.7em;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}
.campLboxInn {
	width:848px;
	padding:10px 20px 0 20px;
}
.campLboxInn table {
	width:100%;
}
.campLboxInn table th,
.campLboxInn table td {
	border-bottom:2px solid #DDDDDD;
}
.campLboxInn table th {
	padding:15px 10px 5px 1.2em;
	text-align:left;
	color:#534DA1;
	font-weight:bold;
	width:20em;
	clear:both;
	border-right:1px solid #EFEFEF;
}
.campLboxInn table th p {
	text-indent:-1em;
	padding:0;
}
.campLboxInn table td {
	padding:15px 0 5px 10px;
}
.campLboxInn table td ul {
	clear:both;
	padding-bottom:0.5em;
}
.campLboxInn table td ul li {
	margin-right:1.2em;
	
	display:inline;
}
.campSubTit {
	color:#534DA1;
	font-weight:bold;
	padding:0 0 3px 0;
	margin-bottom:0.5em;
	border-bottom:1px solid #DDDDDD;
}
.caution01 {
	position:relative;
	width:36px;
	height:34px;
	margin-bottom:-20px;
	left:-16px;
}
#cauP {width:900px; text-align:center;}
.cautionTxt {
	font-size:120%;
	font-weight:bold;
	vertical-align:0.5em;
	color:#FF6600;
}
.contThxTx2 {
	width:858px;
	padding:20px;
	border:1px solid #DDDDDD;
	font-size:130%;
	line-height:1.7em;
	font-weight:bold;
	color:#534DA1;
}
/*----------------------------------------------------------*/
/*コンタクト*/
.contTbl {
	width:100%;
}
.contTbl th,
.contTbl td {
	padding:1em 15px 5px;
}
.contTbl th {
	border-bottom:1px solid #DBDBEC;
}
.contTbl td {
	border-bottom:1px dotted #DDDDDD;
}
.contTbl th {
	text-align:left;
	background-color:#F4F4F9;
	width:10em;
	white-space:nowrap;
}
.contTbl td ul li {
	float:left;
	margin-right:2em;
}
.cirLiErr li {
	padding-bottom:0.5em;
	margin-top:1em;
	border-bottom:1px dotted #DDDDDD;
	color:#FF6600;
	font-weight:bold;
}
.contThxTx {
	width:558px;
	padding:20px;
	border:1px solid #DDDDDD;
	font-size:130%;
	line-height:1.7em;
	font-weight:bold;
	color:#534DA1;
}
/*----------------------------------------------------------*/
/*内覧会*/
#eveBox {
	width:900px;
	margin-bottom:1em;
}
#evePho {
	width:300px;
	float:left;
}
#eveTxt {
	width:584px;
	float:right;
	font-size:110%;
	line-height:1.6em;
}
#eveTxt h3 {
	margin-bottom:1em;
}
#eveMail {
	width:900px;
}
#eveMail h3 {
	width:100%;
	border-bottom:1px solid #A9A6D0;
	margin-bottom:10px;
}
#eveMail p {
	font-size:110%;
	margin:0 10px;
}
/*------------------------------------------------------------

	COMPANY

------------------------------------------------------------*/
#cmpyL {
	width:220px;
	float:left;
}
#cmpyR {
	width:640px;
	float:right;
}
#cmpyTbl {
	width:100%;
}
#cmpyTbl th {
	width:10em;
	white-space:nowrap;
	color:#534DA1;
	padding:1em 1em 0.2em 0;
	border-bottom:1px solid #534DA1;
	text-align:left;
}
#cmpyTbl td {
	padding:1em 0 0.2em 1em;
	border-bottom:1px solid #DDDDDD;
}
/*----------------------------------------------------------*/
#cmpyTbl .tableInn {
	margin-bottom:0.5em;
}
#cmpyTbl .tableInn th,
#cmpyTbl .tableInn td {
	padding:0.2em 0;
	border-bottom:1px solid #DDDDDD;
}
#cmpyTbl .tableInn th {
	padding:0.2em 1em 0.2em 0;
	color:#333333;
	white-space:nowrap;
	width:15em;
}
/*------------------------------------------------------------

	PRIVACY

------------------------------------------------------------*/
.prvBox {
	width:860px;
	border:6px solid #EFEFEF;
	padding:14px;
	margin-bottom:20px;
}
.prvIdt {
	width:710px;
	margin:0 0 0 auto;
}
.prvIdt dl {
	width:692px;
	margin:0 0 2em auto;
	border-left:3px solid #BAB8D9;
	padding-left:15px;
}
.prvIdt dl dd ul {
	margin-left:1em;
}
#prvSign {
	width:100%;
	margin:2em 0 0 0;
	padding:1em 0 0 0;
	border-top:1px solid #DDDDDD;
	line-height:1.3em;
	text-align:right;
}
#prvSign #prvSignName {
	font-size:110%;
}
/*------------------------------------------------------------

	SITEMAP

------------------------------------------------------------*/
#siteBox {
	width:816px;
	border:6px solid #EFEFEF;
	padding:36px 36px 26px 36px;
}
.siteBoxInn {
	width:195px;
	float:left;
	margin-left:10px;
}
.siteBoxInn dl {
	border-left:2px solid #BAB8D9;
	padding-left:8px;
	margin-bottom:10px;
}
.siteBoxInn dl dt {
	color:#534DA1;
	font-size:84%;
	line-height:1.3em;
}
.siteBoxInn dl dd {
	line-height:1.3em;
}
.siteBoxInn dl dd ul {
	margin-left:1em;
	font-size:84%;
	line-height:1.4em;
}
.siteBoxInn dl dd ul li {
	line-height:1.4em;
}
.siteBoxInn dl dd a {
	text-decoration:none;
	display:block;
	width:100%;
}
.siteBoxInn dl dd a:hover {
	background:url(/sitemap/img/linkback.gif) repeat;
}
/*------------------------------------------------------------

	SERVICE

------------------------------------------------------------*/
.svBox {
	width:880px;
	border-top:2px solid #A9A6D0;
	border-left:1px solid #A9A6D0;
	padding:19px 0 0 19px;
	margin-bottom:1.5em;
}
.svBoxInnLg {
	width:880px;
	margin-bottom:1em;
}
.svBox h3 {
	font-size:110%;
	line-height:1.3em;
	font-weight:bold;
	color:#534DA1;
}
.svBox .svBoxInnLg .svBoxL {
	width:430px;
	float:left;
}
.svBox .svBoxInnLg .svBoxR {
	width:430px;
	float:right;
}
.svBox .svBoxInnLg .svBoxInnL {
	width:100px;
	float:left;
}
.svBox .svBoxInnLg .svBoxInnR {
	width:320px;
	float:right;
}
.svBox .svBoxInnLg .svBoxInnL2 {
	width:234px;
	float:left;
}
.svBox .svBoxInnLg .svBoxInnR2 {
	width:185px;
	float:right;
}
.svBox .svBoxInnLg .svBoxInnR P {
	padding-bottom:0;
}
.svLink {
	font-size:84%;
	line-height:1.4em;
	text-align:right;
}
/*------------------------------------------------------------

	FLOW

------------------------------------------------------------*/
#flowBox {
	width:840px;
	border:4px solid #F0EDE0;
	padding:26px 26px 13px 26px;
}
#flowBox .flowBoxInn {
	width:840px;
	margin-bottom:1em;
}
#flowBox .flowBoxInn .flowBoxInnL {
	width:407px;
	float:left;
}
#flowBox .flowBoxInn .flowBoxInnR {
	width:407px;
	float:right;
}
#flowBox .flowBoxInn2 {
	width:375px;
	padding:8px 16px 8px 16px;
}
/*修正版*/
#flowBox2 {
	width:892px;
	border:4px solid #F0EDE0;
	background:url(/flow/img/flowback.gif) repeat-y 0 0;
}
#flowBox2 .fwInn2a {
	width:892px;
	border-bottom:1px solid #C3C1DE;
}
#flowBox2 .fwInn2b {
	width:892px;
}
#flowBox2 .fwInnL {
	width:303px;
	float:left;
}
#flowBox2 .fwInnL h3 {
	margin:30px 0 1em 62px;
}
#flowBox2 .fwInnR {
	width:503px;
	padding:30px 43px 14px 0;
	float:right;
}
.flowUl {
	font-size:84%;
	line-height:1.3em;
	margin:7px 0 1em 0;
}
.flowUl li {
	padding:0 0 0.7em 0;
}


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

	OFFICE SERVICE

------------------------------------------------------------*/
.ofiSbox {
	width:840px;
	border:2px solid #E3E3E3;
	padding:28px;
	margin-bottom:1.5em;
}
.ofiSbox .ofiSboxL {
	width:410px;
	float:left;
}
.ofiSbox .ofiSboxR {
	width:410px;
	float:right;
}
.ofiSbox .ofiSboxInnL {
	width:234px;
	float:left;
	text-align:center;
}
.ofiSbox .ofiSboxInnR {
	width:166px;
	float:right;
}
.ofiSbox .ofiSboxInnR h3 {
	font-size:110%;
	line-height:1.4em;
	font-weight:bold;
}
.ofiSbtn {
	text-align:right;
	margin-bottom:1em;
}
/*------------------------------------------------------------

	MODEL CASE

------------------------------------------------------------*/
#modelBox {
	width:886px;
	border:7px solid #EBE7DC;
}
#modelL {
	width:563px;
	float:left;
}
#modelR {
	width:283px;
	float:right;
	padding:20px 20px 0 0;
}
#modelR table #modelTit {
	font-size:120%;
	font-weight:bold;
	color:#534DA1;
}
table .modelTtl {
	border-top:2px solid #CCCCCC;
	font-weight:bold;
}
#modelR table td {
	text-align:right;
}
.modelFltL {
	width:440px;
	float:left;
}
.modelFltR {
	width:440px;
	float:right;
}
.modelFltInn {
	width:420px;
	border-top:1px solid #A9A6D0;
	border-left:1px solid #A9A6D0;
	padding:19px 0 0 19px;
	background:url(/modelcase/img/backimg.gif) no-repeat 1px 1px;
}
.modelFltInn table th {
	font-weight:bold;
	text-align:center;
}
.modelFltInn table .price {
	text-align:right;
	padding-right:5px;
}
.modelFltInn table .invaBgcr {
	background-color:#E5E4F1;
}
.modelFltInn table .otrBgcr {
	background-color:#F5F4EB;
}
.modelFltInn ul li {
	margin-bottom:0.7em;
}
.modelFltInn p.cap {
	font-size:84%;
}

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

	LITBOX

------------------------------------------------------------*/
#subBox {
	width:698px;
}
#subBox #subImg {
	width:698px;
	padding-bottom:1px;
}
#subBox #subTx {
	width:688px;
	margin:5px 5px 0 5px;
}
#subBox #subTx ul li {
	font-size:1px;
	line-height:1px;
	display:inline;
}
#subBox #subTx ul .liBnn {
	float:left;
}
#subBox #subTx ul .liTx {
	float:right;
}.annimage {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/*------------------------------------------------------------

	FORM

------------------------------------------------------------*/
.fBtnSnd,
.fBtnFix {
	width:280px;
	padding:15px 0;
}
.fBtnSnd {
	float:right;
	text-align:left;
}
.fBtnFix {
	float:left;
	text-align:right;
}
.errMes {
	color:#FF6600;
	font-size:110%;
	line-height:170%;
}
.fBtn input {
	padding:10px;
	font-size:120%;
}