/*--- 共通設定ファイル ---------------------------------------------*/

/*--- 本体 ---------------------------------------------------------*/
body
{
	color				: #ffffff ;
	background-color	: #000000 ;
	background-image	: url( "data/wall.jpg" ) ;
	background-repeat	: no-repeat ;
	font-size			: 20px ;
}

body.bbsframe
{
	color				: #ffffff ;
	background-color	: #16212d ;
	background-image	: none ;
}


/*--- ゲーム本体 ---------------------------------------------------*/
.stage
{
  width: 450px;
  height: 600px;
  background: #888888;
  overflow: hidden;
}

/*--- リンク -------------------------------------------------------*/
a:link
{
	color				: #ffc0cb ;
	font-size			: 24px ;
}

a:visited
{
	color				: #00ffff ;
	font-size			: 24px ;
}

a:active
{
	color				: #e0ffff ;
	font-size			: 24px ;
}

a:hover
{
	font-size			: 24px ;
	color				: #e0ffff ;
	position			: relative ;
	top					: 1px ;
	left				: 1px ;
}

/*--- 画像共通 -----------------------------------------------------*/
img
{
	border-style		: none ;		//	枠なし
}

div.topframe
{
	text-align : center ;
}

/*--- アイコンボタン -----------------------------------------------*/
span.icon
{
	margin : 10px ;
}

/*--- タイトル画像 -------------------------------------------------*/
h1
{
	text-align : left ;
	padding-top : 5px ;
	padding-left : 10px ;
	padding-bottom : 0px ;
	border-width		: 0px ;
	margin : 0px ;
}

/*--- 標準ウィンドウ型矩形 -----------------------------------------*/
div.window
{
	border-style		: ridge ;
	border-color		: #e0f0ff ;

	background :
		-webkit-gradient( linear, left top, left bottom, from( rgba( 32, 48, 64, 0.7 ) ), to( rgba( 32, 48, 64, 0.7 ) ) ) ;

	border-width		: 6px ;
	padding				: 0em, 0em, 0em, 0em ;
	margin      	    : 0px, 0px, 16px, 0px ; /*上右下左*/
	margin-bottom  	    : 20px ;
}

/*--- 標準ウィンドウ内の見だし -------------------------------------*/
div.window h2,div.window100 h2
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.tansio.net/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size       	: 100% ;
	font-style      	: normal ;
	color           	: #ffffff ;

	margin      	    : 0em, 0em, 0em, 0em ; /*上右下左*/
	padding     	    : 0.2em, 1em, 0.2em, 1em ;
}

/*--- 標準ウィンドウ内の見だし -------------------------------------*/
div.window h2
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.tansio.net/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	text-align	: left ;
	font-size       	: 100% ;
	font-style      	: normal ;
	font-weight			: bold ;
	color           	: #ffffff ;

	border-top-style   	: none ;
	border-right-width	: none ;
	border-bottom-style	: solid ;
	border-left-width	: none ;
	border-width    	: 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color    	: #f0f0f0 ;

	margin-top			: 0em ;
	margin-right		: 0em ;
	margin-bottom		: 0em ;
	margin-left			: 0em ;
	padding-top			: 0.2em ;
	padding-right		: 0.5em ;
	padding-bottom		: 0.2em ;
	padding-left		: 1em ;

	line-height			: 120% ;
}

h3
{
	text-align			: left ;
	color				: #e0ffff ;
	font-size			: 120% ;
	font-weight			: bold ;
	font-style			: oblique ;
	margin				: 0px ;
	padding				: 0px ;
	margin				: 0px ;
}

div.header
{
	text-align : left ;
	padding-top			: 0px ;
	padding-bottom		: 8px ;
	padding-left		: 8px ;
	padding-right		: 8px ;
	margin : 0px ;
}

div.message
{
	text-align : left ;
	padding-top			: 8px ;
	padding-bottom		: 8px ;
	padding-left		: 8px ;
	padding-right		: 8px ;
}

