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

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

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

p {
	line-height:1.6em;
	color:#CCCCCC;
	/*font-size:108%;*/
	/*font-size:1.2em;*/
	/*font-size:90%;*/
	font-size:100%;
}

strong{
	font-weight:bold;
	color:#FF9900;
	font-size:105%;
	margin-left:0.12em;
	margin-right:0.12em;
	line-height:1.6em;
}

br.Clr{
	clear:both;
	margin:0;
	line-height:0;
}

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

/* コンテンツフレーム外壁のモダンブラウザ用ハック */
html[xmlns] #bl_cont{
	margin:0px auto;
	width:900px;
	background:url(../images/share/cont_bg.jpg) repeat-y;
	text-align:center;
	overflow:hidden;
	height:auto;
	padding-bottom:0px;
}

.sh_ftr {
	width:900px ;
	height:auto;
	background:url(../images/share/cont_bg.jpg) repeat-y;
	margin:0 auto ;
	padding-top:0px;
	padding-bottom:0px;
}

.sh_js{
	width:740px;
	height:auto;
	margin:0px auto;
	padding:0px;
	
}

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

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

a.l1:link{color: #990000;text-decoration: underline;}
a.l1:visited{color:#CC6666; text-decoration: underline;}
a.l1:active{color: #FB8A80;text-decoration: none;}
a.l1:hover{color: #D86C62;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;}

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

/* MacIE5only \*//*/
.link{
	margin-bottom:0px;
	padding-bottom:20px;
}

/* end */


/* リンク */
a:link{
	color: #FFFF33;
	text-decoration: underline;
}
a:visited{color:#FFCC33; text-decoration: underline;}
a:active{color: #FFFF99;text-decoration: underline;}
a:hover{color: #FFCC00;text-decoration: underline;}


a.l1:link{color: #FFFF33;text-decoration: underline;}
a.l1:visited{color:#FFCC33; text-decoration: underline;}
a.l1:active{color: #FFFF99;text-decoration: none;}
a.l1:hover{color: #FFCC00;text-decoration: none;}

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

.footer_line{
	width:100%;
	background :url(../images/share/ftr_bg.jpg) repeat-x #000000;
	height:auto;
	padding-top:30px;
	text-align:center;
}

.footer_line_error{
	width:900px;
	background :url(../images/share/share_ftr.jpg) no-repeat left top;
	height:200px;
	padding-top:0px;
	padding-bottom:60px;
	margin:0px auto;
	text-align:center;
}

.footer_line_error .link{
	margin:0px auto;
	padding-top:20px;
	padding-bottom:10px;
	width:530px;
	height:auto;
	color:#FFFFCC;
	font-size:95%;
	line-height:1.3em;
	text-align:center;
}

.copyright a.l1:link{color: #FFCC00;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#FF9900; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #FFCC00;text-decoration: none; font-weight:bold;}
.copyright a.l1:hover{color: #FFCC00;text-decoration: none; font-weight:bold;}
/* -----------------------------------------------------
コンテンツ部分
-------------------------------------------------------*/

/* EC用（so-netE-coupone）------------------------------------- */
p.EC , p.ht{
	margin:0px auto;
	padding-bottom:10px;
	padding-top:10px;
	line-height:1.4em;
	font-size:100%;
	width:550px;
}

.EC2{
	margin:0px auto;
	padding-bottom:10px;
	padding-top:10px;
	line-height:1.4em;
	font-size:105%;
	width:550px;
	font-weight:bold;
	color:#CC9933;
}

.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;
}

/* 入力フォーム */
.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 */
/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
h2.info{
	width:900px;
	height:160px;
	margin:0 auto;
	background:url(../images/share/cont_header_bg01.jpg) no-repeat left top;
	text-align:left;
	display:block;
	padding:0;
}

h2.info2{
	width:900px;
	height:160px;
	margin:0 auto;
	background:url(../images/share/cont_header_bg02.jpg) no-repeat left top;
	text-align:left;
	display:block;
	padding:0;
}

h2.info img.sen_header01{
	margin:0px 0px 0px 350px;
	/*margin-top:30px;*/
	text-align:left;
	display:block;
	padding-top:30px;
}

/* MacIE5only \*//*/
h2.info img.sen_header01{
	margin:0px 0px 0px 350px;
	text-align:left;
	display:block;
}
/* end */

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html h2.info img.sen_header01{
	margin /**/:30px 0px 0px 360px;
	text-align /**/:left;
	display /**/:block;
}
/**/

h2.info2 img.sen_header02{
	margin:0px 0px 0px 370px;
	/*margin-top:40px;*/
	text-align:left;
	display:block;
	padding-top:50px;
}

/* MacIE5only \*//*/
h2.info2 img.sen_header02{
	margin:0px 0px 0px 370px;
	text-align:left;
	display:block;
	padding-top:50px;
}
/* end */

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html h2.info2 img.sen_header02{
	margin /**/:50px 0px 0px 370px;
	text-align /**/:left;
	display /**/:block;
}
/**/

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

.senjutsu p{
	margin:0px auto ;
	line-height:1.8em;
	font-size:106%;
	width:500px;
	text-align:left;
	padding-bottom:15px;
}

/* MacIE5only \*//*/
.senjutsu p{
	margin:0px 200px ;
	line-height:1.8em;
	font-size:106%;
	width:500px;
	text-align:left;
	padding-bottom:15px;
}
/* end */

.senjutsu h3{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:120%;
	font-weight:bold;
	padding-bottom:10px;
	color:#FFCC33;
}

/* -- clear float -- */ 
.senjutsu { 
    min-height:0; 
    display: inline-table; 
} 
.senjutsu :after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; 
} 
/* \*/ 
* html .senjutsu {height:0;} 
.senjutsu {display: block;} 
/* */ 
/* -- end clear float -- */

.senjutsu dl{
	width:500px;
	margin:0px auto;
	color:#ffffff;
}

.senjutsu dl dt{
	width:250px;
	float:left;
}

.senjutsu dl dd{
	width:240px;
	/*float:left;*/
	padding-top:40px;
	padding-bottom:0px;
	text-align:left;
	line-height:1.4em;
	display:inline-table;
}

.senjutsu dl dd img{
	margin:0px 5px 0px 0px;
}

/*.senjutsu dl dd em{*/
em{
	font-weight:bold;
	color:#FF9900;
	font-style:normal;
	/*font-size:105%;
	line-height:1.4em;*/
}

/*因子表*/
#chart{
	margin:0px auto 10px auto;
	/*padding-top:20px;*/
	width:500px;
	/*height:auto;*/
	font-size:10pt;
	padding-bottom:0px;
}

/* MacIE5only \*//*/
#chart{
	margin:0px auto 10px auto;
	width:500px;
	height:auto;
	font-size:8pt;
	background:url(../images/result/chart_bg.jpg) repeat;
}
/* end */

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html #chart{
	margin /**/:0px auto 0px auto;
	width /**/:500px;
	height /**/:auto;
	font-size /**/:8pt;
}
/**/

#chart table{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin-bottom:0px;
	width:500px;
	background-image:url(../images/result/chart_bg.jpg);
	border-style:double;
	text-align:center;
}

/* MacIE5only \*//*/
#chart table{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin-bottom:0px;
	width:550px;
	text-align:center;
}
/* end */

#chart tr{
	/*border-right:#000000 1px solid;*/
	/*border-bottom:#000000 1px solid;*/
	margin-top:1px;
	margin-bottom:1px;
	padding:1px;
	text-align:center;
}

#chart td{
	border-right:#000000 1px dotted;
	border-bottom:#000000 1px solid;
	margin-top:1px;
	margin-bottom:1px;
	padding-left:10px;
	border-collapse:collapse;
	border-spacing:0;
}

/* MacIE5only \*//*/
#chart td{
	background:url(../images/result/chart_bg.jpg) repeat;
	border-right:#000000 1px dotted;
	border-bottom:#000000 1px solid;
}
/* end */

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html #chart td{
	font-size /**/:10pt;
	line-height /**/:1.3em;
}
/**/

#chart td img{
	border:0px;
	margin-left:5px;
	margin-top:1px;
	margin-bottom:1px;
	text-align:center;
}

/*因子表　シンボル*/
#chart_symbol{
	margin:0px auto 10px auto;
	/*padding-top:20px;*/
	width:500px;
	height:auto;
	font-size:13pt;
}

/* MacIE5only \*//*/
#chart_symbol{
	margin:0px 175px 10px 175px;
	width:550px;
	height:auto;
	font-size:8pt;
}
/* end */

#chart_symbol table{
	/*border-collapse:collapse;
	border-spacing:0;*/
	padding:0;
	width:500px;
	/*background-image:url(../images/share/chart_bg2.jpg);*/
	/*background-color:#000000;*/
	/*border-style:double;*/
	text-align:center;
	color:#ffffff;
}

#chart_symbol table td{
	font-size:11pt;
	padding:3px 10px;
	line-height:1.5em;
}

/* MacIE5only \*//*/
#chart_symbol table td{
	font-size:10pt;
	padding:3px 10px;
	line-height:1.5em;
}
/* end */
/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/

.teller{
	width:640px;
	height:auto;
	background:url(../images/share/teller_bg.jpg) repeat-y;
	margin:0px auto 0px auto;
	padding:0px;
}

.teller h2{
	width:640px;
	/*height:auto;*/
	height:215px;
	background:url(../images/share/teller_top.jpg) bottom;
	margin:0px auto;
	display:block;
	text-align:center;
}

.teller h2 img{
	margin:0px auto;
	padding-top:90px;
	width:170px;
	height:40px;
}

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
.teller h2 img{
	margin-top /**/:90px;
}
/**/

/*IE7を除くモダンブラウザ用ハック*/
html>/**/body .teller h2 img {
	padding-top:0px;
}

/*IE7*/
*:first-child+html .teller h2 img{
	padding-top:0px;
}

.teller h3 img{
	margin:0px;
	width:400px;
	height:90px;
	text-align:left;
}

.teller p {
	width:480px ;
	margin:0px auto ;
	padding-bottom:10px;
	text-align:left ;
	font-size:120%;
	line-height:1.4em;
}

.teller p img.teller_img{
	/*float:right;
	margin:0px 0px 5px 10px;
	clear:both;*/
	margin:0px auto;
	width:270px;
}

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

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

.teller_boxend{
	/*width:619px*/
	width:640px;
	height:auto;
	background:url(../images/share/teller_btm.jpg) no-repeat left bottom;
	padding-bottom:110px;	
}
/*-----------------------------------------------------------------------*/
.clm{
	width:640px ;
	/*height:auto;*/
	/*min-height:470px;*/
	background:url(../images/result/clm_bg.jpg) repeat-y center ;
	margin:0px auto 10px auto;
	text-align:center;
	line-height:0 ;
}

.clmend {
	width:640px ;
	height:auto ;
	background:url(../images/result/clm_btm.jpg) center bottom no-repeat ;
	margin:0 auto ;
}

/* MacIE5only \*//*/
.clmend {
	width:640px ;
	height:auto ;
	background:url(../images/result/clm_btm.jpg) center bottom no-repeat ;
	margin:0 auto ;
	padding-bottom:105px;
}
/* end */

.clm .clmTitle {
	width:640px ;
	margin:0px  ;
	text-align:left ;
	background:url(../images/result/clm_top.jpg) center top no-repeat ;
	padding-top:50px;
}

/*IE7を除くモダンブラウザ用ハック*/
html>/**/body .clm .clmTitle {
	padding-top:60px;
	padding-bottom:0px;
}

.clmTitle img.clm_name{
	margin-left:50px;
	padding-top:20px;
	padding-bottom:20px;
}

.clmTitle p.clm_txt {
	width:380px;
	margin:0px auto 0px 50px;
	text-align:left ;
	padding-bottom:115px;
	padding-top:5px;
	display:block;
	float:left;
	display:inline;
	font-size:130%;
}

/* MacIE5only \*//*/
.clmTitle p.clm_txt {
	width:380px;
	margin:0px auto 0px 50px;
	text-align:left ;
	padding-bottom:115px;
	padding-top:5px;
	display:block;
	float:left;
	display:inline;
	font-size:130%;
}
/* end */

/* -------------------------------------------------
コンテンツリンク用 
---------------------------------------------------*/
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;
}

