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

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

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

em{
	font-weight:bold;
	color:#993333;
	font-style:normal;
	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;
}

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

/* ---------------------------------------------------
「最初のページへ戻る」「close」用共通外部jsファイル用要素
-----------------------------------------------------*/
.link{
	margin:0px 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:#FFCC99; text-decoration: underline;}
a:active{color: #FB8A80;text-decoration: none;}
a:hover{color: #D86C62;text-decoration: none;}


.link a.l1:link{color: #990000;text-decoration: underline; font-weight:bold;}
.link a.l1:visited{color:#CC3399; text-decoration: underline; font-weight:bold;}
.link a.l1:active{color: #FB8A80;text-decoration: none; font-weight:bold;}
.link a.l1:hover{color: #D86C62;text-decoration: none; font-weight:bold;}


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

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

.copyright a.l1:link{color:#FFFF66;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#FFCC33; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #FFFF66;text-decoration: underline; font-weight:bold;}
.copyright a.l1:hover{color: #FFFF66;text-decoration: none; font-weight:bold;}

/* -----------------------------------------------------
コンテンツ部分
-------------------------------------------------------*/
/* -------------------------------------------------
占術紹介用 
---------------------------------------------------*/
h2.info{
	width:950px;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
}

h2.info img{
	margin:30px auto 0px auto;
	width:120px;
	height:35px;
}

.senjutsu{
	margin:0px auto;
	padding-top:50px;
	padding-bottom:30px;
	width:950px;
}

.senjutsu p{
	margin:0px auto ;
	line-height:1.3em;
	font-size:105%;
	width:500px;
	text-align:left;
	/*padding-bottom:15px;*/
	padding-bottom:10px;
}

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

.senjutsu h3{
	text-align:left;
	margin:0px auto;
	width:500px;
	font-size:130%;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	color:#333366;
}

.senjutsu h3 img{
	width:330px;
	height:40px;
	margin:0;
}

.senjutsu h4{
	text-align:left;
	margin:0px auto;
	width:500px;
	padding-bottom:5px;
	padding-top:5px;
}

.senjutsu h4 img{
	width:170px;
	height:30px;
	margin:0;
}

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

/*九星術について*/
.senjutsu .about_kyuusei{
	width:450px;
	margin:0px auto 10px auto;
	background:#CCCC99;
	border:#003333 1px solid;
	display:block;
}

.senjutsu .about_kyuusei p{
	margin:0px auto ;
	line-height:1.3em;
	font-size:105%;
	width:420px;
	text-align:left;
	padding-top:5px;
}

/*盤の見方リスト*/
.senjutsu ul{
	width:450px;
	text-align:center;
	margin:0px auto;
	/*width:500px;*/
}

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


/*kyuusei_table*/
.tbl_kyuusei{
	width:400px;
	margin:0px auto 10px auto;
}

.tbl_kyuusei td{
	width:200px;
	padding:3px 2px;
	font-size:85%;
	color:#003366;
	text-align:left;
	line-height:1.2em;
}

.tbl_kyuusei td.tblTop{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#003333;
	font-size:100%;
}

/*parts_table*/
.parts{
	width:360px;
	margin:5px auto 10px auto;
}

.parts td{
	text-align:center;
}

.parts td img{
	width:55px;
	height:55px;
}

.parts td.icon_name{
	width:40px;
	padding:3px 2px;
	font-size:100%;
	color:#993333;
	font-weight:bold;
	line-height:1.2em;
}

.parts td.icon_word{
	width:250px;
	padding-left:5px;
	font-size:95%;
	color:#003366;
	text-align:left;
	line-height:1.2em;
}


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

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

.teller h2{
	width:605px;
	height:auto;
	margin:0 auto;
	text-align:left;
	display:block;
	padding-bottom:10px;
	background:url(../images/share/teller_top_bg.jpg) no-repeat center top;
}

.teller h2 img{
	margin:40px auto 0px 60px;
	width:115px;
	height:50px;
}


.teller p {
	width:490px ;
	margin:0px auto ;
	padding-bottom:10px;
	text-align:left ;
	font-size:100%;
	line-height:1.6em;
	color:#222222;
}

.teller img.teller_img{
	margin:0px auto 0px 5px;
	width:210px;
	height:210px;
	float:right;
}

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


.teller_boxend{
	width:605px;
	height:auto;
	padding-bottom:70px;
	text-align:left;
	margin:0 auto;
	background:url(../images/share/teller_btm.jpg) no-repeat center bottom;
}


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

h2#er{
	width:950px;
	height:118px;
	margin:0 auto;
	font-weight:bold;
	color:#FF0000;
	font-size:130%;
	line-height:1.2em;
	padding:0px;
	text-align:center;
	display:block;
}

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

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