@charset "UTF-8";

/* -------------------------------------------------------------
作成日: 2008.10.08
最終更新日: 2011.06.08
作成者: NT
最終編集者: NT

mainArea.css： メイン部分エリアのCSS
------------------------------------------------------------- */
/* ----------------------------------------------------
mainArea部分
---------------------------------------------------- */
body#home #mainContents-block {
	width:800px;
	background:#000000;
	margin:35px auto 0;
	padding:0;
}

body#home #mainContents-block a img#banners-information,
body#home #mainContents-block img#banners-information {
	width:760px;
	height:90px;
	margin:0 auto 10px;
	display:block;
	border:solid 1px #999999;
}

body#home #mainContents-block a:hover img#banners-information {
	border:solid 1px #ffffff;
}

body#home #mainContents-block #gameArea {
	width:760px;
	height:504px;
	margin:0 auto;
	padding:0;
}

body#home #mainContents-block #gameArea #login,
body#home #mainContents-block #gameArea #gamestart,
body#home #mainContents-block #gameArea #maintenance,
body#home #mainContents-block #gameArea #rule,
body#home #mainContents-block #gameArea #error,
body#home #mainContents-block #gameArea #game-block {
	width:760px;
	height:480px;
	margin:0 auto;
	padding:0;
	background:#eeeeee;
	border-top:1px solid #000000;
	position:relative;
}

body#home #mainContents-block #gameArea #login {
	height:504px;
	background:#000000;
}

body#home #mainContents-block #gameArea #maintenance {
	background:url(../image/keyvisual/maintenance.jpg) no-repeat center top;
	text-indent:-9999px;
}

body#home #mainContents-block #gameArea #game-block iframe {
	width:760px;
	height:480px;
	margin:0;
	padding:0;
	border:none;
}

/* ----------------------------------------------------
contents-block部分
---------------------------------------------------- */
body#home #contentsWrapper-block {
	width:100%;
	background:url(../image/background/contentsblock.gif) no-repeat center top #ffffff;
	margin:0 auto;
	padding:50px 0 0 0;
}

body#home #contents-block {
	width:800px;
	min-height:100%;
	background:transparent;
	margin:0 auto;
}

body#home #contents-block:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

body#home #contents-block {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#home #contents-block { height:1%; }
body#home #contents-block { display:block; }
/* End hide from IE-mac */

body#home #contents-block h2 {
	width:0;
	height:0;
	margin:0;
}

body#home #contents-block p {
	margin:0;
}

body#home #contents-block #maintenance-section {
	width:720px;
	min-height:25px;
	background:#e1e1e1;
	margin:0 auto 18px;
	border:solid 1px #b8b8b8;
	text-align:center;
	line-height:2.2;
	color:#4b6785;
}

body#home #contents-block #maintenance-section h2 {
	font-size:12px;
	text-indent:0;
	font-weight:bold;
	display:inline;
}

body#home #contents-block #maintenance-section p {
	padding-left:20px;
	font-weight:bold;
	display:inline;
}

body#home #contents-block #maintenance-section span {
	color:#333333;
	font-weight:normal;
	font-size:10px;
	padding-left:10px;
}

body#home #contents-block img#banner-ads {
	width:728px;
	height:90px;
	background:#cccccc;
	margin:0 auto 15px;
	display:block;
	clear:both;
}

/* ----------------------------------------------------
News部分
---------------------------------------------------- */

body#home div#news-section {
	width:448px;
	margin-right:6px;
	float:left;
	display:inline;
	position:relative;
}

body#home div#news-section ul#tabList {
	width:331px;
	height:28px;
	margin:0 0 0 4px;
}

body#home div#news-section ul#tabList ul#tabList:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

body#home div#news-section ul#tabList ul#tabList {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#home div#news-section ul#tabList ul#tabList { height:1%; }
body#home div#news-section ul#tabList ul#tabList { display:block; }
/* End hide from IE-mac */

body#home div#news-section ul#tabList li {
	height:28px;
	margin:0 4px 0 0;
	padding:0;
	text-indent:-9999px;
	float:left;
	display:inline;
	position:relative;
	z-index:10;
}

body#home div#news-section ul#tabList li a {
	height:28px;
	text-indent:-9999px;
	display:block;
}

body#home div#news-section ul#tabList li#ex-category1 a {
	width:96px;
	background:url(../image/btn/tab.png) no-repeat 0 -28px;
}

body#home div#news-section ul#tabList li#ex-category1 a.current {
	width:96px;
	background:url(../image/btn/tab.png) no-repeat 0 0;
	margin-top:2px;
}

