/* ------- 各種設定------- */
* {
  margin: 0;
  padding: 0;
}

/* ------- seo ------- */
.seo{
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: right;
width: 950px;
color:#999999;
font-size:8px;
}
.seo a    {color:#999999;text-decoration:none;}
.seo a:link  {color:#999999;text-decoration:none;}
.seo a:visited  {color:#999999;text-decoration:none;}
.seo a:hover  {color:#999999;text-decoration:none;}
/* ------- seo ------- */


BR{letter-spacing:normal;}


form {
padding: 0px;
margin: 0px;
}

blockquote {
padding: 10px 20px 10px 20px;
border: 1px dotted #999999;
margin-left: auto; 
margin-right: auto;
}

h1 {font-size:10px;}
h2 {font-size:10px;}
h3 {font-size:14px;}

p{
text-align:left;
line-height:   1.5em;
padding: 2px 10px 2px 10px;
}


img{
padding: 0px 0px 0px 0px;
border: none;
vertical-align:middle;
}


.link{
font-size:12px;
text-align:right;
padding: 15px 10px 15px 10px;
}
.link a    {color:#5f5f5f;text-decoration:none;}
.link a:link  {color:#5f5f5f;text-decoration:none;}
.link a:visited  {color:#5f5f5f;text-decoration:none;}
.link a:hover  {color:#990000;text-decoration:none;}


.banner{
margin: 0px 0px 15px 0px;
text-align:center;
}

.banner a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}


.banner2{
margin: 0px 0px 0px 0px;
text-align:center;
}

.banner2 a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}



body {
letter-spacing: normal
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;

background-image: url(images/bg-top.jpg);
background-repeat: no-repeat;
background-position: center top;
}

html {
margin: 0;
padding: 0;
background: url(images/bg-bottom.gif) no-repeat bottom;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 950px;
background-image: url(images/inbox-bg.gif);
background-repeat: repeat;
}

a        {color:#333333;text-decoration:underline;}
a:link    {color:#333333;text-decoration:underline;}
a:visited    {color:#333333;text-decoration:underline;}
a:active    {color:#333333;text-decoration:underline;}
a:hover    {color:#990000;text-decoration:underline;}



/* ------- ■■ヘッダー部分■■ ------- */
#header {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 950px;
height: 438px;
}


#header2 {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 950px;
height: 198px;
}



#logo {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 950px;
font-size:10px;
height: 60px;
}


/* ------- メニュー部分 ------- */

#menu{
 margin-left: auto; 
 margin-right: auto;
  padding: 0;
  width: 950px;
  height: 63px;
}

#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li{
  text-indent: -9999px;
 float:left;
  margin: 0;
  padding: 0;
}

#menu a{
  display: block;
  width: 100%;
  height: 63px;
  background-image: url(images/menu.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0; width: 119px;}
#menu2 a{background-position: -119px 0; width: 119px;}
#menu3 a{background-position: -238px 0; width: 119px;}
#menu4 a{background-position: -357px 0; width: 119px;}
#menu5 a{background-position: -476px 0; width: 119px;}
#menu6 a{background-position: -595px 0; width: 119px;}
#menu7 a{background-position: -714px 0; width: 118px;}
#menu8 a{background-position: -832px 0; width: 118px;}


#menu a:hover{
  background-image: url(images/menu.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -63px; width: 119px;}
#menu2 a:hover{background-position: -119px -63px; width: 119px;}
#menu3 a:hover{background-position: -238px -63px; width: 119px;}
#menu4 a:hover{background-position: -357px -63px; width: 119px;}
#menu5 a:hover{background-position: -476px -63px; width: 119px;}
#menu6 a:hover{background-position: -595px -63px; width: 119px;}
#menu7 a:hover{background-position: -714px -63px; width: 118px;}
#menu8 a:hover{background-position: -832px -63px; width: 118px;}
a[name]:hover{
  color: #000000;
  background: #ffffff;
}

/* ------- メニュー部分 ------- */



/* ------- ■■ヘッダー部分■■ ------- */


/* ------- ■■サイド部分■■ ------- */
#side {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 240px;
text-align: left;
border: 0px solid #333333;
}

.boxtitle {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color:#ffffff;
border-bottom: 1px solid #333333;
}

.box {
border: 0px solid #003300;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
color:#333333;
}

.box a     {color:#333333;text-decoration:none;}
.box a:link  {color:#333333;text-decoration:none;}
.box a:visited  {color:#333333;text-decoration:none;}
.box a:hover  {color:#333333;text-decoration:none;}

.box ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 10px 15px 5px 15px;
border-bottom: 1px solid #cccccc;
}

/* ------- ■■サイド部分■■ ------- */


/* ------- ■■メイン部分■■ ------- */
#main {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 950px;
background-color:#fcf2d8;
border: 0px solid #333333;
}

/* ------- ＴＯＰページ ------- */

/* ------- ▽▽（新着情報追加欄） ここから▽▽ ------- */

.newbox-title{
margin: 0px 0px 0px 0px;
padding: 15px 0px 10px 15px;
}


.newbox{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color:#ffffff;
font-size: 14px;
width: 920px;
}

.newbox a  {color:#333333;text-decoration:underline;}
.newbox a:link  {color:#333333;text-decoration:underline;}
.newbox a:visited{color:#333333;text-decoration:underline;}
.newbox a:active{color:#333333;text-decoration:underline;}
.newbox a:hover  {color:#990000;text-decoration:underline;}

.newbox ul li{
text-align: left;
list-style-type: none;
line-height: 1.0em;
padding: 10px 10px 3px 20px;
}

/* ------- ▽▽（新着情報追加欄） ここまで▽▽ ------- */

/* ------- ▽▽（施工例お客様の声新着欄） ここから▽▽ ------- */

.newbox_sekoutop{
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
width: 950px;
}

.newbox_sekoumd{
font-size: 12px;
background-image: url(images/newbox_sekoumd.jpg);
background-repeat: repeat-y;
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 950px;
}

.newbox_sekoumd a  {color:#333333;text-decoration:underline;}
.newbox_sekoumd a:link  {color:#333333;text-decoration:underline;}
.newbox_sekoumd a:visited{color:#333333;text-decoration:underline;}
.newbox_sekoumd a:active{color:#333333;text-decoration:underline;}
.newbox_sekoumd a:hover  {color:#990000;text-decoration:underline;}

.newbox_sekoumd td{
text-align: left;
padding: 0px 30px 0px 30px;
}
.newbox_sekoumd ul li{
text-align: left;
list-style-type: none;
line-height: 1.0em;
font-weight:bold;
padding: 0px 0px 6px 0px;
}

.newbox_sekoubm{
margin-left: auto; 
margin-right: auto;
margin-bottom:0px;
float: right;
width: 950px;
}

/* ------- ▽▽（施工例お客様の声新着欄） ここまで▽▽ ------- */


.top-box{
  background-image: url(images/bg-ita.gif);
  background-repeat: repeat-y;
  margin: 0px 0px 0px 0px;
  padding: 10px 2px 20px 2px;
}


.colk1{
float: left;
font-size: 12px;
margin: 0px 0px 2px 0px;
padding: 10px 0px 0px 0px;
width: 310px;
height: 938px;
background-image: url(images/colk1.gif);
background-repeat: no-repeat;
}


.colk2{
float: left;
font-size: 12px;
margin: 0px 0px 0px 10px;
padding: 10px 0px 0px 0px;
width: 310px;
height: 578px;
background-image: url(images/colk2.gif);
background-repeat: no-repeat;
}

.colk3{
float: right;
font-size: 12px;
margin: 0px 1px 0px 0px;
padding: 10px 0px 0px 0px;
width: 310px;
height: 578px;
background-image: url(images/colk3.gif);
background-repeat: no-repeat;
}


.colk4{
float: right;
font-size: 12px;
margin: 0px 1px 0px 0px;
padding: 10px 0px 0px 0px;
width: 630px;
height: 348px;
background-image: url(images/colk4.gif);
background-repeat: no-repeat;
}

/* ------- colk5 ------- */

.colk5-top{
margin: 10px 0px 0px 0px;
width: 945px;
}

.colk5-middle{
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-image: url(images/colk5-middle.gif);
background-repeat: repeat-y;
width: 945px;
}

.colk5-middle a  {color:#333333;text-decoration:underline;}
.colk5-middle a:link  {color:#333333;text-decoration:underline;}
.colk5-middle a:visited{color:#333333;text-decoration:underline;}
.colk5-middle a:active{color:#333333;text-decoration:underline;}
.colk5-middle a:hover  {color:#990000;text-decoration:underline;}

.colk5-middle ul li{
text-align: left;
list-style-type: none;
line-height: 1.0em;
padding: 10px 10px 3px 20px;
}

.colk5-bottom{
margin: 0px 0px 30px 0px;
width: 945px;
}

/* ------- colk5 ------- */




.top-box2{
border: 2px solid #eaeaea;
font-size: 12px;
margin: 0px 15px 20px 15px;
padding: 10px 10px 10px 10px;
}

.concept_tbl{
border: 0px solid #333333;
float:left;
font-size: 12px;
margin: 0px 0px 20px 20px;
padding: 0px 0px 0px 0px;
}
.concept_tbl a    {color:#333333;text-decoration:underline;}
.concept_tbl a:link  {color:#333333;text-decoration:underline;}
.concept_tbl a:visited  {color:#333333;text-decoration:underline;}
.concept_tbl a:active  {color:#333333;text-decoration:underline;}
.concept_tbl a:hover  {color:#990000;text-decoration:underline;}

/* ------- ＴＯＰページ ------- */


/* ------- ページ ------- */
.kizi {
margin: 5px 5px 20px 5px;
text-align: left;
border: 0px dotted #fcf4ea;
}


.kizi_title {
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 50px;
background-image: url(images/kizi-title-bg.gif);
background-repeat: no-repeat;

}

.kizi_title a    {color:#333333;text-decoration:none;}
.kizi_title a:link  {color:#333333;text-decoration:none;}
.kizi_title a:visited  {color:#333333;text-decoration:none;}
.kizi_title a:active  {color:#333333;text-decoration:none;}
.kizi_title a:hover  {color:#333333;text-decoration:none;}


.kizi_body   {
font-size: 12px;
text-align: left;
color:#333333;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
}

.kizi_body ul{
padding: 10px 15px 5px 15px;
list-style-type: none;
}


.kanrenbox{
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
font-size: 12px;
background-color:#f8f8f8;
background-image: url(images/kanrenbox_bg.jpg);
background-repeat: repeat-x;
margin: 15px 15px 15px 15px;
padding: 10px 10px 10px 10px;
}

.kanrenbox ul li{
list-style-type: none;
padding: 3px 20px 3px 20px;
}

.kanrenbox_title{
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 15px;
}
/* ------- ページ ------- */

/* ------- ページ移動リンク ------- */
.lpagemove {
font-size: 12px;
margin:10px 10px 20px 10px;
float:left;
}
.lpagemove a       {color:#333333;text-decoration:none;}
.lpagemove a:link    {color:#333333;text-decoration:none;}
.lpagemove a:visited  {color:#333333;text-decoration:none;}
.lpagemove a:hover    {color:#333333;text-decoration:none;}

.rpagemove {
font-size: 12px;
margin:10px 10px 20px 10px;
float:right;
}
.rpagemove a       {color:#333333;text-decoration:none;}
.rpagemove a:link    {color:#333333;text-decoration:none;}
.rpagemove a:visited  {color:#333333;text-decoration:none;}
.rpagemove a:hover    {color:#333333;text-decoration:none;}
/* ------- ページ移動リンク ------- */


/* ------- ■■メイン部分■■ ------- */





/* ------- ■■フッダー部分■■ ------- */
#footer {
width: 950px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;
}


.box_area {
border: 0px solid #99cccc;
background-image: url(images/inbox-bg.gif);
background-repeat: repeat;
font-size: 10px;
text-align: left;
margin: 0px 0px 80px 0px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box_area ul li{
font-size: 10px;
text-align: left;
list-style-type: none;
padding: 5px 5px 5px 5px;
}

.box_area a       {color:#333333;text-decoration:none;}
.box_area a:link    {color:#333333;text-decoration:none;}
.box_area a:visited  {color:#333333;text-decoration:none;}
.box_area a:hover    {color:#a52a2a;text-decoration:none;}


.box_seo {
border: 1px solid #eaeaea;
background-color:#f8f8f8;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 10px 10px 10px 10px;
line-height: 1em;
color:#999999;
}
.box_seo a     {color:#999999;text-decoration:none;}
.box_seo a:link  {color:#999999;text-decoration:none;}
.box_seo a:visited  {color:#999999;text-decoration:none;}
.box_seo a:hover  {color:#999999;text-decoration:none;}


.copyright{
color:#5f5f5f;
background-image: url(images/inbox-bg.gif);
background-repeat: repeat;
line-height: 1.5em;
font-size: 10px;
text-align:center;
padding: 5px 0px 5px 0px;
}
.copyright a    {color:#5f5f5f;text-decoration:none;}
.copyright a:link  {color:#5f5f5f;text-decoration:none;}
.copyright a:visited  {color:#5f5f5f;text-decoration:none;}
.copyright a:hover  {color:#5f5f5f;text-decoration:none;}
/* ------- ■■フッダー部分■■ ------- */

/* ------- ■■ページ内で使用するパーツ■■ ------- */
.bloc1 {
padding: 10px 20px 10px 20px;
border: 1px dotted #43200d;
margin-left: auto; 
margin-right: auto;
}

.bloc2 {
padding: 10px 20px 10px 20px;
border: 1px solid #43200d;
margin-left: auto; 
margin-right: auto;
}


hr.hr1 {
border: 1px dotted #43200d;
}
/* ------- 人気記事ランキング 100507加治屋追加 ------- */

.boxtitle_pop {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

.box_pop {
border: 1px solid #99cccc;
background-color:#f8f8f8;
font-size: 12px;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
color:#333333;
}
.box_pop a     {color:#333333;text-decoration:none;}
.box_pop a:link  {color:#333333;text-decoration:none;}
.box_pop a:visited  {color:#333333;text-decoration:none;}
.box_pop a:hover  {color:#333333;text-decoration:none;}

.box_pop ol li{
font-size: 12px;
text-align: left;
margin: 0px 5px 5px 35px;
line-height: 1.5em;
}

/* ------- 施工例ページ　施工概要 ------- */
.gaiyou {
margin:10px 0px 0px 15px;
border: solid 1px #999999; 
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
}

.gaiyou table.tab1 { table-layout:auto; background:#f6f6f6; }
.gaiyou th { border: solid 1px #999999; background-color:#f8f8f8;width:120px;text-align: center;letter-spacing: 0.5em;} 
.gaiyou td { border: solid 1px #999999; padding:3px 5px 3px 20px;}

/* ------- ■きずなページ（091013加治屋作成/20111104一森追加） ------- */

.kizuna {
margin: 20px 10px 20px 10px;
font-size: 12px;
text-align: left;
border: 0px solid #eaeaea;
}


.bloc {
padding: 10px 20px 10px 20px;
border: 1px dotted #43200d;
margin-left: auto; 
margin-right: auto;
}

/* ------- ■会社案内ページ ------- */
.kaisha {
background-image: url(images/kaisha-box.gif);

font-size: 12px;
text-align: center;
margin: 5px 0px 10px 0px;
padding: 2px 5px 0px 5px;
line-height: 1.5em;
color:#333333;

} 

/* ------- ■ページ内使用20111115 ------- */
.sub_title {
text-align: left;
line-height: 1em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-left: 10px solid #d98636;
border-bottom: 1px solid #d98636;
background-color:#FFFFFF;
}


/* ------- ■■ページ内見出し■■ ------- */
/* ------- 大項目見出し ------- */
.midashi-a {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 15px 10px 15px 15px;
background: url(images/midashi-a.jpg) no-repeat;
color: #406020;
}


.midashi-b {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 15px 10px 15px 15px;
background: url(images/midashi-b.jpg) no-repeat;
color: #441e18;
}
/* ------- 大項目見出し ------- */

/* ------- 中項目見出し ------- */
.midashi-m1 {
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
border-left: 10px solid #43200d;
border-bottom: 1px solid #43200d;
background-color:#ffffff;
color: #43200d;
}

.midashi-m2 {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 12px 10px 10px 10px;
background: url(images/midashi-m2.gif) no-repeat;
color: #43200d;
}


.midashi-m3 {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 12px 10px 10px 10px;
background: url(images/midashi-m3.gif) no-repeat;
color: #43200d;
}
/* ------- 中項目見出し ------- */

/* ------- 小項目見出し ------- */
.midashi-s1 {
text-align: left;
line-height: 1em;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-left: 20px solid #d98636;
border-top: 1px solid #d98636;
border-right: 1px solid #d98636;
border-bottom: 1px solid #d98636;
background-color:#FFFFFF;
}

.midashi-s2 {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 15px 10px;
background: url(images/midashi-s2.gif) no-repeat;
color: #43200d;
}

.midashi-s3 {
font-size: 14px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 15px 10px;
background: url(images/midashi-s3.gif) no-repeat;
color: #43200d;
}
/* ------- 小項目見出し ------- */

/* ------- 小項目見出し長いバージョン ------- */
.midashi-s4 {
text-align: left;
line-height: 1em;
width: 613px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-left: 20px solid #d98636;
border-top: 1px solid #d98636;
border-right: 1px solid #d98636;
border-bottom: 1px solid #d98636;
background-color:#FFFFFF;
}
/* ------- 小項目見出し長いバージョン ------- */

/* ------- 施工例見出し ------- */
.midashi-aa {
font-size: 20px;
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 18px 10px 15px 15px;
background: url(images/midashi-aa.jpg) no-repeat;
color: #406020;
}

/* ------- 施工例一覧見出し ------- */
.midashi-wl {
text-align: left;
margin: 10px 10px 10px 104px; 
padding: 0px 0px 0px 0px;
border-bottom: 2px solid #c89f6d; 
}
.midashi-wl a    {color:#401a0f;text-decoration:none;}
.midashi-wl a:link  {color:#401a0f;text-decoration:none;}
.midashi-wl a:visited  {color:#401a0f;text-decoration:none;}
.midashi-wl a:active  {color:#401a0f;text-decoration:none;}
.midashi-wl a:hover  {color:#401a0f;text-decoration:none;}

/* ------- ■■ページ内見出し■■ ------- */