/* -------------------------------------------------
エラーページ用 
---------------------------------------------------*/
h2#er{
	font-weight:bold;
	color:#FF9900;
	font-size:130%;
	line-height:1.2em;
	/*padding-top:60px;
	padding-bottom:10px;*/
	height:104px;
	width:900px;
	height:104px;
	margin:0 auto;
	background:url(../images/share/cont_header_bg.jpg) no-repeat left top;
	text-align:center;
	display:block;
	padding:0;
}

h2#er p{
	margin:0 auto;
	padding-top:60px;
}

#copy_er{
	line-height:1.2em;
	color:#FFFFFF;
}

#copy_er a.l1:link{color: #FFCC00;text-decoration: underline; font-weight:bold;}
#copy_er a.l1:visited{color:#FF9900; text-decoration: underline; font-weight:bold;}
#copy_er a.l1:active{color: #FFCC00;text-decoration: none; font-weight:bold;}
#copy_er a.l1:hover{color: #FFCC00;text-decoration: none; font-weight:bold;}

/* -------------------------------------------------
課金テンプレ
---------------------------------------------------*/
.style1 {
	line-height:1.8em;
	font-size:120%;
	color:#FF9900;
	font-weight:bold;
}
.style2 {
	line-height:2em;
	font-size:110%;
	color:#CCCCCC;
}
.style3 {
	line-height:2em;
	font-size:110%;
	color:#33CC00;
	font-weight:bold;
}