﻿@charset "utf-8";

/*------------------------------------------------------------------------------
NIT-WEST - CSS Modules Import
URL: http://www.nit-west.com/
Date: 2010-01-30
Copyright (C) NIT-WEST. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Container

---------------------------------------- */

div#Main p.p1{
line-height:200%;
font-size:77%;
margin-bottom:20px;
}

div#Main p.p2{
line-height:150%;
font-size:77%;
}

div#Main p.p3{
color:#00A0E9;
line-height:150%;
font-size:108%;
margin:5px 0;
}

div#Main p.p4{
color:#00A0E9;
line-height:150%;
font-size:77%;
text-align:right;
}

div#Main p.p5{
line-height:200%;
font-size:77%;
}

/*Contents01*/
div#Main #Contents01{
margin-top:20px;
}

div#Main #Contents01 .tips{

}

div#Main #Contents01 table.ust td{
vertical-align:top;
}


div#Main #Contents01 #Contents01Left{
width:525px;
float:left;
}

div#Main #Contents01 #Contents01Right{
width:355px;
float:right;
}

/*Contents02*/
div#Main #Contents02{
margin-top:25px;
}
div#Main #Contents02 #Contents02Left{
width:465px;
float:left;
}

div#Main #Contents02 #Contents02Left #buyticketB{
margin-top:25px;
}

div#Main #Contents02 #Contents02Left #twitter{
margin:12px 3px 0 0;
float:right;
}

div#Main #Contents02 #Contents02Left dl#details{
	margin:25px 0 25px 20px;
}

div#Main #Contents02 #Contents02Left dl#details dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
}

div#Main #Contents02 #Contents02Left dl#details dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

div#Main #Contents02 #Contents02Right{
width:470px;
float:right;
}

div#Main #Contents02 #Contents02Right .txt{
width:313px;
float:right;
}

div#Main #Contents02 #Contents02Right .txt p{
	line-height:150%;
}

div#Main #Contents02 #Contents02Right .txt a:link {
	color: #FF0000;
	text-decoration: none;
}

div#Main #Contents02 #Contents02Right .txt a:visited {
	color: #FF0000;
	text-decoration: none;
}

div#Main #Contents02 #Contents02Right .txt a:hover,
div#Main #Contents02 #Contents02Right .txt a:visited:hover {
	text-decoration: underline;
}

div#Main #Contents02 #Contents02Right .txt a:active {
	color: #FF0000;
	text-decoration: none;
}

div#Main #Contents02 #Contents02Right .photo{
	width:140px;
	float:left;
}

div#Main #Contents02 #Contents02Right .photo p{
	font-size:70%;
}

#SlideShow{
	background:url(../img/top/loading.gif) 480px 200px no-repeat;
	width:950px;
	margin:0 auto;
}

.infiniteCarousel {
  width: 950px;
  position: relative;
  height:330px;
  margin:20px auto 0;
  opacity:0;
  filter: alpha(opacity=0);
}

.infiniteCarousel .wrapper {
  width: 950px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  position: absolute;
  height:330px;
  top: 0;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 3px;
  height: 330px;
  /*width: 500px;*/
}

li.slide1{
  width: 234px;
}

li.slide0{
  width: 495px;
}

li.slide3{
  width: 506px;
}

li.slide4{
  width: 585px;
}

li.slide5{
  width: 596px;
}

li.slide6{
  width: 600px;
}

li.slide7{
  width: 496px;
}

li.slide8{
  width: 496px;
}

li.slide9{
  width: 495px;
}

li.slide10{
  width: 376px;
}

li.slide11{
  width: 335px;
}

li.slide12{
  width: 223px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 49px;
  width: 49px;
  background: url(../img/top/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  font-size:0px;
  line-height:0px;
  position: absolute;
  top: 130px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 20px;
}

.infiniteCarousel .back {
  background-position: 0 -98px;
  left: 30px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -49px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -147px;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#xxxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* -- IE7 -- */

div#xxxx {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div#xxxx {
	height: 1%;
}

div#xxxx {
	display: block;
}
