@charset "utf-8";
/* ===================================================================
 style info : コンテンツ内のスタイル設定
=================================================================== */
#contents{	width:940px;	margin:0 auto;	padding-bottom:50px; z-index:+1;}
#contents_bg{	width:960px;	margin:0 auto;}
#main{	width:860px; background:#FFF;	margin:0 auto;	padding:0 0 50px;}
.root #main{	width:940px;	margin:0 auto;	padding:0 0 50px;}
.line01{ background:url(../img/bg_section01.png) center bottom no-repeat;	padding:0 70px 95px;}
.line02{ background:url(../img/bg_section02.png) center bottom no-repeat;	padding:0 70px 95px;}
section.line01 + section,
section.line02 + section{	margin-top:30px;}

/* ------------------------------------------------------ *
	root setting
 * ------------------------------------------------------ */
.root #main{		background:url(../img/bg_shadow01.png) center 0px no-repeat;	padding:50px 0 50px;}
#animationBase{		overflow:hidden;}
#animation{	display:block;	background:#FFF;height:474px; height:0;	position:relative;	overflow:hidden;	text-align:center;	zoom:1; }
	div#bgCircle{	position:absolute;	top:50%;	left:50%;	width:0;	height:0;	border-radius:50%;	background:#CD0000;	overflow:hidden;}
	#animationEnd{ display:block; width:84px;	height:416px;	position:absolute;	top:-420px;	left:50%;	margin-left:-42px;	z-index:100;}
	ul#animationList{	display:block;	width:100%;	 height:474px;	position:relative;	overflow:hidden;	text-align:center;}
	ul#animationList > li{	display:block;	width:960px;	 height:474px;	position:absolute;	top:0;	left:50%;	margin-left:-480px;	list-style:none;	overflow:hidden;}
	li#animation01{	overflow:visible!important;}
		img#aLogo{	position:absolute;	left:508px;	top:136px;}
		div#animation01Txt{	display:block;	width:302px;	height:102px;	position:absolute;	top:181px;	left:38px;}
			div#animation01Txt p{	background:url(../img/anime01_txt.png) 0 0 no-repeat;	display:block;	width:302px;	height:34px;	margin:0;	padding:0;	line-height:1;	text-indent:100%;	white-space:nowrap;	overflow:hidden;opacity:0;	-moz-opacity:0;	-webkit-opacity:0;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
			div#animation01Txt p.n01{	background-position:0 0;}
			div#animation01Txt p.n02{	background-position:0 -34px;}
			div#animation01Txt p.n03{	background-position:0 -68px;}
		@-webkit-keyframes rotateArea {
			0% {-webkit-transform: rotate(0deg);}
			100% {-webkit-transform: rotate(360deg);}
		}
		@-moz-keyframes rotateArea {
			0% {-moz-transform: rotate(0deg);}
			100% {-moz-transform: rotate(360deg);}
		}
		@-ms-keyframes rotateArea {
			0% {-ms-transform: rotate(0deg);}
			100% {-ms-transform: rotate(360deg);}
		}
		ul#animation01Move{	opacity:0;	-moz-opacity:0;	-webkit-opacity:0;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';	display:block;	position:absolute;	width:729px;	height:545px;	top:-54px;	right:-31px;z-index: 3;
			-webkit-animation-delay: 0s;
			-webkit-animation-duration: 90s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-name: rotateArea;
			-moz-animation-delay: 0s;
			-moz-animation-duration: 90s;
			-moz-animation-iteration-count: infinite;
			-moz-animation-name: rotateArea;
			-ms-animation-delay: 0s;
			-ms-animation-duration: 90s;
			-ms-animation-iteration-count: infinite;
			-ms-animation-name: rotateArea;
		}
			ul#animation01Move li{	display:block;	position:absolute;	background:url(../img/anime01.png) 0 0 no-repeat;	list-style:none;}
			ul#animation01Move li.n01{	width:80px; height:47px; background-position:-10px -722px;	top:-50px;		left:4px;}
			ul#animation01Move li.n02{	width:56px; height:60px; background-position:-10px -243px;	top:120px;	left:-26px;}
			ul#animation01Move li.n03{	width:80px; height:47px; background-position:-10px -665px;	top:289px;	left:-30px;}
			ul#animation01Move li.n04{	width:64px; height:40px; background-position:-10px -1042px;	top:243px;	left:-105px;}
			ul#animation01Move li.n05{	width:47px; height:51px; background-position:-10px -375px;	top:5px;	left:-184px;}
			ul#animation01Move li.n06{	width:48px; height:53px; background-position:-41px -96px;	top:-74px;	left:41px;}
			ul#animation01Move li.n07{	width:78px; height:45px; background-position:-10px -779px;	top:-36px;	left:452px;}
			ul#animation01Move li.n08{	width:80px; height:47px; background-position:-10px -608px;	top:-117px;	left:705px;}
			ul#animation01Move li.n09{	width:45px; height:52px; background-position:-10px -313px;	top:0px;	left:785px;}
			ul#animation01Move li.n10{	width:61px; height:41px; background-position:-10px -991px;	top:9px;	left:340px;}
			ul#animation01Move li.n11{	width:76px; height:47px; background-position:-10px -551px;	top:100px;	left:780px;}
			ul#animation01Move li.n12{	width:64px; height:44px; background-position:-10px -834px;	top:212px;	left:864px;}
			ul#animation01Move li.n13{	width:75px; height:48px; background-position:-10px -436px;	top:352px;	left:704px;}
			ul#animation01Move li.n14{	width:76px; height:41px; background-position:-10px -940px;	top:438px;	left:704px;}
			ul#animation01Move li.n15{	width:64px; height:42px; background-position:-10px -888px;	top:317px;	left:1px;}
			ul#animation01Move li.n16{	width:54px; height:61px; background-position:-10px -172px;	top:626px;	left:51px;}
			ul#animation01Move li.n17{	width:21px; height:66px; background-position:-10px -96px;	top:909px;	left:230px;}
			ul#animation01Move li.n18{	width:24px; height:76px; background-position:-10px -10px;	top:559px;	left:343px;}
			ul#animation01Move li.n19{	width:20px; height:67px; background-position:-44px -10px;	top:713px;	left:829px;}
			ul#animation01Move li.n20{	width:74px; height:47px; background-position:-10px -494px;	top:622px;	left:703px;}
	li#animation02{	opacity:0;	-moz-opacity:0;	-webkit-opacity:0;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';	z-index:2;}
		li#animation02 ul li{	display:block;	width:320px;	height:159px;	overflow:hidden;	position:absolute;	left:320px;	top:159px;}
			li#animation02 ul li span{ display:block;	background:url(../img/anime02_02.png) 0 0 no-repeat;	width:320px; height:159px;	position:relative;}
			li#animation02 ul li div{	background:url(../img/anime02_01.jpg) no-repeat;	width:320px; height:159px;	position:absolute;}
			li#animation02 ul li div.n01{	background-position:-320px 0;}	li#animation02 ul li div.n04{	background-position:-320px -159px;}
			li#animation02 ul li div.n02{	background-position:-640px 0;}	li#animation02 ul li div.n05{	background-position:0 -159px;}
			li#animation02 ul li div.n03{	background-position:0 0;}		li#animation02 ul li div.n06{	background-position:-640px -159px;}
			li#animation02 ul li.N div{	top:-159px;	left:0;}
			li#animation02 ul li.E div{	top:0;	left:320px;}
			li#animation02 ul li.S div{	top:159px;	left:0;}
			li#animation02 ul li.W div{	top:0;	left:-320px;}
	li#animation03{ z-index:1;}
		li#animation03 ul{	overflow:hidden;	position:relative;	display:block;	width:682px;	height:474px;	margin:0 auto;}
			li#animation03 li{	position:absolute;	background:url(../img/anime03_01.png) no-repeat;	list-style:none;	display:block;	width:13px;	position:absolute;}
			li#animation03 li.R{	background-position:0 0;}
			li#animation03 li.B{	background-position:-15px 0;}
			li#animation03 li.Y{	background-position:-30px 0;}
			li#animation03 li.n01{	left:0px;	height:254px;	bottom:-254px;}	li#animation03 li.n11{	left:472px;	height:111px;	bottom:-111px;}
			li#animation03 li.n02{	left:20px;	height:428px;	bottom:-428px;}	li#animation03 li.n12{	left:492px;	height:275px;	bottom:-275px;}
			li#animation03 li.n03{	left:40px;	height:307px;	bottom:-307px;}	li#animation03 li.n13{	left:512px;	height:162px;	bottom:-162px;}
			li#animation03 li.n04{	left:60px;	height:358px;	bottom:-358px;}	li#animation03 li.n14{	left:532px;	height:216px;	bottom:-216px;}
			li#animation03 li.n05{	left:80px;	height:200px;	bottom:-200px;}	li#animation03 li.n15{	left:552px;	height:57px;	bottom:-57px;}
			li#animation03 li.n06{	left:100px;	height:110px;	bottom:-110px;}	li#animation03 li.n16{	left:572px;	height:254px;	bottom:-254px;}
			li#animation03 li.n07{	left:120px;	height:274px;	bottom:-274px;}	li#animation03 li.n17{	left:592px;	height:418px;	bottom:-418px;}
			li#animation03 li.n08{	left:140px;	height:161px;	bottom:-161px;}	li#animation03 li.n18{	left:612px;	height:305px;	bottom:-305px;}
			li#animation03 li.n09{	left:160px;	height:217px;	bottom:-217px;}	li#animation03 li.n19{	left:632px;	height:359px;	bottom:-359px;}
			li#animation03 li.n10{	left:180px;	height:58px;	bottom:-58px;}	li#animation03 li.n20{	left:652px;	height:200px;	bottom:-200px;}
	
