@charset "utf-8";

/* ------------------------------------------------------
プロフィールページスタイル
------------------------------------------------------ */

#Main #Title{
	padding-left:20px;
	height:34px;
	background-image:url(/images/common/title_bg.gif);
	background-repeat:no-repeat;
}

#Main #Title span.Red{
	line-height:34px;
	color:#F00;
	font-weight:bold;
}

#Main #Title h2{
	display:inline;
	line-height:34px;
	font-size:20px;
}

#Main #Title h2 .Min{
	font-size:12px;
	margin:0 0 0 10px;
}

#Main #ProfileMain{
	overflow:hidden;
	border:1px solid #ddd;
	margin:0 0 15px 0;
	padding:8px 8px 8px 8px;
	background-image:url(/images/common/bg_stripe.gif);
}

#Main #ProfileMain #ProfileMainSpec{
	width:538px;
	float:left;
}

#Main #ProfileMain #Spec{
	background-color:#FFF;
	margin:0 0 10px 0;
	padding:8px;
	width:520px;
	height:220px;
}



#Main #ProfileMain #Spec #Photo{
	width:154px;
	float:left;
}

#Main #ProfileMain #Spec #SpecRightBox{
	float:right;
	width:356px;
	padding-top:10px;
}

#Main #ProfileMain #Spec #SpecRightBox h4{
	color:#af5a81;
	font-size:14px;
}

#Main #ProfileMain #Spec #SpecRightBox h4.Senjyutsu{
	text-indent:10px;
	margin:0 0 4px 0;
}

#Main #ProfileMain #Spec #SpecRightBox p.Senjyutsu{
	padding-left:10px;
	font-size:12px;
	line-height:145%;
}

#Main #ProfileMain #Spec #Name{
	width:344px;
	height:55px;
	padding:0 0 0 10px;
	color:#af5a81;
}

#Main #ProfileMain #Spec .NameYomi{
	font-size:10px;
	line-height:140%;
}

#Main #ProfileMain #Spec h3{
	font-size:24px;
	margin-top:4px;
}

#Main #ProfileMain #Spec h3 .sub{
	font-size:12px;
}

#Main #ProfileMain #Spec ul#SpecKensu{
	overflow:hidden;
	display:block;
	width:350px;
	padding:0;
	margin:0 0 10px 0;
	border:1px dotted #ddd;
}

#Main #ProfileMain #Spec ul#SpecKensu li{
	float:left;
	display:block;
	width:115px;
	height:44px;
	padding:5px 0 5px 0;
	text-align:center;
	border-right:1px dotted #ddd;
}

#Main #ProfileMain #Spec ul#SpecKensu li h4{
	margin:0 0 5px 0;
	color:#af5a81;
	font-size:14px;
	line-height:140%;
}

#Main #ProfileMain #Spec ul#SpecKensu li p{
	font-weight:bold;
	font-size:12px;
}

#StatusIcon{
	overflow:hidden;
	clear:both;
	height:80px;
	width:528px;
	padding:8px 0 8px 8px;
	background-color:#FFF;
}


#StatusIcon #TaikiIcon{
	float:left;
	width:172px;
	margin:5px 10px 0 0;
}

/*チャット鑑定 料金*/

#StatusIcon .IconChatPrice{
	float:left;
	width:160px;
	height:74px;
	margin:0 8px 0 0;
	background-color:#F8EFE8;
	border:1px solid #EFCABB;
	background-image:url(/images/mado_ocn/chat_icon.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#StatusIcon .IconChatPrice h3{
	display:block;
	height:50px;
	margin:5px 0 0 5px;
	font-size:0.9em;
	font-weight:bold;
	line-height:140%;
}

#StatusIcon .IconChatPrice p{
	display:block;
	background-color:#BF7B5D;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	line-height:140%;
}

/*電話鑑定表示 ON*/

#StatusIcon .IconTell{
	float:left;
	height:76px;
	width:102px;
	margin:0 6px 0 0;
	background-color:#fbe6fa;
	border:1px solid #dfb7dd;
	text-align:center;
	font-size:12px;
}

#StatusIcon .IconTell h3{
	margin:0;
	padding:0;
	display:block;
	line-height:22px;
}

