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

/* コンテンツフレーム外壁 */
#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:700px;
	height:auto;
	background:url(../images/share/sh_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: #FFCC00;text-decoration: underline;}
a:visited{color:#CCCC99; text-decoration: underline;}
a:active{color: #FFCC00;text-decoration: none;}
a:hover{color: #FFCC00;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:30px;
	padding-bottom:30px;
	width:500px;
	height:auto;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
}


/* リンク */
a:link{color: #FFCC00;text-decoration: underline;}
a:visited{color:#CCCC99; text-decoration: underline;}
a:active{color: #FFCC00;text-decoration: none;}
a:hover{color: #FFCC00;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:30px;
	padding-bottom:30px;
	width:530px;
	height:auto;
	color:#FFFFFF;
	font-size:80%;
	line-height:1.3em;
	text-align:center;
}

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

.copyright a.l1:link{color: #CC3399;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#990066; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #CC3399;text-decoration: underline; font-weight:bold;}
.copyright a.l1:hover{color: #CC3399;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:#CCCCCC;
}


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

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


/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
h2.info{
	width:700px;
	height:195px;
	margin:0 auto;
	text-align:center;
	background :url(../images/share/sh_header_top.jpg) no-repeat top center;
	display:block;
	padding:0;
}

h2.info img{
	margin-top:70px;
}

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

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

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

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

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

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

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

em{
	font-weight:bold;
	color:#993333;
	font-style:normal;
}

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

/* -------------------------------------------------
マヤ暦について
---------------------------------------------------*/
h2.aboutmayan{
	width:700px;
	height:195px;
	margin:0 auto;
	text-align:center;
	display:block;
	padding:0;
	background :url(../images/share/sh_header_middle.jpg) no-repeat top center;
}

h2.aboutmayan img{
	margin-top:75px;
}

.aboutmayan{
	margin:0px auto;
	padding-bottom:30px;
	width:700px;
}

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

.aboutmayan p.sample_img{
	margin:0px auto ;
	width:450px;
	text-align:center;
	padding-top:30px;
}

.aboutmayan h3{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:100%;
	font-weight:bold;
	padding-bottom:7px;
	padding-top:5px;
	color:#FFFFFF;
}

.aboutmayan ul{
	width:450px;
	text-align:center;
	margin:0px auto;
	width:500px;
	color:#CCCCCC;
	font-size:90%;
}

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

.aboutmayan strong{
	font-weight:bold;
	color:#993333;
	font-size:115%;
	margin-left:0.12em;
	margin-right:0.12em;
	line-height:1.6em;
}

em{
	font-weight:bold;
	color:#CC3399;
	font-style:normal;
}

.aboutmayan p.plus{
	font-size:90%;
	text-align:left;
	display:block;
	width:500px;
	margin:0 auto;
	padding-left:50px;
}

/*シンボル説明*/
#chart_symbol{
	margin:0px auto 10px auto;
	width:500px;
	height:auto;
	font-size:11pt;
	padding-bottom:30px;
}

#chart_symbol table{
	border:0;
	padding:0;
	width:500px;
	background-image:url(../images/share/chart_bg.jpg);
	border:double 1px #000;
	text-align:center;
	color:#663333;
}

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

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

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

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

/*数字説明*/
#chart_number{
	margin:0px auto 0px auto;
	width:500px;
	height:auto;
	font-size:12pt;
}

#chart_number table{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	width:500px;
	text-align:center;
	border-style:none;
}

#chart_number tr{
	text-align:center;
}

#chart_number td{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	border-collapse:collapse;
	border-spacing:0;
	padding-right:0px;
}

#chart_number td img{
	border:0px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:2px;
	text-align:center;
}

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

#chart_number{
	margin:0px auto 10px auto;
	width:500px;
	height:auto;
	font-size:12pt;
}

#chart_number2 table{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	width:440px;
	text-align:center;
	border-style:none;
}

#chart_number2 tr{
	text-align:center;
}

#chart_number2 td{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	border-collapse:collapse;
	border-spacing:0;
	padding-right:0px;
}

#chart_number2 td img{
	border:0px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:2px;
	text-align:center;
}

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

/* -------------------------------------------------
占者紹介用 
---------------------------------------------------*/

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

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

.teller h2 img{
	margin:65px auto 5px auto;
	width:200px;
	height:62px;
}

.teller .teller_boxend h3 img{
	margin:0px;
	width:170px;
	height:54px;
	text-align:left;
	display:block;
}

.teller p {
	width:450px ;
	margin:0px auto ;
	padding-bottom:30px;
	text-align:left ;
	font-size:90%;
	line-height:1.6em;
	color:#CCCCCC;
}

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


.teller_boxend{
	width:700px;
	height:auto;
	background:url(../images/share/teller_btm.jpg) no-repeat center bottom;
	padding-bottom:90px;
}


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

h2#er{
	margin:0 auto;
	font-weight:bold;
	color:#66CCFF;
	font-size:130%;
	line-height:1.2em;
	height:195px;
	display:block;
	padding:0px;
	background :url(../images/share/sh_header_top.jpg) no-repeat top center;
}

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

h2#er p{
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	display:block;
}