/*HTML BODY*/
* {
margin: 0;
padding: 0;
}
body {
color: #222;
text-align: left;
background-color: #fff;
}
img {
vertical-align:bottom;
border-style:none;
}

/*全体*/
#container {
width: 770px;
height: 100%;
padding: 0;
margin: 0 auto;
}

/*トップテキスト*/
.top {
width: 770px;
height: 25px;
padding: 0;
margin: 0 auto;
background: url(../images/top.jpg) no-repeat 0 0;
}
.top h1 {
padding: 6px 0 0 13px;
margin: 0;
font: 10px lighter;
color: #222;
line-height: normal;
letter-spacing: 1px;
}

/*ヘッダー*/
#head {
width: 755px;
height: 210px;
padding: 20px 0 0 15px;
margin: 0 auto;
background: url(../images/head.jpg) no-repeat 0 0;
}

/*ロゴ*/
#logo {
width: 380px;
height: 55px;
padding: 0;
margin: 0;
}

/*メイン*/
#main {
width: 770px;
height: 100%;
padding: 0;
margin: 0 auto;
background: url(../images/bg.gif) repeat-y 0 0;
}

/*メイン左*/
#m_l {
width: 180px;
height: 100%;
padding: 0;
margin: 0;
float: left;
}

/*見積りボタン背景*/
#esti_bg {
width: 180px;
height: 42px;
padding: 0;
margin: 0;
background: url(../images/esti_bg.gif) no-repeat 0 0;
}

/*見積りボタン*/
#esti_btn {
padding: 0;
margin: 0 0 0 10px;
background: url(../images/esti_btn_r.gif) no-repeat;
}
#esti_btn a {
width: 170px;
height: 31px;
display:block;
}
#esti_btn a:hover {
background-color:transparent;
}
#esti_btn a:hover img {
visibility:hidden;
}

/*メニュー画像*/
#menuimg {
width: 180px;
height: 20px;
padding: 0;
margin: 0;
background: url(../images/menuimg.gif) no-repeat 0 0;
}

/*メニュー*/
.menu {
padding: 0;
margin: 0 0 0 4px;
}
.menu ul {
}
.menu li {
width: 170px;
height: 33px;
padding: 0;
margin: 1px 0;
list-style-type: none;
background: none no-repeat 0 0;
line-height: 0;
vertical-align: bottom;
overflow: hidden;
float: left;
}
.menu li a {
height: 33px;
padding: 10px 0px 0px 20px;
margin: 0;
background: url(../images/menu.gif) no-repeat 0 0;
font-size: 14px;
line-height: normal;
letter-spacing: 1px;
font-weight: bold;
display: block;
}
.menu li a:link, .menu li a:visited, .menu li a:visited {
color: #447;
text-decoration: none;
}
.menu li a:hover {
background-position: 0 -33px;
color: #d22;
}

/*サイド*/
.side_aomori {
width: 169px;
height: 210px;
padding: 7px 0 0 0;
margin: 7px 0 0 4px;
background: url(../images/side_aomori.gif) no-repeat 0 0;
}
.side_t {
width: 155px;
font-size: 12px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
padding: 0;
margin: 0 4px 0 10px;
}
.sa_rb {
color: #cf2929;
margin: 0px 0px 2px 0px;
font-weight: bold;
}

/*メイン右*/
#m_r {
width: 590px;
height: 100%;
padding: 0;
margin: 0;
text-align: left;
float: right;
}

/*メイン右画像*/
#bimg {
width: 590px;
height: 50px;
padding: 0;
margin: 0;
background: url(../images/bimg.jpg) no-repeat 0 0;
}

.cont p {
padding: 2px;
margin: 8px 25px 10px 25px;
font-size: 12px;
color: #222;
line-height: 160%;
letter-spacing: 1px;
}
.cont p a {
color: #222;
}
.cont p a:link {
color: #36a;
}
.cont p a:visited {
color: #358;
}
.cont p a:hover {
color: #f40;
}
.rt {
margin: 5px 5px 0 0;
font-weight: bold;
float: right;
}

