body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.sans {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.serif {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
html {
	background-color:#041c3b;
}
body {
	font-size:78%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/common/background-body-btm.jpg) center bottom no-repeat transparent;
	background-color:#00193b;
	color:#eee;
}
.clear {

}
.left {
	float:left;
}
.right {
	float:right;
}
#container {
	width:960px;
	margin:0 auto;
	min-height:916px;
	background:url(../images/common/background-container.jpg) center top no-repeat transparent;	
}

#container #body {
	padding:0 0 180px 50px;
	background:url(../images/common/background-body.png) center top repeat-y transparent;
	clear:both;
	overflow:hidden;
}

.discussion #container #body,
.performance #container #body,
.interview #container #body,
.knowledge #container #body,
.lineup #container #body{
	padding:0 16px 180px 50px;
}


#container #sub {
	width:236px;
	float:left;
	padding-top:32px;
}

#container #main {
	width:617px;
	float:right;
	margin-top:55px;
}

.history #container #main{
	width:617px;
	float:right;
	margin-top:0!important;
	padding-top:87px;
	background:url(../images/history/history_content_bg.png) left top no-repeat transparent;	
	}

.player #container #main{
	width:617px;
	float:right;
	margin-top:0!important;
	padding-top:87px;
	background:url(../images/player/player_content_bg.png) left top no-repeat transparent;	
	}

.discussion #container #main{
	width:600px;
	float:right;
	margin-top:40px;
	background:url(../images/discussion/discussion_bg.jpg) left top repeat #fff;
	color:#333;
	}

.performance #container #main{
	width:600px;
	float:right;
	margin-top:40px;
	background:url(../images/performance/performance_content_bg.png) left top repeat;
	color:#fff;
	position:relative;
	padding-bottom:10px;
	}

.interview #container #main{
	width:600px;
	float:right;
	margin-top:40px;
	background:url(../images/performance/performance_content_bg.png) left top repeat;
	color:#fff;
	position:relative;
	padding-bottom:10px;
	}
	
.knowledge #container #main{
	width:600px;
	height:1175px;
	float:right;
	margin-top:40px;
	color:#333;
	background:url(../images/knowledge/knowledge_content_bg.jpg) center 187px no-repeat #fff;
	position:relative;
	padding-bottom:10px;
	}

.lineup #container #main{
	width:600px;
	height:1248px;
	float:right;
	margin-top:40px;
	color:#333;
	background:url(../images/lineup/lineup_content_bg.jpg) center top no-repeat #fff;
	position:relative;;
	}

