@charset "shift_jis";
@import url("../up.css");

* {
	font-size: 9pt;
	line-height: 11pt;
	font-family: Meiryo,'メイリオ','ＭＳ Ｐゴシック';
}


body {
	margin: 0;
	background-color: #fff;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url("bg.jpg");
	text-align: center;
	color: #3e3a39;
	overflow-y: scroll;
}

h1 {
	position: absolute;
	left: 43px;
	top: 31px;
	margin: 0px;
	width: 100px;
	height: 31px;
	text-indent: -9999px;
	text-align: left;
	background-repeat: no-repeat;
}

#prd h1 {background-image: url("h1_prd.jpg");}
#gam h1 ,
#dc h1 ,
#mf h1 ,
#pc h1 ,
#mn h1 {background-image: url("h1_gam.jpg");}
#pub h1 {background-image: url("h1_pub.jpg");}
#spe h1 {background-image: url("h1_spe.jpg");}



h2 {
	margin: 0 auto 14px;
	width: 640px;
	height: 28px;
	text-indent: -9999px;
	text-align: left;
}
h2#prd1 {background-image: url("h2_prd1.gif");}
h2#prd2 {background-image: url("h2_prd2.gif");}
h2#prd3 {background-image: url("h2_prd3.gif");}
h2#gam0 {background-image: url("h2_gam0.gif");}
h2#gam1a {background-image: url("h2_gam1a.gif");}
h2#gam1b {background-image: url("h2_gam1b.gif");}
h2#gam1c {background-image: url("h2_gam1c.gif");}
h2#gam1d {background-image: url("h2_gam1d.gif");}
h2#gam2a {background-image: url("h2_gam2a.gif");}
h2#gam2b {background-image: url("h2_gam2b.gif");}
h2#gam2c {background-image: url("h2_gam2c.gif");}
h2#gam3a {background-image: url("h2_gam3a.gif");}
h2#gam3b {background-image: url("h2_gam3b.gif");}
h2#gam3b {background-image: url("h2_gam3b.gif");}
h2#gam4a {background-image: url("h2_gam4a.gif");}
h2.common {
	background-image: url("h2_common.gif");
	text-indent: 0 !important;
	text-align: center !important;
	font-weight: bold;
	line-height: 28px;
	color: #fff;
}


h3 {
	width: 634px !important; width: 638px;
	height: 20px;
	margin: 0px auto 8px;
	background-color: #dff2fa;
	border-left: 4px solid #3795ee;
	text-indent: 8px;
	font-size: 10pt;
	line-height: 20px;
	font-weight: bold;
}

h4 {
	margin: 8px 0 0;
	color: #f08300;
	text-align: left;
	font-size: 10pt;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


a { color: #1178c5; }
a:hover { color: #20bc37; }


strong {
	font-weight: normal;
	color: #f08300;
}

img {border: none;}


/* -----------------------------------------------------------------------
 ID class */
#header {
	position: relative;
	margin: 0 auto;
	width: 810px;
	height: 99px;
	background: url("header.jpg") no-repeat;
}

#header #top {
	display: block;
	position: absolute;
	right: 24px;
	top: 16px;
	width: 246px;
	height: 66px;
	text-indent: -9999px;
	text-align: left;
	overflow-x: hidden;
}

#areaMain {
	margin: 0 auto;
	width: 810px;
	background: url("bg_areaMain.jpg") center top repeat-x;
}

#areaMain2 {
	margin: 0 auto;
	width: 760px;
	padding : 46px 0 0;
	background-color: #fffbe5;
}
#areaMain3 {
	width: 718px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 auto 16px;
	background: #fff;
/*  min-height:505px; height: auto !important; height: 505px;*/
}

.detail {
	margin: 0 auto 25px;
	width: 640px;
	text-align: left;
}