#StatusIcon .IconTell Img{
	display:block;
	height:32px;
	margin:0 auto;
}

#StatusIcon .IconTell p{
	display:block;
	margin:4px 0 0 0;
	background-color:#FFF;
	line-height:18px;
}

/*電話鑑定表示 OFF*/

#StatusIcon .IconTellOFF{
	float:left;
	height:76px;
	width:102px;
	margin:0 6px 0 0;
	background-color:#f4f4f4;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:12px;
}

#StatusIcon .IconTellOFF h3{
	margin:0;
	padding:0;
	display:block;
	line-height:22px;
	color:#999;
}

#StatusIcon .IconTellOFF Img{
	display:block;
	height:32px;
	margin:0 auto;
}

#StatusIcon .IconTellOFF p{
	display:block;
	margin:4px 0 0 0;
	background-color:#FFF;
	line-height:18px;
}

/*チャット表示 ON*/

#StatusIcon .IconChat{
	float:left;
	height:76px;
	width:102px;
	margin:0 6px 0 0;
	background-color:#f8efe8;
	border:1px solid #eacabb;
	text-align:center;
	font-size:12px;
}

#StatusIcon .IconChat h3{
	margin:0;
	padding:0;
	display:block;
	line-height:22px;
}

#StatusIcon .IconChat Img{
	display:block;
	height:32px;
	margin:0 auto;
}

#StatusIcon .IconChat p{
	display:block;
	margin:4px 0 0 0;
	background-color:#FFF;
	line-height:18px;
}

/*チャット表示 OFF*/

#StatusIcon .IconChatOFF{
	float:left;
	height:76px;
	width:102px;
	margin:0 6px 0 0;
	background-color:#f4f4f4;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:12px;
}


#StatusIcon .IconChatOFF h3{
	margin:0;
	padding:0;
	display:block;
	line-height:22px;
	color:#999;
}

#StatusIcon .IconChatOFF Img{
	display:block;
	height:32px;
	margin:0 auto;
}

#StatusIcon .IconChatOFF p{
	display:block;
	margin:4px 0 0 0;
	background-color:#FFF;
	line-height:18px;
}


#StatusIcon .IconVoice_ON{
	float:left;
	height:18px;
	width:76px;
	margin:0 8px 0 0;
	padding:56px 0 0 0;
	border:1px solid #ddd;
	background-image: url(/images/mado_ocn/onsei_on.jpg);
	background-repeat:no-repeat;
	background-position:6px 4px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#StatusIcon .IconVoice_OFF{
	float:left;
	height:18px;
	width:76px;
	margin:0 8px 0 0;
	padding:56px 0 0 0;
	border:1px solid #ddd;
	background-image: url(/images/mado_ocn/onsei_off.jpg);
	background-repeat:no-repeat;
	background-position:6px 4px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#StatusIcon .IconMovie_ON{
	float:left;
	height:18px;
	width:76px;
	margin:0 0 0 0;
	padding:56px 0 0 0;
	border:1px solid #ddd;
	background-image: url(/images/mado_ocn/eizo_on.jpg);
	background-repeat:no-repeat;
	background-position:6px 4px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#StatusIcon .IconMovie_OFF{
	float:left;
	height:18px;
	width:76px;
	margin:0 0 0 0;
	padding:56px 0 0 0;
	border:1px solid #ddd;
	background-image: url(/images/mado_ocn/eizo_off.jpg);
	background-repeat:no-repeat;
	background-position:6px 4px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
} 


#StatusIcon #IconMini{
	overflow:hidden;
	float:left;
	width:118px;
}

#Main #ProfileMain #Spec2{
	clear:both;
	width:534px;
	margin:10px 0 0 0;
}

#Main #ProfileMain #Spec2 ul{
	overflow:hidden;
	width:534px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#FFF;
}

#Main #ProfileMain #Spec2 li{
	float:left;
	width:130px;
	padding:10px 0 10px 0;
	border-right:1px solid #ddd;
	text-align:center;
}

#Main #ProfileMain #Spec2 h4{
	font-size:14px;
	color:#af5a81;
	130%;
}

