@charset "Shift_JIS";

/*
  Site Name: 
  Description: initial setting
  Version: 
  Author: 
*/

*{
    margin:0;
    padding:0;
    font:normal normal normal 100%/1.3;
    border:none;
}


BODY {
  margin: 0px auto;
  padding: 0px;
  text-align:center;
  width: 100%;
}

img{border:0px;}



/*
===== CONTAINER ==========================================
*/

div#container {
	text-align:center;
	margin:0px auto;
	width:  940px;
}



/*
===== HEADER ==========================================
*/

  div#head {
    width: 940px;
    height: 62px;
    margin: 0px auto;
  }

  h1 {
	width: 940px;
	height: 62px;
	background: url(../common/common_head.jpg);
	background-repeat: no-repeat;
  }
  
  h1 span {
    display: none;
  }


/*
===== global navi ====================================
*/

div#globalnavi {
  overflow: hidden;
  position: relative;
  width: 940px;
  height: 35px;
}

 div.top {
   width: 234px;
   height: 35px;
   float: left;
   }

 div.fitness {
   width: 234px;
   height: 35px;
   float: left;
   }

 div.swim {
   width: 234px;
   height: 35px;
   float: left;
   }
   
   
 div.room {
   width: 238px;
   height: 35px;
   float: left;
   } 
   

/*
===== CONCEPT ====================================
*/
 
  h2 {
	width: 940px;
	height: 264px;
	background:url(../img/room_es/top/RoomES_concept_090216.jpg);
	background-repeat: no-repeat;
  }
  
  h2 span {
    display: none;
  }
   
/*
===== MAIN CONTENTS ====================================
*/

 div#main {
  margin: 0px auto;
  text-align:center;
  }

  div.m_ganban {
  width: 940px;
  height: 795px;
  }

  div.m_explain {
  width: 940px;
  height: 850px;
  }
 
  div.m_navi {
  width: 940px;
  height: 970px;
  }
  
  div.m_price {
  width: 940px;
  height: 795px;
  }
 
 div#main_head {
   position: relative;
   margin-top: 15px;
   width: 940px;
   height: 24px;
   bottom: 10px;
   border-bottom: dotted 1px;
 }
 
 div#main_head ul li {
   margin-left: 10px;
   padding-top: 10px;
   text-align: left;
   list-style: none;
   font-size: 11px;
   color: #666666;
 }
 
/*
===== MENU ====================================
*/ 
 
 div#menu {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 720px;
   position: relative;
   float: left;
   display: inline;
   text-align: left;
 }
 
   div.menu {
     width: 195px;
     height: 28px;
     position: relative;
   }
   
   div.menu2 {
     width: 195px;
     height: 27px;
     position: relative;
   }
   
   div.mizu {
   margin-top: 15px;
   padding-top: 15px;
   border-top: dotted 1px;
   float: left;
   display: inline;
   width: 195px;
   height: 157px;
   }
 
   div.event {
   margin-top: 10px;
   float: left;
   display: inline;
   width: 195px;
   height: 150px;   
   }
 
   div.welltone {
   margin-top: 10px;
   float: left;
   display: inline;
   width: 195px;
   height: 150px;   
   }
 
   div.aqualife {
   margin-top: 10px;
   float: left;
   display: inline;
   width: 195;
   height: 90;
   }
 
/*
===== CONTENTS ====================================
*/
 
 div#contents {
   margin: 0;
   padding: 0;
   float: right;
   display: inline;
   }
 
   div.c_ganban {
   width: 729px;
   height: 735px;
   border-left: dotted 1px;
   }
 
   div.c_explain {
   width: 729px;
   height: 791px;
   border-left: dotted 1px;
   }
 
   div.c_navi {
   width: 729px;
   height: 911px;
   border-left: dotted 1px;
   }
   
   div.c_price {
   width: 729px;
   height: 735px;
   border-left: dotted 1px;
   }
   
   
  div.box {
  width: 723px;
  height: 791px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  }
  
  div.box1 {
  width: 723px;
  height: 911px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  }
  
  div.box2 {
  width: 723px;
  height: 735px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  }
 
  p.textGanban {
  margin-top: 30px;
  margin-left: 60px;
  width: 380px;
  height: 600px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
 
  p.textExp {
  margin-top: 30px;
  margin-left: 60px;
  width: 380px;
  height: 730px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
  
  p.textNavi {
  margin-top: 30px;
  margin-left: 60px;
  width: 630px;
  height: 850px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
  
  p.textPrice {
  margin-top: 38px;
  margin-left: 60px;
  width: 630px;
  height: 630px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
  float: left;
  display: inline;
  }
  
  span.textPrice {
  color: #FF0000;
  }
  
  span.textGanban {
  font-size: 11px;
  line-height: 18px;
  }
  
  span.textGanban1 {
  font-size: 11px;
  line-height: 18px;
  color: #FF0000;
  }
  
  img.method {
  margin-left: 15px;
  }
  
  p.photo1 {
  width: 250px;
  height: 158px;
  margin-top: 30px;
  padding-right: 10px;
  float: left;
  display: inline;
  }
  
  p.photo2 {
  width: 250px;
  height: 158px;
  margin-top:10px;
  padding-right: 10px;
  float: left;
  display: inline;
  }
/*
===== FOOTER ==========================================
*/

#foot{
  background-image:url(../img/top_foot.jpg);
  width: 940px;
  height: 29px;
  clear: both;
}

 ul#navi {
    float:left;
	display: inline;
	margin: 8px 0px 0px 11px;
	padding-left: 0;
	font-size: 10px;
	font-weight: bold;
 }

 ul#navi li {
   width: 100px;
   padding: 0px 7px;
   text-align: center;
   display: inline;
   border-right: #FFFFFF solid 1px;
 }
 
 ul#navi li.access {
   border-left: #FFFFFF solid 1px;
   }
 
 ul#navi li a {
   color: #FFFFFF;
   text-decoration: underline;
 }
 
 ul#navi li a:visited {
   color: #FFFFFF;
   text-decoration: none;
 }
 
 ul#navi li a:hover {
   color: #000066;
   text-decoration: underline;
  
  }
  
  div#wrap {  
  width: 940px;
  height: 20px;
  
  }