#news{	background:#333333;	height:26px;	overflow:hidden;}
	#news > section{	width:940px;	margin:0 auto;}
	#news #h_topNews{	display:block;	width:60px;	height:26px;	float:left;	background:url(../img/btn_top_news.png) 0 0 no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;	zoom:1;}
	#news #topSwitch{	display:block;	width:80px;	height:26px;	float:right;	background:url(../img/btn_top_news.png) -60px 0 no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;	zoom:1;}
	#news dl{	display:block;	height:18px;	width:800px;	margin:4px 0;	float:left;	overflow:hidden;color:#FFF;	position:relative;}
		#news dl dt{	display:block;	padding:2px 11px 0 10px;	height:18px;	width:80px;	border-right:solid 1px #666666;	background:#333;	font-size:100%;	font-weight:bold;	letter-spacing:-0.05em;	position:absolute;	left:0;	top:20px;	z-index:+1;}
		#news dl dt:first-child{	top:0px;}
		#news dl dd{	display:block;	padding:1px 0 0 10px;	height:18px;	width:680px;	font-size:100%;	position:absolute;	left:800px;	top:0;}
		#news dl dt:first-child + dd{	left:110px;}
.shadow01{	background:url(../img/bg_shadow01.png) center bottom no-repeat; }
#move01{	float:left;	padding-top:7px;	margin-bottom:55px;}
	#move01	li{	display:block;	float:left;	list-style:none;}
		#move01	li a{	display:block;	background:url(../img/btn_top_move01.png) no-repeat;	height:198px;	width:78px;	text-indent:100%;	white-space:nowrap;	overflow:hidden;}
		#move01	li.n00 a{	background-position: 0 0;	width:50px;	height:50px;}
		#move01	li.n01 a{	background-position: -50px 0;	width:87px;}
		#move01	li.n02 a{	background-position: -137px 0;}
		#move01	li.n03 a{	background-position: -215px 0;}
		#move01	li.n04 a{	background-position: -294px 0;}
		
