

/* レイアウトの設定*/
body
{ 
text-align: center; /* IE 向けセンタリング指定 */
padding:0px;
margin:  0px 0px 0px 0px;
background-color:#ffffff;
color: #3d2813;
font-size: 14px;
line-height:1.9;
ackground-attachment: fixed; 
ackground-position: 50% 0%; 
ackground-repeat: no-repeat;
background-image : url(bg.jpg);
-webkit-text-size-adjust: none;
ont-family:meiryo;
ont-family:"HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体",serif;
ont-family: Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ ゴシック", sans-serif;
font-family: meiryo;
} 


img {border: none; }
#green{border: 1px #a3aa87 solid; }
#r-line{border-bottom: 1px #cccccc dotted; margin:  15px 0px 15px 0px;}
#l-line{border-bottom: 1px #cccccc dotted; margin:  50px 0px 40px 0px;}
#l-line2{border-bottom: 1px #444444 dotted; margin:  30px 0px 20px 0px;}
#l-line3{border-bottom: 1px #bbbbbb dotted; margin:  30px 0px 20px 0px;}

#bar{
    width:667px;  height:100%;background-color:#26aabc;padding: 3px 0px 3px 10px;color: #ffee00;font-size: 16px;
ont-weight: bold;}


#qa{
    width:677px;
    height:25px;
font-size:17px;
color: #3d2813;
margin:  0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background-color:#ffffff;
font-weight: bold;
border-bottom: 3px #26aabc solid;
}

h1{
    width:100%;
text-align:left;
color: #ffffff;
font-size: 12px;
margin: 0px 0px 50px 0px;
}

p {margin: 0px }
p.wd{margin: 5px 0px 5px 0px; }
.red{font-size: 16px;
color: #b90000;
font-weight: bold;
 }

/* ヘッダーの設定*/
#h{  width:677px;height:28px;background-image : url(h.jpg);
padding: 0px 0px 0px 0px;
}

#m{  width:637px;height:100%;background-image : url(m.jpg);
padding: 0px 20px 0px 20px;}

#m2{  width:637px;height:100%;background-image : url(m.jpg);
padding: 20px 20px 0px 20px;
font-size: 15px;
line-height:1.9;
}

#f{  width:677px;height:28px;background-image : url(f.jpg);
padding: 0px 0px 0px 0px;
}

/* ヘッダーの設定*/
#head{
    width:1040px;
    height:487px;
text-align:left;
font-size: 13px;
line-height:1.6;
background-image : url(head-bg3.jpg);
padding: 20px 0px 0px 60px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#head2{
    width:1000px;
    height:81px;
font-size: 13px;
line-height:1.6;
background-image : url(head-bg2.jpg);
padding: 20px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#menu{
    width:100%;
    height:44px;
text-align:center;
background-color:#0090ae;
margin:  20px 0px 5px 0px;
padding:4px 0px 13px 0px;
}

/* ラッパーの設定*/

#wrap{
    position:relative;
    width:1000px;
text-align:left;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


/* 左側の設定*/

#left{
    width:677px;
    height:100%;
text-align:left;
float:left;
padding: 35px 0px 40px 0px;
}

#left2{
    width:677px;
    height:100%;
text-align:left;
float:left;
font-size: 17px;
line-height:1.8;
padding: 35px 0px 40px 0px;
}

#l-top{ width:677px; height:213px;
text-align:left;
font-size: 14px;
line-height:1.8;
background-image : url(l-top.jpg);
padding: 95px 0px 0px 0px;}


/* 右側の設定*/

#right{
    width:255px;
    height:100%;
font-size: 13px;
line-height:1.8;
float:right;
clear:right;
text-align:left;
padding: 35px 0px 40px 0px;
}


#top-kataduke{ width:313px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-kataduke.jpg);
padding: 90px 0px 0px 5px;}


#top-fuyou{ width:313px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-fuyou.jpg);
padding: 90px 0px 0px 5px;}

#top-kakusyu{ width:313px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-kakusyu.jpg);
padding: 90px 0px 0px 5px;}



#top-hikkoshi{ width:298px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-hikkoshi.jpg);
padding: 90px 0px 0px 20px;}


#top-oniwa{ width:298px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-oniwa.jpg);
padding: 90px 0px 0px 20px;}

#top-otetsudai{ width:298px; height:182px;line-height:1.7;
font-size: 14px; text-align:left;
background-image : url(top-otetsudai.jpg);
padding: 90px 0px 0px 20px;}









#top-kataduke2{ width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-kataduke2.jpg);
padding: 75px 0px 0px 10px;}

#top-fuyou2{width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-fuyou2.jpg);
padding: 75px 0px 0px 10px;}

#top-kakusyu2{width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-kakusyu2.jpg);
padding: 75px 0px 0px 10px;}


#top-hikkoshi2{width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-hikkoshi2.jpg);
padding: 75px 0px 0px 10px;}


#top-oniwa2{ width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-oniwa2.jpg);
padding: 75px 0px 0px 10px;}

