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


.sample_wrapper{
	width:1200px;
	margin: auto;
}
.sample_wrapper img{
	margin-top: -2px;
}

.sample_wrapper_m{
	margin:0 auto;
	width:960px;
}
.sample_wrapper_s{
	margin:0 auto;
	width:760px;
}

.sample_wrapper .youtubeBlock{
	margin:0 auto;
	width:640px;
}

.sample_wrapper .youtubeBlock .movie{
	box-shadow:rgba(0, 0, 0, 0.360784) 0px 0px 10px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.360784) 0px 0px 10px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.360784) 0px 0px 10px 0px;
	display:block;
	width:640px;
}

.sample_wrapper hr{
	border:none;
	border-bottom:1px solid #cecede;
	margin-top:50px;
}


table{
	border-top:1px solid #cecede;
	border-left:1px solid #cecede;
	margin:0 auto;
	width:760px;
}
table tr th,
table tr td{
	border-bottom:1px solid #cecede;
	border-right:1px solid #cecede;
	line-height:1.8;
	padding:10px 5px;
	vertical-align:top;
}
table tr td:first-child{
	font-size:1.125em;
	font-weight:700;
	width:100px;
}

table tr td ul{
	margin:0 0 0 30px;
	padding:0;
}

table tr td ul li{
	list-style:outside disc;
}

.bg_image{background-image:url(/yundi_chn/images/main.jpg);
background-repeat:no-repeat;
width:1200px; height:402px;}


.top_movie{width:45%; height:100%;
            position: relative; top: 60px; left:130px; 
			}
			
.iframe-content {
    position: relative;
	height:0;
    padding-top: 56.25%;
	position: relative; top: 20px; left:130px;
	overflow: hidden;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 40%;
}


/*---------------------------------------
SP
----------------------------------------*/
@media (max-width: 480px) {
/*　　スマホ用のスタイルはこの下に記述　　*/

.sample_wrapper,
.sample_wrapper_m,
.sample_wrapper_s,
table{
	margin:0 2%;
	width:96%;
}





}