@charset 'euc-jp';

/* Resetting Again */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}
body {		line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {		text-decoration: none;}
del {		text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: collapse;
		border-spacing: 0;}
/* Hack -------------------------------------------------*/
/* For IE7 */
*:first-child+html hr	{margin:0;}
/* For -IE6 */
* html hr		{margin:0;}
/* 親子div はみ出し回避 */
.clearfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.clearfix{
		display:inline-block;
		min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix	{ height: 1%; }
.clearfix		{ display: block; }
/* End hide from IE-mac */

*{
		margin:0;
		padding:0;
}
body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', Verdana,Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin:0px;
		background:#000000;
		color:#D3D3D3;	/*  = #main */
		-moz-opacity:0.99;
		text-shadow:#000 0 0 0;
}
/* ■ 共通 タグ ■
-------------------------------------------------- */
hr {
		height:			0px;
		margin:			7px 0;
		border:			none;
		border-top:		dotted 1px #333333;
}
.clear {
		visibility:		hidden;
		display:		block;
		font-size:		0;
		content:		" ";
		clear:			both;
		height:			0;
}
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
/* 文章間スペース */
.space		{line-height:90%;}

/* 左右位置指定 */
.left{
		width:			auto;
		margin:			1px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
.right{
		margin:			1px;
		float:			right;
		display:		auto;
		overflow:		hidden;
}
/* DIV でセンタリング style で　width を指定すること */
div .center{
		margin-right:auto;
		margin-left:auto;
}
/* 左右寄せ・センタリング */
.c		{text-align:center;}
.r		{text-align:right;}
.l		{text-align:left;}

/* ■ 飾り枠 ■
-------------------------------------------------- */
.fc		{border:solid 1px #333333;}
.fs		{border:solid 1px #333333;background-color:#000000;}
.fg		{border:solid 1px #666633;background-color:#333300;}
.fb		{border:solid 1px #333333;background-color:#000000;}
.fw		{border:solid 1px #333333;background-color:#000000;}
/* ■ フォントサイズ 文字装飾 ■
-------------------------------------------------- */
h1{
		font-size:90%;
		font-weight: normal;
}
h2, h3, h4, h5, h6 {
		font-size:80%;
		font-weight: normal;
}

.ts1		{font-size:90%;}
.ts2		{font-size:80%;}
.ts3		{font-size:70%;}

.tl{		font-size:		90%;
		font-weight:		normal;
}
.tm{		font-size:		80%;
		font-weight:		normal;
}
.ts{		font-size:		70%;
		font-weight:		lighter;
}
/* エラー・注意メッセージ用 */
.red		{color:DarkRed;}
/* ■ リンク ■
-------------------------------------------------- */
a		{text-decoration: none;}
a:link		{color:#FFCC33;}
a:visited	{color:#FFCC33;}
a:active	{color:#FFCC00;}
a:hover		{color:#FFCC00;text-decoration:underline;}
#.mov a:hover	{position:relative; top:-5 px; left:-5px;}

/* ■ FORM ■
-------------------------------------------------- */
form {		height: auto;}
input[type="text"], input[type="submit"], select, option {
		color:#CACACA;
		background-color:	#000000;
		border:			solid 1px #333333;}
input[type=button]{
		color:			Gold;
		padding:		3px;
		background:		#333300;
		border:			solid 1px #666633;
}
/* ■ 画像 ■
-------------------------------------------------- */
img {
		line-height:		0px;
		border:			none;
		padding:		0px;
		margin:			0px;
		vertical-align:		middle;
}
/* on カーソル時の画像の動き */
.mov a:hover {position:relative; top:-5px; left:-5px;}

/* ■ メインコンテンツ枠 ■
-------------------------------------------------- */
#main{
		line-height:		120%;
		margin-top:		5px;
}
/* Frame Layout */
#wrap{		color:			#C0C0C0;
		text-align:		left;
		width:			910px;
		background:		#000000;
		position:		relative;
		text-align:		left;
		/* border:			solid 1px red; */}
/* ■ メインページ カラム ■
-------------------------------------------------- */
/* 左側の設定*/
#left{
		width:			690px;
		float:			left;
		display:		auto;
		overflow:		hidden;
		/* margin:			5px 5px; */
}
/* 右側の設定*/
#right{
		width:			210px;
		float:			right;
		display:		auto;
		overflow:		hidden;
		/* margin:			5px 5px; */
}
/* Advertise ------------------------------------------------- */
.ad {		text-align:		center;}
/* ■ ヘッダー ■
-------------------------------------------------- */
#head{		width:			auto;
		margin:			5px 5px;
}
#head h1, #head h2, #head h3, #head h5, #head h6 {
		font-size:		80%;}
#head .logo {
		width:			120px;
		height:			60px;
 		background-image: 	url(images/logo_black.gif);
		background-repeat:	no-repeat;
		background-position:	left top;
		float:			left;}
#head .subtitle {
		height:			25px;
		margin:			5px;
		line-height:		25px;
		vertical-align:		middle;
}

#head .adunit {
		width:			auto;
		height:			25px;
		margin:			5px;
		line-height:		25px;
		vertical-align:		middle;
		float:			left;
}
#head .bmark{
		width:			auto;
		height:			25px;
		float:			right;
}
div#head .bm{
		
		float:			left;
}
div#socialico{
		width:			auto;
		line-height:		25px;
		vertical-align:		middle;
		float:			right;
}
div#head .navi-bar{

		line-height:		100%;
		padding:		5px 0 2px 0;
		vertical-align:		middle;
		background-color:	#333300;
		border:			solid 1px #666633;
}
#head .lbox {
		width:			660px;
		padding:		5px;
		display:		auto;
		overflow:		hidden;
		float:			left;
		background-color:	#000000;
		border:			solid 1px #666633;
}
#head .rbox {
		width:			200px;
		display:		auto;
		overflow:		hidden;
		float:			right;
		/*  border:		dotted 1px red; */
}
/* lbox inside box トップ黒窓 */
#head .insbox{
		line-height:		120%;
		min-height:		80px;
		height:			auto !important;
		height:			60px;
		background:		#000000;
		background-repeat:	no-repeat;
		background-position:	right top;
}
/* サブナビ  選択ページ フォントカラー*/
#sub_navi{
		width:auto;