#move02{	float:right;	padding:30px 59px 0;}
	#move02	li{	display:block;	margin:0;	padding:0;	font-size:0;	list-style:none;}
		#move02	li a{	display:block;	background:url(../img/btn_top_move02.png) no-repeat;	height:80px;	width:228px;	text-indent:100%;	white-space:nowrap;	overflow:hidden;}
		#move02	li.n00 a{	background-position: 0 -320px;	height:40px;}
		#move02	li.n01 a{	background-position: 0 -238px;}
		#move02	li.n02 a{	background-position: 0 -160px;}
		#move02	li.n03 a{	background-position: 0 -80px;}
		#move02	li.n04 a{	background-position: 0 0;}
		 
#move03_bg{	position:absolute;	top:0px; width:110px; height:416px; background:#EEEEEE;}
#move03{	margin:0 auto; z-index:+1;	margin-top:20px;	background:url(../img/btn_move03.png) -61px 0 no-repeat;	height:285px;	padding-bottom:80px;	width:51px;}
	#move03	li{	display:block;	margin:0;	padding:0;	width:51px;	height:51px;}
	#move03	li + li{	margin:27px 0 0;	width:51px;	height:51px;}
		#move03	li a{	display:block;	width:51px;	height:51px;	background:url(../img/btn_move03.png) 0 0 no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden; -moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;	opacity:0;	-moz-opacity:0;	-webkit-opacity:0;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
		#move03	li.n01 a{	background-position: 0 -234px;}
		#move03	li.n02 a{	background-position: 0 -156px;}
		#move03	li.n03 a{	background-position: 0 -78px;}
		#move03	li.n04 a{	background-position: 0 0;}
		#list_voice > li.n01 #move03 li.n01 a,
		#list_voice > li.n02 #move03 li.n02 a,
		#list_voice > li.n03 #move03 li.n03 a,
		#list_voice > li.n04 #move03 li.n04 a,
		#move03	li a:hover,
		#move03	li a.act{	opacity:1; -moz-opacity:1;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';}
		
