@charset "utf-8";

/* ==============================================================================
株式会社リリースタイル
Copyright(C)2009 lily Style Co. Ltd. All Rights Reserved. All rights Reserved.
============================================================================== */

/*　▼▼占いランキング
==================================================*/

div#uranairankblock {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 630px;
	float: left;
}

/*title*/
div#uranairankblock div.title {
	height: 30px;
	width: 630px;
	background-image: url(../astrology/images/title_bg.gif);
	background-repeat: no-repeat;
	float: left;
	background-color: #A18B74;
	}

/*title*/
div#uranairankblock div.title2 {
	width: 630px;
	float: left;
	padding-top: 10px;
	}

div#uranairankblock h2 {
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	display: block;
	line-height: 30px;
	font-weight: bold;
	padding-left: 20px;
	}

div#uranairankblock div.images {
	width: 630px;
	float: left;
	padding-top: 10px;
	}

div#uranairankblock div.rankbox {
	width: 188px;
	float: left;
	padding: 10px;
	}

div#uranairankblock div.ranking {
	width: 188px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid  #A18B74;
	padding-bottom: 8px;
	}

div#uranairankblock div.ranking span.rank {
	width: 188px;
	float: left;
	display: block;
	}

div#uranairankblock div.ranking span.name {
	width: 188px;
	float: left;
	display: block;
	}

div#uranairankblock div.ranking span.sougou {
	width: 48px;
	float: left;
	display: block;
	line-height: 25px;
	font-weight: bold;
	color: #FF0066;
	font-size: 12px;
	}

div#uranairankblock div.ranking span.hosi {
	width: 140px;
	float: left;
	display: block;
	}

div#uranairankblock div.ranking span.nail_tit {
	width: 188px;
	float: left;
	display: block;
	}

div#uranairankblock div.ranking span.img {
	width: 166px;
	float: left;
	display: block;
	padding-right: 11px;
	padding-left: 11px;
	}

div#uranairankblock div.ranking span.img a {
	text-decoration: none;
	display: block;
	padding: 3px;
	background-color: #CCCCCC;
	height: 120px;
}

div#uranairankblock div.ranking span.img a:hover {
	display: block;
	padding: 3px;
	background-color: #FF3366;
	height: 120px;
	}

div#uranairankblock div.ranking span.salon_name {
	width: 188px;
	float: left;
	display: block;
	line-height: 25px;
	font-weight: bold;
	color: #4B2F14;
	}

div#uranairankblock div.ranking span.salon_name a {
	color: #4B2F14;
}

div#uranairankblock div.ranking span.salon_name a:hover {
	color: #4B2F14;
	}

div#uranairankblock div.ranking span.button {
	width: 188px;
	float: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/*　▼▼占い詳細
==================================================*/

div#uranaiblock {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 630px;
	float: left;
}

/*title*/
div#uranaiblock div.title {
	height: 30px;
	width: 630px;
	background-image: url(../astrology/images/title_bg.gif);
	background-repeat: no-repeat;
	float: left;
	background-color: #A18B74;
	}

div#uranaiblock h2 {
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	display: block;
	line-height: 30px;
	font-weight: bold;
	padding-left: 20px;
	}

div#uranaiblock div.image_box {
	width: 360px;
	float: left;
	height: 200px;
	}

div#uranaiblock div.text_box {
	width: 270px;
	float: left;
	}

div#uranaiblock div.text_box span.b_text {
	width: 55px;
	float: left;
	display: block;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	color: #5B4D3E;
	font-size: 12px;
	}

div#uranaiblock div.text_box span.b_img {
	width: 210px;
	float: right;
	display: block;
	height: 50px;
	padding-right: 5px;
	text-align: left;
	}

div#uranaiblock div.head_box {
	width: 630px;
	float: left;
	background-image: url(../astrology/images/head.gif);
	background-repeat: no-repeat;
	height: 35px;
	background-position: bottom;
	padding-top: 15px;
	}

div#uranaiblock div.head_box span.title {
	width: 597px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-align: left;
	padding-left: 33px;
	padding-top: 12px;
	}

div#uranaiblock div.main_box {
	width: 600px;
	float: left;
	background-image: url(../astrology/images/main.gif);
	background-repeat: repeat-y;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	background-position: center;
	}

div#uranaiblock div.design_box {
	width: 585px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

div#uranaiblock div.main_box span.come {
	width: 586px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	display: block;
	text-align: left;
	background-color: #FFFFFF;
	padding: 7px;
	line-height: 22px;
	}

div#uranaiblock div.main_box span.disign_title1 {
	width: 315px;
	float: right;
	display: block;
	height: 40px;
	}

div#uranaiblock div.main_box span.salon_name {
	width: 300px;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 31px;
	font-weight: bold;
	color: #4B2F14;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B2F14;
	}

div#uranaiblock div.main_box span.desi_tit {
	width: 300px;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 31px;
	font-weight: bold;
	color: #4B2F14;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B2F14;
	}

div#uranaiblock div.main_box span.desi_area {
	width: 300px;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 31px;
	font-weight: bold;
	color: #4B2F14;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B2F14;
	}

div#uranaiblock div.main_box span.desi_com {
	width: 300px;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 31px;
	font-weight: bold;
	color: #4B2F14;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B2F14;
	}

div#uranaiblock div.main_box span.desi_scene {
	width: 300px;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 31px;
	font-weight: bold;
	color: #4B2F14;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B2F14;
	}

div#uranaiblock div.main_box span.img {
	width: 256px;
	float: left;
	display: block;
	padding: 5px;
	background-image: url(../astrology/images/design_bg.gif);
	background-repeat: no-repeat;
	}

div#uranaiblock div.bottom_box {
	width: 630px;
	float: left;
	background-image: url(../astrology/images/bottom.gif);
	background-repeat: no-repeat;
	padding-bottom: 3px;
	background-position: center top;
	}