﻿*{
	font-size:100%;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height:1.4;
	box-sizing: border-box;
	-webkit-text-size-adjust: auto;
	overflow:hidden;
}

html{
	font-family:"メイリオ","ヒラギノ角ゴ ProN W3";
	font-size: 13px;
	color: #eee;
	margin-top:10px;
	background-color:#222;
	overflow-y:scroll;
}

h1{
	float : left ;
	font-family:Impact,Charcoal;
	font-size:40px;
}

h2{
	font-size:105%;
	margin : 1px;
	padding: 4px 7px;
	height:28px;
	border:1px solid #eee;
}

h3{
	float:left;
	margin : 1px;
	padding: 4px 7px;
	width:394px;
	height:28px;
	border:1px solid #eee;
}

b{
	font-weight: bold;
}

p{
	margin: 5px 10px 10px;
}

img{
	border : 1px solid #eee;
}

a:link,a:visited{
	color: #eee;
}

a:hover{
	color:#d40;
}

div#wrap{
	width : 860px;
	margin :  0px auto;
}

.body{
	float:left;
	margin : 1px;
	border : 1px solid #eee;
}

/* ヘッダー */
header,nav{
	overflow:hidden;
}

nav li{
	float : left ;
	list-style-type: none;
}

header h1 a{
	display:block;
	width : 594px;
	height : 56px;
	margin : 1px;
	padding-left:10px;
	border : 1px solid #eee;
}

nav{
	float : right ;
	width : 264px;
	height : 100%;
}

nav div.col{
	margin : 1px;
	width : 262px;
	height : 26px;
	border : 1px solid #eee;
}

nav a{
	display:block;
	font-size:110%;
	width:86px;
	height:28px;
	margin:1px;
	padding:4px 0 0 8px;
	border : 1px solid #eee;
}

header a:hover{
	color : #eee;
	background-color:#d40;
}

/* ゲームリスト */

div#content{
	float : left ;
	width : 570px;
}

div#content a.img{
	float : left ;
	width:172px;
	height:142px;
	margin : 1px;
	background-color : #fff;
}

div#content img:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

div#content div.body{
	width : 394px;
	height : 112px;
}

div#content hr{
	border : 1px solid #eee;
}

/* サイドバー */
div#sidebar{
	float : right;
	width : 290px;
	overflow:hidden;
}

div#sidebar .body{
	float : right;
	width : 288px;
}

div#sidebar .site{
	height:170px;
}

div#sidebar img{
	float : right;
	width : 288px;
	height : 82px;
	margin:1px;
}

div#sidebar .katsudou{
	height:300px;
}

div#sidebar .koushin{
	font-size:95%;
	height : 568px;
	overflow-y:scroll;
}

a.left{
	float:left;
	margin : 1px;
	padding: 4px 7px;
	width:143px;
	height:28px;
	border:1px solid #eee;
	text-align:center
}

a.right{
	float:right;
	margin : 1px;
	padding: 4px 7px;
	width:143px;
	height:28px;
	border:1px solid #eee;
	text-align:center
}

/* ゲーム画面 */

article#game h2{
	text-align:center;
}

article#game .body{
	text-align:center;
	width:858px;
	padding:20px 0;
}

/* フッター */

div#foot{
	text-align : center;
}

div#foot font.hint{
	color:#222;
}

/* リンクページ */
div#link div.cate1{
	float : left;
	margin : 1px;
	padding : 2px 0px 0px 5px;
	width : 180px;
	height : 187px;
	border : 1px solid #eee;
}

div#link div.cate2{
	float : left;
	margin : 1px;
	padding : 2px 0px 0px 5px;
	width : 180px;
	height : 160px;
	border : 1px solid #eee;
}

div#link div.cate3{
	float : left;
	margin : 1px;
	padding : 2px 0px 0px 5px;
	width : 180px;
	height : 133px;
	border : 1px solid #eee;
}

div#link div.com{
	float : left;
	margin : 1px;
	padding : 2px 0px 0px 5px;
	width : 474px;
	height : 25px;
	border : 1px solid #eee;
}

div#link a{
	float : left;
	margin : 1px;
	padding : 2px 0px 0px 5px;
	width : 200px;
	height : 25px;
	border : 1px solid #eee;
}

div#link a:hover{
	color : #eee;
	background-color:#d40;
}
