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



#Caster2renPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: 440px;
	width: 700px;
	background-image: url(../03img/panel.jpg);
	background-repeat: no-repeat;
}


#Caster2renPhoto #DaiCas2Img:hover {
	background-image: url(../03img/panel_on.jpg);
	background-repeat: no-repeat;
}

#DaiCas2 {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	width: 700px;
	height: 440px;
	margin: 0 auto;
	background-image: url(../03img/2ren_parapara.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.hideParapara{
	display: none;
}

.hideParapara#DaiCas2 {
	display: none;
}

h2+img{
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
	}
	

.parapara {
	margin-top: 12px;
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

@media screen and  (max-width: 719px){



#Caster2renPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: auto;
	width: 100%;
	background-size: contain;
}


#Caster2renPhoto #DaiCas2Img:hover {
	background-image: none;
}

#DaiCas2{
	width: 100%;
	height: auto;
	background-size: auto 100% ;
	}


 /*テーブルのデータが少ない場合*/  
 
 
  .scrolltb tbody tr{
	width: 100%;
}

/*テーブルのデータが少ない場合*/

h2+img{
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
	width: 45%;
	margin-top: 12px;
	}

}



@media screen and  (max-width: 326px){
	.PPanelSpec table tr td,.PPanelSpec table tr th{
	font-size: 10px;
	}
	.PPanelSpec{
	width: 95%;
}

.PPanelSpec table caption {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
}

 /*テーブルのデータが少ない場合*/  
 
 
  .scrolltb tbody tr{
	width: 130%;
}

/*テーブルのデータが少ない場合*/


	
	}	
	
#Caster2ren .details p {
	font-size: 14px;
	margin-top: 20px;	
}