#list_voice{	background:url(../img/bg_list_voice.png) 0 0 repeat-y #FFF;	margin-bottom:0px;	overflow:hidden;}
	#list_voice > li{	display:block;	width:940px;	list-style:none;	position:relative;	overflow:hidden;	background:url(../img/bg_shadow01.png) center bottom no-repeat;	padding:0px 0 30px;}
	#list_voice > li.n01{	border-top: solid 4px #85B200;}
	#list_voice > li.n02{	border-top: solid 4px #D9D900;}
	#list_voice > li.n03{	border-top: solid 4px #0F276F;}
	#list_voice > li.n04{	border-top: solid 4px #CC0000;}
		#list_voice li a.moveNext{	display:block;	width:43px;	height:43px;	position:absolute;	top:8px;	left:50%;	margin-left:-22px;	background:url(../img/btn_top01.png) center bottom no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;	zoom:1;}
			#list_voice li.n04 a.moveNext{	background-position: 0 0;}
			#list_voice li.n03 a.moveNext{	background-position: -53px 0;}
			#list_voice li.n02 a.moveNext{	background-position: 0 bottom;}
			#list_voice li.n01 a.moveNext{	background-position: -53px bottom;}
		#list_voice li img.toAbsoluteImg{	display:block;	position:absolute;	top:27px;	left:130px;}
		#list_voice li div.fL{	width:200px;}
			#list_voice li div.fL h3 img{	margin-bottom:10px;}
			#list_voice li div.fL p{	font-size:93%; color:#666666;	line-height:1.4em;	margin-bottom:20px;}
			#list_voice li div.fL p + img{	margin:0 0 0 47px;}
		#list_voice li ul.fR{	width:456px;	padding:45px 20px 0 0; position:relative;}
		#list_voice li span.arrowA,
		#list_voice li span.arrowB{	background:url(../img/top_arrow2.png) 0 0 no-repeat;	display:block;	width:30px;	height:20px; position:relative;	margin-left:-15px;	left:50%;}
			#list_voice li span.arrowB{	position:absolute;	top:20px;}
			#list_voice li span.arrowA{ clear:both;	top:10px;}
				#list_voice li.n04 span.arrowB,
				#list_voice li.n04 span.arrowA{	background-position: 0 0;}
				#list_voice li.n03 span.arrowB,
				#list_voice li.n03 span.arrowA{	background-position: 0 -20px;}
				#list_voice li.n02 span.arrowB,
				#list_voice li.n02 span.arrowA{	background-position: 0 -40px;}
				#list_voice li.n01 span.arrowB,
				#list_voice li.n01 span.arrowA{	background-position: 0 -60px;}
	#list_voice + .n00{	display:block;	width:840px;	margin:0 auto;	list-style:none;	position:relative;	overflow:hidden;padding:0px 0 30px;}
		#list_voice + .n00 div.bottomBox{	float:left;	padding-top:50px;}
		#list_voice + .n00 a.moveNext{	display:block;	position:absolute;	text-indent:100%;	white-space:nowrap;	overflow:hidden; background:url(../img/btn_top02.png) 0 0 no-repeat;	width:47px;	height:68px;	margin-left:-23px;	left:50%;	top:0; zoom:1;}
		
			#list_voice li ul.fR li{	list-style:none;	display:block;	margin: 0 0 20px;}
