@charset "utf-8";

/* PREDENCIA プレデンシア 共通
----------------------------------------------------------------------------------------------------*/

.predenciaNavi {
	margin: 0 0 20px;
	background: url(../images/design_bk01.gif) repeat-y;
	background-position: left top;
}

.predenciaNavi li {
	display: inline;
	padding: 0 10px;
}

.predenciaTitle1 {
	margin: 0 0 20px;
	padding: 10px 0 0;
	border-top: 2px solid #DFDFDF;
}

.predenciaTitle1 .left {
	margin: 5px 40px 0 0;
}

.predenciaTitle1 .right {
	width: 400px;
}

/* PREDENCIA トップ
----------------------------------------------------------------------------------------------------*/

#predencia .flashcontent {
	margin: 0 0 20px;
}

#predencia .box1 {
	margin: 0 0 20px;
	padding: 0 10px;
	background: url(../images/predencia_bk01.gif) repeat-y;
	background-position: left top;
}

#predencia .box1 p {
	margin: 0 0 7px;
}

#predencia .box1 .left {
	width: 172px;
	margin: 0 20px 0 0;
}

#predencia .box1 .right {
	width: 172px;
}

/* PREDENCIA 美しく快適なデザイン
----------------------------------------------------------------------------------------------------*/

#design .box1 {
	margin: 0 0 25px;
}

#design h3 {
	margin: 0 0 15px;
}

#design .box2 {
	margin: 0 0 15px;
}

#design .box2 .left {
	width: 470px;
}

#design .box2 .right {
	width: 470px;
}

#design h4 {
	margin: 0 0 10px;
}

#design .box3 {
	padding: 10px 10px 0;
	background: #ECF3F9;
}

#design .box3 h4 {
	margin: 0 0 15px;
}

#design .box4 {
	margin: 0 0 15px;
}

#design .box4 .right2 {
	width: 320px;
	margin: 10px 0 0;
}

#design .box5 {
	margin: 0 0 15px;
}

#design .box5 p {
	margin: 0 10px 0 0;
}

#design .box5 img {
	margin: 0 0 5px;
}

#design h5 {	
	margin: 0 0 5px;
}

#design .box7 {
	margin: 0 0 15px;
}

#design .box8 {
	margin: 0 0 40px;
}

#design .box6 {
	margin: 0 0 15px;
}

#design .box6 .left {
	width: 470px;
}

#design .borderRed {
	border: 1px solid #FF0000;
	padding: 2px;
}

#design .box9 {
	margin: 0 0 20px;
}

#design .box9 h6 {
	margin: 0 0 10px;
}

#design .box9 .left, #design .box9 .right{
	width: 470px;
}

#design .box9 {
	margin: 0 0 20px;
}

#design .box10 {
	margin: 0 0 20px;
	background: #F4F4F4;
	padding: 10px;
}

#design .nomargin {
	margin: 0px;
}


/* PREDENCIA プレデンシア 震度6強相当の振動に耐える、耐震システムバス
----------------------------------------------------------------------------------------------------*/

#structure {
	margin: 0 0 20px;
}

#structure .box1 {
	margin: 0 0 20px;
	padding: 20px 0 0;
	border-top: 2px solid #DFDFDF;
}

#structure .box1 .left {
	width: 650px;
}

#structure h3 {
	margin: 0 0 15px;
}

#structure h4 {
	margin: 0 0 15px;
}

#structure .box2 {
	margin: 0 0 20px;
	background: url(../images/structure_bk01.gif) repeat-y;
	background-position: left top;
}

#structure .box2 .left {
	width: 470px;
}

#structure .box2 .right {
	width: 470px;
}

#structure .box3 {
	padding: 15px;
}

#structure .box20 {
	padding: 15px 10px 15px 15px;
}

#structure .box3 h5 {
	margin: 0 0 10px;
}

#structure .box3 .left2 {
	width: 221px;
}

#structure .box3 .right2 {
	width: 210px;
}

#structure .right .box4 {
	margin: 0 0 20px;
}

#structure .box4 .left3 {
	width: 211px;
}

#structure .box4 .right3 {
	width: 226px;
}

#structure .box5 {
	margin: 0 0 20px;
}

#structure .box5 .left {
	width: 675px;
}

#structure .box5 .right {
	width: 226px;
}

#structure .box6 .left2 {
	width: 160px;
	margin: 0 10px 0 0;
}

#structure .box6 .left3 {
	width: 160px;
}

#structure .box8 {
	margin: 0 0 15px;
}

#structure .box8 .right {
	width: 665px;
}

#structure .box9 {
	padding: 15px;
	border: 1px solid #DFDFDF;
}

#structure .box10 {
	margin: 0 0 20px;
	padding: 15px;
	background: #ECF3F9;
}

#structure .box11 {
	margin: 0 0 15px;
}

#structure .box11 h5 {
	margin: 0 0 5px;
}

#structure .box11 .left {
	width: 535px;
}

#structure .box11 .left2 {
	width: 180px;
}

#structure .box11 .right2 {
	width: 345px;
}

#structure .box11 .right {
	width: 410px;
}

#structure .box11 .left2 {
	width: 180px;
}

#structure .box11 .right3 {
	width: 220px;
}

#structure .box12 {
	margin: 0 0 15px;
	background: url(../images/structure_bk02.gif) repeat-y;
	background-position: right top;
}