div.gamelist
{
	text-align			: left ;
	padding-top			: 8px ;
	padding-bottom		: 8px ;
	padding-left		: 8px ;
	padding-right		: 8px ;
}

div.game
{
	text-align : center ;
	padding-bottom : 10px ;
}

div.comment
{
	width		 : 450px ;
	margin		 : auto ;
	text-align	 : left ;
	padding-left : 10px ;
}



div.copyright
{
	text-align : center ;
	padding-top			: 8px ;
	padding-bottom		: 8px ;
	padding-left		: 8px ;
	padding-right		: 8px ;
}

span.date
{
	color           	: #ffff88 ;
	font-size			: 14px ;
	font-weight			: bold ;
}

ul
{
	padding				: 0em, 0em, 0em, 0em ;
	margin      	    : 2px, 2px, 2px, 1em ; /*上右下左*/
}

li
{
	font-size			: 20px ;
	line-height			: 30px ;
	margin-top			: 10px ;
	margin-bottom		: 10px ;
	padding-top			: 6px ;
	padding-bottom		: 6px ;
}



p
{
	padding				: 4px ;
	margin      	    : 2px ;
	font-size			: 20px ;
	max-height			: 100% ;
}

p.pankuzu
{
	padding-top			: 0px ;
	margin-top     	    : 0px ;
	font-size			: 24px ;
}

p.game_comment
{
	padding				: 0em ;
	margin      	    : 0px ;
	font-size			: 80% ;
}

p.copyright
{
	text-align : center ;
}

p.game
{
	margin				: 0em ;
	padding-top			: 1em ;
	padding-bottom		: 1em ;
	font-size			: 120% ;
}

