@charset "shift_jis";



body,html {
	height: 100%;
	width: 100%;
	 font-size: 14px; 
}
body {
	color: #CCCCCC;	/*全般の文字色*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#2F302C ;
	font-family: 'M PLUS Rounded 1c', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2;
}
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	line-height:2.4;
}
p{
    margin-bottom:1em;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
em{
color: #FFFFFF;
font-weight: bold;
font-style: normal;
}

/* ゲームページ下のみ */

.fl {
	float: left;
}
/* ゲームページ下のみ */
.fr {
	float: right;
}
.color1 {
	color: #f17c30;
}
.center{
    text-align:center;
}
.right{
    text-align:right;
}
.clearthis{clear:both;}

table{table-layout:fixed; border-collapse:collapse; empty-cells:show;}

.mb60{margin-bottom:60px;}
.mb120{margin-bottom:120px;}
.mb150{margin-bottom:150px;}

.ml150{margin-left:65px}


/*ランクリスト　マークなし、　左寄せ
---------------------------------------------------------------------------*/
ul.listrank {
	padding: 0.5em 0em 0em 10px;
}




/*コンテナー
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 100%;
	height: 100%;
	background: url(../images/bg_flat.jpg) repeat-x top;	/*背景壁紙（ヘッダーとヘッダー下の点線）*/
}



/*全般のリンク設定
---------------------------------------------------------------------------*/
#contents a {
	color: #FFFFFF;	/*リンクの文字色*/
	padding-bottom: 3px;
}
#contents a:hover {
	color: #e67168;	/*カーソルオーバー時の文字色*/
	position: relative;
	left: 1px;	/*オーバー時に左から1px移動する設定*/
	top: 1px;	/*オーバー時に上から1px移動する設定*/
}

/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	height: 104px;
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header #siteName h1 a{
    position: absolute;
	left: 10px;	
    text-decoration: none;
    font-size:2em;
    font-weight: normal;
    color: #FFF;	
    letter-spacing: 0.2em;	
}
#header #siteName h1 a hover{
   position: relative;
	text-decoration: none; 
	color:#000000;
}

/*以下　もとの
---------------------------------------------------------------------------*/

/*ヘッダーのロゴ位置設定*/
#header #logo {
	position: absolute;
	left: 0px;		/*ヘッダーブロックに対して左から0pxの位置に配置*/
	bottom: 10px;	/*ヘッダーブロックに対して下から10pxの位置に配置*/
}

/*ヘッダーのh1タグの設定*/
#header h1 {
	font-size: 10px;	/*文字サイズ*/
	font-weight: normal;
	color: #656565;		/*文字色*/
	text-align:right;
/*	padding-right:140px;*/
}



/*右上メニュー
---------------------------------------------------------------------------*/
ul#menu {
	position: absolute;
	right: 20px;
	bottom: 0px;
	height: 60px;
	text-align:center;
	font-size:1em;
}
ul#menu li {
	float: left;
	width:100px;
}

ul#menu img {
	vertical-align: bottom;
}

ul#menu li a {
	display: block;
	position: relative; /* IE6用 */
	text-decoration: none; 
	color:#FFFFFF;
	
}
ul#menu li a:hover{
	position: relative;
	text-decoration: none; 
	color:#000000;
}
/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	clear: left;
}



/*mainとsubを囲むボックス
---------------------------------------------------------------------------*/
#wrap {
	float: left;
	width: 685px;
	min-height: 550px;

}


/*h2タグの装飾設定
---------------------------------------------------------------------------*/
#contents h2 {
	background: url(../images/midashi_fl_bg.jpg) no-repeat;
	font-size: 100%;
	color: #FFFFFF;	/*文字色を白色に*/
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 0.2em;	/*文字間隔を少し広げる*/
	clear: both;
}


/*メインコンテンツ（中央ボックス）
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 660px;
}
#main a{color:#e26562;text-decoration: none; }
#main a:hover{color:#FFFFFF;text-decoration: none; }

/*サイドコンテンツ（右側ボックス）
---------------------------------------------------------------------------*/
#side {
	float: right;
	width: 300px;
}




/*フッター（最下部コピーライト部分）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top:10px;
	padding-top: 40px;
	padding-bottom: 300px;
	background: #313131;
	padding-bottom: 20px;
	letter-spacing: 0.2em;	/*文字の間隔を少し広げる*/
	font-size: 80%;
}


/*game_list(topページ）
---------------------------------------------------------------------------*/

.top_gamelist {margin:20px 0px;}
.top_gamelist img {margin:0 0 10px 10px; border:1px dashed #656565; padding:4px;}


/*dashed line
---------------------------------------------------------------------------*/

.dashed_line {margin:0 40px 6px 10px; border-bottom:1px dashed #656565;padding:0}

/*dashed frame
---------------------------------------------------------------------------*/

.boxframe {border:1px dashed #656565; padding:4px;}

/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	margin-right:80px;
	margin-left: auto;
	padding: 10px;
}

#main dt {
	font-weight: italic;
	border-bottom: 1px dashed #656565;
}

#main dd {
	border-bottom: 1px dashed #656565;
}

/*SocialBtn
---------------------------------------------------------------------------*/



.social_btn { 
margin: 10px 0px 0px 0px; 
padding: 0px; 
/*
width:486px; 
-*/
}


.social_btn .facebook { 
float: left; 
margin: 0px 10px 0px 0px; 
padding: 0px; 
display: inline; 
width: 120px; 
}

.social_btn .twitter { 
float: left; 
margin: 0px 10px 0px 0px; 
padding: 0px; 
display: inline; 
width: 120px; 
}

.social_ad
{float: left; 
margin: 0px 10px 0px 0px; 
padding: 0px; 
display: inline; 

}