@import url(common.css);
/*リセット要素を読み込み*/

/* -------------------------------------------------------
共通
---------------------------------------------------------*/

/* コンテンツフレーム外壁 */
.bg_blue{
	margin:0px auto;
	width:740px;
	background:url(../images/share/bg1.jpg) repeat-y;
	text-align:center;
}



.bg_black{
	margin:0px auto;
	width:740px;
	background:url(../images/share/bg4.jpg) repeat-y;
	text-align:center;
}




html{
	height: 100%;
}


body {
	/*font-size:100%;*/
	text-align:center;
	background:url(../images/share/bg.jpg) repeat;
	height: 100%;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	}

	
h1{
	width:740px;
	height:160px;
	margin:0 auto;
	background:url(../images/share/title.jpg) left top no-repeat ;
}


p {
	line-height:1.2em;
}



.fl_left{
	float:left;
	margin-left:0px;
	margin-right:10px;
}

.fl_right{
	float:right;
	margin-left:10px;
	margin-right:0px;

}

strong{
	font-weight:bold;
	color:#ECE90B;
	font-size:105%;
	margin-left:0.12em;
	margin-right:0.12em;
}


.mid{
	text-align:center;
}


/*区切り罫線*/
.line{
	width:654px;
	height:35px;
}

.line2{
	width:690px;
	margin:0px auto;
	text-align:center;
} 
/*clearfix*/
.clr{
	clear:both;
	margin:0px;
}


/* -------------------------------------------------
ボックス 
---------------------------------------------------*/

/* FORM */
.teE{
	background:url(../images/share/box_bg.jpg) repeat-y center;
	width:690px;
	margin:0px auto;
	text-align:center;
}


.teE_ttl{
	width:690px;
	height:121px;
	margin:0px auto;
	text-align:center;
}

.box_btm{
	background:url(../images/share/box_btm.jpg) no-repeat center bottom;
	width:690px;
	height:122px;
	text-align:center;
	margin:0px auto;
	
}

.txt_box{
	width:500px;
	margin:0px auto;
	text-align:center;
}


.txt_box .center p{
	width:430px ;
	margin:0px auto;
	text-align:center ;
	font-size:103%;
	line-height:1.5em;
}

/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
.teE2{
	background:url(../images/share/box_bg2.jpg) repeat-y center;
	width:690px;
	margin:0px auto;
	text-align:center;
}


.teE2 .teE2_ttl{
	width:690px;
	height:150px;
	margin:0px auto;
	text-align:center;
}

.teE2 .header_top{
	width:500px;
	margin:0px auto;
	text-align:center;
	padding-bottom:10px;
}

.box_btm2{
	background:url(../images/share/box_btm2.jpg) no-repeat center bottom;
	width:690px;
	height:122px;
	text-align:center;
	margin:0px auto;	
}


.teE2 .sentxt_box{
	width:500px;
	margin:0px auto;
	text-align:center;
}

.sentxt_box .h3 img{
	text-align:center;
	margin: 0px auto;
	margin-top:50px;
}

.sample{
	text-align:center;
	margin: 0px auto;
	padding-bottom:20px;
}

.sentxt_box p{
	line-height:2em;
	width:450px;
	text-align:left;
}

.sentxt_box strong{
	color:#DA0000;
	line-height:1.6em;
}

.sentxt_box .btxt{
	line-height:1.6em;
}


.howto_sample{
	width:500px;
	height:162px;
	background:url(../images/share/sen_ban.jpg) no-repeat left top;
	margin:10px auto;
}


/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/


.teller h2{
	width:690px;
	margin:0px auto;
	text-align:center;
}

.teller {
	width:400px;
	margin:0px auto;
	text-align:center;
	padding-top:15px;
}

.teller p {
	width:400px ;
	margin:0px auto;
	text-align:left ;
	line-height:1.6em;
}

/*改行用*/
.teller p br{
	letter-spacing:0;
}


.teller strong{
	color:#1B3C7D;
	line-height:1.6em;
}


/* ---------------------------------------------------
「ご利用には○○円かかります」用外部jsファイル用要素
-----------------------------------------------------*/
.payment{
	/*このdivはpaddingで余白バランスをとる*/
	margin-top:0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:500px;
	height:auto;
	font-size:100%;
	color:#ffffff;	
}

