@charset "utf-8";

body {
  margin: 5px 0px 0px 0px;
  background-color: #FFFFFF;
  text-align: center;
  font-family: "メイリオ","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka‐等幅";
  background-image: url(../img/backimg.gif);
  background-repeat:repeat-x;
 line-height:1.0em;
  }

a {
  text-decoration: underline;
  }

a:link {
  color: #CC6600;
  }

a:visited {
  color: #CC6600;
  }

a:active {
  color: #CC6600;
  }

a:hover {
  color: #FFCC33;
  }

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  }

h5 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  text-align:left;
}

img {
  border:0;
}

#wing {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 0px;
  width: 870px;
  background-image: url(../img/backframe.gif);
  }

#container {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0px;
  width: 830px;
  }

#banner {
  font-family: "メイリオ","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka‐等幅";
  color: #333333;
  background-image: url(../img/logoback.gif);
  text-align: left;
  border-bottom: 1px solid #FFFFFF;
  height: 120px;
  position:relative;
  background-repeat:repeat-x;
  }
  
#banner-tel {
  float:right;
  font-family: "メイリオ","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka‐等幅";
  color: #EA0E88;
  text-align: left;
  margin-top:20px;
  font-size:15px;
  font-weight: bold;
  width:320px;
  }

.b-left {
 float:left;
  width:200px;
  padding-top:5px;
line-height:1.4em;
}

.b-time {
font-size:15px;
}

.b-phone {
font-size:18px;
}

.b-url {
font-size:14px;
}

.b-mes {
font-size:12px;
text-align:right;
color:#555555;
}

.b-mes a {
color:#EA0E88;
}

.b-mes a:hover {
color:#FFFF00;
}

#banner h1 {
  font-weight:bold;
  position:absolute;
  top: 0px;
  left: 5px;
  font-size: 12px;
  color:#FFFFFF;
  }

#banner img.move {
  position:absolute;
  top: 20px;
  left: 5px;
  }

#flash {
  width: 625px;
  height: 280px;
  text-align: left;
  position:relative;
  background-image: url(../img/topimg.gif);
  }

#flash object{
  position:absolute;
  top: 8px;
  left: 0px;
  }

#flash h2 {
	text-align: left;
	position:absolute;
	top: 258px;
	left: 150px;
	font-size:12px;
	color: #333333;
  width:470px;
  }

#flash2 {
  width: 625px;
  height: 40px;
  text-align: left;
  position:relative;
  background-image: url(../img/topimg2.gif);
  }

#flash2 h2 {
	text-align: left;
	position:absolute;
	top: 18px;
	left: 150px;
	font-size:12px;
	color: #333333;
  width:470px;
  }



#melmag {
  position:absolute;
  top: 8px;
  left: 325px;
  width: 300px;
  height: 240px;
  background-image: url(../img/melback.gif);
  }

#main {
  width: 830px;
  height: auto;
  margin-top: 5px;
  margin-bottom:0;
  text-align:left;

  }

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main {
    height: 1em;
}

#main {
    display: block;
}
/**/

#center {
  float: right;
  width: 625px;
  overflow: hidden;
  }
	
#center2 {
  float: left;
  width: 580px;
  }

#kensaku {
  width: 625px;
  height: 75px;
  }

#kensaku ul {
  margin: 0;
  padding: 0;
  }

#kensaku li {
  margin: 0;
  display: inline;
  position:relative;
  }

.button1 {
	position:absolute;
	top: 38px;
	left: 145px;
}

.button2 {
	position:absolute;
	top: 38px;
	left: 225px;
}

#whatnew {
 width: 625px;
 padding-top:10px;
}

#whatnew img{
vertical-align: top;
}

.whatnew-cont {
 width: 620px;
 height:800px;
 overflow-y:scroll;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 background-color:#FFFFFF;
}

.info {
 font-size: 13px;
 color: #555555;
 border-bottom:1px dashed #999999;
 padding: 5px 0px 5px 5px;
 margin:0px 5px 5px 5px;
}

.info a{
 font-size: 13px;
 color: #555555;
}

.info a:hover{
 font-size: 13px;
 color: #555555;
}

#intro {
 width: 535px;
 padding-top: 20px;
}

.intro-top {
margin:0;
height:12px;
}

.intro-middle {
margin:0;
border-left:1px solid #FFCD35;
border-right:1px solid #FFCD35;
background-color:#FFFFCC;
font-size:12px;
padding:0px 3px 0px 3px;
}

.intro-middle p{
margin:0;
}
.intro-bottom {
margin:0;
}

#copyright {
  width: 820px;
  height: 26px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #FFFFFF;
  background-image: url(../img/backimg.gif);
  padding-top:10px;
  padding-right:10px;
  margin-top: 10px;
  }

