/* ------- 各種設定------- */
* {
  margin: 0;
  padding: 0;
}


/* ------- seo ------- */
.seo{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
width: 750px;
color:#999999;
font-size:8px;
margin-left: auto; 
margin-right: auto;
}

.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;
}


.bloc {
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: 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:#5f5f5f;text-decoration:none;}

.banner{
margin: 5px 0px 20px 0px;
text-align:center;
}

.banner2{
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: 1px solid #B5B5B4;
background-color:#ffffff;
background-image: url(images/inbox.jpg);
background-repeat: repeat-y;
}


/* ------- ヘッダー部分 ------- */
#header {
margin:10px 5px 0px 0px;
padding: 0px 0px 0px 0px;
width: 730px;
height: 300px;
}

#header2 {
margin:10px 5px 0px 0px;
padding: 0px 0px 0px 0px;
width: 730px;
height: 100px;
}

/* ------- ヘッダー部分 ------- */

.terop{
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 0px;
font-size: 12px;
color:#ff0000;
border-top: 2px dotted #0099CC;
border-bottom: 2px dotted #0099CC;
}


/* ------- メニュー部分 ------- */
.menu {
width: 730px;
margin:10px 10px 0px 10px;
padding: 0px 0px 0px 0px;
background-image: url(images/menu_bg.jpg);
background-repeat: repeat-x;
height: 32px;
}

