@charset "UTF-8";

/* index */

#main #adbox { margin-bottom: 15px; }
#main #news h2 span { background-image: url(../images/tit_info.png); }

#news dl dt, #blog dl dt { margin-left: 10px; font-weight: bold; }
#news dl dd { margin-top: -1.3em; margin-bottom: 3px; padding: 0 10px 1px 119px; padding-bottom: 3px; border-bottom: 1px dotted #ddd; background: url(../images/tri01.gif) no-repeat 112px 4px; }

#main .more { padding-right: 10px; text-align: right; }
#main .more a { padding-left: 7px; background: url(../images/tri01.gif) no-repeat 0px 3px; }

#main #blog,
#main #op,
#main #hotel { float: left; width: 296px; margin-right: 11px; }

#main #op, #main #hotel { clear: both; padding-top: 15px; }

#main #blog h2,
#main #op h2,
#main #hotel h2 { background: url(../images/tit_bg02.gif); }

#main #blog h2 { margin-top: 14px; }

#main #blog h2 span { background-image: url(../images/tit_blog.png); }
#main #op h2 span { background-image: url(../images/tit_osuop.png); }
#main #hotel h2 span { background-image: url(../images/tit_osuhotel.png); }

#twitter, .rank { float: left; width: 296px; }
#twitter { padding-top: 14px; }

#twtr { padding-top: 14px; }
#twtr .twtr-doc { width: 296px; overflow: hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color: #da0000; color: #fff; }
#twtr .twtr-hd {
  overflow: hidden;
  padding: 10px;
  position: relative;
}
#twtr img.twtr-profile-img { display: block; float: left; width: 31px; height: 31px; }
#twtr .twtr-doc .twtr-hd a { color: #fff; }
#twtr h3, #twtr h4 { margin: 0 0 0 40px; }
#twtr h3 { font-size: 11px; }
#twtr h4 a { font-size: 16px; text-decoration: none;
  font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
}

#twtr .twtr-bd { color: #333; padding: 0 1px; }
#twtr .twtr-timeline { height: 220px; background-color: #fff;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#twtr .twtr-tweet {
  border-bottom: 1px dotted #ddd;
  padding: 6px 8px;
  line-height: 1.2;
}
#twtr .twtr-tweet p em { display: block; font-style: normal; text-align: right; }

#twtr .twtr-ft:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#twtr .twtr-ft { zoom: 1; position: relative; padding: 10px; }
#twtr .twtr-ft a {
  display: block;
  float: left;
}
#twtr .twtr-ft span {
  float: right;
  text-align: right;
  font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
}
#twtr .twtr-ft span a { text-decoration: none; }

#blog p { margin: 0 10px 10px; }
#blog dl dd { margin-bottom: 3px; padding: 0 10px 3px 18px; border-bottom: 1px dotted #ddd; background: url(../images/tri01.gif) no-repeat 10px 4px; }

#op li,
#hotel li { margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px dotted #ddd; }
#op li p { margin: 3px 8px 0; }

.rank { margin-top: 15px; background: url(../images/frame_red_body.gif) repeat-y; }

#main .rank h2 { width: auto; height: auto; margin: 0; padding: 4px 5px 3px; background: url(../images/frame_red_head.gif) no-repeat; }
.rank ol { padding: 0 10px 4px; background: url(../images/frame_red_tail.gif) no-repeat left bottom; }
.rank ol li { margin-bottom: 5px; padding-bottom: 6px; border-bottom: 1px dotted #ddd; }

.rank ol dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.rank ol dl { zoom: 1; }

.rank ol dt,
.rank ol .n04,
.rank ol .n05 { float: left; min-height: 19px; margin-bottom: 8px; padding-left: 26px; padding-top: 3px; background-repeat: no-repeat; }

.rank ol .n01 dt { width: 93px; _width: 119px; background-image: url(../images/rank01.gif); }
.rank ol .n02 dt { background-image: url(../images/rank02.gif); }
.rank ol .n03 dt { background-image: url(../images/rank03.gif); }
.rank ol .n04 { float: none; min-height: 15px; padding-top: 0; background-image: url(../images/rank04.gif); }
.rank ol .n05 { float: none; min-height: 15px; padding-top: 0; background-image: url(../images/rank05.gif); }

.rank ol dd.ranktxt { clear: left; font-size: smaller; line-height: 1.3em; }
.rank ol .n01 dd.ranktxt { width: 119px; }
.rank ol dd.rankimg { float: right; width: 146px; }
.rank ol dd.rankimg a, #hotel .htlimg a { display: block; border: 3px solid #ccc; }

#hotel dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#hotel dl { zoom: 1; }

#hotel dt { float: right; width: 132px; margin-bottom: 13px; }
#hotel .htltxt { float: right; width: 132px; }
#hotel .htlimg { float: left; width: 146px; margin-left: 8px; }