#bottomLink{	padding:25px 0 0; width:800px;	margin:0 auto; border-top:solid 1px #DDDDDD;}
	#bottomLink li{	display:block;	float:left;	width:160px;	height:165px;}
	#bottomLink li a{	display:block;	float:left;	width:160px;	height:165px;	background:url(../img/btn_top_bottomlink.jpg) no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;}
	#bottomLink li.n01 a{	background-position: 0 0;}
	#bottomLink li.n02 a{	background-position: -160px 0;}
	#bottomLink li.n03 a{	background-position: -320px 0;}
	#bottomLink li.n04 a{	background-position: -480px 0;}
	#bottomLink li.n05 a{	background-position: -640px 0;}
/* ------------------------------------------------------ *
	voice setting
 * ------------------------------------------------------ */
.voice #contents{	background:url(../img/bg_shadow01.png) center bottom no-repeat; }
.voice #contents_bg{	background:url(../img/line01.png) 40px 0 repeat-y;}
.voice #main{	background:url(../img/bg_voice01.png) right top repeat-y;	width:940px;}
.mainshadow{	background:url(../img/bg_shadow02.png) right top no-repeat;	height:30px;}
#profile{	display:block;	float:right;	height:104px;	width:430px;}
	#profile h3{	display:block;	height:26px;}
		#voice04 #profile h3{	background:#F0B3B3;}
		#voice03 #profile h3{	background:#B7BFD4;}
		#voice02 #profile h3{	background:#F4F4B3;}
		#voice01 #profile h3{	background:#DBE8B3;}
	#profile div{	height:78px;	overflow:hidden;}
		#voice04 #profile div{	background:#CC0000;}
		#voice03 #profile div{	background:#0F276F;}
		#voice02 #profile div{	background:#D9D900;}
		#voice01 #profile div{	background:#85B200;}
	#profile p{	font-size:93%;	color:#FFF; font-weight:bold;	padding:10px;	margin:0;	line-height:1.3em;}
