body {
  margin: 10px 0 40px 0;
  padding: 0;
  font-family: MS PGothic;
  background-color: #cde;
}

div, p, h1, h2, h3, ul, ol, li, dl, dt, dd, img, table {
  font-family: MS PGothic;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

ol {
  margin-left: 40px;
}

div#main {
  width: 910px;
  margin: 0 auto;
  background-color: white;
}

img#top_image {
  width: 849px;
  height: 350px;
  margin-left: 26px;
}

div#top_menu {
  width: 900px;
  height: 40px;
  margin: 0;
  padding: 0;
}

#top_menu div.link {
  width:  130px;
  height: 20px;
  float: right;
  margin: 10px 0 0 10px;
  padding: 0;
}

#top_menu h1.text {
  width: 340px;
  height: 20px;
  float: left;
  margin: 10px 0 0 10px;
  padding: 0;
  font-weight: normal;
}

img#logo {
  float: left;
  margin: 0;
  padding: 0;
}

#buttons {
  width: 900px;
  height: 50px;
  margin: 0;
  padding: 0;
}

#buttons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right:75px;   /*「利用の流れ」ページが完成したらこの行を消す*/
}

#buttons li {
  margin: 0;
  padding: 0;
  display: inline;
  float: right;
}

#buttons a {
  border: none;
}

a img {
  border: none;
}

#pankuzu {
  width: 900px;
  height: 20px;
  margin: 5px 5px;
}

#pankuzu ul {
  list-style: none;
}

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

#conversation {
  width: 600px;
  height: 600px;
  margin: 0 0 0 20px;
  padding: 0;
  display: inline;
  float: left;
}

#conversation dt {
  width:  560px;
  height: 60px;
  display: block; /* mark */
  margin: 0 0 0 0px;
  padding: 20px;
  background-image: url(image/fukidashi_q.png);
}

#conversation dd {
  width:  560px;
  height: 60px;
  display: block; /* mark */
  margin: 0 0 0 0px;
  padding: 20px;
  background-image: url(image/fukidashi_a.png);
}

div.convImageLeft {
  width: 120px;
  height: 600px;
  margin: 0 0 0 20px;
  padding: 0;
  display: inline;
  float: left;
}

div.convImageLeft img {
  width: 110px;
}

div.convImageRight {
  width: 120px;
  height: 600px;
  margin: 0 20px 0 0;
  padding: 0;
  display: inline;
  float: left;
}

div.convImageRight img {
  width: 110px;
}

#convImage1q {
  width: 110px;
  height: 193px;
}
#convImage2q {
  width: 110px;
  height: 82px;
  margin-bottom: 50px;
}
#convImage3q {
  width: 110px;
  height: 203px;
  margin-bottom: 60px;
}
#convImage4q {
  width: 110px;
  height: 82px;
}
#convImage1a {
  width: 110px;
  height: 214px;
}
#convImage2a {
  width: 110px;
  height: 160px;
}
#convImage3a {
  width: 110px;
  height: 227px;
}
#convImage4a {
  width: 110px;
  height: 240px;
}


#voice {
  width: 900px;
  height: 400px;
  margin: 10px 0;
  padding: 0;
}

#voice ul {
  /* width: 900px; */
  /* height: 300px; */
  margin: 0;
  padding: 0;
  list-style: none;
}

#voice li {
  width: 400px;
  height: 150px;
  display: inline; /* mark */
  float: left;
  margin: 0 25px 25px 25px;
  padding: 0;
  background-color: #cdd;
}

#voice li div {
  width: 290px;
  height: 150px;
  margin: 0;
  padding: 0;
  float: left;
}

#voice li img {
  width: 100px;
  margin: 0;
  padding: 0;
  float: left;
}

h2 {
/*
  width: 880px;
  margin: 5px 10px;
*/
  width: 890px;
  margin: 20px 0 0 10px;
}

h2.emphasis {
  font-weight: bold;
  color: red;
}

h3 {
  width: 890px;
  margin: 20px 0 0 10px;
}

h3.emphasis {
  font-weight: bold;
}

p {
  margin: 5px 10px;
}

p.note {
  font-size: 20px;
  color: red;
}

#flow {
  width: 900px;
  margin-bottom:100px;
  padding: 0;  
}

/*
#flow dl {
  width: 900px;
  margin: 0;
  padding: 0;
}
*/

#flow div.partLeftTop {
  width: 400px;
  height: 350px;
  margin: 0 0 10px 0;
  float: left;
}

#flow div.partRightTop {
  width: 400px;
  height: 350px;
  margin: 180px 0 10px 0;
  float: right;
}


#flow div.partLeft {
  width: 400px;
  height: 350px;
  margin: 0 0 10px 0;
  float: left;
}

#flow div.partRight {
  width: 400px;
  height: 350px;
  margin: 0 0 10px 0;
  float: right;
}

#flow div img {
  width: 400px;
  height: 267px;
}