body#home div#news-section ul#tabList li#ex-category2 a {
	width:115px;
	background:url(../image/btn/tab.png) no-repeat -100px -28px;
}

body#home div#news-section ul#tabList li#ex-category2 a.current {
	width:115px;
	background:url(../image/btn/tab.png) no-repeat -100px 0;
	margin-top:2px;
}

body#home div#news-section div#all-list-wrap {
	width:448px;
	height:304px;
	background:url(../image/background/alllistwrap.png) no-repeat center top;
	margin:0 0 35px 0;
	_margin:-2px 0 35px 0;
	padding:4px 0 0 0;
	position:relative;
	z-index:0;
}

body#home div#news-section div#all-list-wrap a,
body#home div#faq-section a {
	font-weight:normal;
	color:#444444;
}

body#home div#news-section div#all-list-wrap a:hover,
body#home div#faq-section a:hover {
	font-decoration:underline;
}

body#home div#news-section div#all-list-wrap dl {
	width:428px;
	margin:0 10px 0;
	padding:8px 0 0 0;
	position:relative;
	border-bottom:dashed 1px #666666;
}

body#home div#news-section div#all-list-wrap dl.list-evenNumber {
	background:#dee4ea;
}

body#home div#news-section div#all-list-wrap dl.list-end {
	border:none;
}

body#home div#news-section div#all-list-wrap div#category1 dl dt.date,
body#home div#news-section div#all-list-wrap div#category2 dl dt.date {
	background:none;
	font-weight:normal;
	font-size:10px;
	float:left;
	display:inline;
}

body#home div#news-section div#all-list-wrap div#category1 dl dt.date {
	margin-left:66px;
}

body#home div#news-section div#all-list-wrap div#category2 dl dt.date {
	margin-left:-8px;
}

body#home div#news-section div#all-list-wrap dl dd {
	margin:0;
	/margin:-6px 0 0 0;
	padding:0 0 8px;
	clear:both;
}

/* ----------------------------------------------------
アイコン
---------------------------------------------------- */

body#home div#news-section div#all-list-wrap dl dd.status-important,
body#home div#news-section div#all-list-wrap dl dd.status-obstacle,
body#home div#news-section div#all-list-wrap dl dd.status-maintenance,
body#home div#news-section div#all-list-wrap dl dd.status-recovery,
body#home div#news-section div#all-list-wrap dl dd.status-statusupdate,
body#home div#news-section div#all-list-wrap dl dd.status-contentsupdate,
body#home div#news-section div#all-list-wrap dl dd.status-event,
body#home div#news-section div#all-list-wrap dl dd.status-web,
body#home div#news-section div#all-list-wrap dl dd.status-information,
body#home div#news-section div#all-list-wrap dl dd.status-campaign {
	width:70px;
	height:16px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border:none;
	position:absolute;
	top:8px;
	left:0;
}

body#home div#news-section div#all-list-wrap dl dd.status-important {
	background:url(../../news/image/icon/status.gif) no-repeat left 0;
}

body#home div#news-section div#all-list-wrap dl dd.status-obstacle {
	background:url(../../news/image/icon/status.gif) no-repeat left -16px;
}

body#home div#news-section div#all-list-wrap dl dd.status-maintenance {
	background:url(../../news/image/icon/status.gif) no-repeat left -32px;
}

body#home div#news-section div#all-list-wrap dl dd.status-recovery {
	background:url(../../news/image/icon/status.gif) no-repeat left -48px;
}

body#home div#news-section div#all-list-wrap dl dd.status-statusupdate {
	background:url(../../news/image/icon/status.gif) no-repeat left -64px;
}

body#home div#news-section div#all-list-wrap dl dd.status-contentsupdate {
	background:url(../../news/image/icon/status.gif) no-repeat left -80px;
}

body#home div#news-section div#all-list-wrap dl dd.status-event {
	background:url(../../news/image/icon/status.gif) no-repeat left -96px;
}

body#home div#news-section div#all-list-wrap dl dd.status-web {
	background:url(../../news/image/icon/status.gif) no-repeat left -112px;
}

body#home div#news-section div#all-list-wrap dl dd.status-information {
	background:url(../../news/image/icon/status.gif) no-repeat left -128px;
}

body#home div#news-section div#all-list-wrap dl dd.status-campaign {
	background:url(../../news/image/icon/status.gif) no-repeat left -144px;
}

body#home div#news-section div#all-list-wrap div#category1 dl dt.new {
	background:url(../../news/image/icon/new.gif) no-repeat right 5px;
	padding-right:26px;
}

/* ----------------------------------------------------
FAQ部分
---------------------------------------------------- */
body#home div#faq-section {
	width:346px;
	height:304px;
	background:url(../image/background/faq.png) no-repeat center top;
	margin:28px 0 0 0;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
}

