@charset "utf-8";
/* CSS Document */

div.title{
	border-top:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	padding:10px 0 8px 80px;
	font-size:90%;
	font-weight:bold;
	position:relative;
}
div.title p{
	position:absolute;
	left:0;
	bottom:-3px;
}

div.rec{
	height:35px;
	
}
div.rec a{
	width:99%;
	float:left;
	text-align:center;
	background:url(/s/common/images/arrow03.png) no-repeat right center;
	color:#333333;
	font-size: 14px;
	font-weight:bold;
	line-height:35px;
}

p.note{font-size:80%;}

ul.cnavi{
	margin:0;
	border:1px solid #D8D8D8;
}

ul.cnavi li{border-bottom:1px solid #D8D8D8; margin:0;}
ul.cnavi li:last-child{border-bottom:none;}

ul.cnavi li a{
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	box-orient:horizontal;
	background:url(/s/common/images/arrow03.png) no-repeat 100% 50%;
	padding:1px;
}
ul.cnavi li a img{margin:0 20px 0 0; vertical-align:middle;}
ul.cnavi li a p{
    width:70%;
	margin:0;
	padding:0;
	line-height:50px;
	height:50px;
	vertical-align:middle;
	color:#4D4D4D;
	font-size:96%;
}


div.bottomNavi{
	border:1px solid #D8D8D8;
	width:100%;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	box-orient:horizontal;
}
div.bottomNavi p{width:50%;}
div.bottomNavi p.last{width:50%; border-left:1px solid #D8D8D8;}
div.bottomNavi a{
	font-size:80%;
	background:url(/s/common/images/arrow04.png) no-repeat right center;
	line-height:190%;
	padding:5px;
}

ul.rec2 {
	background:url(/s/common/images/recBg.png) repeat-x 0 0;
	height:35px;
	margin-bottom:25px;
}
ul.rec2 a{
	width:100%;
	text-align:center;
	background:url(/s/common/images/arrow02.png) no-repeat right center;
	color:#FFF;
	font-size: 14px;
	font-weight:bold;
	line-height:35px;
	text-shadow:#018C88 0px 1px 0px;
}
video {
	margin-bottom: 0;
	padding: 0;
}

.narrow{letter-spacing:-1px !important;}

/* ------------ 動画ボックス ------------ */

/*div#cm01,div#cm02,div#cm03,div#cm04,div#cm05,div#cm06,div#cm07,div#cm08,div#cm09,div#cm10 {
	text-align: center;
}

video {
	width: 300px;
	height:  169px;
}*/

.movieBox{
	border:1px solid #D8D8D8;
	position: relative;
}

.movieBox div {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.movieBox div.alpha {
	width: 100%;
	height: 100%;
	background: #333333;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}
.movieBox p.noPlay {
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.s_box{width:70%; margin:0 auto 15px;}