#sub h1 {
	margin-left:-5px;
}
#sub ul#navi {
	margin:17px 0;
	overflow:hidden;
}
#sub ul#navi li {
	float:left;
	margin-bottom:5px;
}
#sub ul#navi li a {
	display:block;
	width:235px;
	height:45px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#sub ul#navi li a:hover {
	background-position:-237px;
}
#sub ul#navi li a.active {
	background-position:-474px;
}
#sub ul#navi li a.active:hover {
	background-position:-474px;
}
#sub ul#navi li a#navi-history {
	background-image:url(../images/common/navi-history.png);
}
#sub ul#navi li a#navi-player {
	background-image:url(../images/common/navi-player.png);
}
#sub ul#navi li a#navi-discussion {
	background-image:url(../images/common/navi-discussion.png);
}
#sub ul#navi li a#navi-performance {
	background-image:url(../images/common/navi-performance.png);
}
#sub ul#navi li a#navi-interview {
	background-image:url(../images/common/navi-interview.png);
}
#sub ul#navi li a#navi-knowledge {
	background-image:url(../images/common/navi-knowledge.png);
}
#sub ul#navi li a#navi-lineup {
	background-image:url(../images/common/navi-lineup.png);
}
#sub ul#navi li ul {
	display:none;
	margin:1px 0;
}
#sub ul#navi li ul li {
	margin:1px 0;
}
#sub ul#navi li ul li a {
	width:228px;
	height:23px;
}
#sub ul#navi li ul li a:hover {
	background-position:-228px;
}
#sub ul#navi li ul li a.active {
	background-position:-456px;
}
#sub ul#navi li ul li a.active:hover {
	background-position:-456px;
}
#sub ul#navi li ul li a#navi-player-01 {
	background-image:url(../images/common/navi-player-01.png);
}
#sub ul#navi li ul li a#navi-player-02 {
	background-image:url(../images/common/navi-player-02.png);
}
#sub ul#navi li ul li a#navi-player-03 {
	background-image:url(../images/common/navi-player-03.png);
}
#sub ul#navi li ul li a#navi-player-04 {
	background-image:url(../images/common/navi-player-04.png);
}
#sub ul#navi li ul li a#navi-player-05 {
	background-image:url(../images/common/navi-player-05.png);
}
#sub ul#navi li ul li a#navi-player-06 {
	background-image:url(../images/common/navi-player-06.png);
}
#sub ul#navi li ul li a#navi-player-07 {
	background-image:url(../images/common/navi-player-07.html);
}
#sub ul#navi li ul li a#navi-player-08 {
	background-image:url(../images/common/navi-player-08.html);
}
#sub ul#navi li ul li a#navi-player-09 {
	background-image:url(../images/common/navi-player-09.html);
}
#sub ul#navi li ul li a#navi-discussion-01 {
	background-image:url(../images/common/navi-discussion-01.png);
}
#sub ul#navi li ul li a#navi-discussion-02 {
	background-image:url(../images/common/navi-discussion-02.png);
}
#sub ul#navi li ul li a#navi-discussion-03 {
	background-image:url(../images/common/navi-discussion-03.png);
}
#sub ul#navi li ul li a#navi-discussion-04 {
	background-image:url(../images/common/navi-discussion-04.png);
}
#sub ul#navi li ul li a#navi-performance-01 {
	background-image:url(../images/common/navi-performance-01.png);
}
#sub ul#navi li ul li a#navi-performance-02 {
	background-image:url(../images/common/navi-performance-02.png);
}
#sub ul#navi li ul li a#navi-performance-03 {
	background-image:url(../images/common/navi-performance-03.png);
}
#sub ul#navi li ul li a#navi-interview-01 {
	background-image:url(../images/common/navi-interview-01.png);
}
#sub ul#navi li ul li a#navi-interview-02 {
	background-image:url(../images/common/navi-interview-02.png);
}
#sub ul#navi li ul li a#navi-lineup-01 {
	background-image:url(../images/common/navi-lineup-01.png);
}
#sub ul#navi li ul li a#navi-lineup-02 {
	background-image:url(../images/common/navi-lineup-02.png);
}

/* yonex_logo */
#sub #banner {
	margin-top:50px;
	margin-left:30px;
}

#footer {
	clear:both;
}
#footer .inner {
	margin:30px 15px 0 10px;
	padding:30px 0 50px 20px;
}
#footer .inner .copyright {
	text-align:right;
	font-size:1em;
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.player #sub ul#navi li ul#navi-player-sub {
	display:block;
}
.discussion #sub ul#navi li ul#navi-discussion-sub {
	display:block;
}
.performance #sub ul#navi li ul#navi-performance-sub {
	display:block;
}
.knowledge #sub ul#navi li ul#navi-knowledge-sub {
	display:block;
}
.interview #sub ul#navi li ul#navi-interview-sub {
	display:block;
}
.lineup #sub ul#navi li ul#navi-lineup-sub {
	display:block;
}
#main p {
	margin:1em 0;
	line-height:1.6;
}

/*home
-----------------------------------------------------------*/

.home {
	background-color:#041c3b;
	background-image:none;
}
.home #container {
	min-height:790px;
	background-image:url(../images/home/background.jpg);
}
.home #container #body {
	overflow:visible;
	padding:0px;
}
.home #container #main {
	float:none;
	width:auto;
	position:relative;
	height:600px;
	margin:0;
}
.home #container #main h1 {
	position:absolute;
	left:55px;
	top:52px;
}
.home #container #main .button-enter {
	position:absolute;
	left:65px;
	top:515px;
	display:block;
	width:406px;
	height:37px;
	background:url(../images/home/button-enter.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.home #container #main .button-enter:hover {
	background-position:-406px 0;
}

