@charset "UTF-8";
@import "common.css";
@import "header.css";
@import "footer.css";

/* RAPHAEL-TAROT CSS TOP01 2012-2013*/


/*-----------------------------------*/

/*-------------------------------------*/



#wrapper
{
width: 980px;
margin: 0px auto 10px auto;
padding: 0px;
background: none;
}

#container
{
width: 980px;
margin: 0px 0px;
padding: 0px 0px 50px 0px;
font-size: 100%;
background: #fff;
border-radius: 0px 0px 10px 10px;
}

#titleback
{
width: 900px;
margin: 0px;
padding: 0px;
background: #000;
}

#welcometext
{
width: 640px;
margin: 0px;
background: url(../images/pages/top/article/01/article01_01.jpg) 0px 0px no-repeat;
height: 170px;
padding: 70px 0px 0px 0px;
}

#welcometext p
{
margin: 0px 0px 0px 20px !important;
padding: 0px;
}

#detail
{
width: 640px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#detail h2 a
{
width: 640px;
height: 40px;
margin: 0px 0px 10px 0px;
padding: 0px;
background: url(../images/pages/top/menu/01/menu01.jpg) 0px 0px no-repeat;
display: block;
text-indent: -9999px;
}

#detail h2 a:hover
{
background: url(../images/pages/top/menu/01/menu01.jpg) 0px -45px no-repeat;
}

#detail img
{
margin: 0px 10px 0px 0px !important;
}

#detail img.nr
{
margin: 0px 0px 0px 0px !important;
}

#detail ul.detail
{
width: 640px;
height: 235px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#detail ul.detail li
{
width: 210px;
height: 235px;
margin: 0px 5px 0px 0px;
padding: 0px;
list-style-type: none;
float: left;
}

#detail ul.detail li.nr
{
margin: 0px 0px 0px 0px;
}

#detail ul.detail li a
{
display: block;
width: 210px;
height: 235px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-indent: -9999px;
}

#detail ul.detail li.nr
{
margin: 0px 0px 0px 0px;
}

#detail ul.detail li.tarot
{
background: url(../images/pages/top/menu/01/menu01.jpg) 0px -95px no-repeat;
}

#detail ul.detail li.tarot:hover
{
background: url(../images/pages/top/menu/01/menu01.jpg) 0px -335px no-repeat;
}

#detail ul.detail li.astro
{
background: url(../images/pages/top/menu/01/menu01.jpg) -215px -95px no-repeat;
}

#detail ul.detail li.astro:hover
{
background: url(../images/pages/top/menu/01/menu01.jpg) -215px -335px no-repeat;
}

#detail ul.detail li.stone
{
background: url(../images/pages/top/menu/01/menu01.jpg) -430px -95px no-repeat;
}

#detail ul.detail li.stone:hover
{
background: url(../images/pages/top/menu/01/menu01.jpg) -430px -335px no-repeat;
}

#menu
{
width: 640px;
margin: 0px 0px 20px 0px;
padding: 0px;
}

#menu h2 a
{
width: 640px;
height: 80px;
margin: 30px 0px 10px 0px;
padding: 0px;
background: url(../images/pages/top/menu/01/menu01.jpg) 0px -575px no-repeat;
display: block;
text-indent: -9999px;
}

#menu h2 a:hover
{
background: url(../images/pages/top/menu/01/menu01.jpg) 0px -660px no-repeat;
}


/*--------------------------*/
	

#content
{
width: 980px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 100%;
text-align: left;
}

#alpha
{
width: 640px;
float: left;
margin: 20px 0px 0px 20px;
padding: 0px 0px 0px 0px;
min-height: 500px;
}

#alpha p
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 75%;
line-height: 1.6;
}

#alpha img
{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}


/*----------------------------------*/	


#beta
{
width: 240px;
margin: 20px 0px 10px 60px;
padding: 0px 0px 0px 0px;
float: left;
min-height: 500px;
}

#beta p
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 70%;
line-height: 1.4;
color: #333;
}

#beta h2
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 85%;
line-height: 1.4;
color: #333;
}

#beta h3
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.4;
color: #333;
}

/*-------------------------------------*/



#blogsummeryinfo
{
width: 240px;
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#blogsummeryinfo h2
{
margin: 0px 0px 20px 0px;
padding: 0.5em 0.5em 0.5em 1em;
background: #F2D8D8 url(../images/lib/back/headerback01.jpg) top left repeat-x;
font-size: 85%;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #C66;
}

#blogsummeryinfo h2 a
{
text-decoration: none;
color: #C66;
}

#blogsummeryinfo h3 a
{
text-decoration: none;
color: #C66;
}

#blogsummeryinfo p
{
margin: 5px 10px 10px 0px;
padding: 0px 0px 10px 0px;
font-size: 70%;
line-height: 1.5;
color: #333;
border-bottom: 2px dotted #ccc;
}

#blogsummeryinfo p.date
{
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 70%;
color: #333;
border: none;
}

/*-------------------------------------*/