@charset "utf-8";


/*----------------------------------------------------
	Site Name: XXXXXXXX
	Description: Browser Formatting & Redefine
	Author: takahisa yamada
	URL: http://example.com/
	Date: 2007-00-00
	Copyright (C) XXXXXXXX All Rights Reserved.
----------------------------------------------------*/

/*----------------------------------------------------
	setting
----------------------------------------------------*/

#left {
	float:left;
	width:170px;
	margin-left:14px;
}
#right {
	margin-left:192px! important;
	margin-left:189px;
	width:600px;
}
#contHead {
}
#contBody {
	width:598px!important;
	width:600px;
	border:1px #5473b4 solid;
	background-color:#FFFFFF;
}
.contBox {
	padding:12px 16px;
}
ul.gallery {
	margin-left:30px;
	list-style-type:none;
}
ul.gallery li {
	list-style-type:none;
}
ul.gallery li img {
	margin:3px!important;
	margin:3px 3px 3px 0;
}
.infoBody {
	background:url(../../schedule/img/info_top.gif) no-repeat #FFFFFF;
	width:152px!important;
	width:170px;
	font-size:10px;
	padding:6px 12px 12px 6px;
	margin-top:0;
}
.infoFoot {
	background:url(../../schedule/img/info_bottom.gif) no-repeat;
	width:170px;
	height:18px!important;
	height:6px;
	mergin-bottom:12px;
}
h5 {
	font-size:10px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:4px;
}
.interview {
	margin-top:24px;
	width:170px;
	font-size:10px;
	line-height:1.2;
	color:#FFFFFF;
}
.victory {
	border:1px #0063b1 solid;
	float:left;
	margin-right:3px;
	margin-left:3px;
}
.movie {
	margin-top:4px;
	margin-bottom:12px;
}
.link {
	background-color:#93c7e8;
	width:168x!important;
	width:170px;
	display:block;
}
.link a:link {
	color:#FFFFFF;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:168px!important;
	width:170px;
	border:1px #93c7e8 solid;
	display:block;
}
.link a:visited {
	color:#FFFFFF;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:168px!important;
	width:170px;
	border:1px #93c7e8 solid;
	display:block;
}
.link a:hover {
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:168px!important;
	width:170px;
	border:1px #d7e9f5 solid;
	background-color:#b8d7eb;
	display:block;
	text-decoration:none;
}
.link a:active {
	color:#FFFFFF;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:168px!important;
	width:170px;
	border:1px #93c7e8 solid;
	display:block;
}
.logo {
	text-align:center;
}
/*---- ココカラ　gallery 3 ----*/
#gallery3 {
	width: 560px; /* サムネール画像と拡大画像を足した幅 */
	height: 440px;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	top:0px;
}
#gallery3 a img {
	width: 108px; /* サムネール用に縮小 */
	height: 58px; /* サムネール用に縮小 */
	border: none;
	position: relative; /* z-index を指定するため */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
}
#gallery3 li {
	float:left;
	width: 108px;
	height: 58px;
	margin-top:2px;
	margin-right:2px;
	margin-bottom:2px;
	margin-left:2px;
	background:url(../../schedule/img/bg_pict03.gif) top left no-repeat; /* マウスオーバーやクリック時に現れる背景画像 */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
	font-size: 0; /* IE 用に指定（http://cssbug.at.infoseek.co.jp/detail/winie/b100.html を参照） */
	line-height: 0; /* 同上 */
	vertical-align:bottom;
	text-align:left;
}
#gallery3 a {
	display: block;
	width: 108px;
	height: 58px;
	position:relative; /* z-index を指定するため */
	z-index: 3; /* 最前面のレイヤーへ表示 */
}
#gallery3 a:hover {
	width: 560px; /* マウスオーバーで画像拡大 */
	height: 300px; /* マウスオーバーで画像拡大 */
	padding-top: 140px; /* 上のサムネール分余白をとる */
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
}
#gallery3 a:hover img {
	width: 560px; /* マウスオーバーで画像拡大 */
	height: 300px; /* マウスオーバーで画像拡大 */
	position: relative; /* z-index を指定するため */
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
}
#gallery3 a:active
#gallery3 a:forcus {
	width: 560px;
	height: 300px;
	padding-top: 100px; /* 左のサムネール分余白をとる */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
}
#gallery3 a:active img
#gallery3 a:forcus img {
	width: 560px;
	height: 300px;
	position: relative; /* z-index を指定するため */
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
}
/*---- ココマデ　gallery 3 ----*/
/*---- ココカラ　gallery 4 ----*/
#gallery4 {
	width: 560px; /* サムネール画像と拡大画像を足した幅 */
	height: 534px;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	top:0px;
/* background: #FFFFFF;*/
}
#gallery4 a img {
	width: 108px; /* サムネール用に縮小 */
	height: 71px; /* サムネール用に縮小 */
	border: none;
	position: relative; /* z-index を指定するため */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
}
#gallery4 li {
	float:left;
	width: 108px;
	height: 71px;
	margin-top:2px;
	margin-right:2px;
	margin-bottom:2px;
	margin-left:2px;
	background:url(../../schedule/img/bg_pict04.gif) top left no-repeat; /* マウスオーバーやクリック時に現れる背景画像 */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
	font-size: 0; /* IE 用に指定（http://cssbug.at.infoseek.co.jp/detail/winie/b100.html を参照） */
	line-height: 0; /* 同上 */
	vertical-align:bottom;
	text-align:left;
}
#gallery4 a {
	display: block;
	width: 108px;
	height: 71px;
	position:relative; /* z-index を指定するため */
	z-index: 3; /* 最前面のレイヤーへ表示 */
}
#gallery4 a:hover {
	width: 560px; /* マウスオーバーで画像拡大 */
	height: 368px; /* マウスオーバーで画像拡大 */
	padding-top: 166px; /* 上のサムネール分余白をとる */
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
}
#gallery4 a:hover img {
	width: 560px; /* マウスオーバーで画像拡大 */
	height: 368px; /* マウスオーバーで画像拡大 */
	position: relative; /* z-index を指定するため */
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
}
#gallery4 a:active
#gallery4 a:forcus {
	width: 560px;
	height: 368px;
	padding-top: 100px; /* 左のサムネール分余白をとる */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
}
#gallery4 a:active img
#gallery4 a:forcus img {
	width: 560px;
	height: 368px;
	position: relative; /* z-index を指定するため */
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
}
/*---- ココマデ　gallery 4 ----*/
.galleryIndex li {
	display:block;
	float:left;
	margin:2px;
}