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

/* ------- seo ------- */
.seo{
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: right;
width: 850px;
color:#303030;
font-size:8px;
}
.seo a    {color:#303030;text-decoration:none;}
.seo a:link  {color:#303030;text-decoration:none;}
.seo a:visited  {color:#303030;text-decoration:none;}
.seo a:hover  {color:#303030;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:12px;}

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

img{
border: none;
vertical-align:middle;
}

.link{
font-size:12px;
text-align:right;
padding: 5px 10px 5px 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 10px 0px;

text-align:center;
}

body {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(images/bg.jpg);
background-position:center;
background-position: top;
background-repeat: no-repeat;
}

.body_top {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(images/bg-top.jpg);
background-repeat: repeat-x;
}

.body_top2 {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(images/bg-top2.jpg);
background-position: center;
background-position: top;
background-repeat: no-repeat;
}


html {
margin: 0;
padding: 0;
background: url(images/bg_bottom.jpg) repeat-x bottom;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 850px;
background-image: url(images/inbox.jpg);
background-repeat: repeat x-y;
}

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;}



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

/* ------- ヘッダー ------- */
.logo{
width: 850px;
height: 72px;
padding:0px 0px 0px 0px;
color:#333333;
font-size: 10px;
}
.logo a    {color:#808080;text-decoration:none;}
.logo a:link  {color:#808080;text-decoration:none;}
.logo a:visited  {color:#808080;text-decoration:none;}
.logo a:hover  {color:#105f9a;text-decoration:none;}
/* ------- ヘッダー ------- */

#header {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 850px;
height: 350px;
}

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

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

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

#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: 56px;
  background-image: url(images/menu.jpg);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0; width: 80px;}
#menu2 a{background-position: -80px 0; width: 110px;}
#menu3 a{background-position: -190px 0; width: 110px;}
#menu4 a{background-position: -300px 0; width: 110px;}
#menu5 a{background-position: -410px 0; width: 110px;}
#menu6 a{background-position: -520px 0; width: 110px;}
#menu7 a{background-position: -630px 0; width: 110px;}
#menu8 a{background-position: -740px 0; width: 110px;}


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

#menu1 a:hover{background-position: 0 -56px; width: 80px;}
#menu2 a:hover{background-position: -80px -56px; width: 110px;}
#menu3 a:hover{background-position: -190px -56px; width: 110px;}
#menu4 a:hover{background-position: -300px -56px; width: 110px;}
#menu5 a:hover{background-position: -410px -56px; width: 110px;}
#menu6 a:hover{background-position: -520px -56px; width: 110px;}
#menu7 a:hover{background-position: -630px -56px; width: 110px;}
#menu8 a:hover{background-position: -740px -56px; width: 110px;}
a[name]:hover{
  color: #000000;
  background: #ffffff;
}

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



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


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

.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;
}

/* ------- シンプルボックス ------- */
.boxs {
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;
}

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

.boxs ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 5px 0px 15px;
}

/* ------- シンプルボックス ------- */

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

.box_area {
border: 1px solid #dddddd;
background-color:#ffffff;
font-size: 10px;
text-align: left;
margin: 20px 0px 20px 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;
border-top: 1px dotted #eaeaea;
}

.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;}

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





/* ------- ■■メイン部分■■ ------- */
#main {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 630px;
}

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

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

.newbox_top{
margin: 10px 0px 10px 0px;
width: 600px;
}

.newbox_middle{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 600px;
}

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

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

.newbox_bottom{
margin: 0px 0px 30px 0px;
width: 600px;
}

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

.top-box{
font-size: 12px;
margin: 0px 15px 20px 10px;
padding: 0px 0px 0px 0px;
}
.top-box a    {color:#333333;text-decoration:underline;}
.top-box a:link  {color:#333333;text-decoration:underline;}
.top-box a:visited  {color:#333333;text-decoration:underline;}
.top-box a:active  {color:#333333;text-decoration:underline;}
.top-box a:hover  {color:#990000;text-decoration:underline;}

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


.top-box3{
text-align: left;
font-size: 12px;
margin: 0px 15px 0px 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;}


/* ------- 家づくりコンセプトバナー 100611加治屋追加 ------- */

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

/* ------- 家づくりコンセプトバナー 100611加治屋追加 ------- */

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


/* ------- ページ ------- */
.kizi {
margin: 0px 15px 20px 15px;
text-align: left;
border: 1px solid #eaeaea;
}


.kizi_title {
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #333333;
background-color:#ffffff;
}


.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: 850px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;
}

/* ------- フッターメニュー部分 ------- */

.menuf {
margin:20px 0px 0px 0px;
height: 15px;
padding: 0px 0px 0px 10px;
text-align: left;
color:#ffffff;
font-size: 10px;
}

.menuf a {
padding: 5px 25px 0px 0px;
text-decoration:none;
}

.menuf a:link    {color:#ffffff;text-decoration: none;}
.menuf a:visited  {color:#ffffff;text-decoration: none;}
.menuf a:active   {color:#ffffff;text-decoration:none;}
.menuf a:hover  {color:#840a09;text-decoration: none;}
.menuf span  {color:#ffffff;display:none  }
/* ------- フッターメニュー部分 ------- */

.coinfo{
color:#000000;
font-size: 12px;
line-height: 18px;
font-weight: bold;
text-align: left;
padding: 5px 0px 5px 0px;
}
.coinfo a    {color:#a4896f;text-decoration:none;}
.coinfo a:link  {color:#a4896f;text-decoration:none;}
.coinfo a:visited  {color:#a4896f;text-decoration:none;}
.coinfo a:hover  {color:#a4896f;text-decoration:none;}

.copyright{
color:#000000;
line-height: 1.0em;
font-size: 10px;
text-align:center;
padding: 5px 0px 5px 0px;
}
.copyright a    {color:#a4896f;text-decoration:none;}
.copyright a:link  {color:#a4896f;text-decoration:none;}
.copyright a:visited  {color:#a4896f;text-decoration:none;}
.copyright a:hover  {color:#a4896f;text-decoration:none;}

/* ------- フッターseo ------- */

.box_seo2{
color:#1e1710;
line-height: 1.5em;
font-size: 8px;
text-align:center;
padding: 5px 0px 0px 10px;
}
.box_seo2 a    {color:#1e1710;text-decoration:none;}
.box_seo2 a:link  {color:#1e1710;text-decoration:none;}
.box_seo2 a:visited  {color:#1e1710;text-decoration:none;}
.box_seo2 a:hover  {color:#1e1710;text-decoration:none;}

/* ------- フッターseo ------- */

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




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

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

.midashi {
text-align: left;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
border-left: 8px solid #5a4532;
border-bottom: 2px solid #5a4532;
background-color:#ffffff;
color: #2f241a;
}

.midashi a    {color:#2f241a;text-decoration:none;}
.midashi a:link  {color:#2f241a;text-decoration:none;}
.midashi a:visited  {color:#2f241a;text-decoration:none;}
.midashi a:active  {color:#2f241a;text-decoration:none;}
.midashi a:hover  {color:#2f241a;text-decoration:none;}

.midashis {
text-align: left;
line-height: 1.0em;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
border-left: 4px solid #5a4532;
border-bottom: 1px solid #5a4532;
background-color:#ffffff;
color: #2f241a;
}

.midashis a    {color:#2f241a;text-decoration:none;}
.midashis a:link  {color:#2f241a;text-decoration:none;}
.midashis a:visited  {color:#2f241a;text-decoration:none;}
.midashis a:active  {color:#2f241a;text-decoration:none;}
.midashis a:hover  {color:#2f241a;text-decoration:none;}

hr.hr1 {
height: 1px;
background-color: #0000ff;
border: none;
color: #0000ff;

}

/* ------- 人気記事ランキング 100507加治屋追加 ------- */

.boxtitle_pop {
margin: 10px 0px 10px 0px;
width: 600px;
}

.box_pop {
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 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 40px;
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;}