@charset "utf-8";

/* ------------------------------------------------------
  popup fortune Style Sheet
  Last Update 2009-00-00
------------------------------------------------------ */
/*
　幅　　280px　
　高さ　338px
*/

/* ------------------------------------------------------
   RESET
------------------------------------------------------ */
body {
margin:0;
padding:0;
font-size:100%;
line-height:1.5;
color:#000;
background-color:#FFF;
}
h1, h2, h3, h4, p, ol, ul, li, dl, dt, dt, table, th, td {
margin:0;
border:0;
padding:0;
font-size:100%;
font-weight:normal;
font-style:normal;
list-style:none;
}
table {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
address,caption,em,strong,th {
font-style:normal;
font-weight:normal;
text-align:left;
}
img {
border:none;
vertical-align:top;
}
.clear {
clear:both;
}
/* CLEARFIX */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* ------------------------------------------------------
   SETTING
------------------------------------------------------ */
body {
font-size:11px;
background-color:#f4f5f5;
}
a, a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}


/* ------------------------------------------------------
   LAYOUT
------------------------------------------------------ */
div#wrapper {
width:280px;
}


/* ------------------------------------------------------
   MODULE
------------------------------------------------------ */
/* contentsArea
------------------------------------------------------ */
div#contentsArea {
width:280px;
height:212px;
background:url(../img/fortune/pop_contentsArea_bg.gif) no-repeat;
}
div#contentsBlock:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#contentsBlock {display:inline-block;}
/* Hides from IE-mac \*/
* html div#contentsBlock {height:1%;}
div#contentsBlock {display:block;}
/* End hide from IE-mac */
div#contentsBlock {
width:263px;
margin-left:7px;
}
div#contentsBlock p#ranking {
float:left;
width:116px;
margin-right:7px;
}
div#contentsBlock p#txt {
padding:16px 10px 0;
color:#6d5445;
line-height:26px;
}


/* footerArea
------------------------------------------------------ */
div#footerArea {
position:relative;
width:280px;
height:74px;
overflow:hidden;
background:url(../img/fortune/pop_footer_bg.gif) no-repeat top left;
}
div#footerArea p#footer_info {
width:255px;
min-height:38px;
height:auto !important;
height:38px;
margin:5px 0 0 8px;
padding:2px 0 0 12px;
color:#f6f5e3;
font-size:10px;
background:url(../img/fortune/pop_line_01.gif) no-repeat top left;
}

div#footerArea p#close {
position:absolute;
top:48px;
left:165px;
}