@charset UTF-8;

/* Index-contents
----------------------------------- */

div#indexBox01{
width:610px;
}
div#indexBox01 h2{
display:block;
width:400px;
height:45px;
line-height:45px;
text-indent:20px;
background:url(http://www.gaiheki-toso.jp/img/h2-2.jpg) no-repeat left top;
}
div#indexBox01 p{
display:block;
width:200px;
font-weight:bold;
float:right;
position:relative;
top:-40px;
clear:right;
}
div#indexBox01 img{
float:left;
}

/* -- 外壁塗装本舗の職人をご紹介 --*/
div#indexBox02{
  display:block;
  width:600px;
  height:205px;
  margin:10px auto;
  padding-top:10px;
  background:url(http://www.gaiheki-toso.jp/img/indexBox02_bg.jpg) no-repeat right top;
}
div.indexBox02_L{
  width:410px;
}

div.indexBox02_Txt p{
  clear:left;
  display:block;
  width:410px;
  float:left;
  margin:10px auto;
}

/* Area
----------------------------------- */

.area li {
background:url(http://www.gaiheki-toso.jp/img/area/dot.gif) no-repeat left center;
display:block;
float:left;
line-height:160%;
list-style:none;
margin:0 15px 3px 0;
padding:0 0 0 8px;
width:80px
}

.areaBox dl dd {
line-height:130%;
margin:0 0 0 20px;
padding-bottom:0
}

.areaBox dl dt {
border-left:3px solid #396DFF;
color:#396DFF;
line-height:100%;
margin:12px 0 0;
padding-left:3px;
padding-top:1px
}

.areaBox p {
line-height:150%;
margin:0 15px 10px;
padding-left:5px
}

/* Culcare etc...
----------------------------------- */

.culcareBox {
background-image:url(http://www.gaiheki-toso.jp/img/culcera/culceraImg01.jpg);
height:350px;
margin:15px auto;
width:600px
}

.culcareBox p,.waterproofBox p,.roofBox p {
left:20px;
position:relative;
top:280px
}

/* Contact
----------------------------------- */

#contactBox table {
border:1px solid #ccc;
font-size:12px;
text-align:left
}

#contactBox table tr {
margin:3px auto
}

#contactBox table tr td {
background-image:url(http://www.gaiheki-toso.jp/img/td_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #ccc;
padding:3px
}

#contactBox table tr th {
background-color:#ededed;
border:1px solid #ccc
}

/* Service-roof etc...
----------------------------------- */

#contentsBox01 {
height:57px;
width:595px
}

#contentsBox01 a {
background-image:url(http://www.gaiheki-toso.jp/img/contentsBanner01.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:57px;
width:595px
}

#contentsBox01 a:hover {
background-image:url(http://www.gaiheki-toso.jp/img/contentsBanner01_hover.jpg);
background-position:left top;
background-repeat:no-repeat
}

#contentsBox03 {
background-image:url(http://www.gaiheki-toso.jp/img/contentsImg003.jpg);
height:346px;
width:600px
}

#contentsBox03 p,#contentsBox04 p {
padding-left:25px;
padding-top:280px
}

#contentsBox04 {
background-image:url(http://www.gaiheki-toso.jp/img/service/g01.jpg);
height:346px;
width:600px
}

.tbutton{
  display:block;
  width:220px;
  height:32px;
  position:relative;
  left:200px;
}

/* service/service-roof/reform/ Tab Menu
----------------------------------- */
ul#tab{
  list-style:none;
  width:600px;
  height:30px;
  margin:10px auto 4px auto;
}
ul#tab li{
  display:block;
  text-align:center;
  float:left;
  width:142px;
  height:30px;
  line-height:30px;
  margin-left:3px;
  margin-right:3px;
  border:1px solid #cccccc;
}
ul#tab li.present a{
  background-image:url(http://www.gaiheki-toso.jp/img/tabtitle_bg_hover.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  color:#F65D00;
}
ul#tab li a{
  display:block;
  width:142px;
  height:30px;
  color:#ffffff;
  background-image:url(http://www.gaiheki-toso.jp/img/tabtitle_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
ul#tab li a:hover{
  background-image:url(http://www.gaiheki-toso.jp/img/tabtitle_bg_hover.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  color:#ffffff;
  text-decoration:none;
}
div#tabInner{
  width:588px;
  margin:10px auto;
  padding:10px;
  border:1px solid #cccccc;
}
div#tabInner h4{
  float:left;
  clear:left;
}
div#page1 table{
  float:left;
  clear:left;
}