@charset "utf-8";

* {
 margin: 0;
 padding: 0;
}

img {
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 vertical-align:bottom;
}

.none {
 display: none;
}

p {
 margin: 0px;
 padding: 0px;
}


#contents {
 width: 580px;
 display: inline;
 clear: both;
 float: left;
 text-align: left;
 margin: 0px;
 padding: 0px;
}

h1 {
 width: 85px;
 height: 75px;
 clear: both;
 float: left;
 margin-top: 0px;
 margin-bottom: 0px;
}

h2 {
 width: 170px;
 height: 122px;
 clear: both;
 float: left;
 margin-top: 0;
 margin-bottom: 67px;
}

h3 {
 width: 400px;
 height: 72px;
 clear: both;
 float: left;
 margin-top: 0;
 margin-bottom: 49px;
}

#lead {
 width: 580px;
 display: inline;
 clear: both;
 float: left;
 text-align: left;
}

#lead p {
 margin-bottom: 10px;
 padding: 0px;
}

h4 {
 width: 580px;
 height: 18px;
 clear: both;
 float: left;
 margin-top: 30px;
 margin-bottom: 15px;
}

#more {
 width: 580px;
 display: inline;
 clear: both;
 float: left;
 text-align: left;
 font-size: 0.85em;
 line-height: 1.75em;
 margin-top: 25px;
 margin-bottom: 0;
 margin-left: 0;
}
	
#more ul {
 list-style-type: decimal;
 list-style-position: inside;
 margin-left: 1em;
} 

/* くわしくはお問い合わせください */

#moreinfo {
 width: 257px;
 height: 37px;
 clear: both;
 float: left;
 margin-top: 50px;
 margin-bottom: 0;
 margin-left: 0;
}

#img {
 width: 420px;
 height: 336px;
 display: block;
 float: right;
 text-align: left;
 margin-bottom: 29px;
}

/* ナビゲーション */

#round {
 width: 200px;
 height: 195px;
 float: right;
 background: url(../images/bg_navi.gif) no-repeat;
 margin-top: 290px;
}

#round {
 /margin-top: 390px;
}

#navi {
 width: 200px;
 margin-top: 10px;
}

#navi ul {
 list-style-type: none;
} 

#navi li {
 text-indent: -9999px;
 height: 25px;
} 

#navi li a {
 text-decoration: none;
 display: block;
 height: 25px;
} 

#navi li#design {
 background: url(../images/navi.gif) no-repeat 0px 0px;
}

#navi li#rp {
 background: url(../images/navi.gif) no-repeat 0px -25px;
}

#navi li#works {
 background: url(../images/navi.gif) no-repeat 0px -50px;
}

#navi li#service {
 background: url(../images/navi.gif) no-repeat 0px -75px;
}

#navi li#outline {
 background: url(../images/navi.gif) no-repeat 0px -100px;
}

#navi li#inquiry {
 background: url(../images/navi.gif) no-repeat 0px -125px;
}

#navi li#home {
 background: url(../images/navi.gif) no-repeat 0px -150px;
}

#navi li#design a:hover {
 background: url(../images/navi.gif) no-repeat -200px 0px;
}

#navi li#rp a:hover {
 background: url(../images/navi.gif) no-repeat -200px -25px;
}

#navi li#works a:hover {
 background: url(../images/navi.gif) no-repeat -200px -50px;
}

#navi li#service a:hover {
 background: url(../images/navi.gif) no-repeat -200px -75px;
}

#navi li#outline a:hover {
 background: url(../images/navi.gif) no-repeat -200px -100px;
}

#navi li#inquiry a:hover {
 background: url(../images/navi.gif) no-repeat -200px -125px;
}

#navi li#home a:hover {
 background: url(../images/navi.gif) no-repeat -200px -150px;
}

/* バナー */

#banner {
 width: 200px;
 height: 200px;
 float: right;
 margin-top: 30px;
}
#banner {
  /clear:both;
  /margin-top: 30px;
}

#btm {
 width: 100%;
 height: 150px;
 margin-top: 60px;
 background: black url(../common-images/btm_bg.gif) repeat-x;
 float: left;
 clear: both;
}

#address {
 margin: 15px auto 0;
 width: 840px;
 display: block;
 color: #666;
 font: 0.75em/1.0em verdana,sans-serif;
 text-align: right;
 letter-spacing:0.05em;
}