@charset "utf-8";

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



/* ------------------------------------------------------
　ページ全体
------------------------------------------------------ */
/* --------------------------
　ページ背景
----------------------------- */
#Container{
	background-image:url(/images/mado_cafe/bg.gif);
}


/* ------------------------------------------------------
　ヘッダー
------------------------------------------------------ */
/* --------------------------
　ロゴ
----------------------------- */
#Header h1{
	display:block;
	float:left;
	width:275px;
	height:83px;
}

/* --------------------------
　ヘッダーテキスト
----------------------------- */
#Header h2{
	float:left;
	display:block;
	margin:38px 0 0 15px;
	font-size:0.8em;
	color:#65563A;
}

/* --------------------------
　ヘッダーログインボタン周り
----------------------------- */
#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{
	text-align:right;
	width:117px;
}

#Main #MainTop{
	overflow:hidden;
	float:left;
	width:572px;
}


/* --------------------------
　Flash
----------------------------- */
#Main #MainTop #FlashArea{
	float:left;
	width:407px;
	margin:0 0 8px 0;
}

/* --------------------------
　はじめてガイド
----------------------------- */
#Main #MainTop #Hajimete{
	float:right;
	width:158px;
	margin:0 0 0 0;
	background-color:#000;
}

/* ------------------------------------------------------
　右カラム
------------------------------------------------------ */
/* --------------------------
　更新情報
----------------------------- */
#Main #MainTop #News{
	clear:both;
	padding:4px;
	width:562px;
	border:1px solid #dcbdc8;
	background-image:url(/images/mado_main/new_bg.gif);
}

#Main #MainTop #News a:link{
	color: #272727;
}
#Main #MainTop #News a:visited{
	color:#272727;
}

#Main #MainTop #News span.NameColor{
	color:#ac5d81;
	font-weight:bold;
}

#Main #MainTop #News #NewsLeft{
	float:left;
	width:100px;
}

#Main #MainTop #News #NewsLeft h3{
	display:block;
	width:52px;
	height:14px;
	margin:8px;
	text-indent:-9999px;
	background-image:url(/images/mado_main/news.gif);
}

#Main #MainTop #News #NewsLeft .Btn{
	width:80px;
	height:18px;
	margin:0px auto 0 auto;
	padding:38px 0 0 0;
	font-size:12px;
	line-height:16px;
}

#Main #MainTop #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;
}

#Main #MainTop #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;
}

#Main #MainTop #News #NewsLeft .Btn a:hover{
	color:#FFF;
	background-image:url(/images/mado_main/news_btn_over.gif);
}


#Main #MainTop #News dl{
	width:446px;
	margin:0 0 0 auto;
	padding:4px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#Main #MainTop #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;
}

#Main #MainTop #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;
}