@import url(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:720px;
	background:url(../images/share/cont_bg.jpg) repeat-y;
	text-align:center;
}

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

.header_top{
	margin:0px auto;
	width:720px;
	min-height:315px;
	height:auto;
	background:url(../images/share/header_top.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;
}

/*共通ページ用リンク*/
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: #CC3399;text-decoration: underline;}
a.l1:visited{color:#990066; text-decoration: underline;}
a.l1:active{color: #CC3399;text-decoration: none;}
a.l1:hover{color: #CC3399;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:20px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
}

/* リンク */
a:link{color: #337AAB;text-decoration: underline;}
a:visited{color:#A3CEED; text-decoration: underline;}
a:active{color: #337AAB;text-decoration: none;}
a:hover{color: #337AAB;text-decoration: none;}

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

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

.copyright a.l1:link{color: #337AAB;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#A3CEED; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #337AAB;text-decoration: underline; font-weight:bold;}
.copyright a.l1:hover{color: #337AAB;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:10px;
	line-height:1.4em;
	font-size:105%;
	width:550px;
	font-weight:bold;
	color:#990033;
	
}

.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:720px;
	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{
	/*border-bottom:#000000 1px dotted;*/
	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:10px;
	width:650px;
	background:url(../images/share/sb01_top.jpg) no-repeat center 0px ;
}

#senjutsu .B01 {
	width:650px;
	margin:0 auto;
	text-align:center;
	line-height:0 ;
	background:url(../images/share/sb01_bg.jpg) repeat-y center 0px ;
}

#senjutsu .B01_end {
	width:650px ;
	margin:0 auto;
	text-align:center;
	line-height:0 ;
	padding-bottom:10px;
	background:url(../images/share/sb01_btm.jpg) no-repeat center bottom ;
}

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

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

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

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

#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:#333366;
}

/* 結果フラッシュ説明　リスト部分 */
.chart_exp ol{
	width:450px;
	margin:0 auto;
}

.chart_exp li{
	width:450px;
	font-size:90%;
}

.chart_exp .sign_exp{
	width:410px;
	padding-left:0px;
	line-height:1.4em;
	float:right;
	padding-right:0px;
	text-align:left;
	display:block;
}

.chart_exp span{
	font-weight:bold;
	color:#000099;
	line-height:1.4em;
	float:left;
	font-size:10pt;
}


/*
#senjutsu ul{
	width:450px;
	text-align:center;
	margin:0px auto;
	width:500px;
	color:#333333;
	font-size:90%;
}

#senjutsu li{
	width:450px;
	line-height:1.3em;
	padding-bottom:5px;
	text-align:left;
	margin:0 auto;
	padding-left:0px;
}

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

em{
	color:#993333;
	font-style:normal;
	font-size:90%;
	line-height:1.3em;
}

#senjutsu p.plus{
	font-size:90%;
	text-align:left;
	display:block;
	width:400px;
	margin:0 auto;
	padding-left:0px;
}*/

/*星の説明*/

#chart_symbol{
	margin:0px auto 10px auto;
	width:450px;
	height:auto;
	font-size:11pt;
	padding-bottom:0px;
	padding-left:40px;
}

#chart_symbol table{
	border:0;
	padding:0;
	width:450px;
	text-align:center;
}

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

#chart_symbol td{
	margin-top:0px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	line-height:1.4em;
	font-size:95%;
}

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

#chart_symbol strong{
	font-weight:bold;
	color:#0000CC;
	line-height:1.3em;
	font-size:100%;
}


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

#senja .B02 {
	width:650px;
	margin:0 auto;
	text-align:center;
	line-height:0 ;
	background:url(../images/share/sb02_bg.jpg) repeat-y center 0px ;
}

#senja .B02_end {
	width:650px ;
	margin:0 auto;
	text-align:center;
	line-height:0 ;
	padding-bottom:30px;
	background:url(../images/share/sb02_btm.jpg) no-repeat center bottom ;
}

.headTit_teller{
	width:720px;
	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;
	/*color:#333333;*/
	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;
}

/* Block02  pattern02 左寄せテキスト*/
.B02subtit02 {
	width:490px ;
	height:auto;
	text-align:center ;
	margin:0 auto;
}

.B02subtit02 .B02Ltxt {
	width:300px;
	height:auto;
	clear:both;
	float:left;
	margin-left:0px;
}

.B02subtit02 .B02Ltxt p{
	width:300px;
	height:auto;
	text-align:left;
	padding-bottom:20px;
	font-size:90%;
	line-height:1.6em;
}

.B02subtit02 .B02Rimg{
	width:170px ;
	margin:10px 0 0 10px;
	float:left;
	padding:0;
}

/*地図*/
#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:130%;
	line-height:1.2em;
	height:80px;
	display:block;
	padding:0px;
}

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