#Main #ProfileMain #Spec2 div{
	padding:2px 0 2px 0;
}

#Main #ProfileMain #Spec2 p{
	margin:5px 0 0 0 ;
	font-size:12px;
	font-weight:bold;
	line-height:130%;
}

#Main #ProfileMain #Blog{
	width:520px;
	margin:10px 0 0 0;
	padding:8px;
	background-color:#FFF;
}

#Main #ProfileMain #BlogTopics{
	overflow:hidden;
	background-image:url(/images/common/popup/blog_bg.gif);
	height:36px;
	width:420px;
	line-height:36px;
	border-right:1px solid #ddd;
}

#Main #ProfileMain #BlogTopics h3{
	float:left;
	width:81px;
	height:36px;
	background-image:url(/images/common/popup/blog_icon.gif);
	text-indent:-9999px;
}

#Main #ProfileMain #BlogTopics p{
	float:left;
	display:block;
	width:335px;
	height:35px;
	font-size:12px;
	text-indent:18px;
	background-image:url(/images/common/popup/arrow3.gif);
	background-repeat:no-repeat;
	background-position:8px 14px;
}

#Main #ProfileMain #BlogTopics span.BlogTopicsDate{
	font-size:10px;
	margin-right:5px;
}

#Main #ProfileMain #TwitterArea{
	width:200px;
	float:right;
	background-color:#FFF;
}

#Main #ProfileMain #TwitterArea h3{
	text-align:center;
}

#Main #ProfileMain #TwitterArea h3 img{
	margin-top:-8px;
}

#Main #ScheMail{
	clear:both;
	overflow:hidden;
	margin:10px;
}

#Main #ScheMail ul{
	overflow:hidden;
	display:block;
	width:320px;
	float:left;
	margin-right:10px;
}

#Main #ScheMail ul li{
	float:left;
	margin-right:5px;
}

#Main #ScheMail p{
	font-size:12px;
}

#Main #ScheMail .Alert{
	font-size:10px;
	color:#F00;
}

#Main #VoiceTopic{
	position:relative;
	overflow:hidden;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	background-image: url(/images/common/profile/voice_bg.jpg);
}

#Main #VoiceTopic h3{
	display:block;
	float:left;
	width:182px;
	height:89px;
	background-image: url(/images/common/profile/voice_t.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#Main #VoiceTopic #More{
	position:absolute;
	width:85px;
	height:20px;
	z-index:10;
	top:58px;
	left:94px;
	background-image:url(/images/common/profile/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size:12px;
	text-indent:15px;
	font-weight:bold;
}

#Main #VoiceTopic #More a:link{
	color:#6a4958;
}
#Main #VoiceTopic #More a:hover{
	color:#C66;
}

#Main #VoiceTopic #VoiceTopicRight{
	float:left;
	width:545px;
	margin:10px 0 0 10px;
	padding:5px;
	background-color:#FFF;

}

#Main #VoiceTopic #VoiceTopicRight span.Date{
	font-size:10px;
	color:#917984;
}

#Main #VoiceTopic #VoiceTopicRight span.Name{
	font-size:12px;
	color:#A24570;
}

#Main #VoiceTopic #VoiceTopicRight p{
	font-size:0.75em;
	line-height:150%;
	margin:6px 0 0 0;
}

#Main .ProfileBox{
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
	
}

#Main .ProfileBox h3{
	background-image:url(/images/common/title_bg.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	line-height:34px;
}

#Main .ProfileBox p{
	padding:10px;
	font-size:0.75em;
	line-height:175%;
	color:#333;
}

#Main .ProfileBox img{
	float:right;
	margin:12px;
	padding:4px;
	border:1px solid #ddd;
}

/* --------------------
占い師ブログ　見出し
----------------------*/
#Main #BlogT{
	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:76px;
}

#Main #BlogT h3{
	display:inline;
	padding:0 0 0 60px;
}

#Main #BlogT .BlogMore{
	display:block;
	position:absolute;
	z-index:10;
	top:26px;
	left:182px;
	width:80px;
	height:19px;
	line-height:19px;
	color:#FFF;
	font-size:10px;
	text-indent:19px;
}

