/* CSS Document */ 
.clean{zoom: 100%;}
.clean:after{ display: block; clear: both; visibility: hidden; height: 0; content: "";}
.clean:before{ display: block; clear: both; visibility: hidden; height: 0; content: "";}
.hide{ display: none;}
.Llean{ float: left;}
.reset{ clear: both;}

.small{ font-size: 10px;}
#kichihouiMain{ color: #333030;}
#kichihouiMain h3#logo1{ display: inline; padding: 0; margin: 30px 0 20px 0; overflow: hidden; height: 157px; width: 255px; float: left;}
#kichihouiMain h3#logo1 a{ float: left; width: 255px; height: 0; background: url(http://image.excite.co.jp/jp/fortune/houi/img/logo.gif) no-repeat; padding: 157px 0 0 0;}

#kichihouiMain h4{ clear: both; width: 600px; float: left;}

#checkStar{ width: 320px; float: right; margin: 20px 60px 0 0;}
#checkStar p{ margin: 10px 0 0 0; float: left;}
#checkStar h4{ font-size: 14px; text-align: center; width: 320px; margin: 10px 0 0 0;}

#mainStar{ width: 320px; height: 168px; background-position: left top; position: relative;}
/*.mainStar p{ width: 265px; position: absolutetop: 82px!important; top: 0; left: 27px!important; left: 300px; margin: 0!important;}
*:first-child+html .mainStar p{ width: 265px; position: absolute; top: 82px!important; top: 82px; left: 27px!important; left: 300px;}*/

#mainStar p{ width: 265px; margin: 60px auto 0 30px!important; margin: 60px auto 0 15px;}

#mainStar a{ position: absolute; width: 264px; height: 26px; display: block; left: 27px; top: 131px;}



.subStar{ width: 320px; height: 219px;}

.oneBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/onev2.gif);}
.twoBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/twov2.gif);}
.threeBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/threev2.gif);}
.fourBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/fourv2.gif);}
.fiveBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/fivev2.gif);}
.sixBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/sixv2.gif);}
.sevenBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/sevenv2.gif);}
.eightBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/eightv2.gif);}
.nineBg{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/ninev2.gif);}


.howTo{ clear: both; display: block; height: 0; margin:10px 0; padding: 38px 0 0 0; width: 410px; overflow: hidden; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/howTohead.gif); float: left; background-repeat:repeat-y;}
.step01{ background-position: left top;}
.step02{ background-position: left 38px;}
.howTo2{ clear: both; display: block; height: 39px; margin: 10px 0; padding: 25px 0 0 64px; width: 536px; overflow: hidden; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/howToKaiun.gif); float: left; background-repeat: no-repeat; font-size: 20px;}
.tea{ background-position: left top;}
.hotwater{ background-position: left bottom;}



#nineStars{width: 600px; margin: 0; padding: 0;}

#nineStars li{width: 178px; height: 178px; margin: 9px; padding: 0; float: left; display: block; position: relative;}

#nineStars li h5{ font-weight: normal; font-size: 12px;}
#nineStars li h5 span.about{ position: absolute; top: 95px; left: 28px; width: 127px; }

#nineStars li a{width: 178px; height:178px; display: block; background-position: left bottom;}
#nineStars li a:hover{ background-position: left top;}

#nineStars li a.one{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/one.gif);}
#nineStars li a.two{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/two.gif);}
#nineStars li a.three{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/three.gif);}
#nineStars li a.four{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/four.gif);}
#nineStars li a.five{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/five.gif);}
#nineStars li a.six{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/six.gif);}
#nineStars li a.seven{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/seven.gif);}
#nineStars li a.eight{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/eight.gif);}
#nineStars li a.nine{ background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/nine.gif);}

#fBox{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/searchForm.gif) no-repeat; width: 320px; height: 64px; padding: 20px 0 0 15px; margin: 10px 0 0 0; float: left;}

.gray{ clear: both; display: block; height: 0; margin:10px 0; padding: 32px 0 0 0; width: 599px; overflow: hidden; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/midashi.gif); float: left; background-repeat:repeat-y;}
.hdLine01{ background-position: 0 96px;}
.hdLine02{ background-position: 0 64px;}
.hdLine03{ background-position: 0 32px;}
.hdLine04{ background-position: 0 128;}

#thisMonth{ width: 350px; position: relative; float: left;}

#thisMonth h4{ width: 350px;}
#thisMonth h5{ clear: both; width: 350px; height: 0; margin: 30px 0; padding: 35px 0 0 0; display: block; overflow: hidden; background-repeat: no-repeat; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/monthlyIten.gif);}
#thisMonth p{ margin: 10px; padding: 0;}

