@charset "shift_jis";
.mov  {
	display: block;
	margin-bottom: 30px;
}
.mov .info {
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.mov H4  {
	margin-bottom: 15px;
}
.mov .jkt {
	width: 695px;
	display: block;
	margin: 0 auto 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mov H4 {
	background-color: #EEE;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px 15px 3px;
	margin-bottom: 5px;
}
.mov H5 {
	text-align:center;
	font-size: 150%;
	border-bottom: #666666 solid 1px;
	margin-bottom: 8px;
	margin-right: 50px;
	margin-left: 50px;
}
.mov DL {
	display: block;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 30px;
}
.mov DL DT {
	padding-left: 15px;
	display: block;
	width: 80px;
	float: left;
}
.mov DL DD {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	padding-left: 100px;
}
.visual {
	margin-bottom: 15px;
}
.visual h4  {
	margin-bottom: 15px;
	clear: both;
}
.visual .jkt {
	width: 245px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 100px;
}
.visual h5 {
	float: left;
	display: block;
	background-color: #EEE;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px 15px 3px;
	margin-bottom: 10px;
	width: 375px;
	margin-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual DL {
	float: left;
	width: 375px;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual DL DT {
	padding-left: 15px;
	display: block;
	width: 70px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual DL DD {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	padding-left: 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual4th {
	clear: right;
}
.visual4th .jktbox {
	float: right;
	font-size: 80%;
	background-color: rgba(255,255,255,1.00);
	padding: 10px;
	margin-left: 15px;
	text-align: right;
	line-height: 150%;
	max-width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual4th .jktbox img {
	margin-bottom: 2px;
}
.visual4th .jktbox .jkt_an {
	margin-top: 10px;
}


.visual4th dl {
	padding-top: 1em;
	padding-left: 30px;
}

.visual4th h5 {
	background-color: rgba(255,255,255,1.00);
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
	line-height: 100%;
	margin-bottom: 1em;
	margin-left: -15px;
}
.visual4th dl dt {
	width: 6em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1em;
	display: block;
	float: left;
}
.visual4th dl dd {
	padding-left: 8em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted rgba(181,181,181,1.00);
}
.visual4th .tokutenbox {
	background-color: rgba(255,255,255,1.00);
	border: 3px double rgba(0,0,0,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	margin-top: 3em;
}
.visual4th .tokutenbox p {
	font-size: 120%;
	font-weight: bold;
	padding-left: 1em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid rgba(81,81,81,1.00);
	margin-bottom: 10px;
}
.visual4th .tokutenbox img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}









@media screen and (max-width:640px){
/*BDDVD*/
.visual .jkt {
	display:block;
	width: 245px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.visual h5 {
	clear:both;
	float: none;
	display: block;
	width: 100%;
}
.visual DL {
	float: none;
	width: 100%;
}
.visual DL DT {
}
.visual DL DD {
}

/*�����*/
.mov  {
}
.mov .info {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 120%;
}
.mov H4  {
	margin-bottom: 15px;
}
.mov .jkt {
	max-width: 100%;
	margin-bottom: 15px;
}
.mov H4 {
	font-size: 120%;
	line-height: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 5px 15px 3px;
}
.mov DL {
	margin-right: 5px;
	margin-left: 5px;
}
.mov DL DT {
	padding-left: 15px;
	display: block;
	width: 80px;
	float: left;
}
.mov DL DD {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	padding-left: 100px;
}

/*��3��*/
.visual4th .jktbox {
	float: none;
	font-size: 80%;
	padding: 10px;
	margin-left: 0px;
	text-align: center;
	line-height: 150%;
	margin-right: 0px;
	margin-bottom: 5px;
	max-width: 100%;
}
.visual4th .tokutenbox {
}

}

@media screen and (min-width:641px) and (max-width:800px){
.visual4th .tokutenbox {
	width: 50%;
	margin-left: 30px;
}
}

@media screen and (min-width:801px) and (max-width:1200px){
.visual4th .tokutenbox {
	width: 50%;
	margin-left: 30px;
}

}

@media screen and (min-width:1201px){
.visual4th .tokutenbox {
	width: 50%;
	margin-left: 30px;
}

}