body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.75em;
  letter-spacing: 0em;
  color: black;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 16px;
  font-weight: bold;
}

h3 {
  font-size: 12px;
  font-weight: bold;
}

/* -----------------------------------------------------------------------------
 *
 *  link
 * 
 * -------------------------------------------------------------------------- */
a {
  text-decoration: none;
}
a:link {
  color: #00a0c6;
}
a:visited {
  color: #00a0c6;
  /* visited は色以外のスタイル変更はできない */
}
a:hover {
  color: #ff9500;
}
a:hover img.hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
a:active {
  color: #ff9500;
}
a.hover:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.fblink a {
  display: block;
  line-height: 20px;
  padding-left: 25px;
}
.fblink a [class^='icon-'] {
  display: block;
  margin-left: -25px;
  float: left;
}

#wrapper {
  background-color: #FFF;
  width: 1000px;
  margin: 0 auto;
}

/* -----------------------------------------------------------------------------
 * 
 * header
 * 
 ---------------------------------------------------------------------------- */
#header {
  position: relative;
  width: 100%;
  height: 600px;
  background: url(../images2/bg_page_title.jpg) no-repeat left 20px;
}
#header .hobo a {
  display: block;
  width: 100%;
  height: 20px;
  background: url(../images2/hobo.jpg) no-repeat left top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#header .hobo a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#header h1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 580px;
  margin: 0;
  padding: 0;
  text-align: center;
}

#slide {
  position: absolute;
  z-index: 1;
  background: url(../images2/bg_iphone.jpg) no-repeat center top;
  width: 248px;
  height: 138px;
  top: 114px;
  left: 376px;
  overflow: hidden;
}
#slide img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -93px;
}

.section {
  padding-top: 1px;
  padding-bottom: 50px;
  background: url(../images2/bg_content.gif) repeat-y center top;
}
.section p.yodogawa {
  width: 614px;
  height: 409px;
  margin: 20px auto 40px;
  padding: 0;
  background: url(../images2/yodogawa.gif) no-repeat left top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.live .liveitem {
  width: 880px;
  margin: 20px auto;
  background: url(../images2/bg_item_mid.gif) repeat-y left top;
}
.live .item {
  background: url(../images2/bg_item_btm.gif) no-repeat left bottom;
}
.live .content {
  padding: 40px;
  background: url(../images2/bg_item_top.gif) no-repeat left top;
  letter-spacing: -0.4em;
  overflow: hidden;
  *zoom: 1;
}
.live .movie {
  position: relative;
  width: 352px;
  margin-bottom: 10px;
  min-height: 198px;
  height: auto !important;
  height: 198px;
}
.live .movie img {
  width: 352px;
}
.live .movie img.iconPlay {
  position: absolute;
  width: 72px;
  height: 54px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -27px;
}
.live .label-length {
  letter-spacing: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .length {
  width: 237px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  background-color: #FFF;
  letter-spacing: 0em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .article {
  float: right;
  width: 400px;
  letter-spacing: -0.4em;
}
.live .article .title {
  width: 250px;
  min-height: 80px;
  height: auto !important;
  height: 80px;
  margin-right: 10px;
  padding: 0 0 10px 0;
  background: url(../images2/border.gif) repeat-x left bottom;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .article .title h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0em;
}
.live .article .title .date {
  margin: 0 0 8px 0;
  font-size: 10px;
  line-height: 1em;
  color: #666;
  letter-spacing: 0em;
}
.live .article .icon {
  padding: 10px;
  background-color: #FFF;
  letter-spacing: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .article .label-taken {
  letter-spacing: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .article .body {
  letter-spacing: 0em;
  margin-top: 20px;
}
.live .navi {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0;
  letter-spacing: -0.4em;
  text-align: center;
}
.live .navi li {
  margin: 0 20px;
  letter-spacing: 0em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.live .navi li.fit {
  margin: 0;
}

/* -----------------------------------------------------------------------------
 * 
 * footer
 * 
 ---------------------------------------------------------------------------- */
#footer {
  width: auto;
  padding: 0 0 10px 0;
  background: url(../images2/bg_content.gif) repeat-y center top;
}
#footer ul {
  background: url(../images2/border.gif) repeat-x center top;
  width: 880px;
  list-style-type: none;
  margin: 0 auto;
  padding: 10px 0 0 0;
  letter-spacing: -0.4em;
  text-align: center;
}
#footer li {
  margin: 0;
  padding: 20px;
  letter-spacing: 0em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
#footer .copyright {
  height: 30px;
  padding: 10px 0;
  line-height: 30px;
  font-size: 10px;
  font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.fblike {
  text-align: center;
}