.payment p{
	margin-top:0px;
	line-height:1.3em;
	text-align:center;
	color:#ffffff;
}

.payment strong{
	font-weight:bold;
	color:#FFFF99;
}

.payment .hed{
	font-weight:bold;
	color:#FFFFFF;
	font-size:110%;
	line-height:2em;
}

/* ---------------------------------------------------
「推奨環境」用外部jsファイル用要素
-----------------------------------------------------*/
.browz{
	margin:0px auto;
	padding-top:30px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	font-size:100%;
	color:#ffffff;
	text-align:left;	
}

.browz p{
	margin-top:10px;
	line-height:1.3em;
}


.browz strong{
	font-weight:bold;
	/*color:#C1C1C1;*/
	color:#FFFFFF;
	font-size:110%;
}

.browz .mid{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}


.browz td{
	margin-top:2px;
	margin-bottom:2px;
	padding:5px;
	color:#FFFFFF;
	line-height:1.2em;
}


.browz td img{
	border:0px;
	/*margin:5px auto;*/
	margin-left:5px;
	margin-top:2px;
	margin-bottom:2px;	
}


/*winIE6未満用 推奨環境テーブル内設定*/
/* hide from Mac IE for6 \*/
* html .browz td{
	font-size /**/:80%;
}
/**/


/* ---------------------------------------------------
「最初のページへ戻る」「close」用共通外部jsファイル用要素
-----------------------------------------------------*/
.link{
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#ffffff;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
}



/* リンク */
a:link{
	color: #990000;
	text-decoration: underline;
}
a:visited{color:#FFFF99; text-decoration: underline;}
a:active{color: #FB8A80;text-decoration: underline;}
a:hover{color: #FFC4BF;text-decoration: underline;}


/*入力・結果ページ用リンク*/
a.l2:link{
	color: #ffffcc;
	text-decoration: underline;
	font-weight: bold;
}
a.l2:visited{color:#ffffcc; text-decoration: underline; font-weight: bold;}
a.l2:active{color: #FB8A80;text-decoration: underline;font-weight: bold;}
a.l2:hover{color: #D86C62;text-decoration: underline;font-weight: bold;}


/*共通ページ用リンク*/
a.l1:link{color: #D86C62;text-decoration: underline;}
a.l1:visited{color:#FFF253; text-decoration: underline;}
a.l1:active{color: #FEFBDD;text-decoration: underline;}
a.l1:hover{color: #FEFBDD;text-decoration: none;}


.sh_js a.l1:link{color: #ffffcc;text-decoration: underline;}
.sh_js a.l1:visited{color:#FB8A80; text-decoration: underline;}
.sh_js a.l1:active{color: #FB8A80;text-decoration: underline;}
.sh_js a.l1:hover{color: #FB8A80;text-decoration: none;}


/*おすすめリンク用リンク（ヤフーのみ）*/

.Lnk a.l2:link{color: #D86C62;text-decoration: underline;}
.Lnk a.l2:visited{color:#336666; text-decoration: underline;}
.Lnk a.l2:active{color: #FB8A80;text-decoration: underline;}
.Lnk a.l2:hover{color: #336666;text-decoration: none;}


/* ---------------------------------------------------
「copyright」用外部jsファイル用要素
-----------------------------------------------------*/
.copyright{
	margin:0px auto;
	padding-top:20px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#ffffff;
	font-size:95%;
	line-height:1.3em;
	text-align:center;
	/*letter-spacing:0.15em;*/
}


/* ---------------------------------------------------
FOOTER
-----------------------------------------------------*/
/* 多分いらない↓↓↓↓ */
#footernavi{
	background:url(../images/share/footer.jpg) repeat-y center bottom;
	width:700px;
	/*height: 40px;*/
	padding: 0px;
	margin: 0px auto;
	color:#ffffcc;
}


.footernavi, ul{
margin: 10px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}

.footernavi, li{
display: inline;
padding: 0px 5px 0px 0px;
}



/* 読み込み部分を一括で囲む */
.footer_group{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	background :url(../images/share/bg6.jpg) repeat-y center top;
	/*background-color:#000000;*/
	clear:both;
}

/* MacIE5only \*//*/
.footer_group{
	overflow:hidden;
	height:auto;
}
/* end */