@charset "shift_jis";
/* CSS Document */



#contents .volume{
	overflow:hidden;
	margin:1em 0 2em 2em;
}

#contents .volume > dl{
	display: block;
    float: left;
    margin: 0 1em;
    width: 45%;
}

#contents .volume > dl dt{
	font-weight:700;
}

#contents .volume > dl dd{
	margin-left:1em;
	margin-bottom:1em;
}

#contents .volume > dl dd figure{
	margin:0;
}

#contents .volume > dl dd figure figcaption{
	margin-bottom:0.5em;
}

#contents div.box_info_area dl dd ul{
	margin:2em;
}


#contents dl.lock{
	margin-left:2em;
}

#contents dl.lock dt{
	
	font-weight:700;
}

#contents dl.lock dd{
	margin: 0.5em 0;
}

#contents dl.lock dd ol{
	margin-left: 1.4em;
    margin-bottom: 1em;
}

/* infotable */
#contents div.table_area{
	margin-left: 15px;
	text-align:center;
}

#contents div.table_area > img{
	float:right;
}


#contents table.infotable{
	width: 68%;
	margin:0 1.5em 2em 1em;
	text-align:left;
}


#contents table.infotable th{
	text-align:left;
	width: 35%;
	padding: 10px 8px;
	color: #000;
	border: 1px solid #d2d2db;
	text-align:center;
}

#contents table.infotable td{
	padding: 10px 8px;
	border: 1px solid #d2d2db;
}


#contents table.infotable tr:first-child th{
	background:#e1ebfe;
}


@media (max-width: 640px){

#contents dl.lock{
	margin-left:0.5em;
}


#contents dl.lock dd ol{
	margin-left: 1.5em;
}


#contents div.box_info_area dl dd ul{
	margin: 3em 0 1em 0;
}

#contents div.box_info_area dl dd ul li{
	margin-bottom:1em;
}


#contents div.table_area{
	margin-left: 0;
}


#contents div.table_area img{
	float:none;
}

#contents table.infotable{
	width: 98%;
	margin:0 0 2em 0;
}


}