@charset "utf-8";

/* ------------------------------------------------------
トップページスタイル
------------------------------------------------------ */

#Container{
	background-image:url(/images/common/bg.gif);
	background-repeat:repeat-x;
}


/* ------------------------------------------------------
右カラム
---------------------------------------------------------*/
/* ---------------
占い師一覧見出し
-----------------*/
#Main .Title{
	clear:both;
	overflow:hidden;
	width:755px;
	height:36px;
	margin:0 0 0 0;
	padding:25px 0 0 15px;
	background-image: url(/images/common/title_bg.gif);
	background-repeat:no-repeat;
	background-position:0 25px;
	line-height:36px;
}

#Main .Title .TitleLeft{
	float:left;
	width:300px;
}

#Main .Title .TitleLeft h3{
	display:inline;
}

#Main .Title p.NowNumber{
	display:inline;
	text-indent:10px;
	padding:0 0 0 15px;
	font-size:0.8em;
}

#Main .Title p.AllNumber{
	float:right;
	width:300px;
	text-align:right;
	font-size:0.8em;
}

#Main .Title .AllNumberLink{
	margin:0 10px 0 0;
	padding:0 0 0 18px;
	background-image:url(/images/common/arrow5.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	line-height:16px;
	text-indent:10px;
}

/* ---------------
タブ部分
-----------------*/
#Tab{
	overflow:hidden;
	width:770px;
	margin:5px 0 0 0;
}

#Tab #TabLeft{
	width:350px;
	float:left;
}

#Tab #TabLeft ul{
	overflow:hidden;
}

#Tab #TabLeft li{
	display:block;
	float:left;
	width:73px;
	margin:auto 2px 0 0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
	font-weight:bold;
}

/* ---------------
タブ1
-----------------*/
#Tab #TabLeft li.Tab1_on{
	height:23px;
	background-color:#404040;
	color:#FFF;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab1_on a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#404040;
	color:#fff;
	text-decoration:none;
}

#Tab #TabLeft li.Tab1_on a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#404040;
	color:#fff;
	text-decoration:none;
}

#Tab #TabLeft li.Tab1_off{
	height:23px;
	background-color:#efefef;
	color:#e0e0e0;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab1_off a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#efefef;
	color:#333;
	text-decoration:none;
}

#Tab #TabLeft li.Tab1_off a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#efefef;
	color:#333;
}

#Tab #TabLeft li.Tab1_off a:hover{
	display:block;
	height:28px;
	width:73px;
	background-color:#404040;
	color:#FFF;
}

#Tab #TabLeft li.Tab1_off a:active{
	display:block;
	height:23px;
	width:73px;
	background-color:#efefef;
	color:#333;
}

/* ---------------
タブ2
-----------------*/
#Tab #TabLeft li.Tab2_on{
	height:23px;
	background-color:#B61067;
	color:#FFF;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab2_on a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#B61067;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab2_on a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#B61067;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab2_off{
	height:23px;
	background-color:#fbe6fa;
	color:#994a78;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab2_off a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#fbe6fa;
	color:#994a78;
	text-decoration:none;
}

#Tab #TabLeft li.Tab2_off a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#fbe6fa;
	color:#994a78;
}

#Tab #TabLeft li.Tab2_off a:hover{
	display:block;
	height:28px;
	width:73px;
	background-color:#B61067;
	color:#FFF;
}

#Tab #TabLeft li.Tab2_off a:active{
	display:block;
	height:23px;
	width:73px;
	background-color:#fbe6fa;
	color:#994a78;
}

/* ---------------
タブ3
-----------------*/
#Tab #TabLeft li.Tab3_on{
	height:23px;
	background-color:#5B5120;
	color:#FFF;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab3_on a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#5B5120;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab3_on a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#5B5120;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab3_off{
	height:23px;
	background-color:#f8efe8;
	color:#82512a;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab3_off a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#f8efe8;
	color:#82512a;
	text-decoration:none;
}