#footer {
	position: relative;
	margin: 0 auto;
	width: 746px;
	height: 45px;
	background: url("footer.jpg") repeat-x;
	text-align: center;
	color: #fff;
	font-size: 8pt;
	line-height: 45px;
}

#footer a {
	display: block;
	position: absolute;
	left: 18px;
	top: 12px;
	width: 69px;
	height: 21px;
	background: url("logo_leaf2.gif") no-repeat;
	text-indent: -9999px;
	text-align: left;
}

/* -----------------------------------------------------------------------
 グローバルナビ（汎用） */
#globalNavi {
	position: absolute;
	left: 48px;
	top: 89px;
	display: block;
	margin: 0px;
	width: 716px;
	padding: 0px;
}

#globalNavi li {
	display: block;
	float: left;
}

#globalNavi a ,
#globalNavi span {
	display: block;
	width: 143px;
	height: 26px;
	margin-top: 26px;
	background-repeat: no-repeat;

	text-indent: -9999px;
	text-align: left;
	overflow-x: hidden;
}

#globalNavi a       { background-image: url("globalNavi.gif"); }
#globalNavi span    { background: url("globalNavi_soon.gif") 0px 0px no-repeat; }

#gn-top a       { width: 144px !important; }
#gn-top a       { background-position:  0px 0px; }
#gn-prd a       { background-position: -144px 0px; }
#gn-gam a       { background-position: -287px 0px; }
#gn-pub a       { background-position: -430px 0px; }
#gn-spe a       { background-position: -573px 0px; }

#gn-top a:hover , #top #gn-top a { background-position:    0px -26px; }
#gn-prd a:hover , #prd #gn-prd a { background-position: -144px -26px; }
#gn-gam a:hover , #gam #gn-gam a { background-position: -287px -26px; }
#gn-pub a:hover , #pub #gn-pub a { background-position: -430px -26px; }
#gn-spe a:hover , #spe #gn-spe a { background-position: -573px -26px; }




/* =======================================================================
 TOP */

body#top {
	background-image: url("bg_top.jpg");
}

#top #areaMain {
	position: relative;
	width: 990px;
	height: 650px;
	background: url("top.jpg") no-repeat;
	text-indent: -9999px;
	text-align: left;
}

#top #yoyaku {
	margin: 32px auto 16px;;
	width: 750px;
	height: 200px;
	background: url("yoyaku.jpg") no-repeat;
	text-indent: -9999px;
}


#whatsNew {
	position: absolute;
	left: 107px;
	top: 445px;
	width: 150px;
	height: 70px;
	overflow-y: scroll;

	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #f8b62c;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #f8b62c;
	scrollbar-darkshadow-color: #f8b62c;
	text-indent: 0px;
}

#whatsNew * { font-size: 8pt; }
#whatsNew table { width:100%; }
#whatsNew th { color: #e60012; vertical-align: top; font-weight: normal; padding-right: 3px; }

#whatsNew th,
#whatsNew td {
	border-bottom: 1px dotted #f1b829;
}


#top #leaf {
	display: block;
	position: absolute;
	left: 98px;
	top: 623px;
	width: 71px;
	height: 21px;
	background: url("logo_leaf.gif") no-repeat;
	text-indent: -9999px;
	text-align: left;
}

#top #copyright {
	display: block;
	position: absolute;
	left:180px;
	top: 620px;
	text-indent: 0px;
	font-size: 8pt;
}



/* -----------------------------------------------------------------------
 グローバルナビ（TOP） */
#top #globalNavi {
	left: 104px;
	top: 518px;
	width: 162px;
}


#top #globalNavi li {background: none !important;}

#top #globalNavi a ,
#top #globalNavi span {
	width: 76px;
	height: 21px;
	margin-top: 0px !important;
	margin-right: 5px;
	margin-bottom: 2px;
	background-position: 0px 21px;
}

#top #globalNavi a      { background-image: url("gn_top_hover.gif"); }
#top #globalNavi span   { background: url("gn_top_soon.gif") 0 0 no-repeat; }