#voiceShadowBox{	background:url(../img/bg_shadow03.png) 0 0 no-repeat; width:860px;	margin-left:80px;	clear:both;	padding:23px 0 0;}
	#voiceShadowBox div.fL{	width:580px; padding:30px;}
		#voiceShadowBox div.fL section{	margin-bottom:30px;}
			#voiceShadowBox div.fL section img.fR{	margin:0 0 10px 10px;}
			#voiceShadowBox div.fL section img.fL{	margin:0 10px 10px 0px;}
	#voiceShadowBox div.fR{	width:220px;}
		.voiceRightContents > section{	padding:0 0 20px;	border-bottom:dashed 1px #CCC; margin:0 10px 20px;}
		ul#voiceCareer{	background:url(../img/line01.png) 2px 0 repeat-y;	margin:0 20px;	padding-bottom:20px;}
			ul#voiceCareer li{	display:block;	list-style:none;	padding-left:15px;	background:url(../img/disc04_01.png) 0 7px no-repeat;	margin-bottom:25px;}
			ul#voiceCareer li:first-child{	background:url(../img/disc04_02.png) 0 0 no-repeat;	margin-bottom:25px;}
			ul#voiceCareer li p{	font-size:93%; line-height:1.4em;	color:#333333;}
#bottomMessage{	background:url(../img/bg_voice_bottom.png) right top no-repeat; clear:both;	padding:25px 220px 0 0;}
	#bottomMessage section{	position:relative;	background:#D3030C;	padding:20px 190px 20px 30px;}
		#bottomMessage section p{	color:#FFF;	font-weight:bold;	line-height:1.3em;	font-size:93%;}
		#bottomMessage section > img{	position:absolute;	right:30px;	top:-25px;}
.voiceSchedule{	padding:0 10px;}
	.voiceSchedule dt{	display:block;	float:left;	padding:0 5px; margin-bottom:10px; width:50px; text-align:right;}
	.voiceSchedule dd{	display:block;	float:left;	padding:0 10px; margin-bottom:10px;	width:120px;}
#aside{	height:900px;}
#voiceNav{	display:block;	position:absolute; bottom:50px;}
/* #voiceNav{	display:block;	position:absolute;	top:70px;	height:400px;} */
	#voiceNav > li{	display:block;	list-style:none;	width:230px;	position:absolute;	bottom:0;	padding:18px 0 51px; background:url(../img/line01.png) 25px 0 repeat-y;}
		#voiceNav > li.box01{	left:0; height:600px;}
		#voiceNav > li.box02{	left:235px; height:675px;}
		#voiceNav > li.box03{	left:470px; height:750px;}
		#voiceNav > li.box04{	left:705px; height:825px;}
		
		#voiceNav > li > .bottomImg{	display:block;	width:186px;	height:51px;	text-indent:100%;	white-space:nowrap;	overflow:hidden;	position:absolute;	bottom:0; left:0;	background:url(../img/btn_voice01.png) no-repeat;}
			#voiceNav > li.box01 > .bottomImg{	background-position: 0 0;}
			#voiceNav > li.box02 > .bottomImg{	background-position: 0 -56px;}
			#voiceNav > li.box03 > .bottomImg{	background-position: 0 -112px;}
			#voiceNav > li.box04 > .bottomImg{	background-position: 0 -168px;}
		#voiceNav > li > span.arrow{	display:block;	width:186px;	height:18px; width:51px;	position:absolute;	top:0; left:0;	background:url(../img/top_arrow.png) center 0 no-repeat;}
			#voiceNav > li.box01 > span.arrow{	background-position: center -60px;}
			#voiceNav > li.box02 > span.arrow{	background-position: center -40px;}
			#voiceNav > li.box03 > span.arrow{	background-position: center -20px;}
			#voiceNav > li.box04 > span.arrow{	background-position: center 0;}
		
			#voiceNav > li > ul{	display:block;	margin-left:22px;	padding:5px 0 0;}
			#voiceNav > li > ul > li{	display:block;	list-style:none;	min-height:46px;	margin-bottom:3px;	background-position:1px 5px; background-repeat:no-repeat;}
				#voiceNav > li.box01 li{	background-image:url(../img/disc01.png);}
				#voiceNav > li.box02 li{	background-image:url(../img/disc02.png);}
				#voiceNav > li.box03 li{	background-image:url(../img/disc03.png);}
				#voiceNav > li.box04 li{	background-image:url(../img/disc04.png);}
			#voiceNav > li > ul > li a{	padding-left:12px;	display:block;}
			#voiceNav > li > ul > li a:hover{	background:url(../img/b20.png) repeat;}
			#voiceNav > li > ul > li p{	display:block;	font-size:123.1%; color:#212121;	letter-spacing:0.4em;}
			#voiceNav > li > ul > li .doki{	display:block;	font-size:85%; color:#FFF;	background:#BBBB00;	padding:2px 8px;	line-height:1em;	border-radius:10px;	float:right;	margin:5px;}
			#voiceNav > li > ul > li .ojt{	display:block;	font-size:85%; color:#FFF;	background:#0059B2;	padding:2px 8px;	line-height:1em;	border-radius:10px;	float:right;	margin:5px;}
			#voiceNav > li > ul > li div{	display:block;}
			#voiceNav > li > ul > li div > span{	display:block;	width:34px;	font-size:123.1%; float:left; vertical-align:middle;	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold;	vertical-align:middle;	line-height:1em;	padding-bottom:2px;}
			#voiceNav > li > ul > li div small{	display:block; float:left; vertical-align:middle; color:#212121; text-align:center;	width:35px;	padding:3px; line-height:1em;}
			#voiceNav > li > ul > li  div small.label{	width:115px; color:#FFF;	font-size:85%;	font-weight:bold;	text-align:left;	overflow:hidden;}
				#voiceNav > li.box01 li div > span{	color:#85B200;}
				#voiceNav > li.box02 li div > span{	color:#D9D900;}
				#voiceNav > li.box03 li div > span{	color:#0F276F;}
				#voiceNav > li.box04 li div > span{	color:#B20000;}
				#voiceNav > li.box01 li div small.label{	background:#85B200;}
				#voiceNav > li.box02 li div small.label{	background:#D9D900;}
				#voiceNav > li.box03 li div small.label{	background:#0F276F;}
				#voiceNav > li.box04 li div small.label{	background:#B20000;}

.conversations #main{	background:url(../img/bg_conversations.png)	0 0 repeat-y;	width:940px;}
#conversationProfile{	margin:0 0 0 80px;	background:#FFF;}
	#conversationProfile section{	width:400px;}
	#conversationProfile section p{	font-size:93%;	line-height:1.4em;}
#conversation{	margin:0 0 0 80px;	background:#FFF;}
	p.Rside,
	p.Lside{	display:block;	line-height:1.8em;	font-size:100%;	padding-left:47px;	padding-bottom:10px;	background:url(../img/img_ojt_icon01.png) 0 4px no-repeat;}
	#ojt .Rside{	background-image:url(../img/img_ojt_icon01.png);}
	#ojt .Lside{	background-image:url(../img/img_ojt_icon02.png);}
	#ojt2018 .Rside{	background-image:url(../img/img_ojt_2018_icon01.png);}
	#ojt2018 .Lside{	background-image:url(../img/img_ojt_2018_icon02.png);}
	#contemporary .Rside{	background-image:url(../img/img_contemporary_icon02.png);}
	#contemporary .Lside{	background-image:url(../img/img_contemporary_icon01.png);}
	#contemporary2 .Rside{	background-image:url(../img/img_contemporary2_icon02.png);}
	#contemporary2 .Lside{	background-image:url(../img/img_contemporary2_icon01.png);}
	#conversation .chapter{	padding:0 0 30px;}
	#conversation .section{	position:relative;	padding:0 30px 0; clear:both;	margin-bottom:30px;}
	#conversation .section + .section{	margin-bottom:30px;}
	#conversation .section > div{	position:relative;	width:440px;	margin:0 auto;}
	#conversation .section > .Rphoto{
	position: absolute;
	right: 30px;
}
	#conversation .section > .Lphoto{
	position: absolute;
	left: 30px;
}
	#ojt #conversation .section > .Lphoto.l01{	top: 146px;}
	#ojt #conversation .section > .Lphoto.l02{	top: 134px;}
	#ojt #conversation .section > .Lphoto.l03{	top: 114px;}
	#ojt #conversation .section > .Lphoto.l04{	top: 135px;}
	#ojt #conversation .section > .Lphoto.l05{	top: 158px;}
	#ojt #conversation .section > .Rphoto.r01{	top: 54px;}
	#ojt #conversation .section > .Rphoto.r02{	top: 54px;}
	#ojt #conversation .section > .Rphoto.r03{	top: 56px;}
	#ojt #conversation .section > .Rphoto.r04{	top: 56px;}
	#ojt2018 #conversation .section > .Lphoto.l01{	top: 205px;}
	#ojt2018 #conversation .section > .Lphoto.l02{	top: 181px;}
	#ojt2018 #conversation .section > .Lphoto.l03{	top: 158px;}
	#ojt2018 #conversation .section > .Lphoto.l04{	top: 182px;}
	#ojt2018 #conversation .section > .Lphoto.l05{	top: 182px;}
	#ojt2018 #conversation .section > .Rphoto.r01{	top: 54px;}
	#ojt2018 #conversation .section > .Rphoto.r02{	top: 55px;}
	#ojt2018 #conversation .section > .Rphoto.r03{	top: 56px;}
	#ojt2018 #conversation .section > .Rphoto.r04{	top: 56px;}

	#contemporary #conversation .section > .Lphoto.l01{	top: 54px;}
	#contemporary #conversation .section > .Lphoto.l02{	top: 54px;}
	#contemporary #conversation .section > .Lphoto.l03{	top: 57px;}
	#contemporary #conversation .section > .Lphoto.l04{	top: 58px;}
	#contemporary #conversation .section > .Lphoto.l05{	top: 54px;}
	#contemporary #conversation .section > .Lphoto.l06{	top: 55px;}
	#contemporary #conversation .section > .Rphoto.r01{	top: 54px;}
	#contemporary #conversation .section > .Rphoto.r02{	top: 110px;}
	#contemporary #conversation .section > .Rphoto.r03{	top: 57px;}
	#contemporary #conversation .section > .Rphoto.r04{	top: 275px;}
	#contemporary #conversation .section > .Rphoto.r05{	top: 254px;}
	#contemporary #conversation .section > .Rphoto.r06{	top: 136px;}

	#contemporary2 #conversation .section > .Lphoto.l01{	top: 54px;}
	#contemporary2 #conversation .section > .Lphoto.l02{	top: 101px;}
	#contemporary2 #conversation .section > .Lphoto.l03{	top: 164px;}
	#contemporary2 #conversation .section > .Lphoto.l04{	top: 58px;}
	#contemporary2 #conversation .section > .Lphoto.l05{	top: 54px;}
	#contemporary2 #conversation .section > .Lphoto.l06{	top: 55px;}
	#contemporary2 #conversation .section > .Rphoto.r01{	top: 112px;}
	#contemporary2 #conversation .section > .Rphoto.r02{	top: 54px;}
	#contemporary2 #conversation .section > .Rphoto.r03{	top: 103px;}
	#contemporary2 #conversation .section > .Rphoto.r04{	top: 208px;}
	#contemporary2 #conversation .section > .Rphoto.r05{	top: 60px;}
	#contemporary2 #conversation .section > .Rphoto.r06{	top: 36px;}
