@charset "UTF-8";

/* ------------------------------------------------------------------------
	ベース
------------------------------------------------------------------------ */
*{margin:0;padding:0;}
img{border:none;}
a{outline:none;}

html{background:url(../img/top/bg.jpg) #000 center top no-repeat;height:100%;}
body{margin:0;padding:0;text-align:center; background:url(../img/top/bg_repeat.gif) center top repeat-y;min-height:100%;_height:100%;}
#wrapper{width:930px;margin:0 auto;}

.blockSet	{clear:both;float:left;width:100%;padding-bottom:20px;}
.normalSet,.floatSet		{clear:both;float:left;width:100%;}

/* ------------------------------------------------------------------------
	ヘッダ
------------------------------------------------------------------------ */
#header{width:100%;height:35px;background:url(../img/top/bg_link_area.gif) no-repeat;}
#header p#sqex{float:left;width:116px; padding-left:21px;}
#header p#yahoo{float:right;width:118px; padding-right:22px;}

/* ------------------------------------------------------------------------
	メイン
------------------------------------------------------------------------ */
#main{clear:both;position:relative; text-align:left;}
#sengokuixa{ width:420px; height:230px;position:absolute; top:17px; left:228px;}
#main #mainContents {width:870px; margin:0 auto; }
#main h2,#main h3{padding-bottom:5px;}
#main #update01 h3,#main #update02 h3{padding-bottom:0;}


#main #update01 p{ position:relative; height:280px;}
#main #update01 p img{ position:absolute; top:0; left:0;}


#main #update {width:560px; float:left;}
#main #update li,
#main #update li a {width:280px; height:47px;}
#main #update li {float:left; list-style:none; margin-top:15px;}
#main #update li a {display:block; text-indent:-9999px;}
#main #update li#btnData {background:url(../img/top/btn_a.jpg) top left no-repeat;}
#main #update li#btnCaution {background:url(../img/top/btn_b.jpg) top left no-repeat;}
#main #update li#btnData a:hover {background:url(../img/top/btn_a.jpg) bottom left no-repeat;}
#main #update li#btnCaution a:hover {background:url(../img/top/btn_b.jpg) bottom left no-repeat;}

/*phpでうごかすところ*/
#main #statusBox {width:282px; float:right; height:525px; background:url(../img/top/statusbox_bg.jpg) top left no-repeat;}
#statusBox #selectArea{text-align:center;height:28px;}
#statusBox #selectArea select{margin:5px 0 0;}
#statusBox #boxStatusSetWrap{height:353px;}
#statusBox .boxSetBase{height:353px;overflow:hidden;}
#statusBox .boxSetBase div{width:238px;margin:0 0 0 25px;padding:24px 0 0;height:317px;}
#statusBox .boxSetBase p{margin:0 0 5px;}
#statusBox .boxSetBase dd{margin:0 0 0.3em 1em;}
#statusBox ul{width:268px;margin:5px 0 0 7px;}
#statusBox ul li{width:268px;height:28px;list-style:none;}
#statusBox ul li a{display:block;text-indent:-9999px;height:28px;}
#statusBox ul li#btnRewardA{margin-bottom:25px;}
#statusBox ul li#btnRewardA a{background:url(../img/top/statusbox_btn_a.jpg) no-repeat left top;}
#statusBox ul li#btnRewardB a{background:url(../img/top/statusbox_btn_b.jpg) no-repeat left top;}
#statusBox ul li#btnRewardA a:hover,
#statusBox ul li#btnRewardB a:hover{background-position:left bottom;}
#main #cautionBox {clear:both;}
#anchor_b {clear:both;
display:block;}

#main #about{padding-bottom:10px;}
#main #about .floatSet{background:url(../img/top/line.gif) left 487px repeat-x;}
#main #update03{height:253px;background:url(../img/top/line.gif) left 243px repeat-x;}
#main #lottery{height:207px;background:url(../img/top/line.gif) left 197px repeat-x;}
#main #worldTxt {width:546px; float:left;}
#main #cardImg {width:299px; float:left;}
/* ------------------------------------------------------------------------
	フッタ
------------------------------------------------------------------------ */
#footer {background:url(../img/top/bg_footer.gif);border-top:2px solid #999;margin:20px auto 0px;padding:10px 0px 20px;text-align:center;}
#footer hr { margin:5px 0px; display:block; }
#footer address { font-style:normal; }
#footer p { margin:0px 0px 1.5em; text-align:center;}