/*
  CSS document for Yumedia
  (c) Ohsako, Junichi
--------------------------------------------------

## INDEX ##

-- All Reset
-- General Setting
-- Contents
-- Footer Block

*/



/*##### All Reset #####*/
* {
  margin: 0;
  padding: 0;
}

/*##### General Setting #####*/
body {
  font-family: serif;
  font-size: small;
  color: #333;
  background: url(back.png) left top;
}

#wrapper {
  position: relative;
  width: 750px;
  margin: 0 auto;
}

h1 {
  width: 750px;
  height: 494px;
  text-indent: -9999px;
  background: url(main.jpg) left top no-repeat;
}

h2 {
  margin: 60px 0 0 0;
  width: 100%;
  height: 45px;
  text-indent: -9999px;
  background: url(access.png) left top no-repeat;
}

p {
  margin: 0.5em 0;
  line-height: 1.5em;
}

img {
  border: none;
}

table {
  empty-cells: show;
}

#readingContents {
  padding: 0 0 0 210px;
}

#readingContents p {
  line-height: 2em;
  text-align: center;
}

.mainContents {
  width: 360px;
  margin: 50px 0 0 0;
  padding: 0 0 0 230px;
}

.mainContents .item {
  display: none;
}

.mainContents p {
  padding: 0;
  text-align: center;
}

.leftImage {
  float: left;
  margin: 8px 0 0 0;
}

.rightImage {
  float: right;
  margin: 8px 0 0 0;
}

.clearing {
  width: 500px;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

/*##### Contents #####*/
#section1 {
  width: 330px;
  height: 200px;
  margin: 60px 0 0 0;
  padding: 20px 399px 130px 20px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  background: url(inner_room.png) right top no-repeat;
}

*html #section1 { /* IE6 Hack */
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Src='inner_room.png',sizingMethod='crop');
}

#section2 {
  width: 294px;
  height: 186px;
  margin: 60px 0 0 0;
  padding: 20px 20px 144px 435px;
  border-top: solid 1px #aaa;
  border-right: solid 1px #aaa;
  background: url(around_house.png) left top no-repeat;
}

*html #section2 { /* IE6 Hack */
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Src='around_house.png',sizingMethod='crop');
}

#section1 span, #section2 span {
  display: block;
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 6px 6px 0;
  text-indent: -9999px;
}

#section1 span {
  background: url(sya.png) right top no-repeat;
}

*html #section1 span { /* IE6 Hack */
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Src='sya.png',sizingMethod='crop');
}

#section2 span {
  background: url(ko.png) right top no-repeat;
}

*html #section2 span { /* IE6 Hack */
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Src='ko.png',sizingMethod='crop');
}

#routeMap {
  display: none;
}

#section3 {
  width: 400px;
  height: 138px;
  margin: 0 0 60px 0;
  padding: 310px 319px 30px 30px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  background: url(map.png) right top no-repeat;
}

*html #section3 { /* IE6 Hack */
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Src='map.png',sizingMethod='crop');
}

#section3 dl {
  margin: 0;
  font-family: sans-serif;
  line-height: 20px;
}

#section3 dt {
  display: inline;
  padding: 2px 4px;
  font-weight: bold;
  color: #fff;
  background: #222;
}

#section3 dd.short {
  margin: -20px 0 2px 0;
  text-indent: 3em;
}

#section3 dd.long {
  margin: -20px 0 2px 0;
  text-indent: 5em;
}

#phone {
  margin: 0;
  font-family: 'arial black';
  font-size: 26px;
  line-height: 1em;
  color: #333;
}

/*##### Footer Block #####*/
address {
  margin: 0 0 30px 0;
  border-top: solid 1px #aaa;
  line-height: 1.8em;
  font-style: normal;
  text-align: center;
  color: #999;
}