/*********** サイト全体デフォルト設定CSS ***********/

@import url(system.css);
@import url(bbs.css);
@import url(link.css);
@import url(lady.css);
@import url(schedule.css);
@import url(other.css);


/***********　BODYですよ♪ ***********/
html{
scrollbar-face-color: #000;
scrollbar-track-color: #ddd; 
scrollbar-arrow-color: #999;
scrollbar-highlight-color: #eee;
scrollbar-3dlight-color: #666;
scrollbar-shadow-color: #ccc;
scrollbar-darkshadow-color: #bbb;
}


body{
margin: 0;
padding: 0;
font-size: 10pt;
line-height: 120%;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #999;
background-color:#b0b0b0;
background:url(../images/web/bg_grad.jpg) center top fixed repeat;
}

#background_box {
width:100%;
background:url(../images/web/bg_grad.jpg) center top fixed repeat;
}


/************　リンクカラーはここですよ♪ ************/
a:LINK{
  color : #ffcc00;
  text-decoration : underline;
}
a:HOVER{
  color : #ff0000;
  text-decoration : underline;
}
a:VISITED{
  color : #ffcc00;
  text-decoration : underline;
}
a:ACTIVE{
  color : #ffcc00;
  text-decoration : underline;
}

/************　▼画像のボーダーです♪ ************/
img{
border: 0px;
margin: 0px;
padding: 0px;
vertical-align: text-bottom;

}

/************　▼テーブル♪ ************/
table{
font-size: 10pt;
}

/************　▼ul♪ ************/

ul{
margin: 0px;
padding: 0px;
}

li{
list-style: none;
margin: 0px;
padding: 0px;
}

/************　▼Hタグ♪ ************/

h1{
font-size: 10pt;
color: #cccccc;
margin: 0px;
padding: 0px;
}

h2 {
}


h3 {
color: #444;
height: 30px;
text-align: left;
font-weight: bold;
padding: 5px 0px 10px 0px;
}


/************　18歳認証 ************/


#topoutline {
width: 875px;
background:#000000;
/*background: url(../images/web/middle_bg.gif) repeat-y;*/
margin: 0 auto;
padding: 0;
text-align: center;
color:#FFFFFF;
}

#flashbox{
width: 850px;
background-color:#000000;
margin-top:0px;
padding-top:0px;
/*padding-left:10px;*/
}


#getflash{
width: 610px;
color: #cccccc;
margin: 1em auto;
text-align: left;
clear: both;
}

#getflash img{
float: left;
margin-right: 10px;
}

.age18{
width:875px;
margin: 0 auto;
text-align: center;
background:#000000;
}

.ageenter{
width:530px;
text-align: center;
margin: 0 auto;
}

.ageenter div.leave {
width:215px;
height:80px;
color:#4474a0;
font-family:sans-serif;
float: left;
overflow: hidden;
text-align:left;
}

.ageenter div.over18icon {
	float:left;
	width:100px;
	height:60px;
	padding-top: 20px;
}

.ageenter div.enter {
width:215px;
height:80px;
color:#4474a0;
font-family:sans-serif;
float: left;
overflow: hidden;
text-align:right;
}

.ageenter div p {
padding-top: 40px;
}


.age18 div strong{
font-size:2.0em;
font-weight:400;
display: none;
}
.age18 div span{
font-size:1.4em;
font-weight:400;
display: none;
}

.age18 a{
width: 100%;
height: 100%;
color:#FFFFFF;
font-size:18px;
text-decoration: none;
}
.age18 a:VISITED{
color:#FFFFFF;
text-decoration: none;
}
.age18 a:HOVER{
color:#fff;
text-decoration: none;
}
.age18 p{
}

.attention18 {
margin: 20px auto 65px;
width: 50%;
/*background: url(../images/web/enter_bottom.gif)  center bottom no-repeat;*/
background:#000000;

}

.attention18 img {
margin: 0 10px 0 auto;
float: left;
width: 10px;
height: 52px;
}

.attention18 p {
margin: 7px auto;
text-align: left;
float: left;
}

h1.doorseo {
text-align: center;
/*display: none;*/
}

.copyright {
	padding-bottom:5px;
}
/************　outline♪ ************/
#outline {
background: url(../images/web/outlineback.gif);
width: 780px;
background-color: #000000;
margin: 0 auto;
padding: 0;
text-align: center;
}



/************　ヘッダー部分♪ ************/
h1#seo {
padding: 0;
margin: 0;
height: 25px;
text-align: center;
}

#header {
width : 100%;
height: 128px;
margin: 0 auto;
text-align: left;
background-color:#000000;
background: url(../images/web/header.jpg) no-repeat;
}

.logo {
width: 300px;
height: 100px;
margin: 0 auto;
padding: 0px;
float: left;
}

.mobileinfo {
width: 200px;
text-align: center;
margin: 15px auto 0 0;
padding: 0px;
float: left;
}

