@import url(common.css);
/*リセット要素を読み込み*/

/* -------------------------------------------------------
共通
---------------------------------------------------------*/
html{
	height: 100%;
}

body {
	font-size:80%;
	text-align:center;
	background-color:#143345;
	height: 100%;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	
	}


.header{
	width:740px;
	height:150px;
	background:url(../images/share/sh_header.jpg) left top no-repeat ;
	
	
}

h1{
	width:740px;
	margin:0 auto;
	background:url(../images/share/top_bg.jpg) left top no-repeat ;
}

h2{
	width:680px;
	height:auto;
	padding-bottom:0px;
	padding-top:100px;
	margin:0 auto;
	/*margin:100px auto 0px auto;*/
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:20px;
}


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:740px;
	background:url(../images/share/bg.jpg) repeat-y;
	text-align:center;
	height:auto;

}




.sh_ftr {
	width:740px ;
	height:auto;
	background:url(../images/share/sh_btm.jpg) left top no-repeat ;
	margin:0 auto ;
	padding-top:150px;
	padding-bottom:0px;
}

.sh_js{
	width:740px;
	height:100%;
	margin:0px auto;
	padding:0px;
	
}



/* MacIE5only \*//*/
.sh_js{
	height:auto;
	text-align:center;
	width:740px;
	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;
	/*letter-spacing:0.15em;*/
}



/* リンク */
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;
	/*letter-spacing:0.15em;*/
}

/* -----------------------------------------------------
コンテンツ部分
-------------------------------------------------------*/

/* 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 , 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 */



/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
.sen_header01{
	/*margin-top:-80px;*/

}

.senjutsu{
	margin:-50px auto 0px auto;
	padding-bottom:30px;
}

.senjutsu p{
	margin:10px auto 20px auto;
	line-height:1.4em;
	font-size:100%;
	width:500px;
	text-align:left;
}


/*sample用*/
.sample{
	width:640px;
	margin:0 auto;
}



.s_tit{
	margin:5px 0px 10px 60px;
	float:left;
}

.spl_fa01{
	width:640px;
	height:1013px;
	vertical-align:top;
	background-image:url(../images/share/sample_fa01.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 30px 0px 30px;
	display:block;
	padding-bottom:20px;
}

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html .sample{
	width:640px;
	margin-left:30px;
	margin-right:-10px;
	padding-left:20px;
} 
/**/

.spl_fa02{
	width:640px;
	height:1073px;
	vertical-align:top;
	background-image:url(../images/share/sample_fa02.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 30px 0px 30px;
	display:block;
	padding-bottom:30px;
}


.spl_fc01{
	width:640px;
	height:398px;
	/*float:left;*/
	vertical-align:top;
	background-image:url(../images/share/sample_fc01.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 30px 0px 30px;
	display:block;
	padding-bottom:20px;
}

.spl_fc02{
	width:640px;
	height:885px;
	vertical-align:top;
	background-image:url(../images/share/sample_fc02.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 30px 0px 30px;
	display:block;
	padding-bottom:30px;
}

.alt_sen{
	margin:0px 50px 10px 0px;
	text-align:right;
}

.alt_sen_mid{
	margin:200px 50px 0px 0px;
	text-align:right;
}


.alt_faEd{
	margin:350px 50px 0px 0px;
	text-align:right;
}

.alt_faEd02{
	margin:400px 50px 0px 0px;
	text-align:right;
}

/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/
h2.tell{
	/*margin:-100px auto 0px auto;*/
	/*margin:0 auto;
	padding-top:-200px;*/
}

.tell img{
	margin-top:-90px;
}

.t_img{
	margin-top:-40px;
}

.teller{
	width:571px;
	height:auto;
	background:url(../images/share/teller_mes_bg.jpg) repeat-y;
	margin:10px auto 0px auto;
	padding:0px;
}


.teller p {
	width:430px ;
	margin:10px auto ;
	text-align:left ;
	font-size:103%;
	line-height:1.3em;
}

/*改行用*/
.teller p br{
	letter-spacing:0;
}

p.tell_r{
	width:430px ;
	text-align:right;
}


.teller_boxend{
	width:571px;
	height:auto;
	background-image:url(../images/share/teller_mes_btm.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:30px;
	
}


/* -------------------------------------------------
コンテンツリンク用 
---------------------------------------------------*/
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;
}



