@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

html {
     overflow-y:scroll;
     font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	 font-size:12px;
}

img {border:0;}

a{/*リンクされた文字*/
    color:#0066FF;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#0066FF;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#0066FF;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#0033FF;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/ /*オプション*/
    text-decoration:none;
}


/*ここからコンテンツ部分*/

div.main { width:965px; height:auto;}
/*ヘッダー*/
div.header {
	width:965px;
	height:250px;
	background-color:#FFFFCC;
	}
	
div.title {
	width:965px;
	height:63px;
	background:url(../img/horoscope/title3.gif) no-repeat;
	}
	
div.happy_horoscope {
	width:544px;
	height:190px;
	/*
	background:url(../img/horoscope/happy.png) no-repeat;
	*/
	left:15px;
	top:54px;
	position:absolute;
	display:block;
	float:left;
	}
	
div.date {
	position:absolute;
	left:492px;
	top:180px;
	width:229px;
	height:67px;
	float:left;
	background:url(../img/horoscope/date.png) no-repeat;
	font-size:28px;
	line-height:64px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	color:#FF6600;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 1px;
	top: 163px;
	z-index: 15;
	}
	
div.star {
	width:208px;
	height:211px;
	position:absolute;
	top:-18px;
	left:680px;
	}
.pointer {cursor:pointer;}
	
div.space {
	width:100%;
	height:15px;
	}

div.maru {
	width:150px;
	height:150px;
	position:absolute;
	/*
	background:url(../img/horoscope/maru.png) no-repeat;
	*/
	left: 546px;
	top: 44px;
	z-index: 10;
}
	
div.border {
	width:965px;
	height:5px;
	background:url(../img/horoscope/border.gif) repeat-x;
	position:absolute;
	top:250px;
	z-index: 3;
}


/*ランキング*/
div.allrank {width:605px; height:auto; margin:30px auto 25px; padding-right:8px; padding-bottom:5px; background:url(../img/horoscope/all/bg.gif); border:2px dashed #FFCCCC;}
div.ranking_title { width:100%; height:25px; background:url(../img/horoscope/all/title.png) no-repeat center;} 
div.rank_sub{width:200px; height:auto; float:left;}
div.money {width:174px; height:33px; background:url(../img/horoscope/all/money.png) no-repeat; margin:0 5px 0 auto;}
div.love {width:174px; height:33px; background:url(../img/horoscope/all/love.png) no-repeat; margin:0 5px 0 auto;}
div.total {width:174px; height:33px; background:url(../img/horoscope/all/all.png) no-repeat; margin:0 5px 0 auto;}
div.first_rank {width:100%-55px; height:37px; background:url(../img/horoscope/all/1.png) no-repeat 10px center; font-size:24px; font-weight:bold; line-height:40px; padding-left:55px; text-align:center; color:#FF6633;}
div.second_rank {width:100%-55px; height:30px; background:url(../img/horoscope/all/2.png) no-repeat 28px 2px; line-height:30px; padding-left:55px; text-align:center; font-size:16px; font-weight:bold;}
div.third_rank {width:100%-55px; height:30px; background:url(../img/horoscope/all/3.png) no-repeat 28px 3px; line-height:30px; padding-left:55px; text-align:center; font-size:16px; font-weight:bold;}

div.memo {width:100%; height:auto; line-height:18px; background:url(../img/horoscope/all/border_hasen.gif) no-repeat top center; padding-top:3px; text-align:right;}


/*各占い結果部分*/

div#contents { width:100%-32px; height:615px; margin-left:32px;}
div.horoscope { width:260px; height:auto; border:10px #F7AA55 solid; float:left; margin-right:13px; margin-bottom:10px; margin-top:10px;}
/* 灰色
div.border_tate {width:3px; height:100%; background:url(../img/horoscope/border2.gif) repeat-y; margin:0 13px; float:left; overflow:hidden;}
*/

div.border_tate {width:1px; height:100%; border-right:#FFCCCC 3px dashed; float:left; margin:0 13px;}
div.border_yoko {width:900px; height:1px; border-bottom:#FFCCCC 3px dashed; margin:0px auto 10px;}

div.img_horo {width:100px; height:80px; float:left;}
div.horo_name {width:160px; height:80px; float:left;}
div.unsei {width:260px; height:25px; background-color:#F7AA55; color:#FFFFFF; font-weight:bold; padding-top:5px;}
img.hoshi {position:relative; top:-4px; left:-20px;}
div.red_big {width:245px; height:auto; color:#F00; font-weight:bold; background-color:#FFF; padding:7px; text-align: justify; text-justify: inter-ideograph;}
div.read {width:248px; height:auto; background-color:#FFF; padding:8px 6px 8px 5px; text-align: justify; text-justify: inter-ideograph;}
div.space2 {background-color:#F7AA55; width:100%; height:10px;}
div.luckey {width:120px; height:16px; line-height:17px; float:left; text-align:center; margin-top:2px; margin-bottom:1px;}
.bold {font-weight:bold;}

.sp1 { margin-left:10px;}
.sp2 { margin-right:10px;}
.border_bottom {border-bottom:1px #FF9933 dashed;}
table {margin-left:33px;}
.bd_r {border-right:3px #FFCCCC dashed;}
.bd_b {border-bottom:3px #FFCCCC dashed;}