@charset "utf-8";



/* サイト個別スタイル */



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

　ページ全体

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

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

　ページ背景

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

#Container{

	background-image:url(/images/pc/bg.png);

}





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

　ヘッダー

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

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

　ロゴ

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

#Header h1{

	display:block;

	float:left;

	width:255px;

	height:76px;

}



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

　ヘッダーテキスト

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

#Header h2{

	float:left;

	display:block;

	margin:38px 0 0 15px;

	font-size:0.8em;

	color:#A94875;

}



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

　ヘッダーログインボタン周り

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

#Header #HeaderSub {

	position:absolute;

	z-index:10;

	top:0px;

	right:10px;

	width:150px;

	height:73px;

	padding:10px 0 0 0;

}



#Header #HeaderSub ul.TextList{

	display:block;

	width:110px;

	margin:0 0 10px auto;

}



#Header #HeaderSub ul.TextList li {

	background-image:url(/images/mado_main/icon_link.gif);

	background-repeat:no-repeat;

	text-indent:15px;

	line-height:20px;

	font-size:0.8em;

}



#Header #HeaderSub #HeaderLogin{

	width:117px;

}



#Main #MainTop{

	overflow:hidden;

	float:left;

	width:572px;

}

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

　Flash

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

#Main #MainTop #FlashArea{

	float:left;

	width:572px;

	margin:0 0 8px 0;

}



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

　はじめてガイド

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

#Main #MainTop #Hajimete{

	float:right;

	width:158px;

	margin:0 0 0 0;

	background-color:#000;

}



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

　右カラム

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

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

　更新情報

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

#News{

	clear:both;

	padding:4px;

	width:748px;

	border:1px solid #dcbdc8;

	background-image:url(/images/mado_main/new_bg.gif);

}



#News a:link{

	color: #272727;

}

#News a:visited{

	color:#272727;

}



#News span.NameColor{

	color:#ac5d81;

	font-weight:bold;

}


#News #NewsLeft{

	float:left;

	width:100px;

}



#News #NewsLeft h3{

	display:block;

	width:52px;

	height:14px;

	margin:8px;

	text-indent:-9999px;

	background-image:url(/images/mado_main/news.gif);

}



#News #NewsLeft .Btn{

	width:80px;

	height:18px;

	margin:0px auto 0 auto;

	padding:38px 0 0 0;

	font-size:12px;

	line-height:16px;

}



#News #NewsLeft .Btn a:link{

	display:block;

	width:80px;

	height:18px;

	font-size:12px;

	color:#FFF;

	background-image:url(/images/mado_main/news_btn.gif);

	text-indent:18px;

}



#News #NewsLeft .Btn a:visited{

	display:block;

	width:80px;

	height:18px;

	font-size:12px;

	color:#FFF;

	background-image:url(/images/mado_main/news_btn.gif);

	text-indent:18px;

}



#News #NewsLeft .Btn a:hover{

	color:#FFF;

	background-image:url(/images/mado_main/news_btn_over.gif);

}





#News dl{

	width:620px;

	margin:0 0 0 auto;

	padding:4px;

	border:1px solid #CCC;

	background-color:#FFF;

}



#News dl dt{

	float:left;

	margin:0 0 0 4px;

	font-size:0.75em;

	background-image:url(/images/mado_main/arrow2.gif);

	background-repeat:no-repeat;

	background-position:0 6px;

	line-height:22px;

	text-indent:14px;

}



#News dl dd{

	line-height:22px;

	font-size:0.75em;

	text-indent:14px;

}



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

　３つの安心

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

#Main #Anshin{

	float:right;

	width:192px;

}



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

　トピックスバナー

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

#Main ul.TopicsBanner{

	display:block;

	float:right;

	width:190px;

}



#Main ul.TopicsBanner li{

	margin-bottom:6px;

}



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

　活動中の占い師

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

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

　見出し

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

#Main .Title span.Number{

	font-weight:bold;

	font-size:1.4em;

	color:#b46b97;

}