/* ------- 各種設定------- */
* {
  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;
}

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


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


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


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 10px 20px 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: 20px 0px 20px 0px;
text-align:center;
}

.banner img{
padding: 0px 10px 0px 0px;
text-align:center;
}

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

.banner2 img{
padding: 0px 10px 0px 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-repeat: repeat;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 10px 0px 0px 0px;
width: 750px;
border-top: 2px solid #B6B6B6;
border-bottom: 2px solid #B6B6B6;
border: 0px solid #B6B6B6;
background-color:#ffffff;
background-image: url(images/inbox.jpg);
background-repeat: repeat-y;
}


.header{
padding: 0px 0px 0px 250px;
}

/* ------- サイドバー部分 ------- */
#side {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
overflow: hidden;
width: 195px;
text-align: left;
}

.boxtitle1 {
font-size: 12px;
color:#ffffff;
text-align:center;
margin: 5px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color:#E5B17F;
}

.boxtitle2 {
font-size: 12px;
color:#ffffff;
text-align:center;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 2px solid #E5B17F;
border-right: 2px solid #E5B17F;
border-left: 2px solid #E5B17F;
}

.box {
border: 2px solid #E5B17F;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 5px 0px 5px 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: 3px 7px 3px 7px;
}

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

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

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



/* ------- メイン部分 ------- */
#main {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
overflow: hidden;
width: 540px;
}


.kizi {
margin: 20px 0px 20px 5px;
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:#eaf4f4;
}
.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;
border: 1px solid #eaeaea;
}

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

.concept {
margin: 20px 10px 20px 10px;
padding: 20px 0px 20px 0px;
font-size: 12px;
text-align: left;
color:#333333;
border-top: 2px solid #5e4302;
}

.concept_title1{
padding: 0px 0px 5px 0px;
font-size: 20px;
}

.concept_title2{
padding: 25px 0px 5px 0px;
font-size: 16px;
}

.toi {
margin: 20px 15px 20px 15px;
text-align: center;
border: 0px solid #000000;
}

.newbox{
height: 200px;
font-size: 12px;
background-color:#ffffff;
background-image: url(images/new_title_bg.jpg);
background-repeat: no-repeat;
margin: 20px 15px 20px 0px;
padding: 80px 10px 20px 10px;
}
.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: right;
list-style-type: none;
padding: 3px 30px 3px 0px;
}


.newbox_blog{
height: 200px;
font-size: 12px;
background-color:#ffffff;
background-image: url(images/new_title_bg_blog.jpg);
background-repeat: no-repeat;
margin: 20px 15px 20px 15px;
padding: 30px 10px 20px 10px;
border: 1px solid #eaeaea;
}
.newbox_blog a    {color:#333333;text-decoration:underline;}
.newbox_blog a:link  {color:#333333;text-decoration:underline;}
.newbox_blog a:visited  {color:#333333;text-decoration:underline;}
.newbox_blog a:active  {color:#333333;text-decoration:underline;}
.newbox_blog a:hover  {color:#990000;text-decoration:underline;}

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

/* ------- ■20130718 新井田作成(施工例ページ用)------- */
.midashi {
text-align: left;
font-size:14px;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
border-left: 8px solid #471404;
border-bottom: 2px solid #471404;
background-color:#ffffff;
color: #2f241a;

}

/* ------- ■20130718 新井田作成(施工例ページ用)------- */
/* ------- 施工例ページ　施工概要 ------- */
.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:#fffacd; }
.gaiyou th { border: solid 1px #999999; background-color:#fffacd;text-align: left;letter-spacing: 0.1em; padding:3px 5px 3px 5px;} 
.gaiyou td { border: solid 1px #999999; padding:3px 5px 3px 5px;}

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

/* ------- ページ移動リンク ------- */
.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: 750px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
padding: 10px 0px 10px 0px;
}

.copyright{
color:#5f5f5f;
line-height: 1.5em;
font-size: 10px;
text-align:center;
}
.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;}



/* ------- ■社長日記メニュー ------- */
.blog_menu{
font-size: 14px;
margin:10px 5px 10px 5px;
padding: 10px 10px 10px 10px;
border-top: 1px solid #737373;
border-bottom: 1px solid #737373;
}
.blog_menu a    {color:#333333;text-decoration:underline;}
.blog_menu a:link  {color:#333333;text-decoration:underline;}
.blog_menu a:visited  {color:#333333;text-decoration:underline;}
.blog_menu a:active  {color:#333333;text-decoration:underline;}
.blog_menu a:hover  {color:#990000;text-decoration:underline;}

/* ------- ■建てた方の感想------- */
.box2 {
width: 300px;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 5px 0px 5px 0px;
line-height: 1.5em;
color:#333333;
}
.box2 a     {color:#333333;text-decoration:none;}
.box2 a:link  {color:#333333;text-decoration:none;}
.box2 a:visited  {color:#333333;text-decoration:none;}
.box2 a:hover  {color:#333333;text-decoration:none;}

.box3 {
width: 180px;
float: left;
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;
}

p.boder_01 {
border-bottom-style: dotted;
color: #fbc248;
}

/* ------- ■テロップ------- */
.terop{
padding: 10px 0px 10px 0px;
margin: 0px 15px 20px 15px;
font-size: 12px;
color:#b4103f;
border-top: 1px dotted #dddddd;
border-bottom: 1px dotted #dddddd;
}
.terop a    {color:#b4103f;text-decoration:underline;}
.terop a:link  {color:#b4103f;text-decoration:underline;}
.terop a:visited  {color:#b4103f;text-decoration:underline;}
.terop a:active  {color:#b4103f;text-decoration:underline;}
.terop a:hover  {color:#b4103f;text-decoration:underline;}

/* ------- ■091102木村作成------- */
.kengakukai {
padding: 10px 20px 10px 30px;
border: 1px dotted #999999;
background-color:#faeffa;
margin-left: auto; 
margin-right: auto;
}

/* ------- ■091215木村作成------- */
.box_event {
border: 2px solid #E5B17F;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 15px;
line-height: 1.5em;
color:#333333;
}
.box_event a     {color:#b4103f;text-decoration:none;}
.box_event a:link  {color:#b4103f;text-decoration:none;}
.box_event a:visited  {color:#b4103f;text-decoration:none;}
.box_event a:hover  {color:#b4103f;text-decoration:none;}