@charset "UTF-8";

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

/* TOPCONTENTS-MAIN */

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

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

/* STREET */

#street-area {
  margin-top:2px;
  }

#street-area h3.basic {
  width:595px;
  float:left;
  margin-top:15px!important;
  width:auto;
  border-bottom:none!important;
  font-size:16px!important;
  }

#street-area h3.basic span {
  color:#999;
  font-size:12px;
  font-weight:normal;
  padding-left:10px;
  }

#street-area h4.month {
  color:#000;
  font-size:40px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom:5px;
  height:auto;
  float:left;
  width:300px;
  line-height:30px;
  }
  
#street-area h4.month span.japan {
  font-size:18px;
  font-weight:normal;
  padding-left:2px;
  }

#street-area h4.month span.english {
  color:#999;
  font-size:20px;
  padding-left:5px;
  font-weight:normal;
  }
  
    
#street-area .month-navi {
  float:right;
  width:120px;
  margin-top:15px;
  background:URL(../img/bg_month_navi.gif) top left repeat-y;
}

#street-area .month-navi .next-month {
  float:right;
  text-align:right;
}

#street-area .month-navi .prev-month {
  float:left;
}

table.snap-calendar {
  width:665px;
  padding:0;
  margin:0;
  clear:both;
}

table.snap-calendar th {
  background:#666;
  padding:3px 0;
  margin:0!important;
  border-right:solid 1px #FFF;
  width:94px;
  text-align:center;
  font-weight:normal;
  color:#FFF;
}

table.snap-calendar th.sat {
  background:#016cfd;
}

table.snap-calendar th.sun {
  background:#fb1e23;
}

table.snap-calendar td.white {
  background:#FFF;
  height:5px;
  border:none!important;
}

table.snap-calendar td.today {
  background:#d6fa0c;
}

table.snap-calendar td {
  border-top:solid 1px #CCC;
  border-right:solid 1px #CCC;
  text-align:center;
  padding:0;
  margin:0;
}

table.snap-calendar td.border-left {
  border-left:solid 1px #CCC;
}

table.snap-calendar td.border-bottom {
  border-bottom:solid 1px #CCC;
}

/*詳細ページ*/
#left-block {
  width:340px;
  float:left;
  padding-top:10px;
}

.frame {
  display:block;
  border:solid #CCC 1px;
}

.frame img {
  margin:2px;
  width:auto;
  height:auto;
}

#right-block {
  width:315px;
  float:right;
  padding-top:10px;
}

#right-block .day-navi {
  float:right;
  width:120px;
  background:URL(../img/bg_month_navi.gif) top left repeat-y;
}

#right-block .day-navi .next-day {
  float:right;
  text-align:right;
}

#right-block .day-navi .prev-day {
  float:left;
}

.timelocation {
  clear:both;
  padding-top:10px;
}

#today-calendar {
  float:left;
  width:35px;
  margin-right:5px;
  margin:10px 0;
}

#today-calendar .month {
  background:#CCC;
  font-size:12px;
  line-height:14px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color:#000;
  padding:1px 0;
  }

#today-calendar .day {
  border:solid 1px #CCC;
  font-size:16px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color:#000;
  padding:3px 0;
  }
  
.location {
  margin-top:0px;
  margin-left:0px;
  color:#FFF;
  font-size:13px;
  line-height:20px;
  width:auto;
  float:left;
}

.location a {
  background:#66CC33;
  padding:0 6px;
  color:#FFF!important;
  text-decoration:none;
  display:block;
}

.location a:hover {
  background:#669900;
  padding:0 6px;
  color:#FFF!important;
  text-decoration:none;
  display:block;
}

.name {
  font-size:28px;
  line-height:35px;
  color:#000;
  font-weight:normal;
}

.age {
  font-size:14px;
}

.catch {
  color:#0099cc;
  margin-top:20px;
  font-size:15px;
  line-height:20px;
  margin-bottom:5px;
}

#data {
  background:#ebebeb;
  height:100%;
  padding-bottom:10px;
  margin-top:10px;
}

#data:after { 
  content: "";
  display: block; 
  clear: both; 
  }
  

#data h5 {
  font-size:12px;
  background:URL(../../common/img/bg_h3line.gif) bottom left repeat-x;
  padding:5px;
  color:#333;
  font-weight:normal;
  }
  
#data dl {
  margin:5px 5px 15px 5px;
  font-size:10px;
  line-height:16px;
  }

#data dt {
  padding-left:15px;
  background:URL(../../common/img/list_arrow03.gif) top left no-repeat;
  float:left;
  width:90px;
  margin-right:10px;
  clear:both;
  }

#data dd {
  float:left;
  width:185px;
  margin-bottom:3px;
  height:100%;
  }
  

#memo-area dl dt {
  font-weight:bold;
}

#memo-area dl dd {
  margin-bottom:10px;
}
 .memo {
  background:URL(../img/icon_memo.gif) top left no-repeat;
  padding-left:13px;
  font-weight:normal;
  font-size:12px;
  border-bottom:solid #CCC 1px;
  paddin-bottom:2px;
  margin-bottom:10px;
 }
 
 .update {
  margin-top:20px;
  text-align:right;
 }
 
/*LOCATIONLIST*/

#location-list-area {
  background:URL(../../common/img/bg_rightarea.gif) top right repeat-y;
  height:100%;
  clear:both;
    margin-top:10px;
  }

.location-list {
  color:#FFF;
  font-size:13px;
  line-height:20px;
  width:auto;
  background:#cd33ff;
  padding:0 6px;
  margin-bottom:20px;
}

.location-list-left {
  float:left;
  width:500px;
}

.location-list-right {
  float:right;
  width:145px;
}

.location-list-right ul {
  margin:5px 5px 15px 5px;
  }

.location-list-right li {
  padding-left:15px;
  background:URL(../../common/img/list_arrow03.gif) top left no-repeat;
  }

.location-list-right li a {
  color:#0099cc;
  text-decoration:none;
  }

.location-list-right li a:hover {
  color:#666;
  }

.basicused {
  font-size:12px!important;
  border-bottom:solid 0px #CCC;
  border-left:solid 2px #FFCC00;
  padding:0 0 2px 7px;
  color:#000;
  margin-bottom:10px;
  clear:both;
}