#structure .box12 .right {
	width: 340px;
}

#structure .box12 .right p {
	margin: 0 0 10px;
}

#structure .box12 .left1 {
	width: 260px;
	margin: 0 15px 0 0;
}

#structure .box12 .left2 {
	width: 310px;
}

#structure .box12 .left2 p {
	margin: 0 0 10px;
}

#structure .box15 p {
	width: 140px;
}

#structure .box16 {
	margin: 0 0 20px;
	padding: 15px;
	background: #ECF3F9;
}

#structure .box17 .left {
	width: 240px;
}

#structure .box17 .right {
	width: 670px;
}

#structure .box18 {
	margin: 0 0 30px;
}

#structure .box18 .left {
	width: 590px;
}

#structure .box18 .right {
	width: 316px;
}

#structure .box19 .left2 {
	width: 290px;
	margin:0 10px 0 0;
}

#structure .box19 .left3 {
	width: 130px;
}


#structure .box20 {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/* PREDENCIA プレデンシア 建物に合わせてぴったりサイズ
----------------------------------------------------------------------------------------------------*/

#adjustable {
	margin: 0 0 20px;
}

#adjustable .box1 {
	margin: 0 0 30px;
	padding: 20px 0 0;
	border-top: 2px solid #DFDFDF;
}

#adjustable .box1 .left {
	width: 470px;
}

#adjustable h3 {
	margin: 0 0 15px;
}

#adjustable h4 {
	margin: 0 0 15px;
}

#adjustable .box1 p {
	margin: 0 0 10px;
}

#adjustable .box2 {
	margin: 0 0 20px;
	background: url(../images/adjustable_bk01.gif) no-repeat;
	background-position: left top;
}

#adjustable .box2 .left {
	width: 240px;
	margin: 0 30px 0 0;
}

#adjustable .box2 .right {
	width: 450px;
}

#adjustable .box6 {
	margin: 0 0 10px;
}

#adjustable .box7 {
	margin: 0 0 20px;
	background: url(../images/adjustable_bk02.gif) no-repeat;
	background-position: left top;
}

#adjustable .box7 .left {
	width: 240px;
	margin: 0 30px 0 0;
}

#adjustable .box7 .left2 {
	width: 210px;
}


#adjustable .box7 .right {
	width: 440px;
}

#adjustable .box9 {
	padding: 15px;
}

#adjustable .box10 {
	margin: 0 0 20px;
	background: url(../images/adjustable_bk03.gif) repeat-y;
	background-position: left top;
}

#adjustable .box10 .left {
	width: 300px;
	margin: 0 20px 0 0;
}

#adjustable .box10 .left2 {
	width: 310px;
}

#adjustable .box10 .right {
	width: 305px;
}

#adjustable .box10 h5 {
	margin: 0 0 10px;
}


/* PREDENCIA プレデンシア 建物に合わせてぴったりサイズ
----------------------------------------------------------------------------------------------------*/

#option {
	margin: 0 0 20px;
}

#option h3 {
	margin: 0 0 10px;
	padding: 20px 0 0;
	border-top: 2px solid #DFDFDF;
}

#option h4 {
	margin: 0 0 15px;
}

#option .box1 {
	margin: 0 0 20px;
}

#option .box1 .right {
	width: 545px;
}

#option .box2 {
	padding: 15px 15px 0;
	background: #ECF3F9;
}

#option h5 {
	margin: 0 0 10px;
}

#option .box3 {
	margin: 0 0 10px;
}

#option .box3 .right {
	width: 455px;
}

#option .box3 .right .left {
	width: 265px;
}

#option .box3 .right  .right {
	width: 180px;
	text-align: right;
}

#option .box4 {
	margin: 0 0 10px;
}

#option .box5 {
	margin: 0 0 20px;
}

#option .box6 {
	margin: 0 0 20px;
}

#option .box6 .right {
	width: 645px;
}

#option .box7 {
	margin: 0 0 10px;
}

#option .box7 .left {
	margin: 10px 0 0;
}

#option .box7 .right {
	width: 470px;
}

#option .box7 .right h5 {
	margin: 0 0 5px;
}

#option .box6 .border {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #DFDFDF;
}

#option .box8 {
	margin: 0 0 20px;
}

#option .box8 .left {
	width: 400px;
	margin: 0 20px 0 0;
}

#option .box8 .left2 {
	width: 491px;
}


/* PREDENCIA プレデンシア プラン例
----------------------------------------------------------------------------------------------------*/

#plan {
	margin: 0 0 20px;
}

#plan h3 {
	margin: 0 0 15px;
	padding: 20px 0 0;
	border-top: 2px solid #DFDFDF;
}

#plan .box2 {
	margin: 0 0 25px;
}

#plan .box2 p {
	width: 475px;
}

#plan h4 {
	margin: 0 0 15px;
}

#plan h5 {
	margin: 0 0 15px;
}

#plan .box1 {
	margin: 0 0 25px;
	padding: 20px;
	background: url(../images/plan_bk01.gif) repeat-y;
	border: 1px solid #DFDFDF;
}

#plan .box1 .right {
	width: 440px;
}

#plan .box1 .right p {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #DFDFDF;
}

#plan .box1 .right img {
	margin: 0 0 15px;
}