@charset "EUC-JP";
/*////////////////////////////////////////////////////////////
MYLOHAS - astrology.css
------------------------------------------------------------

[Home]
	0. Import
[Layout]
	1. Index
	2. Article


////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Home] home styles
  ################################################################################ */
/* ------------------------------------------------------------
	0. Import
  ------------------------------------------------------------ */
@import url(base.css);


/* ################################################################################
	[Layout] home layout
  ################################################################################ */
/* ------------------------------------------------------------
	1. Index
  ------------------------------------------------------------ */
div#right #astrology {
	width: 811px;
}
div#right #astrology #main {
	width: 500px;
}
div#right #astrology #main h3 {
	width: 500px;
	height: 40px;
}
div#right #astrology #main h4 {
	width: 500px;
	height: 18px;
	margin-top: 15px;
}
div#right #astrology #main #drop_down {
	width: 250px;
	margin-top: 15px;
}

div#right #astrology #main #latest,
div#right #astrology #main #not_loggedin {
	width: 450px;
	margin: 20px 25px;
}
div#right #astrology #main #not_loggedin .block {
	margin-bottom: 15px;
}
div#right #astrology #main #not_loggedin .block table.basic_form {
	width: 450px;
	margin-bottom: 20px;
	border-collapse:separate;
	border-top:10px solid #B8ADA3;
}





div#right #astrology #main #latest .block {
	width: 137px !important;
	width: 149px;
	height: 228px !important;
	height: 240px;
	padding: 6px;
	background: transparent url(../images/bg_astrology_top.gif) no-repeat;
	float: left;
}

div#right #astrology #main #latest .block_h258 {
	width: 137px !important;
	width: 149px;
	height: 228px !important;
	height: 240px;
	padding: 6px;
	background: transparent url(../images/bg_astrology_top_h258.gif) no-repeat;
	float: left;
}



*html body div#right #astrology #main #latest .block {
	width: 137px;
	height: 228px;
}
*html body div#right #astrology #main #latest .block_h258 {
	width: 137px;
	height: 228px;
}


div#right #astrology #main #latest .block .title {
	width: 137px;
	height: 139px;
	padding: 0 0 10px 0;
	margin:0;
}
div#right #astrology #main #latest .block .buttons {
	width: 125px !important;
	width: 137px;
	padding: 0 6px 5px;
	margin:0;
}
*html body div#right #astrology #main #latest .block .buttons {
	width: 125px;
}
div#right #astrology #main #latest .block .btn {
	width: 125px;
	height: 16px;
	padding: 0 0 3px 0;
	margin:0;
}
div#right #astrology #main #latest .text {
	margin: 30px 0 0;
	font-size: 108%;
	line-height: 1.6em;
}
div#right #astrology #main #latest .text .page {
	color: #CCC;
}
/* ------------------------------------------------------------
	1. details
  ------------------------------------------------------------ */
div#right #astrology #main #about {
	width: 500px;
	margin:20px 0 0;
	position:relative;
}
div#right #astrology #main #about .photo {
	width: 175px;
	margin-right: 20px;
	float:left;
}
div#right #astrology #main #about .photo img {
	width: 167px;
	border:4px solid #97D41C;
}
div#right #astrology #main #about .message {
	color: #FF6101;
	font-weight: bold;
}
div#right #astrology #main #about .lead {
	margin-top: 10px;
}
div#right #astrology #main #about .astrology {
	position:absolute;
	bottom:0;
	left:195px;
}
div#right #astrology #main #about .astrology .btn {
	padding-top:5px;
}
div#right #astrology #main ul#navi {
	width: 500px;
	padding-top: 15px;
}
div#right #astrology #main ul#navi li {
	height: 45px;
	display: inline;
	float: left;
}
div#right #astrology #main ul#navi li a {
	height: 45px;
	display: block;
}
div#right #astrology #main ul#navi li.weekly a {
	background:transparent url(../images/btn_astrology_weekly.gif) no-repeat;
	width:166px;
}
div#right #astrology #main ul#navi li.weekly,
div#right #astrology #main ul#navi li.weekly a:hover {
	background:transparent url(../images/btn_astrology_weekly_on.gif) no-repeat;
	width:166px;
}
div#right #astrology #main ul#navi li.monthly a {
	background:transparent url(../images/btn_astrology_monthly.gif) no-repeat;
	width:167px;
}
div#right #astrology #main ul#navi li.monthly,
div#right #astrology #main ul#navi li.monthly a:hover {
	background:transparent url(../images/btn_astrology_monthly_on.gif) no-repeat;
	width:167px;
}
div#right #astrology #main ul#navi li.yearly a {
	background:transparent url(../images/btn_astrology_yearly.gif) no-repeat;
	width:167px;
}
div#right #astrology #main ul#navi li.yearly,
div#right #astrology #main ul#navi li.yearly a:hover {
	background:transparent url(../images/btn_astrology_yearly_on.gif) no-repeat;
	width:167px;
}



/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#right #astrology #main #latest .block:after,
div#right #astrology #main #not_loggedin .block:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div#right #astrology #main #latest .block,
div#right #astrology #main #not_loggedin .block {
	display:inline-block;
}

/* exclude MacIE5 [start] \*/
* html div#right #astrology #main #latest .block,
* html div#right #astrology #main #not_loggedin .block {
	height:1%;
}
div#right #astrology #main #latest .block,
div#right #astrology #main #not_loggedin .block {
	display:block;
}
/* exclude MacIE5 [end] */