/*
  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: sans-serif;
  font-size: small;
  color: #eee;
  background:url(hiraori.gif) left top;
}

h1 {
  width: 520px;
  height: 140px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(title.png) left top no-repeat;
}

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

h2 {
  margin: 60px 0 10px 0;
  padding: 0 1em;
  border-bottom: solid 2px #fff;
  font-size: large;
  line-height:1.4em;
  clear: both;
}

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

img {
  border: none;
}

table {
  empty-cells: show;
}

#wrapper {
  position: relative;
  width: 745px;
  margin: 0 auto;
  padding: 15px 0 0 0;
  background: url(yu_main.png) left top no-repeat;
}

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

#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;
}

.leftImageLong {
  float: left;
  margin: 0 0 0 0;
}

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

.rightImageLong {
  float: right;
  margin: 0 0 0 0;
}

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

/*##### Contents #####*/
#eventThumb {
  margin: 50px 0 0 0;
  text-align: center;
}

#eventThumb img {
  padding: 0 20px 30px;
}

#spa {
  background: url(spa.jpg) 20px top no-repeat;
}

#healing {
  background: url(healing.jpg) 20px top no-repeat;
}

#play {
  background: url(play.jpg) 20px top no-repeat;
}

#accessGuide {
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}

#accessGuide ul {
  margin: 0 0 0 30px;
  list-style-type: circle;
  list-style-position: inside;
}

#gmap {
  margin: -1.4em 0 0 0;
  padding: 0 0 0 530px;
}

#largeMap {
  float: left;
  width: 450px;
  height: 426px;
  text-indent: -9999px;
  background: url(map_l.png) left top no-repeat;
}

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

#smallMap {
  float: right;
  width: 250px;
  height: 426px;
  text-align: right;
  background: url(map_s.png) left top no-repeat;
}

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

.usage {
  float: left;
  width: 350px;
  padding: 10px;
  line-height: 1.6em;
}

.usage h3 {
  font-size: medium;
}

.usage dt {
  font-weight: bold;
}

.usage dd {
  padding: 0 0 0 2em;
}

.biz dd {
  margin: -1.6em 0 0 0;
  padding: 0 0 0 6em;
}

.usage ul {
  list-style-type: circle;
}

#phone {
  margin: 0 0 10px;
  font-family: 'arial black';
  font-size: 2.3em;
  text-align: center;
}

#title_s {
  width: 250px;
  height: 50px;
  margin: 10px auto;
  text-indent: -9999px;
  background: url(title_s.png) left top no-repeat;
}

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

#umedia {
  width: 180px;
  height: 48px;
  margin: 0 auto;
  background: url(umedia_logo.png) left top no-repeat;
}

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

#umedia a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  z-index: 10;
}

#umedia a:hover, #umedia a:active {
  outline: none;
}

/*##### Footer Block #####*/
#footer {
  margin: 15px 0 0 0;
  border-top: solid 1px #ccc;
  font-size: x-small;
  text-align: center;
  color: #999;
}

/*##### Temporary Setting #####*/
h2#atth2 {
  width: 360px;
  margin: 40px auto 10px;
  border-bottom: solid 1px #fff;
  font-size: x-large;
  text-align: center;
  color: #ace965;
}

div#attention p {
  width: 340px;
  margin: 0 auto;
  font-size: medium;
  font-weight: bold;
  text-align: left;
  text-indent: 1em;
  line-height: 1.6em;
  color: #fcfdce;
}