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

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

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

p {
	line-height:1.2em;
}

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

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

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

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

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

.header_top{
	margin:0px auto;
	width:950px;
	height:auto;
	background:url(../images/share/header_top3.jpg) no-repeat center top;
	text-align:center;
}

.header_top h2{
	width:700px;
	height:auto;
	margin:0px 75px;
	display:block;
	text-align:center;
	padding-bottom:0px;
}

.header_topEr{
	margin:0px auto;
	width:950px;
	height:auto;
	background:url(../images/share/header_top4.jpg) no-repeat center top;
	text-align:center;
}

.header_topEr h2{
	width:700px;
	height:auto;
	margin:0px 75px;
	display:block;
	text-align:center;
	padding-bottom:0px;
}

/*共通ページ用リンク*/
a:link{color: #0033CC;text-decoration: underline;}
a:visited{color:#000066; text-decoration: underline;}
a:active{color: #0033CC;text-decoration: none;}
a:hover{color: #0033CC;text-decoration: none;}


a.l1:link{color: #0033CC;text-decoration: underline; font-weight:bold;}
a.l1:visited{color:#003366; text-decoration: underline; font-weight:bold;}
a.l1:active{color: #0033CC;text-decoration: none; font-weight:bold;}
a.l1:hover{color: #0033CC;text-decoration: none; font-weight:bold;}

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

.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:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#4c4311;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
}

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


.link a.l1:link{color: #CC3399;text-decoration: underline;}
.link a.l1:visited{color:#990066; text-decoration: underline;}
.link a.l1:active{color: #CC3399;text-decoration: none;}
.link a.l1:hover{color: #CC3399;text-decoration: none;}


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

.footer_line{
	width:950px;
	background :url(../images/share/cont_bg_btm.jpg) no-repeat top center;
	height:auto;
	padding-top:60px;
	margin:0 auto;
	text-align:center;
}

.copyright a.l1:link{color: #660066;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#660066; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #660066;text-decoration: underline; font-weight:bold;}
.copyright a.l1:hover{color: #660066;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:90%;
	width:550px;
	color:#333333;
}

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

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

.EC3b{
	font-size:120%;
	color:#CCCCCC;
	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;
}

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

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

/* ダウンロードページ */
.header_top2{
	margin:0px auto;
	width:950px;
	min-height:315px;
	height:auto;
	background:url(../images/share/header_top2.jpg) no-repeat center top;
	text-align:center;
}

.header_top h2{
	width:700px;
	height:auto;
	margin:0px 75px;
	display:block;
	text-align:center;
	padding-bottom:0px;
}

#dw_link{
	margin:0px auto 10px auto;
	width:500px;
	height:auto;
	font-size:11pt;
	padding-bottom:0px;
}

#dw_link table{
	border:0;
	padding:0;
	width:500px;
	border:double 1px #000;
	text-align:center;
	color:#663333;
	background-color:#FFFFFF;
}

#dw_link tr{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-align:center;
}

#dw_link td{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10px;
	border-collapse:collapse;
	border-spacing:0;
	padding-right: 10px;
	line-height:1.4em;
}

#dw_link h4{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:100%;
	font-weight:bold;
	padding-top:25px;
	color:#0033CC;
}

#dw_link p{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:90%;
	color:#333366;
	padding-top:10px;
	line-height:1.6em;
}

/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
.headTit h2{
	width:500px;
	height:80px;
	display:block;
	margin:0px auto;
}
	
h2 img.mtitle{
	margin:0px auto;
	padding-top:10px;
	text-align:center;
}

#senjutsu{
	margin:0px auto;
	padding-bottom:0px;
	width:950px;
	background:url(../images/share/sb01_top.jpg) no-repeat center 0px ;
}

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

#senjutsu p.sample_img{
	margin:0px auto ;
	width:500px;
	text-align:center;
	padding-top:0px;
}

#senjutsu h3{
	width:490px;
	text-align:left;
	margin:0px auto;
	padding-bottom:7px;
	padding-top:10px;
}

#senjutsu h3 img{
	text-align:left;
	margin:0px auto;
	width:490px;
	padding-bottom:10px;
}

#senjutsu h4{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:90%;
	font-weight:bold;
	padding-bottom:7px;
	padding-top:10px;
	padding-left:15px;
	color:#110A8C;
}

/*  ------------ Komidashi B01 ------------  */
.B01 {
	width:720px;
	margin:0 auto;
	text-align:center;
	height:auto;
	padding-top:0px;
	background:url(../images/share/b01_bg.jpg) repeat-y center top ;
}

.B01 .subtit {
	width:720px;
	height:110px;
	margin:0 auto;
	text-align:center;
	background:url(../images/share/b01_top.jpg) no-repeat center 0px ;
}

.B01 .btm {
	width:720px ;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:40px;
	background:url(../images/result/b01_btm.jpg) no-repeat center bottom ;
}

/*----------------- 結果サンプル -----------------*/
#res_exp{
	width:420px;
	height:auto;
	margin:0 auto;
}

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