/*player
-----------------------------------------------------------*/

.player.index #main h2 {
	margin-bottom:0;
}
.player.index #main h3 {
	margin-bottom:2px;
}
.player.index #main #player-index-visual-container {
	width:600px;
	height:680px;
	overflow:hidden;
}
.player.index #main #player-index-visual {
	width:4200px;
	height:680px;
	background:url(../images/player/00-visual.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part01 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p1.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part02 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p2.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part03 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p3.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part04 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p4.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part05 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p5.png) 0 0 no-repeat transparent;
}
.player.index #main #player-index-visual-part06 {
	width:600px;
	height:680px;
	background:url(../images/player/00-visual_p6.png) 0 0 no-repeat transparent;
}
.player.article #main h2 {
	position:absolute;
}
.player.article #main h3 {
	margin:0;
	margin-top:91px;
}
.player.article #main h4 {
	margin:20px 0;
}
.player.article #main p {
	font-size:1.2em;
	margin:1em 0;
}
.player.article #main .visual {
	margin:50px 0;
}

/*history
-----------------------------------------------------------*/

.history.index #main h2 {
	margin-bottom:40px;
}

.history.index #main .section{
	width:600px;
	margin-left:16px;
	clear:both;
	overflow:hidden;
	}

.history.index #main .h3_content {
	width:400px;
	float:left;
	margin-bottom:35px;
}

.history.index #main p.shuttle_img{
	float:right;
	padding-right:0px;
	/*padding-right:55px;*/
	}

.history.index #main .h3_content h3 {
	margin-bottom:20px;
}


.history.article #main h2 {
	position:absolute;
}
.history.article #main h3 {
	margin-top:91px;
}
.history.article #main h4 {
	margin:20px 0;
}
.history.article #main p {
	font-size:1.2em;
	margin:1em 0;
}
.history.article #main ul {
	margin:1em 0;
	font-size:1.2em;
	line-height:1.5em;
}
.history.article #main ul li {
	list-style-type:disc;
	margin:1em 0 1em 2em;
}
.history.article #main .visual {
	margin:50px 0;
}

/*discussion
-----------------------------------------------------------*/

.discussion #main p.lead{
	margin-left:16px;
	}

.discussion #main .section{
	width:573px;
	margin-top:16px;
	margin-left:16px;
	clear:both;
	overflow:hidden;
	}

.discussion #main .section h3{
	margin-bottom:20px;
	overflow:hidden;}

.discussion #main .section h4{
	overflow:hidden;
	}

.discussion #main .section img.tago01{
	margin:0 13px 6px 0;
	}

.discussion #main .section img.tago02{
	margin:0 0 6px 13px;
	}

.discussion #main .section p span{
	font-weight:bold;
	}

.discussion #main .section ul.pagenavi{
	margin:0 0 0 165px;
	padding-bottom:55px;
	}

.discussion #main .section ul.pagenavi li {
	float:left;
	margin-right:1px;
}

.discussion #main .section ul.pagenavi li a {
	display:block;
	width:38px;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.discussion #main .section ul.pagenavi li a:hover {
	background-position:-38px;
}
.discussion #main .section ul.pagenavi li a.active {
	background-position:-38px;
}

.discussion #main .section ul.pagenavi li a.active:hover {
	background-position:-38px;
}
.discussion #main .section ul.pagenavi li a.none {
	background-position:0;
}
.discussion #main .section ul.pagenavi li a.none:hover {
	background-position:0;
}
.discussion #main .section  ul.pagenavi li a#pn_01 {
	background-image:url(../images/discussion/pagenavi_01.png);
}
.discussion #main .section ul.pagenavi li a#pn_02 {
	background-image:url(../images/discussion/pagenavi_02.png);
}
.discussion #main .section  ul.pagenavi li a#pn_03 {
	background-image:url(../images/discussion/pagenavi_03.png);
}
.discussion #main .section ul.pagenavi li a#pn_04 {
	background-image:url(../images/discussion/pagenavi_04.png);
}
.discussion #main .section ul.pagenavi li a#pn_left {
	background-image:url(../images/discussion/pagenavi_left.png);
}
.discussion #main .section ul.pagenavi li.leftnone {
	display:block;
	width:38px;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-image:url(../images/discussion/pagenavi_left.png);
}

