@charset "utf-8";

@import url("../../css/header.css");
/*
========================================
　　　　　　▼ヘッダー▼
========================================*/
#header_wrapper {
	margin-bottom: 10px;
}
#header{margin-bottom: 30px;}


/*
========================================
　　　　　▼ナビ▼
========================================*/
#nav {
	width: 65px;
	position: fixed;
	right: 10px;
	top: 50%;
	margin-top: -150px;
	z-index: 9999;
	border-radius: 10px;
	background: url(/common_img/l_menu_bk.png);
}
#nav ul {
	position: relative;
	margin-left: 10px;
	padding: 10px 0;
}
#nav a#b_up {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../images/b_up.png) top;
	text-indent: -9999px;
	left: 16px;
	top: -40px;
	position: absolute;
}
#nav a#b_up:hover {
	background-position: bottom;
}
#nav a#b_down {
display: none;
}
#nav li {
	width: 44px;
	height: 44px;
	margin-bottom: 6px;
	position: relative;
}
#nav li a {
	width: 44px;
	height: 44px;
	border-radius: 100%;
	text-indent: -9999px;
	display: block;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.6);
}
#nav li a:hover {
	background-position: -36px 0px;
}
#nav li#nav01 a {background: url(../images/nav01.png) #2D2D2D;}
#nav li#nav02 a {background: url(../images/nav02.png) #2D2D2D;}
#nav li#nav03 a {background: url(../images/nav03.png) #2D2D2D;}
#nav li#nav01 a:hover {background: url(../images/nav01.png) #FF0066;}
#nav li#nav02 a:hover {background: url(../images/nav02.png) #FF0066;}
#nav li#nav03 a:hover {background: url(../images/nav03.png) #FF0066;}
#nav li .tip {
	position: absolute;
	top: 12px;
	display: none;
	right: 46px;
}

/*
========================================
　　　　　▼コンテンツ▼
========================================*/
#contents {
	width:1030px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	padding-top: 10px;
	padding-bottom: 60px;
}
#contents #left {
	float: left;
	width: 550px;
	padding-top: 40px;
}
#contents #left #movie {
	margin-bottom: 5px;
}
#contents #left a#help {
	background-image: url(../images/b_help.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 16px;
	width: 58px;
	text-indent: -9999px;
}
#contents #left a#help:hover {
	background-position: 0px -16px;
}
#contents #right {
	float: right;
	width: 467px;
}
#contents iframe#frm_replay {
	display: block;
	height: 505px;
	width: 1030px;
	clear: both;
}
#contents iframe#frm_tenji {
	display: block;
	height: 475px;
	width: 1030px;
	clear: both;
}
#contents iframe#frm_final {
	display: block;
	height: 445px;
	width: 1030px;
	clear: both;
}
#contents iframe#frm_select {
	display: block;
	height: 46px;
	width: 467px;
	position: absolute;
	top: 75px;
	right: 0px;
}

#rep_nav {
	margin-bottom: 5px;
	float: right;
}
#rep_nav li {
	float: left;
	width: 155px;
	height: 35px;
}
#rep_nav li#nav03 {
	margin-right: 0px;
}
#rep_nav li a {
/*
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
*/
	background: url(../images/kyogi_dot2.gif);
	color: #FFF;
	height: 35px;
	line-height: 30px;
	text-align: center;
	width: 155px;
	display: block;
	border-left: 3px solid #FF0066;
}
#rep_nav li a:hover {
	background: #FF0066;
}
#rep_nav li a.selected,
#rep_nav li a.selected:hover {
	background: #FF0066;
}
#rep_nav li a:before{
	content: '';
	display: block;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 5px 0 5px;
	border-color: #FF0066 transparent transparent transparent;
	left: 50%;
	top: 30px;
	margin-left: -5px;
	margin-bottom: -3px;
}
/*矢印*/
#rep_nav li a:hover:before{
	border-color: #FFF transparent transparent transparent;
	transition: .2s;
}
/*
#rep_nav li#nav01 a{
	background-image: url(../images/nav_replay01.png);
}
#rep_nav li#nav02 a{
	background-image: url(../images/nav_replay02.png);
}
#rep_nav li#nav03 a{
	background-image: url(../images/nav_replay03.png);
}
*/


/*　リプレイ動画下余白　*/
#rep_list {
	min-height: 860px;
}