body#home div#faq-section h2 {
	width:94px;
	height:28px;
	background:url(../image/btn/tab.png) no-repeat -335px 0;
	margin:-26px 0 0 4px;
	padding:0;
	position:relative;
	z-index:10;
}

body#home #faq-section ul {
	width:326px;
	height:304px;
	margin:0 10px 0;
	padding:8px 0 0 0;
}

body#home #faq-section ul li {
	background:url(../image/icon/q.gif) no-repeat 3px 5px;
	margin:0;
	padding:5px 0 5px 23px;
}

body#home #faq-section ul li.list-evenNumber {
	background-color:#eeeeee;
}

/* ----------------------------------------------------
moreリンク部分
---------------------------------------------------- */
body#home a.btn-more {
	width:80px;
	height:24px;
	background:url(../image/btn/more.gif) no-repeat center top;
	margin:2px 0 0 142px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:4px;
	top:-26px;
}

body#home a:hover.btn-more {
	background:url(../image/btn/more.gif) no-repeat center bottom;
}

/* ----------------------------------------------------
Login
---------------------------------------------------- */

/* background Image */
body#home #mainContents-block #gameArea #login #crntImg {
	width:0px;
	height:450px;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
}

body#home #mainContents-block #gameArea #login #nextImg {
	width:760px;
	height:450px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
}

/* text Block */
body#home #mainContents-block #gameArea #login #textBlock {
	width:392px;
	height:116px;
	margin:0;
	padding:0;
	background:url(../image/background/text_block.png) no-repeat left top;
	position:absolute;
	left:9px;
	top:9px;
}

body#home #mainContents-block #gameArea #login #textBlock h2,
body#home #mainContents-block #gameArea #login #textBlock ul {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body#home #mainContents-block #gameArea #login #catchcopy {
	width:406px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../image/background/catchcopy.png) no-repeat left top;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	position:absolute;
	left:5px;
	bottom:60px;
}

/* flash */
body#home #mainContents-block #gameArea #login #loginFlash {
	width:300px;
	height:280px;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:59px;
}

body#home #mainContents-block #gameArea #login #movieFlash {
	width:340px;
	height:220px;
	margin:0;
	padding:0;
	position:absolute;
	right:5px;
	bottom:0;
}

/* login Form */
body#home #mainContents-block #gameArea #login #loginForm {
	margin:0;
	padding:0 0 6px;
	border:2px solid #ffffff;
	background:url(../image/background/login.png) repeat-x center top;
	color:#ffffff;
	position:absolute;
	top:8px;
	right:12px;
	font-weight:bold;
	/* CSS3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

body#home #mainContents-block #gameArea #login #loginForm h2 {
	width:auto;
	min-width:270px;
	_width:270px;
	height:20px;
	margin:0 0 5px;
	padding:0;
	text-indent:0;
	line-height:20px;
	font-size:12px;
	overflow:auto;
	text-align:center;
	font-weight:bold;
	/* CSS3 */
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

body#home #mainContents-block #gameArea #login #loginForm dl {
	width:auto;
	min-width:250px;
	_width:250px;
	margin:0;
	padding:0 10px 0;
}

body#home #mainContents-block #gameArea #login #loginForm dl:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

body#home #mainContents-block #gameArea #login #loginForm dl {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#home #mainContents-block #gameArea #login #loginForm dl { height:1%; }
body#home #mainContents-block #gameArea #login #loginForm dl { display:block; }
/* End hide from IE-mac */

body#home #mainContents-block #gameArea #login #loginForm dl dt {
	min-width:90px;
	_width:90px;
	height:20px;
	margin:0 0 5px;
	padding:0 5px 0 0;
	background:none;
	white-space:nowrap;
	float:left;
}

body#home #mainContents-block #gameArea #login #loginForm dl dt.minitext {
	font-size:10px;
	font-weight:normal;
}

body#home #mainContents-block #gameArea #login #loginForm dl dd {
	width:auto;
	height:20px;
	margin:0 0 5px;
	padding:0;
}

body#home #mainContents-block #gameArea #login #loginForm dl dd:lastchild {
	margin:0;
}

body#home #mainContents-block #gameArea #login #loginForm .textbox {
	width:150px;
	border:1px solid #ffffff;
	background:#494949;
	font-size:12px;
	color:#ffffff;
}

body#home #mainContents-block #gameArea #login #loginForm form {
	position:relative;
}

