input, textarea {
  font-family: "Osaka−等幅","ＭＳ ゴシック";
}
html {
  height    : 100%;
  margin    : 0 auto;
  width     : 800px;
  background: #2D3C52 url(/images/common/background.jpg) no-repeat center top;
  color     : white;
}
body {
  font-size: 12px;
}

img {
  border-width: 0;
}
a {
  color             : #F9FA9C;
  text-decoration   : none;
}
a:hover {
  text-decoration : underline;
}
#container {
  background: #142A38 url(/images/common/sidebar_bg.jpg) no-repeat left 110px;
  color     : white;
}
#container2 {
}
#sidebar {
  float : left;
  width : 184px;
}
#main {
  background        : #3C4D5B url(/images/common/main_bg.jpg) repeat-x left top;
  color             : white;
  float             : left;
  width             : 616px;
  min-height        : 100%;
}
#contents {
  margin    : 18px;
}
#footer {
  font-size : 11px;
  text-align: right;
  padding   : 20px 20px 12px 12px;
}
#footer a {
  color         : white;
  font-weight   : bold;
}
#topcomment {
  padding-bottom: 6px;
  line-height   : 150%;
  border-bottom : 1px solid white;
}
div.navi {
  text-align    : right;
  margin-bottom : 12px;
}
div.navi a {
  color             : white;
  text-decoration   : none;
}
div.navi a:hover {
  text-decoration   : underline;
}

.menu .item {
  margin-bottom : 18px;
}
h1#title {
  margin        : 12px 0;
  text-align    : center;
}

/*------------------ NEWS DSIGN ---------------------*/
div.news {
  line-height   : 150%;
}
div.news h2 {
  font-size     : 15px;
  padding       : 5px;
  color         : #fff;
  border        : 1px solid #2e454a;
  background    : url(/images/diary/back_title.jpg) repeat-x left bottom;
}
div.news h2 .date {
  float         : right;
  font-size     : 12px;
  text-align    : right;
  width         : 100px;
  padding-top   : 3px;
}
div.news img.article-photo {
  float         : right;
  margin-left   : 12px;


  color: black;
}


br.clear-photo {
  clear: right;
}

.news p {
  margin-top    : 0px;
  padding-left  : 5px;
}
/*------------------ SCHEDULE DSIGN ---------------------*/
div.schedulenavi {
  text-align    : center;
  margin-bottom : 10px;
  margin-top    : 25px;
  font-size     : 13px;
}
div.schedulenavi a {
  color             : white;
  text-decoration   : none;
}
div.schedulenavi a:hover {
  text-decoration   : underline;
}
table.schedule {
  width         : 100%;
  border-left   : 1px solid #2d3c52;
  border-top    : 1px solid #2d3c52;
  margin-bottom : 20px;
}
table.schedule td, table.schedule th {
  border-bottom : 1px solid #2d3c52;
  border-right  : 1px solid #2d3c52;
  text-align    : left;
  vertical-align: top;
  padding       : 5px;
  background    : #4d5d75 url(/images/live/back_cell.jpg) no-repeat bottom;
}
table.schedule th {
  width         : 100px;
  font-size     : 11px;
}
table.schedule td {
 
}
table.schedule .title {
  font-weight   : bold;
  font-size     : 16px;
  text-align    : center;
}
table.schedule .date {
  text-align    : center;
  vertical-align: middle;
  font-weight   : bold;
  font-size     : 20px;
  line-height   : 100%;
  width         : 80px;
  background    : #4d5d75 url(/images/live/back_cell.jpg) no-repeat bottom;
}
div.no-schedule {
  height        : 260px;
  position      : relative;
}
div.no-schedule p {
  font-size     : 16px;
  font-weight   : bold;
  text-align    : center;
  width         : 100%;
  position      : absolute;
  top           : 100px;
}

.diary h2 .date {
  width         : 300px;
}
/*---------------------- INFO DSIGN ----------------------*/
.info {
    
}
.info #topimg {
    width       : 100%;
    margin-top  : 10px;
}
.info #map {
    float       : right;
    width       : 150px;
    margin-top  : 10px;
    font-size   : 10px;
}
.info .caption {
    margin-top : 5px;
    color      : #d1fff5;
    font-size  : 11px;
}
.info .caption2 {
    margin-top   : 5px;
    margin-bottom: 30px;
    color        : #d1fff5;
    font-size    : 11px;
}
.info #address {
    margin-top: 10px;
    width     : 420px;
    border-top: 1px dotted #a5b5ba;

}
.info #address td{
    padding : 4px;
    border-right    : 1px dotted #a5b5ba;
    border-bottom   : 1px dotted #a5b5ba;
}
.info #address .td1{
    font-weight: bold;
    width      : 70px;
    color      : #e0f856;
    background : #526772;
}
.info #address .td2{
    font-weight: bold;
    width      : 55px;
    color      : #e0f856;
    background : #526772;
}
.info #address .td3{
    padding-right   : 15px;
}
.info #comment{
    margin-top : 25px;
    line-height: 150%;
}
.info #middleimg {
    width       :100%;
    margin-top  :10px;
}
.info #title_food {
    margin-top      :25px;
    margin-bottom   :5px;
}
.info #food_photo {
    float   :right;
    width   :150px;
}
.info #foodmenu {
    font-size: 11px;
}
.info #foodmenu td {
    
}
.info #foodmenu .td1{
    width:230px;
    padding : 4px;
    
}
.info #foodmenu .td2{
    padding : 4px;
}
.info #foodmenu .td3{
    padding       : 4px;
    color         : #d1fff5;
    font-size     : 12px;
    line-height   : 150%;
}
.info #foodmenu .td4{
    font-size     : 1px;
    height        : 1px;
    padding       : 0px;
    border-bottom : 1px dotted #a5b5ba;
}

