@charset "utf-8";
/* GLOBAL CSS Reset
----------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	text-align:left;
}
table {
border-collapse:collapse;
}


fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
.framebox {
	height: 150px;
	overflow: auto;
}


caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

abbr,acronym { 
	border:0;
}


/* formatting style
-------------------------------------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.3;
	color: #000000;
	background-image: url(images/haikei2.png);
	background-repeat: repeat;
}
html {

}

hr {
	display: none;
}
h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 150%;
	font-style: normal;
}
h2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 135%;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-repeat: repeat-x;
	clear: left;
	border-top: 1px solid #dddddd;
	border-right: none;
	border-bottom: 1px solid #dddddd;
	border-left: none;
	background-image: url(images/ber-1.gif);
	background-position: bottom;
}

h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 120%;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	background-repeat: repeat-x;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
	background-image: url(images/ber-1.gif);
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 3px;
	border-right-color: #dddddd;
	border-left-color: #0033CC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
}
h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 120%;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-repeat: repeat-x;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 2px;
	border-right-color: #dddddd;
	border-left-color: #00CC00;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
	margin-left: 10px;
	border-right-style: solid;
}
h5 {
	border-left: 1px solid #999999;
	margin-left: 20px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	color: #333333;
	background-color: #efefef;
	padding-bottom: -10px;
}


/*link styles 
--------------------------------------------------------- */


a img {
	border-style: none;
}
a:link {
	color: #00F;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #F90;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	top: 1px;
}
/*basic layout 
--------------------------------------------------------- */
#wrapper {
	background-color: #FFFFFF;
	margin: 0% auto;
	width: 980px;
	padding: 0;
	border-right: 1px solid #002667;
	border-left: 1px solid #002667;
	height: 100%;
}



#wrapper   dd  {


}
#wrapper #main dl {
	padding: 5px 5px 5px 10px;
}

#wrapper   dt  {
	padding-left: 10px;
	color: #0033FF;
}
#header {
	margin: 0px;
	float: none;
	height: 60px;
	position: relative;
	padding: 0px;
	width: 980px;
	background-color: #FFFFFF;
	background-image: url(images/iprema.png);
	background-repeat: no-repeat;
}
#header h1 {
	text-indent: -9999px;
	float: left;
	height: 5px;
	width: 100px;
	border-width: 0px;
	border-style: none;
	background-color: #FFFFFF;
}
#pals {
	float: left;
	width: 100px;
	overflow: hidden;
}

#header2 {
	background-color: #FFFFFF;
	background-image: url(images/iprema_rogo-s.png);
	float: left;
	width: 940px;
	padding-left: 40px;
	background-repeat: no-repeat;
	height: 50px;
	background-position: 40px;
}

#cosmo {
	text-align: right;
	color: #333;
	padding: 0px;
	float: right;
	height: 25px;
	width: 250px;
	vertical-align: baseline;
	font-size: 12px;
	line-height: 28px;
	margin-right: 40px;
}
#title {
	background-image: url(images/iprema_02.png);
	clear: both;
	float: left;
	height: 70px;
	width: 980px;
}
#headnav {
	float: right;
	height: 20px;
	width: 500px;
	padding: 8px 40px 0px 0px;
	clear: both;
}
#headnav  ul {
	float: right;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	padding: 0px;
	list-style: none;
	margin: 0px;
}
#headnav  li {
	display: inline;
	margin: 0px;
	background-color: #fff;
	border-right: 0px none #fff;
	border-top: 0px none #fff;
	border-bottom: 0px none #fff;
	border-left: 1px solid #ccc;
	padding: 0px 10px;
}
#headnav #contact {
	border-top: 0px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0px none #CCCCCC;
	border-left: 1px solid #CCCCCC;
}




