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

/* -------------------------------------------------------
共通
---------------------------------------------------------*/
html{
	height: 100%;
}

body {
	font-size:80%;
	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:242px;
	margin:0 auto;
	background:url(../images/share/title.jpg) left top no-repeat ;
}

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

h2{
	width:660px;
	height:77px;
	margin:0px auto 10px auto;
	padding:0;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:20px;
}

h2#common{
	height:40px;
}

.header{
	background:url(../images/share/sh_header.jpg) no-repeat ;
	width:660px;
	height:77px;
	margin:0px auto;
}

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;

}

.Clr{
	clear:both;
}

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

.mid{
	text-align:center;
}


/* コンテンツフレーム外壁 */
#bl_cont{
	margin:0px auto;
	width:660px;;
	background:url(../images/share/cont_bg.jpg) repeat-y ;
	text-align:center;
	height:auto;
	padding-bottom:40px;

}




.sh_ftr {
	width:660px; 
	height:auto;
	background:url(../images/share/sh_btm.jpg) center top no-repeat ;
	margin:0 auto ;
	padding-top:70px;
	padding-bottom:0px;
}

.sh_js{
	width:660px;;
	height:100%;
	margin:0px auto;
	padding:0px;
	
}



/* MacIE5only \*//*/
.sh_js{
	height:auto;
	text-align:center;
	width:660px;;
	margin:0px auto;

}
/* end */




/*「最初のページへ戻る」「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: #D86C62;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:#336666; text-decoration: underline;}
a.l1:active{color: #FB8A80;text-decoration: underline;}
a.l1:hover{color: #336666;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:20px;
	width:500px;
	height:auto;
	color:#ffffff;
	font-size:95%;
	line-height:1.3em;
	text-align:center;
}

/* -----------------------------------------------------
コンテンツ部分
-------------------------------------------------------*/

/* EC用（so-netE-coupone）------------------------------------- */
.EC2{
	
	margin:0px auto;
	padding-top:50px;
	padding-bottom:0px;
	line-height:1.4em;
	font-size:125%;
	font-weight:bold;
	width:500px;
	color:#000000;
	
}

.EC3{
	font-size:120%;
	color:#666600;
	font-weight:bold;
	width:80px;
}

.EC3b{
	font-size:120%;
	color:#666600;
	font-weight:bold;
	width:80px;
	letter-spacing:0.11em;
}

.EC4{
	margin:20px auto;
	line-height:1.4em;
	font-size:100%;
	width:500px;
	text-align:left;
}

.ECbtn{
	margin:0px auto;
	width:550px;
	height:100px;
	line-height:1.5em;
	padding-top:20px;
	padding-bottom:20px;
}



p.EC , p.ht{
	margin:0px auto;
	padding-bottom:10px;
	padding-top:10px;
	line-height:1.4em;
	font-size:100%;
	width:550px;
}



/* 入力フォーム */


.ipt_snt{
	width:300px;
	margin:30px auto 20px auto;
}

/* MacIE5only \*//*/
.ipt_snt{
	width:360px;
	margin:30px auto 20px auto;
}
/* end */

.fm{
	width:100%;
	height:32px;
	margin: 5px auto;
	vertical-align:middle;
	text-align:left;
}


li input{
	vertical-align:middle;
	margin-left:10px;
	margin-right:10px;
}

.ipt_sfrm{
	width:250px;
	margin:0px auto;
	padding-bottom:20px;
	padding-top:0px;
}

/* MacIE5only \*//*/
.ipt_sfrm{
	width:300px;
	margin:0px auto;
	padding-bottom:20px;
	padding-top:0px;
}
/* end */


/* 説明テーブル */
table.snt_tbl{
	width:360px;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
}

/* 説明テーブルwinIE6未満用*/
/* hide from Mac IE for6 \*/
* html table.snt_tbl{
	font-size /**/:100%;
}
/**/

/* MacIE5only \*//*/
table.snt_tbl{
	width:360px;
	height:100%;
	margin-left:95px;
	margin-right:0px;
}
/* end */



/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
.senjutsu h3img{
	text-align:left;
	margin: 0px auto;
}

.senjutsu{
	margin:0px auto 0px auto;
	padding-bottom:30px;
}

.senjutsu p{
	margin:10px auto 20px auto;
	line-height:1.4em;
	font-size:100%;
	width:470px;
	text-align:left;
}

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

.alt_sen{
	margin:0px;
	text-align:right;
}


/*sample用*/
.sample{
	width:550px;
	height:1022px;
	margin:0 auto;
	background:url(../images/share/sample.jpg) no-repeat left top;
}

.alt_sen02{
	margin:50px 0px 0px 0px;
	text-align:right;
}

.alt_sen03{
	margin:180px 0px 180px 0px;
	text-align:right;
}

p.expl{
	font-size:90%;
	line-height:1.3em;
}

p.expl strong{
	font-size:100%;
	line-height:1.5em;
	color:#000000;
}




/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html .sample{
	/*width:640px;
	margin-left:30px;
	margin-right:-10px;
	padding-left:20px;*/
} 
/**/



/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/
h3.tell{
	text-align:left;
	margin-bottom:0px;
}

/* MacIE5only \*//*/
h3.tell{
	text-align:left;
	margin-bottom:0px;
	margin-left:70px;
}
}
/* end */

.t_img{
	margin-left:70px;
}

.tell_top{
	margin:0px auto 20px auto;
	line-height:1.4em;
	font-size:100%;
	width:500px;
	text-align:left;
}


.teller{
	width:570px;
	height:auto;
	margin:10px auto 0px auto;
	padding:0px;
}


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

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

p.tell_r{
	width:430px ;
	text-align:right;
}

.teller strong{
	font-size:130%;
	color:#000099;
}

.banner{
	margin:10px auto;
}


/* -------------------------------------------------
コンテンツリンク用 
---------------------------------------------------*/
table.Lnk{
	width:550px;
	margin:0px auto ;
}


/* MacIE5only \*//*/
table.Lnk{
	width:550px;
	margin-left:100px;
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}
/* end */

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html table.Lnk{
	font-size /**/:100%;
	margin-left /**/:20px;
} 
/**/

table.Lnk p{
	
	font-size:90%;
	line-height:1.2em;
	letter-spacing:0.15em;
}

.txt{
	width:220px;
	
}

.pic{
	width:30px;
}

html[xmlns] .txt{
	width:200px;
}

.spr{
	width:20px;
}