.discussion #main .section ul.pagenavi li a#pn_right {
	background-image:url(../images/discussion/pagenavi_right.png);
}

.discussion #main .section ul.pagenavi li.rightnone {
	display:block;
	width:38px;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-image:url(../images/discussion/pagenavi_right.png);
}

.discussion #main .section .center{
	text-align:center;
	}

/*performance&interview
-----------------------------------------------------------*/

.performance #main .section,
.interview #main .section{
	width:573px;
	margin-top:16px;
	margin-left:16px;
	clear:both;
	overflow:hidden;
	}

.performance #main .section,
.interview #main .section{
	width:573px;
	margin-top:16px;
	margin-left:16px;
	clear:both;
	overflow:hidden;
	}

.performance #main h2,
.interview #main h2{
	position:absolute;
	top:0;
	left:0;
	}

.performance #main p.lead,
.interview #main p.lead{
	width:480px;
	position:absolute;
	top:147px;
	left:106px;
	font-size:110%;
	line-height:1.38;
	}

.performance #main .section h3,
.interview #main .section h3{
	margin-bottom:20px;

	}

.performance #main .section h3.top,
.interview #main .section h3.top{
	margin-top:230px;
	}

.performance #main .outline{
	width:573px;
	margin:10px 0 15px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #27350c;
	}

.performance #main .outline_left{
	width:281px;
	float:left;
	}
	
.performance #main .outline_right{
	width:281px;
	float:right;
	}

.performance #main .outline dl{
	line-height:1.45;
	}
	
.performance #main .outline dl dt{
	background:url(../images/performance/list_icon.png) left 0 no-repeat;
	margin-bottom:1px;
	padding-left:19px;
	color:#9cc813;
	}

.performance #main .outline dl dd{
	margin:0 0 10px 20px;
	}

.performance #main .outline dl ul{
	margin-top:4px;
	}

.performance #main .outline dl ul li span{
	font-size:84%;
	}

.performance #main .outline dl ul li{
	margin:0 0 6px 12px;
	line-height:1.2;
	list-style-type:disc;
	}

.performance #main .h5_box{
	width:490px;
	margin:8px auto 0 40px;
	}

.performance #main .h5_box p{
	margin:0;
	}



.performance #main .thumb_box{
	width:573px;
	overflow:hidden;
	clear:both;
	margin-top:20px;
	}

.performance #main .thumb_box img{
	margin:0 10px 6px 0;
	float:left;
	}

.performance #main .thumb_box p{
	width:364px;
	float:right;
	margin:0;
	}
.performance #main .result_head{
	margin-top:15px;
	}
.performance #main .result{
	border-left:3px solid #769c07;
	border-bottom:3px solid #769c07;
	border-right:3px solid #769c07;
	clear:both;
	overflow:hidden;
	zoom:1;
	}

.performance #main .result dl{
	width:258px;
	margin:13px 5px 3px 0;
	padding-left:10px;
	line-height:1.4;
	}

/*  \*/
* html .performance #main .result dl{
	width:250px;
}
/* */
		
.performance #main .result dl dd dl{
	margin-top:5px!important;
	margin-bottom:0!important;
	}

.performance #main .result dl dd dl dt{
	font-weight:bold;
	}

.performance #main .result dl dd dl span{
	color:#86b308;
	}
	
.performance #main .result dl dd dl dd{
	margin-bottom:7px;
	}

.performance #main .result p{
	margin:0;
	padding:9px 8px 8px 11px;
	}

.performance #main .section h4{
	overflow:hidden;
	}

.interview #main .section p.thumb_l{
	width:202px;
	float:left;
	margin:3px 15px 15px 0;
	padding:0;
	}

.interview #main .section p.thumb_r{
	width:202px;
	float:right;
	margin:15px 0 15px 15px;
	padding:0;
	}
	
