TD {font-size:10pt;line-height: 130%} 
.kakaku { font-size: 16px; font-weight: bold; color: #FF6600} 
.tyuui {font-size: 8pt;line-height: 110%; color: #FF3333} 
.tyuui2 { font-size: 8pt;line-height: 110%; color: #003399} 
a:HOVER { color: #FF6600}
.kyotyo {  font-size: 10pt; font-weight: bold}
.title { font-size: 12pt; font-weight: bold}
#script	{ font-size: 1.1em; text-align: center; margin: 0px 0px 5px 0px; padding: 3px 0px; font-weight: bold; color: red; }

.img_box DT a{ border:solid 1px #ccff66;display:inline-block;}
.img_box DT a:hover{ border:solid 1px #FF6600;}
.img_box DT img{ border:solid 1px #ccff66;}

br.ads-mobile {display: none;}
.boxWrap {overflow: hidden;vertical-align: middle;}
.box_item {width: 33%;float: left;text-align: center;font-size:10pt;height: 320px;}

h1{margin:0;padding:0;}

div#login_msg{text-align: center; color:#FF0000;margin:10px 40px ;padding: 5px 0px; background-color:#ffffcc; border: 2px #339900 solid;font-size:10pt;}

#itemimgbox {
	overflow: hidden;
}
#nextimgbox, #previewimgbox, #previmgbox {
	height: 340px;
	float: left;
	text-align: center;
}
#nextimgbox, #previmgbox {
	width: 75px;
	position: relative;
}
#nextimgbox a, #previmgbox a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	font-size: 60px;
}
#previewimgbox {
	width: 100%;
	margin-left: -5pc;
	margin-right: -5pc;
	line-height: 340px;
	vertical-align: middle;
}
#previewimgbox img {
	vertical-align: middle;max-width: calc(100% - 2px);
}

@media screen and (max-width: 640px) {
	br.ads-mobile {display: block;}
	.box_item {width: 100%;}

	div#login_msg{margin:10px auto;width:96%;}

	#nextimgbox, #previmgbox {
	width: 7%;
}
	#nextimgbox a, #previmgbox a {
	width: 100%;
	height: 20%;
	top: 40%;
	left: 0;
	margin-left: 0;
	margin-top: 0;
}
	#previmgbox a {
	background: silver url(/file/Outside/contents/sp/arrow_left_mb.png)no-repeat center;
}
	#nextimgbox a {
	background: silver url(/file/Outside/contents/sp/arrow_right_mb.png)no-repeat center;
}
	#nextimgbox img, #previmgbox img {
	display: none;
}
	#previewimgbox {
	width: 86%;
	margin: 0;
}
	#previewimg {
	max-width: 95%!important;
	height: auto;
	margin: 0 auto;
}

}