@charset "utf-8";



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



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

　nifty関連

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

.So-net_Container{

	overflow:hidden;

	width:100%;

	padding:4px 0;

	border-bottom:1px solid #F0F0F0;

	background-color:#F7F7F7;

}



.So-net_Main{

	width:1000px;

	margin:0 auto;

}



.So-net_Container .So-net_Main h1{

	float:left;

}



.So-net_Container .So-net_Main .So-net_text1{

	float:right;

	width:600px;

	text-align:right;

	font-size:12px;

	line-height:21px;

}



.So-net_Container .So-net_Main .So-net_text1 span{

	margin:0 0 0 20px;

}



.So-net_Footer{

	font-size:10px;

	line-height:180%;

}





.Notice{

	margin:60px 0 40px 0;

	padding:0 0 20px 0;

	width:768px;

	border:1px solid #F0F0F0;

	background-color: #F6F6F6;

}



.Notice h3{

	margin:0 0 20px 0;

	border-bottom:1px dotted #CCC;

	font-size:18px;

	line-height:180%;

	text-indent:20px;

	background-color:#DFEEF0;

}



.Notice h4{

	display:block;

	margin:40px 30px 30px 30px;

	font-size:16px;

	line-height:180%;

	text-indent:20px;

	border-left:8px solid #91C7CE;

	border-bottom:1px solid #CCC;

}



.Notice .niftyLink{

	overflow:hidden;

	margin:20px auto;

	padding:20px 0;

	border-top:1px dotted #CCC;

}



.Notice .niftyLink ul.Link{

	display:block;

	width:300px;

	float:left;

	overflow:hidden;

}



.Notice .niftyLink ul.Link li{

	float:left;

	margin:0 10px;

}



.Notice .niftyLink .niftyCopy{

	width:380px;

	float:right;

	text-align:right;

	padding:0 20px 0 0;

}



.Notice .niftyLink .niftyCopy .Copy1{

	font-size:12px;

	line-height:180%;

}



.Notice .niftyLink .niftyCopy .Copy2{

	font-size:10px;

}





.Notice ul.List{

	margin:0 0 0 20px;	

}

.Notice ul.List li{

	margin:4px 20px;

	list-style:disc;

	font-size:12px;

	line-height:160%;

	

}



.Notice ol.List3{

	margin:0 0 0 20px;	

}

.Notice ol.List3 li{

	margin:4px 20px;

	font-size:12px;

	line-height:160%;

	list-style: disc;

	

}



.Notice dl.List2{

	margin:0 0 0 18px;

}



.Notice dl.List2 dt{

	margin:20px 0 5px 18px;

	font-size:16px;

	font-weight:bold;

	line-height:160%;

}



.Notice dl.List2 dd{

	margin:0 20px;

	list-style:disc;

	font-size:12px;

	line-height:160%;

}



table.So-net_Table{

	margin:10px 40px;

	border-collapse:collapse;

}



table.So-net_Table td{

	border:1px solid #CCC;

	padding:14px;

	background-color:#FFF;

	font-size:12px;

	line-height:150%;

}



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

　ページ全体

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

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

　ページ背景

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

#Container{

	background-image:url(/images/denwa_nifty/bg.gif);

}





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

　ヘッダー

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

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

　ロゴ

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



#Header h1{

	display:block;

	float:left;

	width:380px;

	height:83px;

}



#Header h1 img.Logo{

	float:left;

	margin:26px 0 0 0;

}





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

　ヘッダーテキスト

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

#Header h2{

	float:left;

	display:block;

	margin:38px 0 0 20px;

	font-size:0.8em;

	color:#366161;

}



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

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

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

#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/denwa_nifty/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;

}



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

　右カラム

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

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

　更新情報

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

#News{

	clear:both;

	padding:4px;

	width:748px;

	border:1px solid #dcbdc8;

	background-image:url(/images/denwa_nifty/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/denwa_nifty/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/denwa_nifty/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/denwa_nifty/news_btn.gif);

	text-indent:18px;

}



#News #NewsLeft .Btn a:hover{

	color:#FFF;

	background-image:url(/images/denwa_nifty/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/denwa_nifty/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;

}