@charset "UTF-8";

/*=========================================================


	Site Name   XDCAM
	File Name   sample.css

	Create Date 2016/03/1


==========================================================*/

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.contents_wrap{
	width: 950px;
	margin: 0 auto;
}

.title {
	margin:50px auto;
	color:#555555;
	text-align:center;
	font-size:30px;

}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.mainarea{
	clear: both;
    width: 950px;
	text-align:center;
}

 .mainarea h3{
	 font-weight:bold;
	 font-size:28px;
	 border-bottom:2px solid #F8D940;
	 display:inline-block;
	 margin:0 auto 20px auto;
	 color:#555555;
	 text-align:center;
	
 }


.main_2col_txt{
	float:left;
	width:417px;
	margin: 0 auto;
	font-size:18px;
	text-align:center;
	color:#555555;
	line-height:1.8;
	
 }
 

 .main_2col_img{
	float:left;
	width:533px;
	margin: 0 auto;
 }
 
 .main_2col_txt02{
	float:right;
	width:417px;
	margin: 0 auto;
	font-size:18px;
	text-align:center;
	color:#555555;
	line-height:1.8;
	
 }
 

 .main_2col_img02{
	float:left;
	width:533px;
	margin: 0 auto;
 }
 
  .main_2col_img img{
	  max-width:533px;
 }
 
  .main_2col_img02 img{
	  max-width:533px;
 }
 
 
 
 .mt70{
	 margin-top:70px;
 }
 
 .asterlisk{
	 font-size:11px;
	 color:#555555;
	 margin-top:40px;
 }
 
 
 .mod-seriesList {
    clear: both;
    margin: 20px 0 20px 20px !important;
}

 .mod-seriesList .mod-seriesList-item2 {
    width: 450px !important;
    float: left;
    margin: 0 0 0 15px;
}

 
@media (max-width:640px){
	
	.contents_wrap{
		width:98%;
	}
	
	
	.title {
	font-size:18px;
	margin: 30px auto;

}
	
	
	.mainarea{
	clear: both;
    width: 100%;
	text-align:center;
}

 .mainarea h3{
	 font-size:20px;
 }



.main_2col_txt{
	float:none;
	width:100%;
/*	margin: 0 auto;
	font-size:18px;
	text-align:center;
	color:#555555;
	line-height:1.8;*/
	
 }
 
 .main_2col_txt02{
	float:none;
	width:100%;
/*	margin: 0 auto;
	font-size:18px;
	text-align:center;
	color:#555555;
	line-height:1.8;*/
	
 }
 
 

 .main_2col_img{
	float:none;
	width:100%;
	margin: 0 auto;

	
 }
 
 .main_2col_img img {
    max-width: 533px;
    width: 98%;
    text-align: center;
    margin: auto;
}

 .main_2col_img02{
	float:none;
	width:100%;
	margin: 0 auto;

	
 }
 
 .main_2col_img02 img {
    max-width: 533px;
    width: 98%;
    text-align: center;
    margin: auto;
}
 
  .asterlisk{
	 margin-top:20px;
 }
 
 
   .mod-seriesList {
	  margin:auto !important;
	  width:95%;
	
}
  .mod-seriesList .mod-seriesList-item2 {
	  margin:20px auto !important;
  }

.mod-seriesList .mod-seriesList-item2-image {
    margin-right:0 !important;
}
	
}