#conversationEnd{	text-align:center;	padding:30px;	clear:both;}
/* ------------------------------------------------------ *
	network setting
 * ------------------------------------------------------ */
#networkBox{	position:relative;}
#networkBox div{	position: absolute;	width: 182px;	top: 140px;	left: 42px;}
#networkBox p{	font-size:108%;	line-height: 1.7em;}
/* ------------------------------------------------------ *
	community setting
 * ------------------------------------------------------ */
#bg_community{	background:url(../img/bg_community.png) 0 0 repeat-y;	padding-top:50px;}
#bg_community img.fR{	margin-left:40px;}
/* ------------------------------------------------------ *
	strategy setting
 * ------------------------------------------------------ */
#strategyList{	padding:0 0 120px 40px;	margin:0 auto;}
	#strategyList li{	display:block;	list-style:none;	float:left;	margin-left:15px;	width:240px;}
	#strategyList li div{	border:solid 7px #DDDDDD; border-top:none;	padding:20px 8px 18px;}
	#strategyList li div p{	height:348px;}
/* ------------------------------------------------------ *
	request setting
 * ------------------------------------------------------ */
#requestBox{	width:348px;}
#requestBox p{	margin-bottom:20px;}
/* ------------------------------------------------------ *
	request setting
 * ------------------------------------------------------ */