.tel{
font-weight: bold;
font-size: 16pt;
width: 290px;
text-align: right;
margin: 15px 10px 0 0;
padding: 0px;
float: right;
}


/************　ナビゲーション♪ ************/
#menu {
	width: 780px;
	height: 40px;
	margin: 0 auto 10px auto;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 78px;
	height: 40px;
	float:left;
}

#menu li a {
	display: block;
	height: 0;
	width: 100%;
	padding-top: 40px;
	line-height: 40px;
	overflow: hidden;
}




#menu li.top a {
	background: transparent url(../images/web/menu.gif) no-repeat 0px 0px;
}
#menu li.top a:hover {
	background-position: 0 -40px;
}

#menu li.sys a{
	background: transparent url(../images/web/menu.gif) no-repeat -79px 0px;
}
#menu li.sys a:hover {
	background-position: -79px -40px;
}

#menu li.ldy a {
	background: transparent url(../images/web/menu.gif) no-repeat -157px 0px;
}
#menu li.ldy a:hover {
	background-position: -157px -40px;
}

#menu li.sch a {
	background: transparent url(../images/web/menu.gif) no-repeat -235px 0px;
}
#menu li.sch a:hover {
	background-position: -235px -40px;
}

#menu li.bbs a {
	background: transparent url(../images/web/menu.gif) no-repeat -313px 0px;
}
#menu li.bbs a:hover {
	background-position: -313px -40px;
}

#menu li.cos a {
	background: transparent url(../images/web/menu.gif) no-repeat -391px 0px;
}
#menu li.cos a:hover {
	background-position: -391px -40px;
}

#menu li.htl a {
	background: transparent url(../images/web/menu.gif) no-repeat -469px 0px;
}
#menu li.htl a:hover {
	background-position: -469px -40px;
}

#menu li.rec a {
	background: transparent url(../images/web/menu.gif) no-repeat -547px 0px;
}
#menu li.rec a:hover {
	background-position: -547px -40px;
}

#menu li.lnk a {
	background: transparent url(../images/web/menu.gif) no-repeat -625px 0px;
}
#menu li.lnk a:hover {
	background-position: -625px -40px;
}

#menu li.att a {
	background: transparent url(../images/web/menu.gif) no-repeat -703px 0px;
}
#menu li.att a:hover {
	background-position: -703px -40px;
}


/************　contentsbox♪ ************/
#contentsbox{
width : 780px;
margin: 0 auto 40px;
padding: 0;
overflow: hidden;
}


/************　footer♪ ************/
#footer{
color: #ffffff;
width : 780px;
height: 60px;
margin: 40 0 0 0;
padding: 0;
line-height: 80px;
overflow: hidden;
float: none;
clear: both;
background: transparent url(../images/web/footer.jpg) no-repeat;
}
#footer p {
font-size: 10px;
font-weight: bold;
text-align: right;
letter-spacing: 1px;
margin-right: 25px;
}


/******************　センター♪ *******************/
.topimage {
text-align: center;
width: 744px;
margin: 0 auto;
}

.newphoto {
float: left;
margin: 0 5px 5px 0;
}

#campaign-news {
width: 744px;
margin: 3px auto 0;
padding: 0;
overflow: auto;
}

#left_box {
float: left;
width: 385px;
margin: 3px 5px 0 0;
padding: 0;
}

#pickup{
width: 365px;
margin: 0;
padding: 0;
}

#pickup .title{
height: 30px;
margin: 0px;
padding: 0px;
}

#pickup .text {
width: 340px;
overflow: auto;
margin: 10px auto;
padding: 5px;
text-align: center;
}

/************　トップ右側ボックス ************/

#right_box {
float: right;
width: 385px;
margin: 3px 0 0 5px;
padding: 0;
}

#whatsnew{
width: 365px;
height: 240px;
margin: 0;
padding: 0;
}

#whatsnew .title{
height: 30px;
margin: 0px;
padding: 0px;
}

#whatsnew .text {
width: 340px;
overflow: auto;
margin: 0 auto;
height: 200px;
padding: 5px;
text-align: left;
}

#campaign{
width: 365px;
height: 240px;
margin: 0;
padding: 0;
}

#campaign .title{
height: 30px;
margin: 0px;
padding: 0px;
}

#campaign .text {
width: 340px;
overflow: auto;
margin: 0 auto;
height: 200px;
padding: 5px;
text-align: left;
}

#right_box div.date {
color: #ffcc00;
}

#right_box div.title {
color: #00ff99;
}

#topbanner {
clear: both;
width: 744px;
margin: 20px auto 0;
}

.doorbanner {
text-align: left;
border: 1px solid #999999;
  padding-top : 5px;
  padding-left : 2px;
  width : 590px;
  margin : 10px auto 0;

overflow: hidden;
}