/*小タイトル01 h2*/
.st01 h2{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit01.gif) no-repeat 0 0;
}

/*小タイトル01 h3*/
.st01 h3{
font-size: 12px;
color: #558;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 8px 0 7px 18px;
margin: 5px 0 5px 17px;
background: url(../images/sstit01.gif) no-repeat 0 0;
}

/*小タイトル02 h2*/
.st02 h2{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit02.gif) no-repeat 0 0;
}

/*小タイトル03 h2*/
.st03 h2{
font-size: 15px;
color: #446;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit03.gif) no-repeat 0 0;
}

/*サービスイメージ*/
.servimg {
margin: 5px 0 5px 8px;
float: left;
}

/*提供地域イメージ*/
.regiimg {
margin: 5px 20px 5px 0;
float: right;
}

/*事例フレーム*/
.ex_fra {
width: 560px;
padding: 0;
margin: 5px 0 12px 12px;
}
.ex_h h2 {
width: 535px;
height: 21px;
font-size: 12px;
color: #446;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 9px 0 0 25px;
margin: 0;
background: url(../images/fra_h.gif) no-repeat 0 0;
}
.ex_b {
width: 550px;
padding: 0 0 8px 10px;
margin: 0;
background: url(../images/fra_b.gif) repeat-y 0 0;
font-size: 12px;
color: #222;
line-height: normal;
letter-spacing: 1px;
}
.ex_b a {
color: #222;
}
.ex_b a:link {
color: #36a;
}
.ex_b a:visited {
color: #358;
}
.ex_b a:hover {
color: #f40;
}
.ex_f {
width: 560px;
height: 10px;
padding: 0;
margin: 0;
background: url(../images/fra_f.gif) no-repeat 0 0;
}

/*事例イメージ*/
.eximg {
width: 180px;
padding: 0;
margin: 5px 0 5px 0;
float: left;
text-align: center;
font-size: 12px;
color: #222;
line-height: nomal;
letter-spacing: 0.8px;
}
.eximg a {
color: #222;
}
.eximg a:link {
color: #222;
}
.eximg a:visited {
color: #444;
}
.eximg a:hover {
color: #f40;
}
.eximg img {
margin: 0 0 2px 0;
}

/*バナーエリア*/
#bn_area {
width: 770px;
height: 70px;
padding: 0;
margin: 0 auto;
background: url(../images/bn_area.gif) no-repeat 0 0;
}

/*バナー*/
.bn {
width: 740px;
height: 40px;
padding: 22px 0 0 0;
margin: 0;
text-align: right;
}

/*フッター*/
#foot {
width: 730px;
height: 45px;
padding: 10px 20px 0 20px;
margin: 0 auto;
background: url(../images/foot.jpg) no-repeat 0 0;
text-align: center;
}
.ft {
font-size: 10px;
padding: 0;
margin: 0;
color: #fff;
line-height: 160%;
letter-spacing: 1px;
}
.ft a {
color: #fff;
}
.ft a:link {
color: #fff;
}
.ft a:visited {
color: #ddd;
}
.ft a:hover {
color: #f40;
}

/*フッター02*/
#foot02 {
width: 750px;
height: 28px;
padding: 7px 20px 0 0;
margin: 0 auto;
background: url(../images/foot02.gif) no-repeat 0 0;
text-align: right;
}
.ft02 {
padding: 0;
margin: 0;
font-size: 12px;
color: #222;
line-height: normal;
letter-spacing: 1px;
}
.ft02 a {
color: #222;
}
.ft02 a:link, .ft02 a:visited {
color: #444;
}
.ft02 a:hover {
color: #f40;
}

/*コピーライト*/
.copy {
padding: 0;
margin: 5px 0 0 5px;
font-size: 10px;
color: #556;
line-height: normal;
letter-spacing: 1px;
text-align: center;
}
.copy a {
color: #556;
text-decoration: none;
}
.copy a:link, .copy a:visited {
color: #556;
}
.copy a:hover {
color: #f40;
}

/*クリア*/
.clear {
clear: both;
}