@charset "UTF-8";

@import url(../../common/css/common.css);

/* TOP-IMAGE */

#top-mainimg {
  clear:both;
  padding-top:20px;
  padding-bottom:20px;
  }
  
  
/* TOPCONTENTS-MAIN */

#main-area {
  width:665px;
  padding-top:0px;
  }


.text-block {
  font-size:10px;
  line-height:14px;
  margin-top:5px;
  color:#333;
  }

.menu-top a {
  color:#d6fa0c!important;
}

/* TOPCONTENTS-LEFT */

#top-left {
  float:left;
  width:468px;
  }

#top-main01 {
  width:468px;
  background:URL(../img/bg_main01.gif) top left  repeat-y;
  height:auto;
  }

#top-main01:after { 
  content: "";
  display: block; 
  clear: both; 
  }

/* MOVIE */

#top-movie {
  float:right;
  width:255px;
  }

#top-movie h2 {
  font-size:12px;
  padding-left:17px;
  background:URL(../img/icon_movie.gif) top left no-repeat;
  color:#000;
  margin-top:195px;
  }

#top-movie h2 a {
  text-decoration:none;
  }
  
#top-movie .pickupmovie {
 position:absolute;
 z-index:0;
 }

#top-movie .pickupmovie .pickupmovie01 {
position:absolute;
width:255px;
height:191px;
z-index:1;
}

#top-movie .pickupmovie #pickupmovie02 {
position:absolute;
width:255px;
height:191px;
z-index:2;
filter:alpha(opacity=30); /*IE*/
-moz-opacity:0.30; /*FF*/
opacity:0.30;
display:block;
}

/* STREET */

#top-street {
  float:left;
  width:180px;
  }

#top-street h2 {
  font-size:12px;
  padding-left:18px;
  padding-top:1px;
  background:URL(../img/icon_snap.gif) top left no-repeat;
  color:#000;
  margin-bottom:10px;
  }

#top-street h2 a {
  text-decoration:none;
  }

#top-street #top-today {
  float:left;
  width:30px;
  margin-right:5px;
}

#top-street #top-today .month {
  background:#CCC;
  font-size:10px;
  line-height:14px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color:#000;
  }

#top-street #top-today .day {
  border:solid 1px #CCC;
  font-size:15px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color:#000;
  }

#top-street .top-photo {
  float:right;
  margin:0 15px 5px 0;
  }
  
#top-street .top-photo a {
  display:block;
  border:solid 1px #CCC;
  }

#top-street .top-photo a:hover {
  border:solid 1px #e2e1e1;
  }

/* SELECT */

#top-select {
  clear:both;
  padding-top:15px;
  }

#top-select:after { 
  content: "";
  display: block; 
  clear: both; 
  }
  
#top-select .block {
  float:left;
  border-bottom:solid 2px #FFF;
  border-right:solid 2px #FFF;
  width:231px;
  height:83px;
}

#top-select .block a {
  width:231px;
  height:83px;
  background:#ebebeb;
  display:block;
  text-decoration:none;
  float:left;
}

#top-select .block a:hover {
  background:#d6fa0c;
  display:block;
  text-decoration:none;
}

#top-select .block img {
  float:left;
  border-top:solid 3px #d6fa0c;
  left:0!important;
  }

#top-select .block .right-area {
  float:right;
  width:145px;
  padding:7px 2px 0 0;
  }

#top-select .link-blue {
  color:#0099cc;
  line-height:18px;
  font-weight:normal;
  }


/* AD */

#ad {
  clear:both;
  padding-top:10px;
  width:468px;
  }

/* TOPCONTENTS-RIGHT */

#top-right {
  width:173px;
  float:right;
}

/* MOBILE */

#top-mobile {
  width:173px;
}

#top-mobile h2 {
  font-size:12px;
  color:#000;
  padding-left:15px;
  padding-top:8px;
  background:URL(../img/icon_mobile.gif) top left no-repeat;
}

#top-mobile h2 a {
  text-decoration:none;
}

#top-mobile ul {
  margin-top:5px;
}

#top-mobile ul a {
  text-decoration:none;
}

#top-mobile li.choki {
  border-top:solid 1px #999;
  padding-top:5px;
  margin-bottom:10px;
}

#top-mobile li.girls {
  border-top:solid 1px #999;
  padding-top:5px;
  margin-bottom:10px;
}

#top-mobile li.bienta {
  clear:both;
  border-top:solid 1px #CCC;
  padding:5px 0px 0 0;
  margin-bottom:10px;
}

#top-mobile li.switch {
  clear:both;
  border-top:solid 1px #CCC;
  padding:5px 0px 0 0;
  margin-bottom:10px;
}

#top-mobile li.puchi {
  clear:both;
  border-top:solid 1px #CCC;
  padding:5px 5px 0 0;
  margin-bottom:5px;
}

#top-mobile li.coupon {
  clear:both;
  border-top:solid 1px #CCC;
  padding-top:5px;
}

.txt-orange {
 color:#ff9500;
}