@charset "UTF-8";

div.container {
    width            : 700px;
    margin           : 5px auto;
    padding          : 0;
    background-color : #000000;
    background-color : rgba(0, 0, 0, 0.8);
}

div.container h1 { margin : 40px 0 10px 50px; }

div.contents {
    width       : 70%;
    margin      : 0 auto;
    font-family : 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ 明朝', 'MS Mincho', serif;
    color       : #fffcdb;
    font-size   : 12px;
    line-height : 1.5;
}

div.contents h2    { font-size : 12px; font-weight : normal; }
div.contents hr    { height : 1px; border : 0; background-color : #fffcdb; color : #fffcdb; }
div.contents dl dt { float: left; width : 6em; }
div.contents dl dd { margin-left : 6em; }
div.contents a     { color : #fffcdb; text-decoration : underline; }
div.contents p     { color : #fffcdb; }
div.profile        { margin : 2.5em 0; }
div.profile span   { display : inline-block; vertical-align : top; margin : 0 0 0 0.5em; }
div.profile ul     { margin : 0.5em 0 0 0; padding : 0 0 0 1em; }
div.profile ul li  { margin : 0.25em 0; }
div.eoc            { margin-bottom : 40px; }

@media screen and (max-width:700px) {
	div.container { width : 98%; }
}

@media screen and (max-width:541px) and (max-width:650px) {
	div.contents { width : 80%; }
}

@media screen and (max-width:550px) {
	div.contents { width : 90%; }
	div.container h1 { margin : 20px 0 10px 20px; }
}