/*
#flow dt {
  width: 400px;
  height: 267px;
  margin: 10px;
  clear: both;
  float: left;
}

#flow dt img {
  width: 400px;
  height: 267px;
}

#flow dd {
  width: 300px;
  height: 267px;
  margin: 10px;
  float: left;
}
*/

table#price {
  width: 880px;
  height: 300px;
  margin: 5px 10px;
  border-collapse: collapse;
}

#price th, #price td {
  border: 1px solid blue;
  padding: 2px;
}

#price td {
  font-size:16px;
}


#price td.nonborder {
  border: none;
}

td.number {
  text-align: right;
}

td.center {
  text-align: center;
}

th.other {
  color: #aaa;
  background-color: #ddd;
}

td.other {
  background-color: #ddd;
}

#arcade {
  width: 900px;
  height: 250px;
}

#arcade img {
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
}
#arcade p {
  width: 400px;
  height: 250px;
  margin: 0 0 0 10px;
  float: left;
}

#column2 {
  width: 900px;
  height: 280px;
  margin: 0;
  padding: 0;
  margin-bottom:50px;
}

#roomType {
  width: 290px;
  height: 330px;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
}

#roomType h2 {
  width: 100%;
  margin: 0;
  padding: 0;
}

#roomType p {
  width: 100%;
  margin: 0;
  padding: 0;
}

#roomType table {
  border-collapse: collapse;
}

#roomType th {
  padding: 2px;
  border: 1px solid blue;
  background-color: #ddd;
}

#roomType td {
  padding: 2px;
  border: 1px solid blue;
}

#roomType td.type {
  background-color: #cdd;
}

#hirosa {
  width: 590px;
  height: 280px;
  margin: 0 0 0 10px;
  float: left;
}

#hirosa img {
  float: left;
  margin-left:130px;
}

#hirosa h2 {
  width: 100%;
  margin: 0;
  padding: 0;
}

#hirosa p {
  width: 100%;
  margin: 0;
  padding: 0;
}

#access {
  width: 900px;
  height: 450px;
}
img#map {
  width: 607px;
  height: 397px;
  margin: 0;
  padding: 0;
  float: left;
}

#access div {
  width: 280px;
  height: 397px;
  margin: 0;
  padding: 0;
  float: left;
}

#access dl {
  margin: 0;
  padding: 0;
}

#access dt {
  width: 270px;
  margin: 10px 0 5px 10px;
}

#access dd {
  width: 250px;
  margin: 5px 0 10px 30px;
}

#company {
  width: 900px;
  height: 320px;
}

#company dl {
  width: 400px;
  height: 300px;
  margin: 10px 10px 10px 10px;
  float: left;
}

#company dt {
  width: 400px;
  margin: 0 0 0px 0;
  padding: 0;
}

#company dd {
  width: 380px;
  margin: 0 0 5px 20px;
  padding: 0;
}

#detail {
  width: 900px;
  height: 520px;
  margin: 0;
  padding: 0;
  margin-bottom:30px;
}

#detail h2 {
  width: 890px;
  margin: 20px 0 0 10px;
}

#detail ol {
  width: 835px;
  margin: 5px 5px 10px 20px;
  padding: 0 0 0 40px;
}

#detail p {
  width: 800px;
  margin: 5px 5px 10px 40px;
  padding: 0;
}

input {
  width: 200px;
}

input#zip {
  width: 100px;
}

div#q_a {
  width: 900px;
  height: 1380px;
}

dl.qa {
  width: 900px;
}

dl.qa dt {
  width: 880px;
  margin: 15px 10px 10px 10px;
  padding: 0 0 0 24px;
  text-indent: -24px;
}

dl.qa dd {
  width: 880px;
  margin: 10px 10px 25px 10px;
  padding: 0 0 0 24px;
  text-indent: -24px;
}

em {
  font-weight: bold;
  font-style: normal;
}

#campaign em {
  color: red;
}

dt em {
  color: red;
}

dd em {
  color: blue;
}

span.emphasis {
  font-weight: bold;
}

span.question {
  font-weight: bold;
  color: #f33;
}

span.answer {
  font-weight: bold;
  color: #33f;
}

#campaign li {
  margin-bottom: 20px;
  margin-top: 20px;
}

#empty{
	width: 900px;
	margin-top:30px;
	margin-top:50px;
	margin-bottom:50px;
}


#empty ul {
  list-style: none;
}

#empty li {
  margin-left:10px;
}

#elevator{
	margin-top:50px;
	margin-left:35px;
	margin-bottom:50px;	
}

#syohizei{
	margin-left:7px;
	margin-bottom:50px;	
}

#before_after{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;

}


#Before-After{
	margin-top:30px;
	margin-left:50px;
	margin-bottom:100px;
}



#bottomPart {
  width: 900px;
  height: 20px;
  text-align: right;
}



/*回り込みの解除*/
.clear {
        clear:both;
}