@charset   "UTF-8";

/* --- ★エクステリア用　新築プラン★ --- */


/* --- パンくずエリア --- */
.pnav {
width: 655px;
height:17px;
text-align: left;
vertical-align:bottom;
margin: 0 ;
border-bottom: 1px #333 solid;
}
.pnav img {
text-align: right;
margin: 0 2px;
border: 0;
}
.pnav p {
margin: 0;
padding: 0 2px;
text-align: right;
font-family: "Meiryo UI",sans-serif;
font-size: 75%;
color: #666;
}
.pnav a:link { color: #666;text-decoration: none;}
.pnav a:visited { color: #666;}
.pnav a:hover { color: #3c0;}

/* --- 項目タイトルエリア --- */
div.planav {
width: 100%;
height:auto;
text-align: left;
vertical-align:bottom;
margin: 0 ;
}

h1.tt {
width: 350px;
height:auto;
margin: 20px 5px 0 5px;
padding:0;
}

/* --- ナビメニューエリア --- */
div.nv {
width: 650px; 
margin: 0;
padding: 0;
vertical-align: bottom;
}
ul.mn { /* メニュー部分 */
width: 100%; 
height: 34px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
ul.mn li { /* メニュー項目 */
width: 32.25%;
/* height: 34px; */
float: left;
margin: 0 0 -5px 1px;
padding: 0;
vertical-align: bottom;
line-height: 34px;
}


/* --- 内容エリア --- */
div.con {
position: relative;
width: 650px; 
margin: 0;
padding:0;
vertical-align: top;
}
div.con p {
color: #000;
font-family: "Meiryo UI",sans-serif;
font-size: 85%;
line-height: 1.5em;
text-align: left;
}
div.contop { /* メインイメージ */
position: relative;
width: 100%; 
margin: 0 auto 20px;
padding: 0;
text-align: left;
}
div.contop img { /* メインイメージ */
margin: 0 auto;
padding: 0;
text-align: center;
}
div.contop p { /* メインイメージ */
width: 90%;
margin: 0;
padding: 0;
text-align: left;
}


/* --- 内容エリアテーブル案 --- */
table.con2 {
width: 99.9%; 
margin: 0;
border-collapse: collapse;
border: 1px #333 solid;
}
.con3  {
width: 99.9%; 
border: 1px #333 solid;
padding: 15px;
}

/* --- 詳細説明 --- */
div.con3L { /* 画像左用 */
position: relative;
width: 650px; 
margin: 0 auto 15px auto;
padding: 0;
}
div.con3L img { /* 画像左用 */
margin: 0 15px 0 0;
padding: 0;
float: left;
}
div.con3L p { /* 画像左用 */
margin: 5px 10px 0 0;
padding: 0;
}
div.con3R { /* 画像右用 */
position: relative;
width: 650px; 
margin: 0 auto 15px auto;
padding: 0;
}
div.con3R img { /* 画像右用 */
margin: 0 0 0 15px ;
padding: 0;
float: right;
}
div.con3R p { /* 画像右用 */
margin: 5px 0 0 20px;
padding: 0;
}


/* --- 回り込み解除 --- */
/* --- clearfix --- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
 display: inline-block; 
}
.clearleft { /* 左解除 */
clear: left;
}
.clearright { /* 右解除 */
clear: right;
}
.clearboth { /* 左右解除 */
clear: both;
}



/* --- リスト設定 --- */
.chosaL { /* 左寄せ */
float: left;
}
div#block1 ul {
width: 250px;
margin: 0 0 15px 25px;
padding: 0;
list-style-type: none;
}
div#block1 li {  /* リスト項目 */
padding: 2px 0 4px 13px; /* マーカー余白 */
background: url(image/disc02.gif) no-repeat 3px 0.55em; /* マーカー画像 */
font-size: 85%;
line-height: 125%;
text-align: left;
font-family: "Meiryo UI",sans-serif;
color: #7d664d;
}


/* --- お問合せバナーエリア --- */

.btninfo {
width: 660px;
margin: 25px auto;
text-align: left;
}