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



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


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

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

.hideParapara{
	display: none;
}

.hideParapara#Tuitat3 {
	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;
}


#Tuitate .icon+.adjust{
	font-size: 11px;
}

.scrolltb tbody tr .p2{
	padding-right: 2px;
	padding-left: 2px;
	}

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



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


#TuitatePhoto #Tuitat3Img:hover {
	background-image: none;
}

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

#Tuitate .icon+.adjust{
	text-align: center;
	margin-bottom: 16px;
}

h2+img{
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
	width: 45%;
	margin-top: 12px;
	}
	
.scrolltb tbody tr td .adjust{
	display: inline;
}

}



@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;
}


	
	}	
	
#Tuitate .details p {
	font-size: 14px;
	margin-top: 20px;
}
.tuitateimg img {
	margin-bottom: 24px;
}
.tuitateimg h4 {
	margin-top: 40px;
	margin-bottom: 16px;
	font-size: 15px;
	font-weight: bold;
}