body#home #mainContents-block #gameArea #login #loginForm input#btn-login {
	width:80px;
	height:31px;
	background:url(../image/btn/login.png) no-repeat left center;
	margin:0;
	border:0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
	display:block;
	position:absolute;
	right:10px;
	bottom:-6px;
}
body#home #mainContents-block #gameArea #login #loginForm input#btn-login:active,
body#home #mainContents-block #gameArea #login #loginForm input#btn-login:hover {
	background:url(../image/btn/login.png) no-repeat right center;
}

body#home #mainContents-block #gameArea #login #loginForm a {
	margin-right:85px;
	padding:0 10px 0;
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
}

/* logo Block */
body#home #mainContents-block #gameArea #login #login-logo-block {
	margin:0px auto;
	position:absolute;
	left:40px;
	bottom:-5px;
}

body#home #mainContents-block #gameArea #login #login-logo-block:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

body#home #mainContents-block #gameArea #login #login-logo-block {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#home #mainContents-block #gameArea #login #login-logo-block { height:1%; }
body#home #mainContents-block #gameArea #login #login-logo-block { display:block; }
/* End hide from IE-mac */

body#home #mainContents-block #gameArea #login #login-logo-block li {
	margin:0 45px 0 0;
	float:left;
	display:inline;
}

body#home #mainContents-block #gameArea #login #login-logo-block li#link-sega,
body#home #mainContents-block #gameArea #login #login-logo-block li#link-mlbcom {
	padding-top:20px;
}

body#home #mainContents-block #gameArea #login #login-logo-block li#link-mlbpc  {
	padding-top:10px;
}

/* ----------------------------------------------------
Game Start
---------------------------------------------------- */
body#home #mainContents-block #gameArea #gamestart #gamestartFlash {
	width:760px;
	height:480px;
	margin:0 auto 0;
	padding:0;
}

/* ----------------------------------------------------
Registration
---------------------------------------------------- */
body#home #mainContents-block #gameArea #rule #registration {
	width:580px;
	height:400px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

body#home #mainContents-block #gameArea #rule #registration p {
	margin:0 10px 1em;
	text-align:left;
}

body#home #mainContents-block #gameArea #rule #registration h2 {
	background:url(http://www.mlbmanageronline.com/en/home/image/headline/h2_registration.gif) no-repeat center center;
}

body#home #mainContents-block #gameArea #rule #registration ul#tarmsList {
	width:340px;
	background:#FFFFFF;
	margin:0 auto 20px;
	padding:20px 40px;
	border:#d5d5d5 solid 1px;
	text-align:left;
}

body#home #mainContents-block #gameArea #rule #registration ul#tarmsList li a {
	background:url(http://www.mlbmanageronline.com/en/home/image/icon/link_page.gif) no-repeat left center;
	padding-left:20px;
}

body#home #mainContents-block #gameArea #rule #registration form p.center {
	text-align:center;
}

/* 送信ボタン */
body#home #mainContents-block #gameArea #rule #registration input#btn-entry,
body#home #mainContents-block #gameArea #rule #registration input#noCheck {
	width:280px;
	height:62px;
	background:url(http://www.mlbmanageronline.com/en/home/image/btn/entry.gif) no-repeat left center;
	margin:10px auto 20px;
	border:0;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	display:block;
}

body#home #mainContents-block #gameArea #rule #registration input#noCheck {
	background:url(http://www.mlbmanageronline.com/en/home/image/btn/entry.gif) no-repeat right center;
	color:#eeeeee;
	cursor:default;
}

body#home #mainContents-block #gameArea #rule #registration input#btn-entry:active,
body#home #mainContents-block #gameArea #rule #registration input#btn-entry:hover {
	background:url(http://www.mlbmanageronline.com/en/home/image/btn/entry.gif) no-repeat center center;
}

/* ----------------------------------------------------
error
---------------------------------------------------- */
body#home #mainContents-block #gameArea #error #errorMessageBox {
	width:520px;
	padding:20px 0 8px;
	background:#fbf0f1;
	border:1px solid #cd0010;
	margin:150px auto 20px;
	color:#cd0010;
}

body#home #mainContents-block #gameArea #error a.btn {
	width:140px;
	height:42px;
	background:url(http://www.mlbmanageronline.com/en/home/image/btn/transition.gif) no-repeat left center;
	margin:10px auto 20px;
	border:0;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:42px;
	text-align:center;
	display:block;
}
body#home #mainContents-block #gameArea #error a.btn:active,
body#home #mainContents-block #gameArea #error a.btn:hover {
	text-decoration:none;
}

body#home #mainContents-block #gameArea #error input#btn-back {
	width:140px;
	height:42px;
	background:url(http://www.mlbmanageronline.com/en/home/image/btn/transition.gif) no-repeat left center;
	margin:10px auto 20px;
	border:0;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	display:block;
}