.menu a {
font-size: 12px;
padding: 10px 12px 0px 12px;
color:#ffffff;
text-decoration:none;
float:left;
height: 22px;
}
.menu a:link{color: #ffffff; text-decoration: none;}
.menu a:visited{color: #ffffff; text-decoration: none;}
.menu a:hover {color: #ffffff; text-decoration: none;background-image: url(images/menu-hov.jpg);background-repeat: repeat-x;}
.menu span {color:#999999;display:none  }
/* ------- メニュー部分 ------- */

/* ------- サイドバー部分 ------- */
#side {
float: left;
padding: 0px 0px 0px 5px;
margin: 0px 5px 0px 0px;
overflow: hidden;
width: 190px;
}

.boxtitle {
font-size: 12px;
color:#ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background-color:#8cca24;
height:24px;
}

.box {
border: 1px solid #8cca24;
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 20px 5px 20px 5px;
padding: 0px 0px 10px 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: 5px 15px 5px 15px;
border-top: 1px dotted #99CC33;
}

.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 #8cca24;
background-color:#ffffff;
font-size: 10px;
text-align: left;
margin: 20px 5px 20px 5px;
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 #8cca24;
}

.boxtitle_area {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.box_seo {
border: 1px solid #8cca24;
background-color:#ffffff;
font-size: 8px;
text-align: left;
margin: 20px 5px 20px 5px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#999999;
}

.box_seo ul li{
font-size: 8px;
text-align: left;
list-style-type: none;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #8cca24;
line-height: 1.5em;
}
.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;}

.boxtitle_seo {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}


/* ------- サイドバー部分 ------- */



/* ------- メイン部分 ------- */
#main {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 5px;
overflow: hidden;
width: 540px;
border: 0px solid #000000;
}


.kizi {
margin: 10px 10px 20px 0px;
text-align: left;
border: 0px solid #eaeaea;
}


.kizi_title {
text-align: left;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 5px 10px;
border-bottom: 2px solid #8dca24;
border-top: 1px solid #8dca24;

}
.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 a, {color:#333333; text-decoration:underline;}
.kizi_body a:link, {color:#333333; text-decoration:underline;}
.kizi_body a:visited, {color:#333333; text-decoration:underline;}
.kizi_body a:active {color:#333333; text-decoration:underline;}
.kizi_body a:hover {color:#da220f; text-decoration:underline;}

.kizi_body ul{
  list-style-type: none;
}

.kizi_top {
margin: 15px 0px 20px 0px;
text-align: left;
}

.box_tokusen {
border: 1px solid #0099CC;
background-color:#CBECF5;
font-size: 12px;
text-align: center;
margin: 20px 5px 20px 5px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box_sirvice{
border: 0px solid #99CC33;
background-color:#ffffff;
font-size: 12px;
text-align: center;
margin: 10px 0px 10px 0px;
padding: 0px 5px 0px 0px;
line-height: 1.5em;
color:#333333;
}

.newbox{
font-size: 12px;
background-image: url(images/new_title_bg.jpg);
background-repeat: repeat;
margin: 20px 0px 20px 0px;
padding: 20px 10px 20px 10px;
}

.newbox ul li{
text-align: left;
list-style-type: none;
padding: 3px 40px 3px 40px;
}

.newbox_title{
margin: 10px 0px 10px 0px;
padding: 0px 40px 0px 40px;
}

.zirei_title{
text-align: center;
margin: 10px 0px 10px 0px;
}

.zirei_ichiran{
font-size: 12px;
text-align: left;
color:#5f5f5f;
border: 1px solid #eaeaea;
margin:20px 0px 20px 0px;
padding: 0px 10px 10px 10px;
line-height: 1.5em;
}
.zirei_ichiran a  {color:#5f5f5f;text-decoration:none;}
.zirei_ichiran a:link  {color:#5f5f5f;text-decoration:none;}
.zirei_ichiran a:visited{color:#5f5f5f;text-decoration:none;}
.zirei_ichiran a:hover  {color:#990000;text-decoration:none;}

.zirei_ichiran_cell{
width: 50%;
padding: 5px 10px 5px 20px;
}

.concept{
font-size: 12px;
text-align: left;
color:#5f5f5f;
border: 0px solid #eaeaea;
margin: 10px 0px 10px 0px;
padding: 0px 5px 0px 0px;
}




/* ------- メイン部分 ------- */

/* ------- ページ移動リンク ------- */
.lpagemove {
font-size: 12px;
margin:10px 10px 20px 0px;
float:left;
}
.lpagemove a {color:#5f5f5f;text-decoration:none;}
.lpagemove a:link{color:#5f5f5f;text-decoration:none;}
.lpagemove a:visited{color:#5f5f5f;;text-decoration:none;}
.lpagemove a:hover {color:#5f5f5f;text-decoration:none;}


.rpagemove {
font-size: 12px;
margin:10px 0px 20px 10px;
float:right;
}
.rpagemove a {color:#5f5f5f;text-decoration:none;}
.rpagemove a:link{color:#5f5f5f;text-decoration:none;}
.rpagemove a:visited{color:#5f5f5f;;text-decoration:none;}
.rpagemove a:hover {color:#5f5f5f;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;}


/* ------- ■会社案内ページ ------- */
.kaisha {
background-image: url(images/kaisha-box.gif);

font-size: 12px;
text-align: center;
margin: 5px 5px 10px 5px;
padding: 2px 10px 0px 10px;
line-height: 1.5em;
color:#333333;
} 


/* 会社概要用にブロックを追加  */
.bloc2 {
padding: 10px 20px 10px 20px;
background-color:#e4f4b6;
}

.bloc3 {
padding: 5px 20px 10px 20px;
border: 1px solid #999999; /*  double=二重線, dashed=破線, dotted=点線　*/
}

/* 準備中ブロックを追加  */
.bloc-junbi {
padding: 10px 20px 10px 20px;
border: 2px solid #e4f4b6; /*  double=二重線, dashed=破線, dotted=点線　*/}
}

/* 施工例ページに追加  */
.sekouwaku{
padding: 10px 20px 10px 20px;
background-color:#e4f4b6;
text-align: left;
}

.sekou-chatch{
font-size: 14px
text-align: left;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
padding: 10px 10px 5px 0px;
border-bottom: 2px solid #9E2011;
}

/* スタッフ紹介用にブロックを追加  */
.bloc_staff {
padding: 10px 20px 10px 20px;
border: 1px dashed #993300;
margin-left: auto; 
margin-right: auto;
}

/* ------- ■会社案内タイトル------- */
.title {
color:#000000;
font-size: 16px;
text-align: left;
line-height: 1.5em;
margin: 10px 10px 0px 0px;
padding: 5px 10px 5px 10px;
border-right: 1px solid #99cc33;
border-left: 1px solid #99cc33;
border-top: 1px solid #99cc33;
border-bottom: 1px solid #99cc33;
}

.sekoubun {
color:#000000;
font-size: 12px;
text-align: left;
line-height: 1.5em;
margin: 0px 5px 0px 7px;
}