#Tab #TabLeft li.Tab3_off a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#f8efe8;
	color:#82512a;
}

#Tab #TabLeft li.Tab3_off a:hover{
	display:block;
	height:28px;
	width:73px;
	background-color:#5B5120;
	color:#FFF;
}

#Tab #TabLeft li.Tab3_off a:active{
	display:block;
	height:23px;
	width:73px;
	background-color:#f8efe8;
	color:#82512a;
}

/* ---------------
タブ4
-----------------*/

#Tab #TabLeft li.Tab4_on{
	height:23px;
	background-color:#0E4337;
	color:#FFF;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab4_on a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#0E4337;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab4_on a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#0E4337;
	color:#FFF;
	text-decoration:none;
}

#Tab #TabLeft li.Tab4_off{
	height:23px;
	background-color:#e9faea;
	color:#115017;
	font-size:12px;
	line-height:23px;
}

#Tab #TabLeft li.Tab4_off a:link{
	display:block;
	height:23px;
	width:73px;
	background-color:#e9faea;
	color:#115017;
	text-decoration:none;
}

#Tab #TabLeft li.Tab4_off a:visited{
	display:block;
	height:23px;
	width:73px;
	background-color:#e9faea;
	color:#115017;
}

#Tab #TabLeft li.Tab4_off a:hover{
	display:block;
	height:28px;
	width:73px;
	background-color:#0E4337;
	color:#FFF;
}

#Tab #TabLeft li.Tab4_off a:active{
	display:block;
	height:23px;
	width:73px;
	background-color:#e9faea;
	color:#115017;
}

#Tab #TabRight{
	width:330px;
	float:right;
}

#Tab #TabRight .ReLoadBtn{
	float:left;
	width:78px;
	height:19px;
}

#Tab #TabRight .ReLoadBtn img{
	vertical-align:top;
}

#Tab #TabRight #ReLoad p{
	font-size:0.7em;
	line-height:20px;
}



/* ---------------
ランキング見出し
-----------------*/
#Main #Title2{
	position:relative;
	overflow:hidden;
	width:755px;
	height:62px;
	margin:25px 0 0 0;
	padding:0 0 0 15px;
	background-image: url(/images/common/title_bg2.gif);
	background-repeat:repeat-x;
	background-position:0 10px;
	line-height:54px;
}

#Main #Title2 h3{
	display:inline;
	padding:0 0 0 48px;
}

#Main #Title2 p.NowNumber{
	display:inline;
	text-indent:10px;
	padding:0 0 0 15px;
	font-size:0.8em;
}

#Main #Title2 span.Number{
	font-weight:bold;
	font-size:1.4em;
	color:#6F3C66;
}

#Main #Title2 .RankIcon{
	position:absolute;
	z-index:10;
	width:52px;
	height:50px;
	top:0px;
	left:0px;

}


#Main #Title2 .Btn{
	display: inline;
	width:97px;
	height:19px;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	font-size:10px;
	line-height:16px;
}

#Main #Title2 .Btn a:link{
	display: inline-block;
	width:97px;
	height:19px;
	font-size:10px;
	color:#FFF;
	background-image:url(/images/common/rank_btn.gif);
	text-indent:18px;

}

#Main #Title2 .Btn a:visited{
	display: inline-block;
	width:97px;
	height:19px;
	font-size:10px;
	color:#FFF;
	background-image:url(/images/common/rank_btn.gif);
	text-indent:18px;
}

#Main #Title2 .Btn a:hover{
	color:#FFF;
	background-image:url(/images/common/rank_btn_over.gif);
}



/* --------------------
最近登録した占い師　見出し
----------------------*/
#Main #Title3{
	position:relative;
	overflow:hidden;
	width:755px;
	height:62px;
	margin:25px 0 0 0;
	padding:0 0 0 15px;
	background-image: url(/images/common/title_bg2.gif);
	background-repeat:repeat-x;
	background-position:0 10px;
	line-height:54px;
}