.interview #main .section p.thumb_l img,
.interview #main .section p.thumb_r img{
	padding-bottom:5px;
	}

.interview #main .section p.thumb_l span{
	font-size:84%;
	line-height:1.3;
	color:#aaaaaa;
	}

.interview #main .section p.thumb_r span{
	font-size:84%;
	line-height:1.3;
	color:#aaaaaa;
	}
	
.interview #main .section p.txt{
	font-size:110%;
	line-height:1.5;
	margin:0;
	}

	
.interview #main .section p.txt span.bold{
	font-weight:bold;
	}

/*knowledge
-----------------------------------------------------------*/

.knowledge #main p{
	display:block;
	cursor:pointer;
	}
	
.knowledge #main p.n01{
	width:275px;
	height:212px;
	position:absolute;
	top:189px;
	left:26px;
	outline:none;
	}

	
.knowledge #main p.n02{
	width:270px;
	height:167px;
	position:absolute;
	top:210px;
	left:303px;
	outline:none;
	}
	
	
.knowledge #main p.n03{
	width:275px;
	height:167px;
	position:absolute;
	top:403px;
	left:27px;
	outline:none;
	}
	
.knowledge #main p.n04{
	width:270px;
	height:166px;
	position:absolute;
	top:378px;
	left:304px;
	outline:none;
	}
	
.knowledge #main p.n05{
	width:275px;
	height:181px;
	position:absolute;
	top:572px;
	left:26px;
	outline:none;
	}
	
.knowledge #main p.n06{
	width:276px;
	height:191px;
	position:absolute;
	top:546px;
	left:305px;
	outline:none;
	}

	
.knowledge #main p.n07{
	width:275px;
	height:188px;
	position:absolute;
	top:755px;
	left:26px;
	outline:none;
	}
	
.knowledge #main p.n08{
	width:276px;
	height:245px;
	position:absolute;
	top:739px;
	left:304px;
	outline:none;
	}
	
.knowledge #main p.n09{
	width:275px;
	height:182px;
	position:absolute;
	top:945px;
	left:26px;
	outline:none;
	}
	
.knowledge #main p.n10{
	width:276px;
	height:149px;
	position:absolute;
	top:986px;
	left:303px;
	outline:none;
	}

/*lineup
-----------------------------------------------------------*/

.lineup #main p{
	margin:0;
	}

.lineup #main .lineup01{
	width:113px;
	height:343px;
	position:absolute;
	top:488px;
	left:16px;
}

.lineup #main .lineup02{
	width:113px;
	height:343px;
	position:absolute;
	top:488px;
	left:133px;
}

.lineup #main .lineup03{
	width:113px;
	height:343px;
	position:absolute;
	top:488px;
	left:250px;
}

.lineup #main .lineup04{
	width:113px;
	height:343px;
	position:absolute;
	top:488px;
	left:367px;
}

.lineup #main .lineup05{
	width:113px;
	height:343px;
	position:absolute;
	top:488px;
	left:484px;
}

.lineup #main .lineup06{
	width:113px;
	height:343px;
	position:absolute;
	top:875px;
	left:113px;
}

.lineup #main .lineup07{
	width:113px;
	height:343px;
	position:absolute;
	top:875px;
	left:250px;
}

.lineup #main .lineup08{
	width:113px;
	height:343px;
	position:absolute;
	top:875px;
	left:387px;
}

.lineup #main .txtbox{
	width:133px;
	height:315px;
	position:absolute;
	top:0;
	left:57px;
	}

.lineup #main .txtbox img{
	text-align:right;
	}

.lineup #main p.txt01{
	margin-top:128px;
	}

.lineup #main p.txt02{
	margin-top:76px;
	}
	
.lineup #main .target{
	cursor:pointer;
	}
	
.lineup #main .com01{
	width:126px;
	height:126px;
	position:absolute;
	top:239px;
	left:465px;
	}

.lineup #main .com02{
	width:124px;
	height:122px;
	position:absolute;
	top:695px;
	left:465px;
	}
	
.lineup #main .lineup_lead{
	padding:40px 0 0 15px;
	}
