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


/* ------- seo ------- */
.seo{
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: right;
width: 750px;
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;
background-color:#ffffff;
}

.bloc {
padding: 10px 20px 10px 20px;
border: 1px dotted #999999;
margin-left: auto; 
margin-right: auto;
background-color:#ffffff;
}

.bloc2 {
padding: 5px 10px 5px 10px;
border: 2px solid #0055b0;
margin-left: 10px; 
margin-right: auto;
font-size:12px;
background-color:#ffffff;
}

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{
padding: 5px 5px 5px 5px;
border: none;
vertical-align:middle;
}


.pic{
text-align:center;
padding: 3px 3px 3px 3px;
}


.link{
font-size:12px;
text-align:right;
padding: 20px 3px 20px 3px;
}

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

.banner2{
margin: 50px 0px 30px 0px;
text-align:center;
font-size:12px;
}


body {
font-family:"ＭＳ Ｐゴシック", "Osaka";
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(images/bg.jpg);
background-repeat: repeat;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 750px;
border: 1px solid #B6B6B6;
background-color:#ffffff;
}


/* ------- ヘッダー部分 ------- */
#header {
margin-left: auto; 
margin-right: auto;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
width: 750px;
border: 0px solid #990000;
}

#header a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}

#header2 {
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
width: 750px;
height: 200px;
}

#header2 a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}

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


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

.menu {
width: 730px;
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
background-image: url(images/menu.gif);
background-repeat: repeat-x;
background-color:#eaeaea;
height: 32px;
  }

.menu a {
font-size: 12px;
padding: 10px 13px 8px 13px;
color:#333333;
text-decoration:none;
float:left;
}

.menu img {
padding: 0px 0px 5px 0px;
}

