body
{
background-image:url("haikei5.jpg");
background-repeat: repeat;

font-family : Arial,'Meiryo',sans-serif ;
color:#ccbdbd;
font-size:14px;

text-align:center;
}


div.body
{
background-color:black;
background-image:url("bg_sima.jpg");
background-repeat: repeat;
width:900px;

margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
text-align:center;
}


div.game_desc
{
margin-left: 15%;
margin-right: 15%;
margin-top:20px;
margin-bottom:40px;
text-align: left;
}

div.about
{
margin-left: 70px;
margin-top:20px;
margin-bottom:60px;
text-align: left;
}

div.plain
{
margin-left: 20px;
text-align: left;
}


div.lbb
{
text-align:center;
margin:30px auto;
}


table.profile
{
font-size: 100%;
border-spacing: 10px 3px;
}

td{
border: solid 1px #880000;
padding:3px 10px;
}

td.km{
text-align:right;
}




div.flexcont
{
display:inline-flex;
}

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

	div.maincont_ico
	{
	text-align:center;
	margin:5px;
	margin-bottom: 20px;
	width: 360px;
	}

	div.maincont_text
	{
	text-align:left;
	margin-top: 10px;
	margin-left: 50px;
	}


	div.newsbody
	{
	text-align:left;
	margin:10px;
	width: 600px;
	}

	div.newsimg
	{
	padding-top: 20px;
	}

	div.menuimg
	{
	width:240px;
	margin:10px;
	}

	div.menubody
	{
	margin:10px;
	padding-top: 20px;
	width: 500px;
	text-align:left;
	}


div.eu_story
{
background-image:url("game/eugene/story_bg.png");

background-repeat: no-repeat;
background-position: right top;

margin-top:20px;
margin-bottom:20px;
}


div.spacer
{
height:50px;
}



p.genre{
margin-bottom:10px;
color:#ccbdbd;
font-size: 90%;
}

p.mainlink{
margin:2px;
margin-left: 30px;
font-size: 120%;
font-weight: bold;
}

a.sozailink
{
text-align: left;
//margin-left: 40px;
padding:5px;
font-size: 150%;
font-weight: bold;
background-color:#301500;
}

p.midasi
{
text-align: left;
color:#ffd7aa;
font-weight: bold;
margin-top:0px; 
margin-bottom:0px;
padding: 3px;
padding-left: 30px;
font-size: 160%;
background-image:url("midasi.png");
background-repeat: no-repeat;
}

p.midasi_year
{
font-weight: bold;
text-align: left;
color:#ffd7aa;
margin-top:20px; 
margin-bottom:20px;
padding: 3px;
padding-left: 40px;
font-size: 120%;
background-image:url("midasi.png");
background-repeat: no-repeat;
}


p.ko_midasi
{
text-align: left;
width:60%;
font-weight: bold; 
margin-bottom:40px;
margin-top:20px;
margin-left: 40px;
color:#ffd7aa;
font-size: 130%;
border-bottom:solid 1px #800000;
}



p.cg_nendai
{
text-align: left;
margin-top:15px;
margin-bottom:1px;
color:#ccbdbd;
width:10%;
}

p.newstitle{
color:#ece2e2;
font-weight: bold; 
font-size: 120%;
margin: 10px;
}


p.newsdate{
color:#ccbdbd;
font-size: 90%;
margin: 5px;
}




p.gametitle
{

text-align:center;
background-repeat: no-repeat;
background-position: center center;

padding-top:10px;
color: #ffffff;
margin-bottom:20px;
margin-top:20px;
font-size:150%;
font-weight: bold;
}

p.dl
{
text-align:center;
background-image:url("game/dlbg.png");
background-repeat: no-repeat;
background-position: center center;

margin-left:20%;
margin-right:20%;
padding-top:30px;
height:60px;

margin-bottom:20px;
margin-top:20px;
font-size:180%;
font-weight: bold;
}



p.wakesenb
{
text-align:left;
background-image:url("wakesen2.png");
background-repeat: no-repeat;
background-position: left center;
margin-left:20px;
margin-bottom:5px;
margin-top:5px;
}


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

a:link { color: #ff9900; }
a:visited { color: #dd6060; }
a:hover { color: #ffffff; }
a:active { color: #ffff00; }

a.top:hover img 
{
background-image:url("mouseover.png");
}

a.shop:hover img 
{
background-color: #6b3400;
}


img.icosage
{
vertical-align:-3pt;
}


ul
{
list-style: square;
}

li
{
margin-top: 10px;
}


ul.hot
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content:space-around;
}

	.hot li
	{
		background: #ffa861;
	}

	.hot img{
		display: block;
		opacity: 1;
		transition: .1s;
	}
	.hot img:hover
	{
		opacity: 0.5;
		transition: .1s;
	}