#top-otetsudai2{ width:667px; height:100px;line-height:1.8;
font-size: 14px; text-align:left;
background-image : url(top-otetsudai2.jpg);
padding: 75px 0px 0px 10px;}























/* フッターーの設定*/

#foot{
position:relative;
clear:both;
text-align:center;
    width:99.99%;
    height:180px;
background-image : url(f-bg.jpg);
background-repeat:no-repeat;
background-position:center center;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding: 120px 0px 0px 0px;
}

#fmenu{
    width:1000px;
    height:100%;
text-align:left;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding: 0px 0px 0px 0px;
}


a{ color:#000000;  text-decoration:none;}
a:link { color: #000000; text-decoration:none;}
a:visited { color: #000000;  text-decoration:none;}
a:active { color: #d70051;  text-decoration :none;font-weight::bold;}
a:hover { color: #d70051;  text-decoration :none;font-weight:bold;}

a.link:link { color: #e03482;   font-weight: normal;}
a.link:visited { color: #e03482;   font-weight: normal;}
a.link:hover { color: #e03482;  font-weight: normal;}
a.link:active { color: #e03482;   font-weight: normal;}




table.table012 {
  width: 660px;
color: #2B2019;
font-size: 14px;
  border-collapse: collapse;
}

table.table012 caption {
  margin-top: 1em;
  text-align: left;
}

table.table012 th,
table.table012 td {
  border: solid 1px #999;
padding: 15px 0px 10px 0px;
}

v th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
}

table.table012 td.kouza {
  text-align: center;
  width: 210px;
font-weight: bold;
border-bottom: 1px #cccccc dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  text-align: left;
}

table.table012 td.price {
  text-align: left;
  width: 450px;
border-bottom: 1px #cccccc dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}






table.table013 {
  width: 660px;
color: #2B2019;
font-size: 11px;
  border-collapse: collapse;
}

table.table013 caption {
  margin-top: 1em;
  text-align: left;
}

table.table013 th,
table.table013 td {
  border: solid 1px #999;
padding: 8px 5px 8px 5px;
}

v th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
}

table.table013 td.model {
  text-align: center;
  width: 110px;
ont-weight: bold;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc dotted;
border-right: 1px #cccccc dotted;
  text-align: left;
}

table.table013 td.body {
  text-align: left;
  width: 100px;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc dotted;
  white-space: nowrap;
}

table.table013 td.price {
  text-align: left;
  width: 120px;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc dotted;
  white-space: nowrap;
}


table.table013 td.spec {
  text-align: left;
  width: 400px;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc dotted;
  white-space: nowrap;
}









table.table014 {
  width: 660px;
color: #ffffff;
font-size: 11px;
  border-collapse: collapse;
}

table.table014 caption {
  margin-top: 1em;
  text-align: left;
}

table.table014 th,
table.table014 td {
background-color:#000000;
  border: solid 1px #999;
padding: 8px 5px 8px 5px;
}

v th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
}




table.table014 td.model {
  text-align: center;
  width: 70px;
ont-weight: bold;
background-color:#000000;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
  text-align: center;
}

table.table014 td.body {
  text-align: center;
  width: 80px;
background-color:#000000;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc solid;
  white-space: nowrap;
}

table.table014 td.price {
  text-align: center;
  width: 120px;
background-color:#000000;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc solid;
  white-space: nowrap;
}


table.table014 td.spec {
  text-align: center;
  width: 400px;
background-color:#000000;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 1px #cccccc solid;
  white-space: nowrap;
}













.box1 {
 z-index: 1;
 position: relative;
    width:99.99%;
    height:719px;
background-image : url(head-bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-color: transparent;
}

.box3 {
 z-index: 10;
 position: absolute;
width:1050px;
 height: 200px;
ackground-color: #cccccc;
background-color: transparent;
    overflow:auto;
    top:50%;
    left:50%;
    margin-top:160px;
    margin-left:-500px;
text-align: right;
}



font-family:sans-serif;
width:0px;
height:0px;
text-align:left;
font-size:10px;
font-family:meiryo;
font-weight: bold;
background-color:#ffffff;
background-color: transparent;
background-image : url(bg.gif);
color:#ffffff;
line-height:1.1;
border-top: 1px #ffffff solid;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background-color: #ffffff;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
position:relative;


<div class="line"><p style="border-bottom: 1px dotted gray;"></p></div>

<a href="***.html#***" target="_self">
<a id="***" name="***"></a>


#{ }<div id="名前"></div>
.{ }<p class="名前"></p>
<span class="名前"></span>
<p class="example2 example3"></p>
<img src="img/.jpg" alt="" width="0" height="0" />
<a href=".html" target="_self"></a>
<img src="img/.jpg" width="0" height="0" border="0"  alt="" onmouseover="this .src='img/-r.jpg'"onmouseout="this .src='img/.jpg'">
<iframe src=".shtml" frameborder="1" scrolling="no" width="292" height="340" true"></iframe>

<a href="***.html#***" target="_self">
<a id="***" name="***"></a>

生垣が部分的に枯れてしまい、目隠しにならなくなっちゃった。