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

.toumei-photo{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	width: 700px;
}

.toumei-photo:first-child{
	height: 440px;}
	
.sale{
	margin-top: 60px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	background-color: #FFCACA;
	padding: 4px;
	}
	
	
.photo_op{
	margin-top: 60px;
	font-size: 16px;
	font-weight: bold;
	}
	
.hanbai thead tr .sp_height{
	width: 120px;
	}
	
.scrolltb.hanbai thead tr th{
	background-color: #FFF0F0;
	}	

	
.setsumeititle{
	font-size: 14px;
	margin-top: 40px;
	}
	
.line{
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: #DADADA;
	margin-top: 40px;
	margin-bottom: 60px;
	}
	
#ToumeiCasterP{
	position: relative;
	}
	

.Pnl a:hover{
	border: 2px solid #ED1C29;
	background-color: #FDE8E9;
	filter: Alpha(opacity=50);
	opacity:0.5;
}
	
#TPanel234 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 22px;
	top: 190px;
	width: 20px;
}

#TPanel235 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 320px;
	top: 220px;
	width: 20px;
}


#TPanel230{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 284px;
	top: 40px;
	width: 20px;
	}
#TPanel231{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 48px;
	width: 20px;
	left: 160px;
	}	
	

#Pnls234 {
	display: block;
	position: absolute;
	left: 16px;
	top: 212px;
	height: 190px;
	width: 90px;
}


#Pnls234 a:link {
	display: block;
	height: 190px;
	width: 90px;
}

#Pnls234 a:hover {
	display: block;
	height: 190px;
	width: 90px;
}

#Pnls235 {
	display: block;
	position: absolute;
	left: 150px;
	top: 244px;
	height: 160px;
	width: 200px;
}

#Pnls235 a:link {
	display: block;
	height: 160px;
	width: 200px;
}


#Pnls235 a:hover {
	display: block;
	height: 160px;
	width: 200px;
}

#Pnls230 {
	display: block;
	position: absolute;
	right: 18px;
	top: 12px;
	height: 194px;
	width: 300px;
}

#Pnls230 a:link {
	display: block;
	height: 194px;
	width: 300px;
}

#Pnls230 a:hover {
	display: block;
	height: 194px;
	width: 300px;
}

#Pnls231 {
	display: block;
	position: absolute;
	top: 20px;
	height: 184px;
	width: 194px;
	left: 152px;
}

#Pnls231 a:link {
	display: block;
	height: 184px;
	width: 194px;
}

#Pnls231 a:hover {
	display: block;
	height: 184px;
	width: 194px;
}

/*設置型ここから*/
#TPanel130{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 240px;
	width: 20px;
	left: 30px;
	}
	
#TPanel131{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 184px;
	width: 20px;
	left: 155px;
	}
	
	
#TPanel132{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 130px;
	width: 20px;
	left: 273px;
	}
	
#TPanel133{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 81px;
	width: 20px;
	left: 391px;
	}
	
#TPanel134{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 25px;
	width: 20px;
	right: 171px;
	}
	
#YPanel131{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 175px;
	width: 20px;
	left: 29px;
	}
	
	
#YPanel132{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 95px;
	width: 20px;
	left: 163px;
	}
	
#YPanel133{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 60px;
	width: 20px;
	left: 352px;
	}
	
#TPnls130 {
	display: block;
	position: absolute;
	top: 269px;
	height: 160px;
	width: 175px;
	left: 25px;
}

#TPnls130 a:link {
	display: block;
	height: 160px;
	width: 175px;
}

#TPnls130 a:hover {
	display: block;
	height: 160px;
	width: 175px;
}

#TPnls131 {
	display: block;
	position: absolute;
	top: 214px;
	height: 210px;
	width: 170px;
	left: 150px;
}

#TPnls131 a:link {
	display: block;
	height: 210px;
	width: 170px;
}

#TPnls131 a:hover {
	display: block;
	height: 210px;
	width: 170px;
}

#TPnls132 {
	display: block;
	position: absolute;
	top: 160px;
	height: 265px;
	width: 170px;
	left: 270px;
}

#TPnls132 a:link {
	display: block;
	height: 265px;
	width: 170px;
}

#TPnls132 a:hover {
	display: block;
	height: 265px;
	width: 170px;
}	


#TPnls133 {
	display: block;
	position: absolute;
	top: 110px;
	height: 315px;
	width: 170px;
	right: 144px;
}

#TPnls133 a:link {
	display: block;
	height: 315px;
	width: 170px;
}

