@charset "utf-8";
/**
 * 共通指定: ヘッダでロードする
 * ・全てのページで使用する設定
 *   (タグそのものへの設定等)
 * ・複数の画面で使用される一般的な機能の設定
 *   (creafix, 入力フォーム, ページャ等)
 */

@import "reset.css";
@import "inputs.css";

* {
	line-height: 1.5em;
	color: #ffffff;
	white-space: wrap;
	text-decoration: none;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* anchor */
a:hover {
	color: #ff9900; 
} 
a:active {
	color: #dc143c; 
	text-decoration: underline;
}

input, select, textarea, option {
	color: #000000;
}
input.focus {
	background-color: #ffffdd;
}
button {
	border: 0;
	padding: 0;
}
label input {
	margin-right: 5px;
}

/* clearfix hack */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}


.attention, .attention * {
	color: #FFFF99;
	font-weight: bold;
}

.attention2, .attention2 * {
	color: #FF0000;
	font-weight: bold;
}

.strong {
	font-weight: bold;
}

/* リンク画像 */
a.img_anchor {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/* サイトロゴ */
h1 {
	margin-top: 15px;
}
	h1 a {
		width: 370px;
		height: 70px;
		background: url(../images/common.png) 0px -120px;
	}

/* カテゴリ */
h2 {
	width: 200px;
	height: 40px;
	background: url(../images/common.png);
	text-indent: -9999px;
	text-transform: uppercase;
}
	h2.mygames   { background-position:    0px -190px; }
	h2.info      { background-position: -200px -190px; }
	h2.charge    { background-position: -400px -190px; }
	h2.myaccount { background-position:    0px -230px; }
	h2.help      { background-position: -200px -230px; }
	h2.other     { background-position: -400px -230px; }

/* ページ */
h3 {
	height: 55px;
	background: url(../images/common.png) -200px -20px;
	color: #A5D6FF;
	font-size: 16px;
	font-weight: bold;
	text-indent: 1em;
	text-transform: uppercase;
	line-height: 55px;
}
/* ページ内ブロックタイトル */
h4 {
	width: 640px;
	height: 20px;
	margin: 20px auto 15px;
	background: url(../images/common.png) -200px -75px;
	color: #192E65;
	font-weight: bold;
	font-size: 14px;
	text-indent: 1em;
	text-transform: uppercase;
	line-height: 22px;
}
/* Notes */
h5 {
	width: 640px;
	height: 15px;
	margin: 20px auto 5px;
	background: url(../images/common.gif) 0px -260px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-indent: 20px;
	line-height: 15px;
}

/* contents */
#contents {
	width: 720px;
	min-height: 300px;
	padding: 5px 0 0 0;
	background: url(../images/contents_bg.png) repeat-y left top;
}
	#contents div.box {
		width: 640px;
		margin: 0 auto;
	}
	#contents div.center_box {
		margin: 15px auto;
		text-align: center;
	}
	#contents div.messages {
		margin: 15px auto;
		width: 600px;
		text-align: left;
	}
#contents_foot {
	width: 720px;
	height: 25px;
	background: url(../images/common.png) -200px -96px;
	font-size: 0px;
}

/* トップへ */
.to_top {
	width: 640px;
	height: 10px;
	margin: 20px auto 0;
	padding-bottom: 10px;
}
	.to_top a {
		float: right;
		width: 50px;
		height: 10px;
		background: url(../images/common.gif) -570px 0;
	}

/* ボタン */
.img_button,
.img_button_s,
.img_button_l {
	display: block;
	background: url(../images/common.png) 0 -270px;;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
}
.img_button:hover,
.img_button_s:hover,
.img_button_l:hover {
	color: #fff;
}
.img_button_l { width: 170px; height: 25px; background-position:    0px -270px; }
.img_button   { width: 100px; height: 25px; background-position: -170px -270px; }
.img_button_s { width:  50px; height: 25px; background-position: -270px -270px; }
.img_button_l:hover { background-position:    0px -295px; }
.img_button:hover   { background-position: -170px -295px; }
.img_button_s:hover { background-position: -270px -295px; }

/* 要素の横並び&中央寄せ */
ul.horizon_center li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	/margin-left: 3px;
}
	ul.horizon_center li * {
		float:left;
	}

/* 階層ナビゲーション */
.topicpath {
	margin: 0 10px 5px 0;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
}

/* 文書表示枠(ToS等) */
iframe.description {
	width: 600px;
	height: 200px;
	margin: 0 auto;
	background: #6D93BF;
	border-top: #192E65 double 3px;
	border-bottom: #192E65 double 3px;
	border-left: #192E65 solid 1px;
	border-right: #192E65 solid 1px;
}

/* 処理結果表示ボックス */
.result_box {
	width: 600px;
	margin: 25px auto 25px auto;
	padding: 1em 0;
	background-color: #37508C;
	border: #FFF solid 1px;
	text-align: center;
}
	.result_box * { color: #FFF; font-size: 14px; font-weight: bold; }

/* pager */
.pages {
	padding-left: 30px;
}
	.pages .count {
		float: right;
		margin-top: 5px;
		padding: 5px;
		background: #192E65;
		color: #FFF;
		text-align: right;
	}

	.pages .page_list {
		float: left;
		width: 460px;
		height: 20px;
		margin: 0 auto;
		padding-top: 30px;
	}
		.pages .page_list li a {
			display: block;
			width: 20px;
			font-weight: normal;
			text-align: center;
		}
		.pages .page_list li a:hover {
			font-weight: bold;
		}	
		.pages .page_list li .selected {
			color: #FF9900;
			font-weight: bold;
		}