#omikuji {
	height: 43px;
	width: 43px;
	padding-right: 40px;
	text-align: right;
	float: right;
	clear: right;
	padding-top: 9px;
}
#mainnav {
	height: 39px;
	width: 940px;
	clear: both;
	padding-left: 40px;
	border-bottom: 1px solid #002665;
	float: left;
	margin-top: 10px;
}
#wrapper #mainnav ul#nav li {
	float: left;
	width: 100px;
	list-style: none;
	height: 40px;
	text-indent: -9999px;
}
#wrapper #mainnav ul#nav li a {
	background-image: url(images/index03.png);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 40px;
	width: 100px;
}
#wrapper   #mainnav   ul#nav   li.home   a {
	background-position: 0px -40px;
}	
#wrapper #mainnav ul#nav li.astro a {
	background-position: -100px -40px;
}
#wrapper  #mainnav  ul#nav  li.blog  a {
	background-position: -200px -40px;
}
#wrapper #mainnav ul#nav li.carender a {
	background-position: -300px -40px;
}
#wrapper #mainnav ul#nav li.chart a {
	background-position: -400px -40px;
}
#wrapper #mainnav ul#nav li.data a {
	background-position: -500px -40px;
}
#wrapper #mainnav ul#nav li.finance a {
	background-position: -600px -40px;
}
#wrapper  #mainnav  ul#nav  li.free  a {
	background-position: -700px -40px;
}
#wrapper #mainnav ul#nav li.prema a {
	background-position: -800px -40px;
}
#wrapper #mainnav ul#nav li.home0 a {
	background-position: 0px -80px;
}	
#wrapper #mainnav ul#nav li.astro0 a {
	background-position: -100px -80px;
}
#wrapper  #mainnav  ul#nav  li.blog0  a {
	background-position: -200px -80px;
}
#wrapper #mainnav ul#nav li.carender0 a {
	background-position: -300px -80px;
}
#wrapper #mainnav ul#nav li.chart0 a {
	background-position: -400px -80px;
}
#wrapper #mainnav ul#nav li.data0 a {
	background-position: -500px -80px;
}
#wrapper #mainnav ul#nav li.finance0 a {
	background-position: -600px -80px;
}
#wrapper  #mainnav  ul#nav  li.free0  a {
	background-position: -700px -80px;
}
#wrapper #mainnav ul#nav li.prema0 a {
	background-position: -800px -80px;
}
#wrapper #mainnav ul#nav li.home a:hover {
	background-position: 0px 0px;
}	
#wrapper #mainnav ul#nav li.astro a:hover {
	background-position: -100px 0px;
}
#wrapper  #mainnav  ul#nav  li.blog  a:hover {
	background-position: -200px 0px;
}
#wrapper #mainnav ul#nav li.carender a:hover {
	background-position: -300px 0px;
}
#wrapper #mainnav ul#nav li.chart a:hover {
	background-position: -400px 0px;
}
#wrapper #mainnav ul#nav li.data a:hover {
	background-position: -500px 0px;
}
#wrapper #mainnav ul#nav li.finance a:hover {
	background-position: -600px 0px;
}
#wrapper  #mainnav  ul#nav  li.free  a:hover {
	background-position: -700px 0px;
}
#wrapper #mainnav ul#nav li.prema a:hover {
	background-position: -800px 0px;
}
#index2 {
	width: 980px;
	float: left;
}
p#pan {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 120%;
	height: 25px;
	width: 600px;
	float: left;
	padding-top: 10px;
	padding-left: 50px;
}
p#next {
	float: right;
	height: 25px;
	width: 200px;
	text-align: right;
	font-size: 120%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin-top: 10px;
	margin-right: 50px;
}



#sab {
	padding: 0px;
	float: left;
	width: 200px;
	background-color: #FFF;
	margin-top: 5px;
	margin-left: 30px;
	border: 1px solid #dddddd;
}
#sab p {
	margin: 10px 15px 10px 20px;
}

#sab  ul {
	padding: 0 0px 0 4px;
}
#sab  li{
	list-style:none;
	background-image: url(images/sr-1.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: 1px dashed #CCCCCC;
	margin: 3px 0px;
	padding: 0px 0px 0px 16px;
}
#sab .ul2 {
	padding-left: 20px;
}
#sab  .li2  {
	background-image: url(images/sr-2.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#sab .ul3 {
	padding-left: 20px;
}
#sab .li3 {
	background-image: url(images/sr-4.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#wrapper #sab #news {
	height: 150px;
	overflow: scroll;
}



#main {
	width: 690px;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-left: 28px;
	border: 1px solid #dddddd;
}
#main2 {
	padding-top: 5px;
	float: left;
	width: 920px;
	padding-left: 40px;
}

#main img {
	float: none;
	clear: both;
}
#wrapper #main .sg {
	height: 390px;
	width: 570px;
	clear: both;
	float: left;
}


#main p {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#main ul {
	margin: 10px 0px 10px 20px;
}
#main li {
	background-image: url(images/sr-b.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 15px;
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}