.menu a:link    {color:#333333;text-decoration: none;}
.menu a:visited  {color:#333333;text-decoration: none;}
.menu a:active   {color:#333333;text-decoration:none;}
.menu a:hover  {color:#990000;text-decoration: none;}
.menu span  {color:#f29025;display:none;}

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

/* ------- サイドバー部分 ------- */
#side {
float: right;
padding: 0px 10px 0px 5px;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 190px;
border: 0px solid #990000;
}

#side a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}

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

.box {
width:180px;
border: 1px solid #c0c0c0;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 10px 0px 10px 3px;
padding: 10px 0px 5px 0px;
line-height: 1.5em;
color:#333333;
}

.box ul li{
font-size: 12px;
text-align: left;
padding: 10px 10px 5px 20px;
border-top: 0px dotted #c0c0c0;
list-style-type: none;
}

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

.box1 {
border: 1px solid #c0c0c0;
background-color:#FFE7C8;
font-size: 12px;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box1 ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 10px 5px 10px;
border-top: 1px dotted #c0c0c0;
}

.box2 {
border: 1px solid #c0c0c0;
background-color:#D8F2FF;
font-size: 12px;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box3 {
width:180px;
border: 1px solid #c0c0c0;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 10px 0px 10px 3px;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

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

.box_area {
width:180px;
border: 1px solid #c0c0c0;
background-color:#f8f8f8;
font-size: 10px;
text-align: left;
margin: 10px 0px 10px 3px;
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;
margin: 0px 10px 0px 10px;
padding: 5px 5px 5px 5px;
}

.box_seo {
width:170px;
border: 1px solid #eaeaea;
background-color:#f8f8f8;
text-align: left;
margin: 10px 0px 10px 3px;
padding: 10px 5px 5px 5px;
line-height: 1em;
color:#999999;
}

/* ------- サイドバー部分 ------- */



/* ------- メイン部分 ------- */
#main {
float: left;
padding: 0px 5px 0px 10px;
margin: 0px 0px 0px 0px;
overflow: hidden;
width: 520px;
border: 0px solid #999999;
}

#main a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); 
}

.kizi {
margin: 20px 0px 20px 0px;
text-align: left;
border: 1px solid #eaeaea;
}


.kizi_title {
text-align: left;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #eaeaea;
background-color:#f8f8f8;
}
.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 20px 15px 20px;
}

.kizi_body ul{
  list-style-type: none;
}

.newbox{
width:525px;
height: 137px;
font-size: 12px;
border: 0px dotted #b2b2b2;
background-color:#eaeaea;
background-image: url(images/new-title-bg.jpg);
background-repeat: no-repeat;
margin: 10px 0px 10px 0px;
padding: 50px 10px 20px 10px;
}

.newbox ul li{
text-align: left;
list-style-type: none;
padding: 3px 30px 3px 25px;
}

.newbox_title{
margin: 10px 0px 10px 0px;
padding: 0px 40px 0px 40px;
}

/* ------- ■施工例ボックス（100601加治屋作成） ------- */

.box-sekourei{
width:520px;
border: 0px dotted #b2b2b2;
padding: 0px 0px 0px 30px;
}

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



/* ------- ■フッダー部分 ------- */
#footer {
width: 730px;
color:#5f5f5f;
line-height: 1.5em;
font-size: 10px;
text-align:center;
background-image: url(images/footer_bg.jpg);
background-repeat: repeat-x;
padding: 10px 10px 10px 10px;
}

/* ------- ■見出し（090910加治屋作成） ------- */

.midashi {
text-align: left;
line-height: 1.5em;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
border-left: 10px solid #993333;
border-bottom: 1px solid #993333;
background-color:#f8f8f8;
}
.midashi a    {color:#333333;text-decoration:underline;}
.midashi a:link  {color:#333333;text-decoration:underline;}
.midashi a:visited  {color:#333333;text-decoration:underline;}
.midashi a:active  {color:#333333;text-decoration:underline;}
.midashi a:hover  {color:#333333;text-decoration:underline;}

/* ------- ■ウエルカムホーム（0901029加治屋作成） ------- */

.bloc_home {
margin: 10px 20px 10px 20px;
padding: 10px 20px 10px 20px;
border: 2px dotted #ff9900;
background-color:#ffffff;
}

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

.box_home {
border: 1px solid #c0c0c0;
background-color:#eaeaea;
font-size: 12px;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box_home ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 10px 5px 10px;
border-top: 1px dotted #c0c0c0;
}

/* ------- ■カテゴリー新着記事侮ｦモジュール　------- */

.kanrenbox{
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
margin: 15px 15px 15px 15px;
padding: 10px 10px 10px 10px;
}

.kanrenbox ul li{
padding: 3px 10px 3px 10px;
}

.kanrenbox_title{
font-size: 14px;
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 15px;
}

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

/* ------- プレゼントバナーとパスワード入力部分 ------- */

.banner-present{
background-image: url(images/monitor-present.jpg);
background-repeat: no-repeat;
margin: 10px 0px 10px 5px;
width：180px;
height: 90px;
}

.p_password{
padding: 41px 0px 0px 5px;
}

/* ------- プレゼントバナーとパスワード入力部分 ------- */

/* ------- トップ特選施工例部分101028岡本作成 ------- */

.tokusen{
font-size: 12px;
}


/* ------- ■■施工例一覧ページ用■■ ------- */
.sekourei_title {
font-size: 14px;
color: #f89329;
border-bottom: 1px solid #f89329;
letter-spacing: -0.05em;
}
.sekourei_title a    {color:#f89329;text-decoration:none;}
.sekourei_title a:link  {color:#f89329;text-decoration:none;}
.sekourei_title a:visited  {color:#f89329;text-decoration:none;}
.sekourei_title a:hover  {color:#f8b064;text-decoration:none;}


/* ------- ■■ふっこう日記日付■■ ------- */
.day {
font-size: 14px;
color: #000066;
padding: 10px 20px 10px 0px;
text-align:left;
font-weight:bold;
}


/* ------- ■■サイドメルマガ用■■ ------- */

.boxtitle_merumaga {
font-size: 12px;
height: 50px;
color:#333333;
text-align:center;
background-image: url(images/merumaga.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #c0c0c0;
}