#top #gn-prd a:hover { background-position: 0px   0px; }
#top #gn-gam a:hover { background-position: 0px -21px; }
#top #gn-pub a:hover { background-position: 0px -42px; }
#top #gn-spe a:hover { background-position: 0px -63px; }


/* -----------------------------------------------------------------------
 ゲームナビ */
#top #gameNavi {
	display: block;
	position: absolute;
	left: 266px;
	top: 383px;
	width: 620px;
	margin: 0px;
	padding: 0px;
}

#top #gameNavi li {
	display: block;
	float: left;
}

#top #gameNavi a ,
#top #gameNavi span {
	display: block;
	width: 155px;
	height: 157px;
	margin-top: 26px;
	background-repeat: no-repeat;
	background-position: 0px 157px;

	text-indent: -9999px;
	text-align: left;
	overflow-x: hidden;
}
#top #gameNavi a { background-image: url("gameNavi_hover.jpg"); }
#top #gameNavi .soon { background-image: url("gameNavi_soon.jpg"); }

#top #ga-dc a:hover { background-position:    0px 0px; }
#top #ga-mf a:hover { background-position: -155px 0px; }
#top #ga-pc a:hover { background-position: -310px 0px; }
#top #ga-mn a:hover { background-position: -465px 0px; }



/* =======================================================================
 ゲーム紹介 */
#gam #gameNavi {
	display: block;
	width: 660px;
	height: 400px;
	margin: 0px 28px;
	padding: 0px;
}

#gam #gameNavi li {
	display: block;
	float: left;
	width: 155px !important; width: 165px;
	text-align: left;
	padding: 0 5px;
	font-size: 8pt;
}

#gam #gameNavi a ,
#gam #gameNavi span {
	display: block;
	width: 155px;
	height: 282px;
	margin-top: 26px;
	background-repeat: no-repeat;

	text-indent: -9999px;
	text-align: left;
	overflow-x: hidden;
}

#gam #ga-dc a       { background-image: url("gpNavi_dc.jpg"); }
#gam #ga-mf a       { background-image: url("gpNavi_mf.jpg"); }
#gam #ga-pc a       { background-image: url("gpNavi_pc.jpg"); }
#gam #ga-mn a       { background-image: url("gpNavi_mn.jpg"); }

#gam #gameNavi a:hover  { background-position: -155px 0px; }

#gam #gameNavi img {
	margin: 5px 0px;
}

#gam #gameNavi hr {
	width: 155px;
	height: 1px;
	margin: 4px auto !important; margin: 0 auto;
	border-bottom: 1px dashed #f8b62b;
	border-top: none;
	border-left: none;
	border-right: none;
}



#areaMain3_header {
	margin: 0px auto;
	width: 718px;
	height: 5px;
	background-repeat: no-repeat;
	overflow-y: hidden;
}

#areaMain3 {
	background-color: #fff;
	background-repeat: repeat-y;
	margin: 0px auto;
}

#areaMain3_footer {
	position: relative;
	width: 718px;
	height: 19px;
	overflow: hidden;
	margin: 0px auto 20px;
	background-repeat: no-repeat;
}


/*dc*/
#dc #areaMain3_header   { background-image: url("areaMain3_dc_header.gif"); }
#dc #areaMain3          { background-image: url("areaMain3_dc_body.gif"); }
#dc #areaMain3_footer   { background-image: url("areaMain3_dc_footer.gif"); }

/*mf*/
#mf #areaMain3_header   { background-image: url("areaMain3_mf_header.gif"); }
#mf #areaMain3          { background-image: url("areaMain3_mf_body.gif"); }
#mf #areaMain3_footer   { background-image: url("areaMain3_mf_footer.gif"); }

/*pc*/
#pc #areaMain3_header   { background-image: url("areaMain3_pc_header.gif"); }
#pc #areaMain3          { background-image: url("areaMain3_pc_body.gif"); }
#pc #areaMain3_footer   { background-image: url("areaMain3_pc_footer.gif"); }