#TPnls13 a:hover {
	display: block;
	height: 315px;
	width: 170px;
}

#TPnls134 {
	display: block;
	position: absolute;
	top: 55px;
	height: 370px;
	width: 170px;
	right: 30px;
}

#TPnls134 a:link {
	display: block;
	height: 370px;
	width: 170px;
}

#TPnls134 a:hover {
	display: block;
	height: 370px;
	width: 170px;
}

#YPnls131 {
	display: block;
	position: absolute;
	top: 195px;
	height: 160px;
	width: 210px;
	left: 24px;
}

#YPnls131 a:link {
	display: block;
	height: 160px;
	width: 210px;
}

#YPnls131 a:hover {
	display: block;
	height: 160px;
	width: 210px;
}

#YPnls132 {
	display: block;
	position: absolute;
	top: 120px;
	height: 160px;
	width: 260px;
	left: 162px;
}

#YPnls132 a:link {
	display: block;
	height: 160px;
	width: 260px;
}

#YPnls132 a:hover {
	display: block;
	height: 160px;
	width: 260px;
}

#YPnls133 {
	display: block;
	position: absolute;
	top: 80px;
	height: 160px;
	width: 320px;
	right: 28px;
}

#YPnls133 a:link {
	display: block;
	height: 160px;
	width: 320px;
}

#YPnls133 a:hover {
	display: block;
	height: 160px;
	width: 320px;
}

	
	
/*設置型ここまで*/


.scrolltb.hanbai +ul li{
	font-size: 17px;
	font-weight: bold;
	margin-top: 12px;
	list-style-position: inside;
	list-style-type: disc;
	color: #000;
	}

#ZaishitsuSpec {
	font-size: 14px;
	margin-bottom: 40px;
	padding: 40px;
	background-color: #FDFCFB;
	border: 1px dotted #C1C1C1;
	}
	
#ZaishitsuSpec p strong{
	font-size: 18px;
	display: block;
	padding: 4px;
	margin-bottom: 8px;
	text-align: center;
	color: #000;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D71920;
	border-bottom-color: #D71920;
	}

#ZaishitsuSpec table{
	width: 100%;
	margin-top: 12px;
	text-align: center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	}

#ZaishitsuSpec th{
	background-color: #DCDCDC;
	width: 33%;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	}
	
#ZaishitsuSpec table tr .adjust{
	background-color: #FFFFFF;
	border-left-style: none;
	}
	
#ZaishitsuSpec table tr .common{
	background-color: #DCDCDC;
	border-left-style: dotted;
	}
	
#ZaishitsuSpec table tr td{
	background-color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	}
	
	
#ZaishitsuSpec table tr .poly{
	background-color: #FFFFFF;
	border-left-style: dotted;
	font-weight: bold;
	}
	
#ZaishitsuSpec table tr .dmy{
	border-left-style: none;
	background-color: #DCDCDC;
	border-bottom-style: none;
	}
	
#ToumeiSettiT{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: 440px;
	width: 700px;
	background-image: url(../03img/panel900.jpg);
	background-repeat: no-repeat;
}

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

/*3連キャスターパラパラ*/

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


#ToumeiCaster3renPhoto #ToumeiCas3Img:hover {
	background-image: url(../03img/casterpanel3ren_on.jpg);
	background-repeat: no-repeat;
}

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

.hideParapara{
	display: none;
}

.hideParapara#ToumeiCas3 {
	display: none;
}

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

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

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


/*衝立キャスターパラパラ*/

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


#ToumeiCasterTsuitatePhoto #ToumeiCasterTsuitateImg:hover {
	background-image: url(../03img/castertsuitate_on.jpg);
	background-repeat: no-repeat;
}

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

.hideParapara#ToumeiTsui {
	display: none;
}
	

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


	


@media screen and (max-width: 953px){
/*	.Pnl a:hover{
	border: none;
	filter: Alpha(opacity=0);
	opacity:0;
}
*/	}





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



.toumei-photo{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: auto;
	width: 100%;
}

.scrolltb thead .pname{
	height: 56.4px;
	box-sizing:border-box;
	padding-top: 18px;
	}

#ToumeiPanel .scrolltb.hanbai thead tr .pname{
	height: auto;
	padding-top: 8px;
	}


#TPanel234 {
	font-size: 16px;
	left: 3%;
	top: 38%;
} 


#TPanel235 {
	font-size: 16px;
	left: 40%;
	top: 60%;
}