#Main #BlogT .BlogMore a:link{
	display:block;
	height:19px;
	width:80px;
	color:#FFF;
	background-image:url(/images/common/profile/blog_more.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#Main #BlogT .BlogMore a:visited{
	display:block;
	height:19px;
	width:80px;
	color:#FFF;
	background-image:url(/images/common/profile/blog_more.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

#Main #BlogT .BlogMore a:hover{
	display:block;
	height:19px;
	width:80px;
	color:#FFF;
	background-image:url(/images/common/profile/blog_more_over.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}

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

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

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

}


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

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

#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 15px 0 15px;
	border-left:1px solid #CCC;
}

#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 #ScheduleBox h3{
	background-image:url(/images/common/title_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	line-height:34px;
}

#Main table#Schedule{
	clear:both;
	width:764px;
	border-collapse: collapse;
	border:1px solid  #e4dcdc;
	margin:0 0 10px 0;
}

#Main table#Schedule thead{
	font-size:12px;
	background-color:#f5f5f5;
	text-align:center;
	color:#333;
}

#Main table#Schedule thead td{
	padding:5px;
} 

#Main table#Schedule th{
	padding:5px 0 5px 0;
	font-size:12px;
	border:1px solid  #e4dcdc;
	background-color:#f5f5f5;
	width:80px;
	color:#333;
	font-weight:normal;
} 

#Main table#Schedule td{
	padding:4px;
	border-collapse: collapse;
	border:1px solid  #e4dcdc;
	text-align:center;
	vertical-align:middle;
}

#Main table#Schedule tr.Sat{
	background-color:#eff4fa;
}

#Main table#Schedule tr.Sun{
	background-color:#faeff3;
}

#Main .ScheduleText{
	display:block;
	width:300px;
	float:left;
	color:#af5a81;
	font-size:12px;
	line-height:23px;
}

#Main ul.ScheYoyakuLink{
	float:right;
	display:block;
	padding:0 0 4px 0;
	overflow:hidden;
	color:#af5a81;
	font-size:12px;
}

#Main ul.ScheYoyakuLink li{
	display:block;
	width:120px;
	height:23px;
	float:left;
	line-height:23px;
	font-weight:bold;
}

#Main ul.ScheYoyakuLink li img{
	vertical-align: middle;
	margin:0 2px 0 0;
	line-height:23px;
}
.Col1{
	background-color: #666;
}

/* ------------------------------------------------------
プロフィールTwitter部分
------------------------------------------------------ */

#TwitterArea ul li{
	margin:0 0 4px 0;
	padding:4px;
	border-bottom:1px solid #EFEFEF;
	font-size:11px;
	line-height:145%;
}

#TwitterArea ul li span{
	font-size:10px;
	line-height:140%;
	color:#247386;
}

/* ---------------

無料メール鑑定プロフィール部分

-----------------*/


#Main #MailTopic{
	position:relative;
	overflow:hidden;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	background-image: url(/images/common/profile/voice_bg.jpg);
}

#Main #MailTopic h3{
	display:block;
	float:left;
	width:182px;
	height:89px;
	background-image: url(/images/common/profile/mail_t.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#Main #MailTopic #More{
	position:absolute;
	width:85px;
	height:20px;
	z-index:10;
	top:58px;
	left:94px;
	background-image:url(/images/common/profile/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size:12px;
	text-indent:15px;
	font-weight:bold;
}

#Main #MailTopic #More a:link{
	color:#6a4958;
}
#Main #MailTopic #More a:hover{
	color:#C66;
}

#Main #MailTopic #MailTopicRight{
	float:left;
	width:545px;
	margin:10px 0 0 10px;
	padding:5px;
	background-color:#FFF;

}

#Main #MailTopic #MailTopicRight span.Date{
	font-size:10px;
	color:#917984;
}

#Main #MailTopic #MailTopicRight span.Name{
	font-size:12px;
	color:#A24570;
}

#Main #MailTopic #MailTopicRight p{
	font-size:0.75em;
	margin:5px 0 10px 0;
	width:535px;
	padding-bottom:10px;
	border-bottom: 1px #efefef solid;
}