#talentList > li{	list-style:none;	display:block;	float:left;	background:#EEEEEE;	border:solid 1px #DDDDDD;}
	#talentList > li li{	line-height:1.1em;}
	#talentList > li.n01{	float:right;	width:390px;}
	#talentList > li.n02{}
	#talentList > li.n03{ margin-top:5px;}
	#talentList > li.n01 div{	margin:10px 0;	padding:0 10px;	height:146px;}
	#talentList > li.n01 div li{	white-space:nowrap;}
	#talentList > li.n01 div h4{	font-weight:normal;	padding-bottom:3px;}
	#talentList > li.n01 div.n01{	border-right:solid 1px #DDDDDD;}
	#talentList > li.n01 div.n02{	border-left:solid 1px #FFFFFF;}
/* ------------------------------------------------------ *
	internship setting




/* ------------------------------------------------------ *
	movie botton
 * ------------------------------------------------------ */

        /* 動画を囲むコンテナ */
        .video-container {
            position: relative;
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
            cursor: pointer;
        }

        /* ビデオ本体 */
        video {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }

        /* 自作の再生ボタン（中央配置） */
        .custom-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 30px;
            height: 30px;
            background-color: rgba(0, 0, 0, 0.6);
            border: 3px solid #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            z-index: 10;
        }

        /* 再生ボタンの中の「▶」マーク */
        .custom-play-button::before {
            content: "";
            display: block;
            border-style: solid;
            border-width: 15px 0 15px 25px;
            border-color: transparent transparent transparent #fff;
            margin-left: 5px;
        }

        .custom-play-button:hover {
            background-color: rgba(255, 0, 0, 0.8); /* ホバーで色を変える */
            transform: translate(-50%, -50%) scale(1.1);
        }

        /* 再生が始まったらボタンを消すためのクラス */
        .video-container.is-playing .custom-play-button {
            display: none;
        }


/* ------------------------------------------------------ *
	iframe 動画読み込み　ボタン　
 * ------------------------------------------------------ */

.video-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 16 / 9; /* 動画の比率に合わせて調整 */
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
}

.video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.video-container:hover img {
    transform: scale(1.05);
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none; /* クリックイベントを親に逃がす */
    transition: all 0.3s ease;
}

.video-container:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
}

/* iframeのスタイル */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

 * ------------------------------------------------------ */


.video-container{
    position:relative;
    width:640px;
    max-width:100%;
    cursor:pointer;
}

.thumbnail{
    width:100%;
    display:block;
}

.play-button{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    background:rgba(0,0,0,0.6);
    border-radius:50%;
}

.play-button::before{
    content:"";
    position:absolute;
    left:32px;
    top:24px;
    border-style:solid;
    border-width:16px 0 16px 24px;
    border-color:transparent transparent transparent white;
}