#TPanel230 {
	font-size: 16px;
	right: 38%;
	top: 11%;
}

#TPanel231 {
	font-size: 16px;
	top: 11%;
	left: 24%;
}   


#Pnls234 {
	left: 2%;
	top: 48%;
	height: 47%;
	width: 15%;
}

#Pnls234 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#Pnls234 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}


#Pnls235 {
	left: 21%;
	top: 55%;
	height: 40%;
	width: 30%;
}

#Pnls235 a:link {
	display: block;
		height: 100%;
	width: 100%;

}


#Pnls235 a:hover {
	display: block;
		height: 100%;
	width: 100%;

}

#Pnls230 {
	right: 2%;
	top: 1%;
	height: 42%;
	width: 44%;
}

#Pnls230 a:link {
	display: block;
	height: 100%;
	width: 100%;

}


#Pnls230 a:hover {
	display: block;
	height: 100%;
	width: 100%;

}

#Pnls231 {
	top: 3%;
	height: 42%;
	width: 28%;
	left: 22%;
}

#Pnls231 a:link {
	display: block;
	height: 100%;
	width: 100%;

}


#Pnls231 a:hover {
	display: block;
	height: 100%;
	width: 100%;

}

/*設置型ここから*/
#TPanel130{
	font-size: 16px;
	left: 3%;
	top: 52%;
	}
	
#TPanel131{
	font-size: 16px;
	left: 21%;
	top: 39%;
	}
	
	
#TPanel132{
	font-size: 16px;
	left: 38%;
	top: 27%;
	}
	
#TPanel133{
	font-size: 16px;
	left: 55%;
	top: 15%;
	}
	
#TPanel134{
	font-size: 16px;
	left: 72%;
	top: 3%;
	}
	
#YPanel131{
	font-size: 16px;
	left: 4%;
	top: 33%;
	}
	
	
#YPanel132{
	font-size: 16px;
	left: 24%;
	top: 16%;
	}
	
#YPanel133{
	font-size: 16px;
	left: 50%;
	top: 8%;
	}
	
#TPnls130 {
	top: 60%;
	height: 40%;
	width: 25%;
	left: 4%;
}

#TPnls130 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls130 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls131 {
	top: 49%;
	height: 50%;
	width: 25%;
	left: 21%;
}

#TPnls131 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls131 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls132 {
    top: 36%;
    height: 62%;
    width: 25%;
    left: 38%;
}

#TPnls132 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls132 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}	


#TPnls133 {
	top: 25%;
	height: 72%;
	width: 25%;
	left: 56%;
	
}

#TPnls133 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls13 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls134 {
	top: 13%;
	height: 85%;
	width: 25%;
	left: 72%;
}

#TPnls134 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#TPnls134 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls131 {
	top: 45%;
	height: 38%;
	width: 31%;
	left: 3%;
}

#YPnls131 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls131 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls132 {
	top: 28%;
	height: 38%;
	width: 37%;
	left: 24%;
}

#YPnls132 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls132 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls133 {
	top: 18%;
	height: 38%;
	width: 46%;
	left: 50%;;
}

#YPnls133 a:link {
	display: block;
	height: 100%;
	width: 100%;
}

#YPnls133 a:hover {
	display: block;
	height: 100%;
	width: 100%;
}	
	
	
/*設置型ここまで*/


.scrolltb.hanbai +ul li{
	font-size: 14px;

	}
	
#ToumeiCaster3ren .scrolltb tbody tr td br,#ToumeiCasterTsuitate .scrolltb tbody tr td br{
	display: none;
	}
	
/*3連キャスターパラパラ*/
	
	
#ToumeiCaster3renPhoto,#ToumeiCasterTsuitatePhoto,#ToumeiSettiT,#ToumeiSettiY{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: auto;
	width: 100%;
	background-size: contain;
}


#ToumeiCaster3renPhoto #ToumeiCas3Img:hover, #ToumeiCasterTsuitatePhoto #ToumeiTsuitateImg:hover{
	background-image: none;
}

#ToumeiCas3,#ToumeiTsui{
	width: 100%;
	height: auto;
	background-size: auto 100% ;
	}	
	
 /*テーブルのデータが少ない場合*/  
 
 
#ToumeiCaster3ren .scrolltb tbody tr,#ToumeiCasterTsuitate .scrolltb tbody tr{
	width: 100%;
}

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


#ZaishitsuSpec {
	padding: 20px;
	}
	
#ZaishitsuSpec table{
	font-size: 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;
}

	
	}