/* 		background:		#333300;
		border:			solid 1px #666633; */
}
#head .forcus {
		color:			#999966;
}
#head #snavi h5{
		font-size:		80%;
		padding:		3px 0 1px 0;
}
#head #sub_navi #snavi .grid {
		margin:			3px 0px;
		padding-left:		10px;
		text-align:		left;
		float:			left;
}
/* ■ サイドバー 広告125 ■
-------------------------------------------------- */
#side{
		text-align:		center;
		width:			140px;
		margin:			5px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
#side .side_bar{
	
}
/* ■ フッター ■
-------------------------------------------------- */
#foot{}
.copy{
		font-size:		80%;
		text-align:		center;
		padding:		5px;
}

/* ■ TOP Page ■
-------------------------------------------------- */
#top{}
div#top .cal{
		width:			200px;
		margin:			5px 0px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
div#top .daily{
		width:			300px;
		margin:			5px 10px;
		text-align:		center;
		float:			left;
		display:		auto;
		overflow:		hidden;
		/* border:		1px dotted blue; */

}
/* 数秘番号枠 */
div#top .df{
		width:			33%;
		margin-bottom:		5px;
		border-bottom:		1px dotted #333333;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
/* 番号 キーワード */
div#top .dw{
		text-align:		center;
		margin:			5px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
/* 占い天気画像 */
div#top .dp{
		margin:			5px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
/* ■ judge ■ 今月の運勢
-------------------------------------------------- */
#judge{
}
div#judge .bday{
		text-align:		left;
		width:			500px;
		/* background-color:	#000000; */
		background-repeat:	no-repeat;
		background-position:	center;
}
div#judge .inleft{
		width:			540px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
/* ■ bday ■ 誕生数秘術
-------------------------------------------------- */
#bday{
}

div#bday .inleft{
		width:			540px;
		height:			500px;
		background-image: 	url(images/bk_number.jpg);
		background-repeat:	no-repeat;
		background-position:	center bottom;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
div#bday .bday{
		letter-spacing:		1px;
		text-align:		left;
		width:			auto;
		/* background-color:	#000000; */
		background-repeat:	no-repeat;
		background-position:	center;
}

div#bday .comfrm{
		 width:auto;
		 margin:		10px 0;
		 padding:		0 10px;
		 border-left:		5px solid #333333;
		 border-bottom:		1px dotted #333333;
}

div#bday .tag{
		font-size:		70%;
		text-align:		left;
		width:			auto;
		margin:			10px 0;
		padding:		0 10px;
		border-left:		5px solid #333333;
		border-bottom:		1px dotted #333333;
}
div#bday .set{
		font-size:		80%;
		width:			100px;
		margin:			10px 0;
		padding-left:		10px;
		float:			left;
		display:		auto;
		overflow:		hidden;
		border-bottom:		1px dotted #DCDCDC;
}

/* ■ doc ■ 数秘術解説
-------------------------------------------------- */
#doc{
}
#doc .ya{
		text-align:		center;
		margin:			5px 10px;
}
/* div#doc .cell{
		font-size:		70%;
		width:			80px;
		float:			left;
		display:		auto;
		overflow:		hidden;
		border:			1px dotted #DCDCDC;
} */
div#doc .inleft{
		width:			540px;
		float:			left;
		display:		auto;
		overflow:		hidden;
}
/* ■ item ■ Moon Calendar
-------------------------------------------------- */
#moon .moon_calendar{
		margin:5px 20px;
}

/* ■ アフィリエイト用枠 ■
-------------------------------------------------- */
/* JQuery  */
#amz .amz{
		/* border:			solid 1px #222222; */
}
#amz .BlockTitle{
		font-size:		80%;
		letter-spacing:		1px;
		margin:			10px;
		text-align:center;
}
#amz img{
		margin:			5px;
}
#amz .panel{
	 	width:			200px;
}
#amz .bgimg{
		background-repeat:	no-repeat;
		background-position:	50% 20%;
}
#amz .pic{
		width:			200px;
		text-align:		center;
}
#amz .title{
		font-size:		70%;
		letter-spacing:		1px;
		line-height:		15px;
		width:auto;
		padding:		5px 10px;
		word-break:		break-all;
}
#amz .autor{
		text-align:		right;
		line-height:		15px;
		word-break:		break-all;
}