body{
color:#e4dfcd;
text-align:center;
line-height: 140%;
background-color:#050545;
background-image: url("bg.jpg");
background-repeat: repeat-y;
background-position: center top;

font-family : Arial,'Meiryo',sans-serif ;
font-size:14px;
}



div.body
{

margin-left:auto;
margin-right:auto;

width:900px;
margin-top:10px;
margin-bottom:10px;
text-align:left;


background-color:rgba(0,0,0,0.9);


}



div.description
{
text-align: left;
margin :20px;
margin-left: 10%;
margin-right: 60px;
}


div.flexcont
{
display: inline-flex;
flex-wrap:wrap;
width: 860px;
margin: 20px;
justify-content:center;
}

div.box
{
width: 360px;
margin: 30px;
margin-top: 20px;
text-align: center;
}

div.boxtext
{
text-align: left;
margin-left: 10%;
margin-top: 10px;
font-size: 90%;
}


p.title{
margin:0px auto 10px;
padding:2px;
color:#804040;
font-size: 160%;
font-weight: bold;
}

p.genre{
margin:5px;
color:#bdada2;
font-size: 80%;
}



p.mainlink{
text-align: center;
font-size: 160%;
font-weight: bold;
}




p.midasi{
text-align: left;
color:#ffffff;
font-weight: bold;
margin-top:15px; 
margin-bottom:30px;
padding: 10px;
padding-left: 30px;
font-size: 160%;
background-repeat: no-repeat;
background-image:url("line.jpg");
}


p.ko_midasi{
font-weight: bold; 
margin-left: 30px;
margin-bottom:20px;
margin-top:20px;
padding: 6px;
color:#fff9d6;
font-size: 120%;
}



a
{
text-decoration: none;
font-weight: bold;
}

a:link { color: #FFB900; }
a:visited { color: #FF5959; }
a:hover { color: #ffff00; }
a:active { color: #ff8000; }

a:hover img {
	background-color: rgba(255, 0,0, .2);
}

a.maincontent
{
font-size:150%;
font-weight: bold;
}

a.maincontent2
{

font-size:100%;
}

div.warn
{
	font-size: 90%;
	text-align: right;
	margin-right: 20px;
	margin-top: 30px;

}

div.spacer
{
height:50px;
}

ul
{
list-style: square;
}

ul.review
{
font-size: 90%;
}

li
{
margin-top: 10px;
}