#right {
  float: left;
  width: 190px;
  overflow: hidden;
  }
	
#right2 {
  float: left;
  width: 150px;
  overflow: hidden;
  }

.menu {
  width: 190px;
  padding: 0px 0px 5px 0px;
  margin: 0;
}

.menu ul{
  margin: 0;
  padding:0;
  list-style-type:none;
}

.menu li{
  padding-top: 5px;
    margin: 0;
}

.menu img { 
  margin: 0px;
  border: 0px;
  padding: 0px ;
  vertical-align: top ;
}

.m-head {
  width: 190px;
  height: 63px;
}



.menu2 {
  width: 150px;
  padding: 0px 0px 5px 0px;
}

.menu2 ul{
  margin: 0;
  padding:0;
  list-style-type:none;
}

.menu2 li{
  padding-top: 5px;
    margin: 0;
}

.menu2 img { 
  margin: 0px;
  border: 0px;
  padding: 0px ;
  vertical-align: top ;
} 

.m-head2 {
  width: 150px;
  height: 19px;
}

h3#infomation {
width:540px;
height:35px;
background-image: url(../img/bar-infomation.gif);
}
#infomation span {display:none;}

h3#system {
width:540px;
height:35px;
background-image: url(../img/bar-system.gif);
}
#system span {display:none;}

h3#event {
width:540px;
height:35px;
background-image: url(../img/bar-event.gif);
}
#event span {display:none;}

h3#link {
width:540px;
height:35px;
background-image: url(../img/bar-link.gif);
}
#link span {display:none;}

h3#girl {
width:540px;
height:35px;
background-image: url(../img/bar-girl.gif);
}
#girl span {display:none;}

h3#attend {
width:540px;
height:35px;
background-image: url(../img/bar-attend.gif);
}
#attend span {display:none;}

h3#recruit {
width:540px;
height:35px;
background-image: url(../img/bar-recruit.gif);
}
#recruit span {display:none;}

h3#hotel {
width:540px;
height:35px;
background-image: url(../img/bar-hotel.gif);
}
#hotel span {display:none;}

h3#blog {
width:540px;
height:35px;
background-image: url(../img/bar-blog.gif);
}
#blog span {display:none;}

h3#photo {
width:540px;
height:35px;
background-image: url(../img/bar-photo.gif);
}
#photo span {display:none;}

h3#spmem {
width:540px;
height:35px;
background-image: url(../img/bar-spmem.gif);
}
#spmem span {display:none;}

h3#inquiry {
width:540px;
height:35px;
background-image: url(../img/bar-inquiry.gif);
}
#inquiry span {display:none;}

h3#mailm {
width:540px;
height:35px;
background-image: url(../img/bar-mailm.gif);
}
#mailm span {display:none;}

h3#cost {
width:540px;
height:35px;
background-image: url(../img/bar-cost.gif);
}
#cost span {display:none;}

.topics-cont {
  padding:10px 10px 0px 10px;
	margin:0px 5px 5px 5px;
	line-height:1.4em;
	font-size:12px;
}

.topics-cont table.price {
  background-color:#FFFFFF;
  margin-bottom: 10px;
  margin-left: 15px;
}

.topics-cont .price th {
  font-size: 15px;
  text-align: center;
  background-color:#19ACB6;
}

.topics-cont .price td  {
  font-size: 12px;
  background-color:#A8E0E4;
}

.topics-cont table.price2 {
  background-color:#FFFFFF;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 570px;
}

.topics-cont .price2 th {
  font-size: 15px;
  text-align: center;
  background-color:#FF6FBF;
  padding: 5px;
}

.topics-cont .price2 td  {
  font-size: 12px;
  background-color:#FFEEEE;
  padding: 5px;
}

.topics-cont p{
                padding:0px 5px 5px 5px;
                margin:5px 0px 0px 0px;
                line-height: 1.4em;
                
}

.topics-cont img{
   margin:0px 5px 5px 0px;
}

.style2 {
   background-color: #999;
   font-weight: bold;
   color: #FFF;
   font-size: 10pt;
}
.style3 {font-size: 80%}
.style4 {font-size: 15px; font-weight:bold;}

.style6 {
   font-size: 15px;
   color: #FF6633;
   font-weight: bold;
   margin-bottom:15px;
   padding-left:5px;
   border-bottom:1px solid #FF0000;
   border-left:8px solid #FF0000;
}

.date {
 font-size: 15px;
 font-weight: bold;
 color: #00ABB5;
 padding: 0px 10px 2px 0px;
}

.link-cont {
 width: 620px;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px solid #CCCCCC;
 background-color:#FFFFFF;
}

.both {
 clear:both;
}

