* {
margin: 0;
padding: 0;
}

body {
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック";
color: #333;
background-color: #690;
line-height: 1.5em;
font-size: small;
font-style: normal;
}

.clear {
clear: both;
}

img {
border: none;
}

#page {
width: 780px;
margin-left: auto;
margin-right: auto;
}

#navi {
margin-top: 18px;
height: 74px;
}

#logo {
float: left;	
}

#navi ul {
list-style: none;
}

#navi li {
float: left;
margin-left: 10px;
}

#navi li a {
display: block;
height: 48px;
width: 120px;
background-image: url('img/navi.png');
}
#navi_top {
background-position: 0 0;
}
#navi_service {
background-position: 369px 0;
}
#navi_profile {
background-position: 244px 0;
}
#navi_contact {
background-position: 120px 0;
}

#main {
background-color: #fff;
padding: 16px 20px;
}

#main p {
margin: 1em;	
}

h2.title {
color: #fff;
background: #360  url("img/titlebk.png") repeat-y;
font-size: 24px;
font-weight: normal;
padding: 24px;
}

div.content h3 {
padding-top: 18px;
font-size: 20px;
font-weight: normal;
margin-bottom: 12px;
}

div.service h4 {
font-size: 18px;
font-weight: normal;
padding: 8px;
}

div.service p {
padding: 8px;
}

div.content {
float: left;
margin-left: auto;
margin-right: auto;
padding: 4px;
width: 362px;
}

div.service {
border: #ccc solid 4px;
margin-top: 12px;
padding: 8px;
height: 340px;
}

#footer {
margin-top: 0.5em;
padding: 1em;
background-color: #fff;
text-align: center;
}

#footer li {
display: inline;
}

#footer a {
text-decoration: underline;
font-size: 0.8em;
margin-right: 1em;
color: #222;
}

#footer a:visited {
color: #222;
}

#copyright {
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}

.profile dl {
    font-size: 80%;
    margin: 20px 0 15px;
    padding: 0 10px 10px;
    border: 4px #ccc solid;
  }

.profile dl dt {
    float: left;
    width: 8em;
    padding: 10px 0;
    font-weight: bold;
    text-indent: 1em;
    line-height: 120%;
  }

.profile dl dd {
    margin-left : 0;
    padding: 10px 0 10px 10em;
    line-height: 120%;
    border-bottom: 2px #ccc dotted;s
  }
  
.profile dl dd ul {
	  list-style-position:inside;
  }