#res_exp .resImg{
	widht:195px;
	hight:645px;
	float:left;
}

#res_exp ul{
	width:210px;
	text-align:left;
	color:#333333;
	font-size:90%;
	float:right;
	padding-bottom:10px;
}

#res_exp li.resNum{
	width:30px;
	height:auto;
	text-align:left;
	padding-right:10px;
	float:left;
	clear:both;
}
/*IE7を除くモダンブラウザ用ハック*/
html>/**/body #res_exp li.resNum {
	padding-right:0px;
}

#res_exp li.resTxt{
	width:170px;
	line-height:1.3em;
	text-align:left;
	display: inline;
	vertical-align:top;
	padding-bottom:10px;
	padding-left:1px;
	float:right;
}

/*----------------- テーブル -----------------*/
.chart_symbol{
	margin:0px auto 10px auto;
	width:450px;
	height:auto;
}

.chart_symbol table{
	width:450px;
	text-align:center;
	color:#000000;
}

.chart_symbol td{
	margin-top:3px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:3px;
	padding-top:3px;
	font-size:11pt;
	line-height:1.3em;
}

.chart_symbol td img{
	border:0px;
	margin:0 auto;
	text-align:center;
}


/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/
#senja{
	margin:0px auto;
	width:720px;
	background:url(../images/share/sb02_top.jpg) no-repeat center 0px ;
}

/*  ------------ Komidashi B02 ------------  */
#senja .B02 {
	width:720px;
	margin:0 auto;
	text-align:center;
	height:auto;
	padding-top:0px;
	background:url(../images/result/b02_bg.jpg) repeat-y center top ;
}

#senja .B02 .subtit {
	width:720px;
	height:110px;
	margin:0 auto;
	text-align:center;
	background:url(../images/result/b02_top.jpg) no-repeat center 0px ;
}

#senja .B02 .btm {
	width:720px ;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../images/result/b02_btm.jpg) no-repeat center bottom ;
}

#senja p{
 	width:500px;
	margin:0 auto;
	text-align:left;
	color:#333333;
	font-size:90%;
	line-height:1.4em;
	padding-bottom:40px;
}

.headTit_teller{
	width:950px;
	height:auto;
	margin:0px auto;
	background:url(../images/share/senja_header_bg.jpg) no-repeat center top;
	text-align:center;
	display:block;
	padding-top:0px;
}

#senja h2 img.teller{
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-bottom:0px;
	width:310px;
	height:55px;
}
	
#senja .read{
	width:500px;
	height:auto;
	margin:0 auto;
	padding-top:10px;
	font-size:90%;
	line-height:1.6em;
	text-align:left;
}

#senja h4{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:90%;
	font-weight:bold;
	padding-top:25px;
	padding-left:15px;
	color:#333366;
}

/*地図*/
#info{
	margin:0px auto 10px auto;
	width:500px;
	height:auto;
	font-size:11pt;
	padding-bottom:0px;
}

#info table{
	border:0;
	padding:0;
	width:500px;
	text-align:center;
	padding-top:10px;
}

#info tr{
	padding:0px;
	text-align:center;
}

#info td{
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	line-height:1.4em;
}

/* 共通 */
.kline{
	width:490px ;
	margin:0px auto ;
	text-align:left ;
	padding-top:0px;
	text-align:center;
}

/* -------------------------------------------------
エラーページ用 
---------------------------------------------------*/

h2#er{
	margin:0 auto;
	font-weight:bold;
	color:#66CCFF;
	font-size:90%;
	line-height:1.4em;
	height:80px;
	display:block;
	padding:0px;
}

h2#er .errorTitle{
	margin:0 auto;
	height:auto;
	margin-top:50px;
}