body{
	background:white;
	max-width: 1000px;
	margin: auto;
	line-height: 1.6;
}

strong{
	color:red;
}

!div.title{
	color:#2030e0;
	background:#B0D0FF;
	font-size:120%;
	padding:3mm;
	! margin:2mm;
	margin:0mm 0mm 2mm 0mm;
	font-style:italic;
	font-weight:bold;
}

h2{
	!color:#1E90FF;
	!color:black;
	!color:#6060FF;
	color:#23651c;
	font-style:italic;
	font-weight:bold;
	!background:#E0E0FF;
	!background:#FFD0B0;
	background:#9cb66d;
	padding:3mm 3mm 0mm 0mm;
	margin:5mm 0mm 5mm 0mm;
}
!h3{
	color:#23651c;
	background:#9cb66d;
	font-size:120%;
	padding:3mm;
	! margin:2mm;
	margin:0mm 0mm 2mm 0mm;
	font-style:italic;
	font-weight:bold;
}
!h4{font-size:x-small;text-decoration:underline;}
!ul{
padding:0; /*デフォルトの指定解除*/
border:3px solid #2a77e0; /*ul全体の境界線を指定*/
background: #d3e6ff; /*背景色を指定*/
}
li{
padding:5px;
}
pre{
	color:#b03030;
	!background:#E0E0FF;
	padding:1mm 1mm 1mm 7mm;
	margin:3mm;
	!font-weight:bold;
}
.message {
    position: relative;
}
.message span.remark {
    display: none;
}
.message a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    width: 12em;
}
.profile {
    display: flex;
    flx-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.profile img {
    width: 140px;
    margin-left: auto;
    margin-right: 20px;
}