a.button
{
	display		: block ;
	margin		: 0 auto ;
	padding		: 10px ;
	width		: 150px ;
	-webkit-border-radius : 10px ;
	-moz-border-radius : 10px ;
	border-radius : 10px ;
	color		: #fff ;
	background :
		-moz-linear-gradient( top,#a2d12e,#7ca123 ) ;
	background:
		-webkit-gradient( linear, left top, left bottom, from( #a2d12e ),to( #7ca123 ) ) ;
	font-size	: 15px ;
	text-align	: center ;
	text-shadow	: 0 0 2px #8bc972 ;
	text-decoration	: none ;
	-webkit-tap-highlight-color : rgba(0,0,0,0)
}

/*--- 掲示板の項目用 ---*/
a.bbs
{
	display		: block ;
	margin-left				: 4px ;
	margin-right			: 4px ;
	margin-top				: 8px ;
	margin-bottom			: 8px ;
	padding					: 10px ;
	-webkit-border-radius	: 10px ;
	-moz-border-radius		: 10px ;
	border-radius			: 10px ;
	color					: #fff ;
	font-size				: 22px ;
	background :
		-moz-linear-gradient( top,#888888,#444444 ) ;
	background:
		-webkit-gradient( linear, left top, left bottom, from( #888888 ),to( #444444 ) ) ;
	text-shadow	: 0 0 2px #8bc972 ;
	text-decoration	: none ;
	-webkit-tap-highlight-color : rgba(0,0,0,0)
}

/*--- 掲示板プロフィール項目 ---*/
p.bbs_prof
{
	font-size	: 12px ;
	color		: #ddeeff ;
	padding-top : 0px ;
	margin-top  : 0px ;
}

/*--- 「もっと見る」用 ---*/
p.more
{
	font-size			: 24px ;
	text-align			: right ;
}


div.button_bbs
{
	background-image: url("data/button_00.gif");
	width : 64px ;
	height : 64px ;
	text-align	: center ;
	padding-top	: 10px ;
}

div.button_bbs a:hover
{
	background-image: url("data/button_01.gif");
	width : 64px ;
	height : 64px ;
	text-align	: center ;
	padding-top	: 10px ;
}

a.btntitle
{
	width : 64px ;
	height : 64px ;
	display		: block ;
	padding-top	: 20px ;
}

a.btntitle a:hover
{
	width : 64px ;
	height : 64px ;
	display		: block ;
	padding-top	: 20px ;
}

span.buttonarea
{
	margin-top : 8px ;
	padding-top : 8px ;
	padding-left : 8px ;
	padding-right : 8px ;
}






/* clearfix */
.clearfix:after {
	content: ".";/*新しい要素を作る*/
	display: block;/*ブロックレベル要素に*/
	clear:both;
	height: 0;
	visibility: hidden;
}

/*--- ５ボタンメニュー ---------------------------------------------*/
.navi_5button
{
	font-size			: 20px ;
	font-weight: bolder;
	margin-top: 10px;
	margin-left			: 0px ;
	padding-left		: 0px ;
	padding-top			: 0px ;
	padding-bottom		: 0px ;

	background-color			: #aaaaaa ;
	background					: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#666666));
}

.navi_5button ul
{
	list-style-type: none;
	display				: -webkit-box ;
}
.navi_5button li
{
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color			: #aaaaaa ;
	background					: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#666666));
	width						: 80px;
	border						: 4px solid #ffffff ;
	margin-bottom				: 0px ;
	margin-right				: 8px ;
	margin-left					: -30px ;

	color				: #aaaaaa ;
	text-align		: center ;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left			: 0px ;
}


.navi_5button a
{
	display						: block ;
	width						: 80px ;
	color						: #ffffff ;
	text-decoration				: none ;
}


/*--- 検索用 -------------------------------------------------------*/
select
{
	font-size					: 24px ;
}

input
{
	font-size					: 28px ;
}

/*--- 検索ボタン ---*/
div.search_button
{
	padding-top					: 12px ;
}

/*--- BBSアイコンリスト ---*/
p.bbs_icon
{
	padding-top					: 16px ;
	padding-bottom				: 16px ;
}

/*--- リンクリスト -------------------------------------------------*/
ul.link
{
}

ul.link li
{
	font-size : 120% ;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*--- iframe／掲示板用枠なし ---*/
iframe.bbs
{
	border-width    	: 0px ;
}

/*--- プロフィール用項目名 -----------------*/
span.prof
{
	color : #ffe0d0 ;
	font-size : 80% ;
}

/*--- 消去 -----------------------------------------*/
div.hide
{
	font-size : 0% ;
	position			: absolute ;
	top					: -4000px ;
	left				: -4000px ;
}

/*--- 掲示板ナビゲーション(フレキシブルボックス) ---*/
#nav ul
{
	display				: -webkit-box ;
	background-color	: #000000 ;
	list-style-type		:  none ;
	margin				: -10px ;
	padding				: -10px ;
}

#nav
{
	font-size			: 14px ;
}

#nav li a
{
	display				: block ;
	background-color	: #ffffff ;
	width				: 80px ;
	padding				: 6px, 0px ;
	border-right		: solid 1px #ffffff ;
	color				: #000000 ;
	text-align			: center ;
	text-decoration		: none ;
}

#nav li a:hover
{
	background-color	: #0097d8 ;
}


/*--- ゲームリスト ----------------------------------*/
div.gamelist_image
{
	float					: left ;
	padding-right			: 10px ;
}
p.game_title
{
	padding-top				: 0px ;
	margin-top				: 0px ;
	padding-left			: 0px ;
	padding-bottom			: 0px ;
	margin-bottom			: 0px ;
	color					: #ffff88 ;
	font-weight				: bold ;
	font-size				: 20px ;
}
p.game_comment
{
	padding-left			: 10px ;
	color					: #ffffff ;
	font-size				: 14px ;
}

/*--- float解除 -------------------------------------*/
div.clearfloat
{
	clear : both ;
}

/*--- レスポンシブ広告 ------------------------------*/
div.AdRes
{
	padding-top	: 10px ;
}

/*--- ジャンプページのゲームサムネイル --------------*/
span.thumblist
{
	padding		: 10px ;
}


/*--- End of mobile.css --------------------------------------------*/