@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/etc/concept_acquaserena_090216.jpg);
	background-repeat: no-repeat;
  }
  
  h2 span {
    display: none;
  }

/*
===== MAIN CONTENTS ====================================
*/

div#main {
  width: 940px;
  height: 1010px;
  margin: 0px auto;
  text-align:center;
}
 
 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;
 }
 
 
 div#menu {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 425px;
   position: relative;
   float: left;
   display: inline;
   text-align: left;
 }
    
   div.event {
   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;
   }
 
 div#contents {
   margin: 0;
   padding: 0;
   width: 729px;
   height: 941px;
   float: right;
   display: inline;
   border-left: dotted 1px;
   }
 
  div.box {
  width: 723px;
  height: 430px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  }
  
 div.form {
  margin-top: 38px;
  margin-left: 60px;
  width: 630px;
  height: 400px;
  color: #333333;
  text-align: left;
  line-height: 20px;
  float: left;
  display: inline;
 }
 
  p.text {
  margin-top: 38px;
  margin-left: 60px;
  width: 600px;
  height: 60px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
  
  p.text_access {
  margin-top: 8px;
  margin-left: 60px;
  width: 600px;
  height: 70px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
  
  p.text1 {
  color: #333333;
  font-size: 12px;
  text-align: left;
  }
  
  span.text1 {
  font-size: 14px;
  color: #FF0000;
  }
  
  span.text2 {
  font-size: 11px;
  }
  
  p.photo {
  margin-left: 10px;
  float: left;
  display: inline;
  }

  table.info {
  margin-top: 18px;
  margin-left: 50px;
  width: 630px;
  height: 50px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  float: left;
  display: inline;
  }
 
  td.name {
  padding-right: 20px;
  vertical-align: text-top;
  text-align: right;
  font-weight: bold;
  }
 
  tr {
  text-align: left;
  }
/*
===== 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;
  
  }