.photo-blog {
    font-size: 15px;
}

.photo-blog img {
     margin: 10px;
     padding: 5px;
     border: 1px solid #999999;
     float:left;
}

.waku .box {
    width: 270px;
    background: #F21884;
    padding: 5px;
}

.waku .box a {
    color: #FFFFFF;
}

.waku .box .title a {
    color: #F21884;
}

.waku .box .title {
    padding:3px;
    background:#FFEEEE;
    margin-bottom:5px;
}

.area1 {
  width: 100%;
  padding: 0;
  margin-bottom:15px;
}

.area2 {
  width: 100%;
  padding: 0;
  margin-bottom:30px;
}

#newWK1 {
  float: left;
  background: #F1A9CF;
  padding: 5px;
}

.newHL {
  width: 510px;
  border: 1px solid #D70D7D;
}

.newHL .newNR {
  background: #777777;
  padding: 3px;
  font-size: 12px;
  color: #FFFFFF;
}

.newHL .newFL {
  float: left;
  width:220px;
  height: 280px;
  background: #FFFFFF;
}

#imageContainer {
  position:relative;
  margin:auto;
  width:220px;
  background: #FFFFFF;
}

#imageContainer img {
  display:none;
  position:absolute;
  top:0;
  left:0;
}

.newHL .newHL-news {
  float: right;
  width: 285px;
  height: 280px;
  background: #FFFFFF;
}

.newHL .newHL-news .cont {
  clear: both;
  width: 285px;
  height: 254px;
  overflow-y: scroll;
  border-top: 1px solid #CCCCCC;
}

.newHL .newHL-news .nphoto {
  width: 250px;
  border-bottom: 1px dashed #999999;
  font-size: 12px;
  padding: 10px 0 10px 10px;
  line-height:1.4;
}

.newHL .newHL-news .ndate {
  color: #777777;
  margin-bottom: 5px;
}

.newHL .newHL-news .ntitle {
  color: #F06060;
  font-weight: bold;
  margin-bottom: 5px;
}

.newHL .newHL-news .cont img {
  max-width: 200px;
  max-height: 250px;
  _width: 200px;
  margin: 5px 0;
}

#newWK2 {
  float: right;
  background: #F1A9CF;
  padding: 5px;
}

.newPH {
  width: 290px;
  height: 302px;
  _height: 302px;
  border: 1px solid #D70D7D;
  background: #FFFFFF;
}

object.newSM {
  width: 288px;
  height: 275px;
  border: 1px solid #CCCCCC;
}

.newPH2 .cont {
}

.newPH2 .nphoto {
  width: 250px;
  border-bottom: 1px dashed #999999;
  font-size: 12px;
  padding: 10px 0 10px 10px;
  text-align: left;
}

.newPH2 .ndate {
  color: #777777;
  margin-bottom: 5px;
}

.newPH2 .ntitle {
  color: #F06060;
  font-weight: bold;
  margin-bottom: 5px;
}

.newPH2 .cont img {
  max-width: 120px;
  max-height: 160px;
  _width: 120px;
  margin: 5px 0;
}

.newBX {
  float: right;
  width: 660px;
}

#newWK3 {
  float: left;
  background: #F1A9CF;
  padding: 5px;
}

.newEV {
  width: 320px;
  height: 252px;
  border: 1px solid #D70D7D;
  background: #FFFFFF;
}

.newEV .cont {
  clear: both;
  width: 320px;
  height: 225px;
  overflow-y: scroll;
  border-top: 1px solid #CCCCCC;
}

.newEV .nphoto {
  width: 280px;
  border-bottom: 1px dashed #999999;
  font-size: 12px;
  padding: 10px 0 10px 10px;
  line-height:1.4;
}

.newEV .ndate {
  color: #777777;
  margin-bottom: 5px;
}

.newEV .ntitle {
  color: #F06060;
  font-weight: bold;
  margin-bottom: 5px;
}

.newEV .cont img {
  max-width: 120px;
  max-height: 160px;
  margin: 5px 0;
}

#newWK4 {
  float: right;
  background: #F1A9CF;
  padding: 5px;
}

.gawa {
  width: 310px;
  height: 252px;
  border: 1px solid #D70D7D;
  background: #FFFFFF;
}

object.newAT {
  width: 308px;
  height: 225px;
  border: 1px solid #CCCCCC;
}

.mie {
  float: left;
}

ul.yokomenu {
  width: 826px;
  height: 60px;
  list-style-type: none;
  margin: 10px auto 10px auto;
  padding: 0;
  background: #FFFFFF;
}

.yokomenu li {
  display: inline;
  width: 118px;
  height: 30px;
  margin: 0;
  padding: 0;
}

.hotel th{
   text-align:left;
   padding:3px;
}
