/* CSS Document */
*{
margin:0;
padding:0;
}


body{
padding:0px;
	margin:0px auto;
	background-color:#fef1bb;
	font-family:sans-serif;
	color:#ffffff;
	font-size:12px;
line-height:16px;
	background-image: url(images/bk_gradation.jpg);
background-repeat: repeat-x;
background-position: center top;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

img {
border: none;
vertical-align: top;
}

/*A*/
a{
	color:#000000;
}

a:hover{
	color:#000000;
}
a:active{
	color:#000000;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
text-align:center;
background-image: url(images/bk.jpg);
background-repeat: repeat-y;
background-position: center top;
padding-bottom:100px;
}



/*CONTAINER*/
div#container{
width:900px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}


div#header{
width:900px;
height:884px;
position:relative;
left:0px;
background-image: url(images/header.jpg);
background-repeat: repeat-y;
background-position: center top;
}

.ticket{width:351px; position:relative; top:420px; left:20px;}
.tateshina{width:229px; position:relative; top:740px; left:660px;}


div#info{width:900px; padding-bottom:10px;}
.infodetail{
	width:850px;
	font-size:1.2em;
	line-height:1.6em;
	color:#333333;
	margin:10px;
	}
	
.twi{
	width:100px;
	position: relative;
	left:750px;
	}

.update{
	width:800px;
	position:relative;
	left:20px;
	top:20px;
padding-bottom:20px;	
}


.scr {
  overflow: auto;   /* スクロール表示 */ 
  width: 800px;
  height: 50px;
  color:#000000;
  background-color: white;
}



div#contents{
width:860px;
position:relative;
left:20px;
}

div#details{
width:850px;
position:relative;
top:80px;
color:#000;
margin:10px;
padding-bottom:50px;
}
.detailstitle{margin-top:10px;}
span.adress{font-size:1.1em;}
ul.ph{margin:0 auto; list-style:none; margin-top:5px;}
ul.ph li{width:200px; float:left;}


div#details2{
width:850px;
position:relative;
top:80px;
color:#000;
margin:10px;
padding-bottom:50px;
}

div#details3{
width:850px;
position:relative;
top:80px;
color:#000;
margin:10px;
padding-bottom:50px;
}

div#details4{
width:850px;
position:relative;
top:80px;
color:#000;
padding-bottom:80px;
}


/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 10px;/* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 280px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 280px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 1em;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
/*border: 1px #808080 solid;  写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6em; /* キャプションエリアの高さ */
line-height: 140%;
width:260px;
padding-bottom:20px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.cast{
	margin-left:30px;
font-size:1em;
line-height:1.6em;
}

/* --- リストエリア for cast --- */
ul.thumbnail2 {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 10px;/* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail2 li {
width: 280px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail2 dl {
width: 280px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 1em;
}

/* --- 写真エリア --- */
ul.thumbnail2 dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail2 dt img {
/*border: 1px #808080 solid;  写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail2 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 3em; /* キャプションエリアの高さ */
line-height: 120%;
width:260px;
padding-bottom:20px;
}



hr.style1 {
margin: 1em 0 1em;
border: 1px dotted;
color: #333333;
}

div.clear{clear:both;}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	/*background: #ffffff;
	text-decoration: none;
	color: #fff;*/
	width: 168px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
}


/* menu */
#menu{ position: absolute; top: 0px; left: 0px; width: 789px; height: 1px; text-align:center; z-index:0;}
#menu ul{ position: relative; top: 0px; width: 789px; height: 51px; font-size: 12px; line-height: 0; background-image: url(images/menu.jpg); list-style: none;}
#menu li a{ float: left; display: block; height: 51px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(images/menu.jpg); }
#menu li#c1 a{width: 197px;background-position: 0 0;}
#menu li#c2 a{width: 197px;background-position: -197px 0;}
#menu li#c3 a{width: 198px;background-position: -394px 0;}
#menu li#c4 a{width: 197px;background-position: -591px 0;}
#menu li#c1 a:hover{background-position: 0 -51px;}
#menu li#c2 a:hover{background-position: -197px -51px;}
#menu li#c3 a:hover{background-position: -394px -51px;}
#menu li#c4 a:hover{background-position: -591px -51px;}



/*Footer*/
div#footer{
width:700px;
height:182px;
position:relative;
left:0px;
background-image: url(spinout3/footer.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.pagetop{position:absolute; top:16px; left:810px;}
.btn{position:absolute; top:50px; left:20px;}