@import url(common.css);

/*リセット要素を読み込み*/



/* -------------------------------------------------------

共通

---------------------------------------------------------*/

html{

	height: 100%;

}



body {

	background-color:#000000;

	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:950px;

	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: #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:20px;

	padding-bottom:0px;

	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: #0033CC;text-decoration: underline; font-weight:bold;}

.link a.l1:visited{color:#003366; text-decoration: underline; font-weight:bold;}

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

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



/* ---------------------------------------------------

「copyright」用外部jsファイル用要素

-----------------------------------------------------*/

.footer_line .copyright{

	margin:0px auto;

	padding-top:10px;

	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/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: #CC9900;text-decoration: underline; font-weight:bold;}

.copyright a.l1:visited{color:#996600; text-decoration: underline; font-weight:bold;}

.copyright a.l1:active{color: #CC9900;text-decoration: underline; font-weight:bold;}

.copyright a.l1:hover{color: #CC9900;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:#990033;

}





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

}





/* -------------------------------------------------

占術紹介用 

---------------------------------------------------*/

/*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{

	width:950px;

	height:auto;

	margin:0px auto;

	background:url(../images/top/menu_header_bg.jpg) no-repeat left top;

	text-align:center;

	display:block;

}*/



.headTit{

	width:950px;

	height:auto;

	margin:0px auto;

	background:url(../images/top/menu_header_bg.jpg) no-repeat center top;

	text-align:center;

	display:block;

	padding-top:0px;

}	



.headTit h2{

	width:500px;

	height:80px;

	display:block;

	margin:0px auto;

	}

	

h2 img.mtitle{

	margin:0px auto;

	padding-top:0px;

	text-align:center;

	/*padding-left:255px;*/

}



	

/*

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

	width:500px;

	font-size:90%;

	font-weight:bold;

	padding-bottom:7px;

	padding-top:10px;

	color:#333366;

}



.senjutsu h3 img{

	text-align:left;

	margin:0px auto;

	width:385px;

	padding-bottom:10px;

}



.senjutsu ul{

	width:500px;

	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: 30px;

}



.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: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:#333333;

}



.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;*/

	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;

}







#chart_symbol td img{

	border:0px;

	margin:0 auto;

	text-align:center;

	padding-top:3px;

	padding-bottom:3px;

}



#chart_symbol td img .space{

	border:0px;

	margin:0 auto;

	text-align:center;

}







/*神の説明*/

#chart_god{

	margin:0px auto 0px auto;

	width:500px;

	height:auto;

	font-size:12pt;

}



#chart_god table{

	border-collapse:collapse;

	border-spacing:0;

	padding:0;

	width:500px;

	text-align:center;

	border-style:none;

}



#chart_god tr{

	text-align:center;

}



#chart_god td{

	margin-top:0px;

	margin-bottom:0px;

	padding-left:10px;

	padding-right:10px;

	border-collapse:collapse;

	border-spacing:0;

	padding-right:0px;

}



#chart_god td img{

	border:0px;

	margin:0 auto;

	padding-top:0px;

	padding-bottom:2px;

	text-align:center;

}



#chart_god td img .space{

	border:0px;

	margin:0 auto;

	text-align:center;

}



#chart_god{

	margin:0px auto 10px auto;

	width:500px;

	height:auto;

	font-size:12pt;

}



#chart_god2 table{

	border-collapse:collapse;

	border-spacing:0;

	padding:0;

	width:440px;

	text-align:center;

	border-style:none;

}



#chart_god2 tr{

	text-align:center;

}



#chart_god2 td{

	margin-top:0px;

	margin-bottom:0px;

	padding-left:0px;

	border-collapse:collapse;

	border-spacing:0;

	padding-right:0px;

}



#chart_god2 td img{

	border:0px;

	margin:0 auto;

	padding-top:10px;

	padding-bottom:2px;

	text-align:center;

}



#chart_god2 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;

}

*/



/* 新着 --------------------------------------------- */



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

}



.teller{

	width:700px;

	height:auto;

	background:url(../images/share/teller_bg.jpg) repeat-y;

	margin:0px auto;

	padding:0px;

	text-align:center;

}



.teller_btm{

	padding-bottom:60px;

	background:url(../images/share/teller_btm.jpg) no-repeat center bottom;

}



.teller_btm img{

	padding-top:40px;

	padding-bottom:10px;

}

/*

.teller hr{

	color:#339900;

}*/



.teller .teller_head_bg{

	background:url(../images/share/teller_top.jpg) no-repeat left top;

	width:700px;

	height:auto;

	margin:0px auto;

	text-align:center;

	padding-top:0px;

}



.teller h2 img.teller{

	margin:0px 0px 0px 0px;

	padding-top:0px;

	padding-bottom:0px;

	width:310px;

	height:55px;

}

	



/*新着メニュー名*/

/*.teller h2 img.new_title{

	margin:0px 0px 0px 0px;

	width:500px;

	height:95px;

}*/



/* リード文 */

.teller .read{

	/*background:url(../images/top/hrline.jpg) no-repeat center top;*/

	width:500px;

	height:auto;

	margin:0 auto;

	padding-top:10px;

	color:#333333;

	font-size:80%;

	line-height:1.4em;

	text-align:left;

}

/*

.teller em{

	font-style:normal;

	line-height:1.3em;

	display:block;

	color:#fafc45;

}



.teller strong{

	color:#CC0033;

}*/



/* -------------------------------------------------

エラーページ用 

---------------------------------------------------*/



h2#er{

	margin:0 auto;

	font-weight:bold;

	color:#66CCFF;

	font-size:130%;

	line-height:1.2em;

	height:180px;

	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:50px;

}



/*

h2#er p{

	margin:0 auto;

	padding-top:0px;

	padding-bottom:30px;

	display:block;

}

*/