/*---------------------- ALBAM DSIGN ----------------------*/
.photo {
    padding-top : 15px;
}
.photo table.photomenu{
    width         :100%;
    margin-bottom : 15px;
}
.photo table.photomenu td.photolist {
   text-align    :center;
   vertical-align: middle;
   padding       : 5px;
   background    : url(/images/album/back_photo.gif) no-repeat center;
}
.photo table#photonavi{
    width   : 100%;
}
.photo table#photonavi .td1{
    text-align   : left;
    padding-left : 10px;
}
.photo table#photonavi .td2{
    text-align      : right;
    padding-right   : 10px;
}
#photonavi a {
  color             : white;
  text-decoration   : none;
}
#photonavi a:hover {
  text-decoration : underline;
}
#photocontents{
    text-align  : center;
}
/*---------------------- DIARY DSIGN ----------------------*/
div.diary h2 {
  font-size : 15px;
  padding   : 5px;
  color     : #fff;
  border    : 1px solid #2e454a;
  background: url(/images/diary/back_title.jpg) repeat-x left bottom;
}
div.diary div.diarycomment {
  padding-left  : 5px;
  line-height   : 150%;
}
div.diary h2 .date,
div.diary h2 .author {
  font-size     : 12px;
  padding-top   : 3px;
}
div.diary h2 .date {
  float         : right;
  width         : 150px;
  text-align    : right;
}
div.diary img.article-photo {
  float         : right;
  margin-left   : 12px;
  margin-bottom : 12px;
  color: black;
}
div.diary form.comment-form {
  margin-top    : 20px;
  
}
div.diary div#comments {
  padding-left  : 5px;
}
div.diary form.comment-form h2 {
  font-size : 12px;
  padding   : 5px;
  color     : #fff;
  border    : 1px solid #2e454a;
  background: url(/images/diary/back_title.jpg) repeat-x left center;
}
div.diary div.commentlist {
  margin-bottom : 10px;
  color         : #F9FA9C;
  font-weight   : bold;
}
div.diary div.comment-link {
  text-align    : right;
  font-weight   : bold;
  padding-bottom: 4px;
  margin-bottom : 20px;
  margin-top    : 10px;
  border-bottom : 1px dotted #666;
}
div.diary div.comment {
  padding-left  : 0px;
  line-height   : 150%;
  margin-bottom : 5px;
  color         : #c9c9c9;
}
div.diary div.comment span {
  font-weight   : bold;
  color         : #fff;
}
div.diary form.comment-form table.commentform {
  font-weight   : bold;
  padding-left  : 5px;
}
div.diary div.error {
  color         : #fa9c9c;
  margin-bottom : 15px;
}
div.diary div.error h2{
  color         : #fa9c9c;
  background    : none  !important;
  font-size     : 16px;
  padding       : 0px;
  border        : 0px;
}
div.diary form.comment-form table.commentform span {
  color         : #F9FA9C;
  font-size     : 11px;
}
div.diary form.comment-form table.commentform input {
  border        : 1px solid #2e454a;
  background    : #e2e7f1;
}
div.diary form.comment-form table.commentform textarea {
  border        : 1px solid #2e454a;
  background    : #e2e7f1;
}
div.diary form.comment-form table.commentform td{
  padding-bottom:5px;
}
div.diary form.comment-form table.commentform .td1{
  width         : 120px;
}
ul#diary-list{
  font-size     : 12px;
  list-style    : none;
  padding-left  : 5px;
  margin-top    : 15px;
  text-align    : right;
}
ul#diary-list li#blog_select{
  padding-left  : 5px;
  padding-bottom: 5px;
}
ul#diary-list #kako{
  background    : url(/images/diary/dot.gif) no-repeat bottom right;
  padding-bottom: 6px;
  margin-bottom : 2px;
  color         : #F9FA9C;
}
ul#diary-list li {
  padding       : 0px;
  margin        : 0px;
}
div.diary a {
    color          :#F9FA9C;
    text-decoration: none;
}
div.diary a:hover {
    text-decoration : underline;
}