/*mn*/
#mn #areaMain3_header   { background-image: url("areaMain3_mn_header.gif"); }
#mn #areaMain3          { background-image: url("areaMain3_mn_body.gif"); }
#mn #areaMain3_footer   { background-image: url("areaMain3_mn_footer.gif"); }



/*ローカルナビ（フッター内）*/
#areaMain3_footer ul {
	position: absolute;
	right: 1px;
	top: 4px;
	width: 428px;
	height: 16px;
	background: url("localNavi.gif") no-repeat;
	list-style: none;
	padding: 0;
}

#areaMain3_footer li {
	display: inline;
}

#areaMain3_footer a ,
#areaMain3_footer span {
	position: absolute;
	top: 0px;
	display: block;
	height: 16px;
	text-indent: -9999px;
	text-align: left;
	overflow-x: hidden;
	z-index: 1;
}


#areaMain3_footer a:hover {
	visibility: visible;
	z-index: 2;
}

#ln_dc a { left:   0px; width: 202px;}
#ln_mf a { left: 172px; width:  78px;}
#ln_pc a { left: 219px; width:  101px;}
#ln_mn a { left: 289px; width: 140px;}

#ln_dc a:hover, #dc #ln_dc a { background: url("localNavi_dc.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/localNavi_dc.png",sizingMethod="image|crop|scale");      /*IE用*/ }
#ln_mf a:hover, #mf #ln_mf a { background: url("localNavi_mf.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/localNavi_mf.png",sizingMethod="image|crop|scale");      /*IE用*/ }
#ln_pc a:hover, #pc #ln_pc a { background: url("localNavi_pc.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/localNavi_pc.png",sizingMethod="image|crop|scale");      /*IE用*/ }
#ln_mn a:hover, #mn #ln_mn a { background: url("localNavi_mn.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/localNavi_mn.png",sizingMethod="image|crop|scale");      /*IE用*/ }



/* =======================================================================
 テーブル（製品情報/雑誌掲載） */

#prd table ,
#pub table ,
#dc table ,
#mf table ,
#pc table ,
#mn table ,
#spe table {
	border-top: 1px solid #cbcbca;
	border-left: 1px solid #cbcbca;
}


#prd table ,
#pub table {
	width: 100%
}

#prd th ,
#prd td ,
#pub th ,
#pub td ,
#dc th ,
#dc td ,
#mf th ,
#mf td ,
#pc th ,
#pc td ,
#mn th ,
#mn td ,
#spe th ,
#spe td {
	border-right: 1px solid #cbcbca;
	border-bottom: 1px solid #cbcbca;
	font-weight: normal;
	padding: 5px;
}

#prd th ,
#prd td ,
#dc th ,
#dc td ,
#mf th ,
#mf td ,
#pc th ,
#pc td ,
#mn th ,
#mn td ,
#spe th ,
#spe td {
	text-align: center;
}

#pub th ,
#pub td {
	text-align: left;
	vertical-align: top;
}

#pub .new th ,
#pub .new td {
	color:#e60012;
}

td.th ,
#prd th ,
#pub th ,
#spe th {
	background-color: #eeefef;
}

#dc th ,
#mf th ,
#pc th ,
#mn th {
	background-color: #fffae3;
}

#prd th {
	width: 100px;
}


#pub th ,
#pub td {
	white-space: nowrap;
}

.table_gam1b {margin-bottom: 3px;}
.table_gam1b ,.table_gam1b td { border: none !important; }
.table_gam1b .box { border: 1px solid #cbcbca !important; background-color: #fffae3; width: 95px; padding: 5px 0!important;}
.table_gam1b .arrow { background: url("arrow.gif") center center no-repeat; text-indent: -9999px; text-align: left; width: 20px;}



.fp {margin:0 auto !important;}

/* [EOF] */