#Main #Title3 h3{
	display:inline;
	padding:0 0 0 48px;
}

#Main #Title3 p.NowNumber{
	display:inline;
	text-indent:10px;
	padding:0 0 0 15px;
	font-size:0.8em;
}

#Main #Title2 span.Number{
	font-weight:bold;
	font-size:1.4em;
	color:#6F3C66;
}

#Main #Title3 .RankIcon{
	position:absolute;
	z-index:10;
	width:52px;
	height:50px;
	top:0px;
	left:0px;

}

/* ---------------
最近登録した占い師一覧
-----------------*/
#Main #NewList{
	overflow:hidden;
}

.UranaishiNewBox{
	float:left;
	width:148px;
	margin:0 6px 6px 0;
}

.UranaishiNewBox p.New{
	text-align:center;
	font-size:0.75em;
	line-height:140%;
}


/* --------------------
占い師ブログ　見出し
----------------------*/
#Main #Title4{
	position:relative;
	overflow:hidden;
	width:755px;
	height:62px;
	margin:25px 0 0 0;
	padding:0 0 0 15px;
	background-image: url(/images/common/title_bg2.gif);
	background-repeat:repeat-x;
	background-position:0 10px;
	line-height:54px;
}

#Main #Title4 h3{
	display:inline;
	margin:5px 0 0 0;
	padding:0 0 0 60px;
}

#Main #Title4 p.NowNumber{
	display:inline;
	text-indent:10px;
	padding:0 0 0 15px;
	font-size:0.8em;
}

#Main #Title4 span.Number{
	font-weight:bold;
	font-size:1.4em;
	color:#6F3C66;
}

#Main #Title4 .BlogIcon{
	position:absolute;
	z-index:10;
	width:52px;
	height:50px;
	top:0px;
	left:0px;

}

/* --------------------
占い師ブログ　リスト
----------------------*/
#Main #Blog{
	overflow:hidden;
	font-size:0.75em;
}

#Main #Blog #BlogList{
	margin:14px 0;
	padding:0 0 0 10px;
	background-image:url(/images/common/blog_icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
}

#Main #Blog #BlogList span.BlogDate{
	font-size:0.75em;
}

#Main #Blog #BlogList .BlogLeft{
	width:220px;
	float:left;
	margin:0 10px 0 0;
	border-right:1px solid #CCC;
}

#Main #Blog #BlogList h4{
	display: inline;
	margin:0 0 0 4px;
	padding:0 10px 0 10px;
	border-left:1px solid #CCC;
        font-size:90%;
}

#Main #Blog #BlogList h4 span.BlogName{
	color:#936;
}

#Main #Blog #BlogList p{
	display: inline;
	padding:0 0 0 20px;
	background-image:url(/images/common/blog_icon_pen.gif);
	background-repeat:no-repeat;
}

#Main #Blog #BlogList span.BlogKiji{
	padding:0;
	display:inline;
	color:#3691a6;
}

#Main #Blog #BlogList span.BlogTitle{
	font-size:0.85em;
}

#Main #Blog #BlogList span.BlogTitle a:link{
	color:#333;
}

#Main #Blog #BlogList span.BlogTitle a:visited{
	color:#333;
}

/* ---------------
あいさつ文
-----------------*/
#Main #Title5{
	position:relative;
	overflow:hidden;
	width:725px;
	margin:25px 0 0 0;
	padding:15px;
	background-color: #fcf7f8;
	border:1px;
	border-color: #dfd2d7;
	border-style: solid;
}

#Main #Title5 h3{
	display:inline;
	margin:10px 0 10px 0;
	font-size:1.2em;
	font-weight:bold;
}



#Main #Title5 p{
	margin:0.8em 0 0 0;
	font-size:0.8em;
	line-height:140%;
}