@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.ListBanner {

	overflow:hidden;

	width:600px;

	margin:40px auto;

}

.Notice ul.ListBanner li {

	float:left;

	width:130px;

	text-align:center;

	margin:0 20px 0 0;

}

.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/mado_ocn/bg.gif);

}

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



　ヘッダー



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



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



　ロゴ



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



#Header h1 {

	display:block;

	float:left;

	width:380px;

	height:83px;

}

#Header h1 .Logo {

	float:left;

	margin:28px 0 0 0;

}

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



　ヘッダーテキスト



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



#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_ocn/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/mado_ocn/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_ocn/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_ocn/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_ocn/news_btn.gif);

	text-indent:18px;

}

#News #NewsLeft .Btn a:hover {

	color:#FFF;

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

}