.kichihoui{ background-position: left top;}
.item{ background-position: 0 -37px;}
.itemName{ font-weight: bold; font-size: 24px; color: #1f8db6; text-align: center;}
.points{ position: absolute; left: 171px; top: 11px!important; top: 10px; font-weight: bold; font-size: 38px; color: #1f8db6;}

*:first-child + html .points{ position: absolute; left: 200px; top: 12px!important; top: 10px; font-weight: bold; font-size: 38px; color: #1f8db6;}

.compass{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/pointsBg.gif) no-repeat; padding: 20px 80px 20px 20px; float: right;}

#starNv{ clear: both; margin: 0 auto 10px 3px; padding: 0; list-style: none; width: 594px;}
#starNv li{ width: 66px; display: inline; float: left;}
#starNv li a{ padding: 48px 0 0 0; height: 0; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/starPageBg.gif); width: 65px; overflow: hidden; float: left;}
.forOne{ background-position: 585px 121px;}
.forOne:hover{ background-position: 585px 169px;}
.forOneOvr{ background-position: 585px 169px;}
.forTwo{ background-position: 520px 121px;}
.forTwo:hover{ background-position: 520px 169px;}
.forTwoOvr{ background-position: 520px 169px;}
.forThree{ background-position: 455px 121px;}
.forThree:hover{ background-position: 455px 169px;}
.forThreeOvr{ background-position: 455px 169px;}
.forFour{ background-position: 390px 121px;}
.forFour:hover{ background-position: 390px 169px;}
.forFourOvr{ background-position: 390px 169px;}
.forFive{ background-position: 325px 121px;}
.forFive:hover{ background-position: 325px 169px;}
.forFiveOvr{ background-position: 325px 169px;}
.forSix{ background-position: 260px 121px;}
.forSix:hover{ background-position: 260px 169px;}
.forSixOvr{ background-position: 260px 169px;}
.forSeven{ background-position: 195px 121px;}
.forSeven:hover{ background-position: 195px 169px;}
.forSevenOvr{ background-position: 195px 169px;}
.forEight{ background-position: 130px 121px;}
.forEight:hover{ background-position: 130px 169px;}
.forEightOvr{ background-position: 130px 169px;}
.forNine{ background-position: 65px 121px;}
.forNine:hover{ background-position: 65px 169px;}
.forNineOvr{ background-position: 65px 169px;}

#aboutYou{ width: 600px; margin: 0; padding: 0; background: url(http://image.excite.co.jp/jp/fortune/houi/img/aboutBgB.gif) no-repeat left bottom;}
#aboutYou li.aboutStar{ width: 600px; margin: 0; background: url(http://image.excite.co.jp/jp/fortune/houi/img/aboutBg.gif) no-repeat left top; }
#aboutYou li.aboutStar h4{ background-position: 320px 179px; background-repeat: none; width: 178px; height: 0; padding: 179px 0 0 0; margin: 0 10px 0 0; overflow: hidden;}
.dot{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/dot2.gif) repeat-x left bottom; padding: 20px 20px 20px 10px; margin:0;}
.dot1{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/dot2.gif) repeat-x left bottom; padding: 20px 20px 20px 10px; margin:0 60px 0 0;}

.mdBox{ margin: 0; padding: 0; background: url(http://image.excite.co.jp/jp/fortune/houi/img/dot.gif) repeat-y right; padding: 20px 10px 10px 10px; height: 230px;}
.cerebBox{ clear: both; width: 124px;}
.suitBox{ width: 204px;}
.favoriteBox{ width: 204px;}
#aboutYou li.adviceBox{ clear: both; width: 560px; margin: 0; padding: 0; background: url(http://image.excite.co.jp/jp/fortune/houi/img/dot2.gif) repeat-x left top; padding: 20px;}

#aboutYou li dl{ margin: 0; padding: 0; position: relative;}
#aboutYou li dt{ display: block; overflow: hidden; height: 0; margin: 0 10px 0 0; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/starPageBg.gif);}
#aboutYou li dd{ margin: 10px 0; padding: 0; line-height: 150%;}
.personal{ background-position: 585px 73px; width: 82px; padding: 32px 0 0 0;}
.cereb{ background-position: 219px 73px; width: 91px; padding: 25px 0 0 0;}
.suit{ background-position: 337px 73px; width: 118px; padding: 25px 0 0 0;}
.favorite{ background-position: 503px 73px; width: 166px; padding: 25px 0 0 0;}
.advice{ background-position: 585px 40px; width: 480px; padding: 40px 0 0 0;}

.light{ position: absolute; top: 10px; left: 300px; font-weight: bold;}

p.fItem{ font-weight: bold; font-size: 20px; color: #e8510f; margin: 10px 0; padding: 10px 0; line-height: 180%;}

.suitBox dl dd{ margin: 5px 0; padding: 0;} 
.suitBox dl dd p{ float: left; margin: 8px 0 0 10px; font-size: 14px;} 
.suitBox dl dd span{ width: 34px; height: 34px; background-image: url(http://image.excite.co.jp/jp/fortune/houi/img/starPageBg.gif); display: block; float: left;}

.aboutTitle{ background :url(http://image.excite.co.jp/jp/fortune/houi/img/aboutTitle.gif) repeat-y; display: block; width: 316px; height: 0; padding: 19px 0 0 0; overflow: hidden; margin: 0 0 10px 0;}

.txt01{ width: 270px; padding: 5px; margin: 5px 0;}

#profile{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/nvBg.gif) no-repeat top; width: 600px; margin: 25px 0; padding: 20px 0 0 0;}
#profile div.bottom{ background: url(http://image.excite.co.jp/jp/fortune/houi/img/nvBgB.gif) no-repeat bottom; width: 560px; padding: 0 20px 20px 20px;}
#profile span{ font-size: 16px; color: #f45a86; font-weight: bold;}
#profile p{ margin: 15px 0;}
#profile a{ color: #f45a86; text-decoration: underline;}
#profile img{ float: right; margin: 0 15px 0 0;}