@charset "UTF-8";
@import "../../css/style.css";

div#contents div.date { margin: 10px 5px; text-align: right; }
div#contents div#alpha { margin: 0 0 10px 0; width: 420px; float: left; }
div#contents div#alpha img { margin: 0 0 10px 0; width: 420px; height: 420px; background: #eee; }
div#contents div#beta { width: 560px; float: right; }
div#contents div.targetArea { margin: 0 0 10px 0; width: 100%; }
div#contents div.targetArea strong {}
div#contents div.targetAreaImage { margin: 0 0 10px 0; width: 320px; float: left; }
div#contents div.targetAreaImage img { width: 320px; height: 320px; background: #eee; }
div#contents div.note { padding: 10px; width: 200px; border: solid 1px #333; float: right; }
div#contents div.note strong { margin: 0 0 5px 0; display: block; }
div#contents div.note ul { margin: 0; padding: 0; list-style: none; }
div#contents div.note li.level01 span { color: #1072bd; }
div#contents div.note li.level02 span { color: #1aaf54; }
div#contents div.note li.level03 span { color: #fffd38; }
div#contents div.note li.level04 span { color: #fffd38; }
div#contents div.note li.level05 span { color: #f5964f; }
div#contents div.note li.level06 span { color: #fc0d1b; }
div#contents img.level { margin: 0 0 10px 0; }
div#contents div.dispOption { padding: 15px; background: #cbdedc; text-align: center; }
div#contents div.dispOption label { margin: 0 0.5em; font-size: 95%; }
div#contents div.dispOption label input { margin: 0 0.3em 0 0; }
div#contents div.dispOption div.button { margin: 10px 0 0 0; }
div#contents div#gamma { width: 340px; text-align: center; float: left; }
div#contents div#delta { width: 640px; float: right; }


div#contents select#itemSelect { margin: 10px 0 0 0; }
div#contents div.note { width: 140px; }
div#contents div#beta { width: 440px; float: right; }
div#contents img.level { width: 440px; height: auto; }
div#contents div#gamma { padding: 20px 0 0 0; }
div#contents div#delta { margin: 20px 0 0 0; }