@charset "utf-8";

/*============================
	00: base
==============================*/

*{margin:0;padding:0;}

ul,ol{list-style:none;}

img{border:none;}

body{
font-size:0.8em;
line-height:1.5;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
color:#222222;
background:url(/sp/magic_pockets/images/bg.gif) repeat-x left top;
}
a:link{color:#167dcb;text-decoration:underline;}
a:visited{color:#6c8293;text-decoration:underline;}
a:hover,
a:active,
a:focus{color:#00b69a;text-decoration:underline;}

/*============================
	01: header
==============================*/

div#header{
height:34px;
width:168px;
margin:15px 90px;
}

div#header h1.logo{
padding:20px 0 0 20px;
}


/*============================
	02: body
==============================*/

div#contents{
width:980px;
margin:0 auto;
}

div#main{
margin:0 auto;
width:880px;
height:846px;
position:relative;
}

/*============================
	03: flash
==============================*/

div#topflash{
width:980px;
height:538px;
background: url(/sp/magic_pockets/images/header_bg.gif) no-repeat top left;
}

/*============================
	04: contents
==============================*/

/*.pockets01{position:absolute;top:0; left:0;}*/
/*.pockets02{position:absolute;top:0; left:430px;}
.pockets03{position:absolute; top:0px; left:0;}*/
.pockets04{position:absolute; top:0px; left:0px;}
.pockets05{position:absolute; top:380px; left:0;}
.pockets06{position:absolute; top:380px; left:700px;}


/*============================
	100: footer
==============================*/

#contents .nav-page-01{
margin:0 70px 20px 0;
*zoom:1;
}
#contents .nav-page-01:after{display:block;clear:both;content:'';}

#contents .nav-page-01 li.next{
float:right;
margin-left:15px;
}
#contents .nav-page-01 li a{
padding-left:18px;
}
#contents .nav-page-01 li.next a{
background:url("/resource/style/images/ico-bullet-01-right.gif") no-repeat 0 .1em;
}

.footer{position:absolute; top:820px; left:20px;}


/*============================
	**: support
==============================*/

.mb00{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}


/*============================
	**: clear
==============================*/

div.columnE00:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}