#sabian {
	font-size: 120%;
	font-style: normal;
	color: #333333;
	text-align: center;
	padding: 5px 0px;
	float: left;
	width: 300px;
	margin: 5px 20px 5px 0px;
	background-image: url(images/ber-1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #eeeeee;
}
#void {
	font-size: 120%;
	font-style: normal;
	color: #333333;
	text-align: center;
	padding: 5px 0px;
	width: 300px;
	float: left;
	margin: 5px 20px 10px;
	display: inline;
	background-image: url(images/ber-1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


#count {
	height: 25px;
	margin: 0px 40px 0px 0px;
	padding: 0px;
	text-align: right;
	width: 450px;
	float: right;
	clear: both;
}
#caren    {
	text-align: center;
	width: 920px;
	float: left;
	overflow: hidden;
	margin: 0px;
	clear: left;
	padding-left: 30px;
	padding-bottom: 25px;
}
#wrapper #main #voidcaren {
	width: 690px;
	margin-bottom: 10px;
}
#wrapper #main #voidcaren .stylea-moon {
	background-color: #000000;
}


#wrapper #caren　p {
	padding: 10px;
}

#wrapper #caren table {
	border: 1px solid #CCCCCC;
	width: 920px;
}
#wrapper  #caren  table  tr  {
	border: 1px solid #dddddd;
	text-align: center;
}

#kigou {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#kotoba {
	width: 572px;
	margin-top: 10px;
	margin-left: 20px;
}

#wrapper #main #kigou tr .styleｆ img {
	margin: 0px 10px;
	padding: 0px;
	text-align: left;
	vertical-align: baseline;
}

.stylea {
	text-align: center;
	width: 30px;
	height: 30px;
	font-weight: bolder;
	border: 1px solid #CCC;
}
.oreng {
	background-color: #FFCC66;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	float: none;
	clear: left;
}
.gly {
	background-color: #CCCCCC;
	padding-right: 3px;
	padding-left: 3px;
}


.stylei {
	width: 130px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	font-style: normal;
	text-align: center;
	padding: 5px;
}
.stylek {
	height: 30px;
	width: 315px;
	border: 1px solid #cccccc;
	text-align: center;
}




.styleb {
	text-align: center;
	width: 50px;
	height: 30px;
}
.stylec {
	text-align: center;
	width: 215px;
}
.styled {
	vertical-align: middle;
	height: 30px;
	width: 241px;
}
#wrapper #caren2 {
	clear: both;
	float: left;
	width: 920px;
	padding-bottom: 30px;
	padding-left: 30px;
}

.stylee {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	font-style: normal;
	text-align: left;
	padding: 5px;
}
.styleh {
	font-style: normal;
	text-align: center;
	width: 117px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

.stylef {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 130%;
	font-style: normal;
	padding: 5px;
	text-align: left;
	vertical-align: baseline;
}


.styleg    {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 130%;
	font-style: normal;
}
.styled-r {
	color: #FF0000;
	text-align: center;
}


#footer {
	background-color: #002666;
	clear: both;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 50px;
}
#pagetop  {
	float: right;
	clear: both;
	padding-right: 50px;
	text-align: right;
	height: 25px;
	width: 200px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 120%;
}

.style1 {
	font-size: larger;
	color: #FF00FF;
}

#chart img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#bottomnav {
	clear: both;
	border-top: 1px solid #036;
	height: 25px;
	padding-left: 40px;
	padding-top: 10px;
}
#wrapper #main .images img {
	float: left;
	padding-right: 10px;
	clear: left;
}

#wrapper  #bottomnav  li {
	display: inline;
	padding: 15px;
	color: #333333;
	text-align: left;
	background-image: url(images/st-2.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#wrapper #main .kouji {
	font-size: 18px;
	color: #FF0000;
	text-align: center;
	height: 150px;
	width: 500px;
	padding-top: 100px;
}

.sgwd {
	height: 396px;
	width: 370px;
}
#main .data {
	float: left;
	width: 270px;
	padding-right: 20px;
}
#main .data2 {
	float: left;
	width: 60px;
	clear: none;
}
#wrapper #main table {
	width: 690px;
	text-align: center;
	border: 1px solid #000000;
}
#wrapper #main .sg {
	width: 600px;
	height: 404px;
}
#wrapper #main #efem {
	width: 620px;
	background-position: center;
	border: 1px solid #999999;
}
#wrapper #efemeris {
	width: 923px;
	float: left;
	margin-left: 30px;
	text-align: right;
	vertical-align: middle;
}
#wrapper #efemeris table {
	background-position: center center;
	border: 1px solid #333333;
	width: 923px;
}
#wrapper #efemeris table .nen {
	text-align: center;
	width: 45px;
	border: 1px solid #333333;
	font-size: 120%;
}
#wrapper #efemeris table .tentai {
	text-align: left;
	width: 128px;
	border: 1px solid #333333;
	padding-left: 30px;
}
#tarot {
	height: 43px;
	width: 43px;
	padding-right: 40px;
	text-align: right;
	float: right;
	clear: right;
	padding-top: 9px;
}

