@charset "euc-jp";
/* textJustify ------------------------------------------------ */
#resText .text,
box.p{
text-align:justify;
text-justify:inter-ideograph;
}
/* Common ------------------------------------------------ */
/* common ----------------------------------------------------------------- */
body{
  color:#000;
  font-size:12px;
  background-color:#85C2DF;
}
a {
   text-decoration:underline;
}

a:link {
   text-decoration:underline;
}

a:visited {
   text-decoration:underline;
}

a:hover {
   text-decoration:none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
hr{display:none;}

/*IE6、IE7改行バグ回避*/
br { letter-spacing: 0; }

/* IE6,IE7 font-heightバグ回避 */
body.msie7 ul#nav,
body.msie6 ul#nav,
body.msie6 .btm{
font-size:0;
}
.noDisp {
	display:none;
}
.hide{
  visibility:hidden;
}

/* bg */
body{
background:url(../img/bg.gif) 0 0 repeat;
}

/* BGs */
#resText .mark,
#nav li a,
#resInfo .btm,
#resInfo .top,
#inpForm .btm,
#inpForm .top,
#menuTitle,
.fort a,
.btn,
li.fort .title1,
li.fort .title2,
li.fort,
#info,
#header
{
background-image:url(../img/BGs.png);
background-repeat:no-repeat;
position:relative;
}

body.msie6 #resText .mark,
body.msie6 #nav li a,
body.msie6 #resInfo .btm,
body.msie6 #resInfo .top,
body.msie6 #inpForm .btm,
body.msie6 #inpForm .top,
body.msie6 #menuTitle,
body.msie6 .fort a,
body.msie6 .btn,
body.msie6 li.fort .title1,
body.msie6 li.fort .title2,
body.msie6 li.fort,
body.msie6 #info,
body.msie6 #header
{background-image:url(../img/BGs_8a.png);}

/* decos */
.decos
{
background-image:url(../img/decos.png);
background-repeat:no-repeat;
position:absolute;
}
#container{
position:relative;
width:850px;
padding-bottom:30px;
background-color:#FFF;
margin:0 auto 20px;

}
#logoHeader{
width:850px;
margin:0 auto;
padding:10px 0;
}

#header{
background-position:0 0;
width:850px;
height:115px;
}
h1{
text-align:center;
padding-top:20px;
}
.bird{
background-position:-371px -321px;
width:111px;
height:72px;
right:20px;
top:20px;
}

.waitress{
background-position:0 0;
width:187px;
height:467px;
top:168px;
left:9px;
}
.window1,
.window2{
background-position:-542px -1px;
width:180px;
height:200px;
top:170px;
}
.window1{left:107px;}
.window2{left:570px;}
.plant{
background-position:-467px 0;
width:70px;
height:199px;
top:435px;
}
body.msie6 .plant{
background-position:-460px 0;
}

.icon{
width:70px;
height:70px;
z-index:10;
}
.win .icon{background-position:-188px -412px;}
.spr .icon{background-position:-188px -137px;}
.gre .icon{background-position:-188px -201px;}
.sum .icon{background-position:-188px -268px;}
.aut .icon{background-position:-188px -338px;}
.year .icon{background-position:-188px 0;}
.aff .icon{
background-position:-188px -72px;
height:65px;
}
#fortunes .new{
background-position: -405px -422px;
width: 34px;
height: 18px;
z-index:1000;
top:-19px;left:-2px;
}
#fortunes .spr .new{left:4px;}
#fortunes .gre .new{left:2px;}
#fortunes .sum .new{}
#fortunes .aut .new{left:4px;}
#fortunes .win .new{left:3px;}


.line01{
background:url(../img/BGs.png) -850px 0 no-repeat;
width:612px;
height:2px;
margin:5px 0;
}

.section{
position:relative;
width:613px;
left:217px;
}

/* top -------------------------------------------------------- */
/* #info */
#info{
background-position:0 -115px;
width:613px;
height:130px;
top:50px;
margin-bottom:100px;
}
#info h2{
position:absolute;
top:-24px;
left:10px;
}
#info .box{
padding:20px;
}
#info .date{
position:absolute;
color:#960;
font-size:14px;
font-weight:bold;
margin:10px 0 5px;
}
#info h3{
color:#960;
font-size:14px;
font-weight:bold;
margin:10px 0 5px 100px;
}

#info .box p{
margin-left:100px;
color:#960;
}

/* #fortunes */
ul#fortunes{
position:relative;
width:630px;
top:0px;
}
li.fort{
background-position:0 -245px;
width:196px;
height:300px;
float:left;
margin-right:10px;
}
li.fort .icon{
top:-30px;
left:-10px;
}
li.spr .icon{top:-40px;height:60px;}
li.gre .icon{top:-45px;}
li.sum .icon{top:-45px;}
li.aut .icon{top:-50px;}
li.win .icon{top:-45px;}
li.aff .icon{top:-40px;}

body.msie6 li.gre .icon{height:69px;}

li.fort .box{
position:relative;
width:170px;
height:218px;
top:14px;
left:14px;
padding-top:10px;
}
li.fort .title1,
li.fort .title2{
left:15px;
text-indent:-9999px;
width:136px;
height:47px;
position:absolute;
}
li.fort .menu{
background-position:-856px -203px;
}
li.year .title2 {
width:150px;
margin-left:-8px;
}
li .title2,
li .season,
li .aff
{display:none;}

li.fort .year2012{background-position:-993px -203px;}
li.fort .aft2012  {background-position:-993px -251px;}
li.fort .year2013{background-position:-993px -299px;}
li.fort .aft2013  {background-position:-993px -347px;}
li.fort .year2014{background-position:-993px -395px;}
li.fort .aft2014  {background-position:-993px -443px;}
li.fort .year2015{background-position:-993px -491px;}
li.fort .aft2015  {background-position:-993px -539px;}
li.fort .year2016{background-position:-1144px -203px;}
li.fort .aft2016  {background-position:-1144px -251px;}
li.fort .year2017{background-position:-1144px -299px;}
li.fort .aft2017  {background-position:-1144px -347px;}
li.fort .year2018{background-position:-1144px -395px;}
li.fort .aft2018  {background-position:-1144px -443px;}
li.fort .year2019{background-position:-1144px -491px;}
li.fort .aft2019  {background-position:-1144px -539px;}
li.fort .year2020{background-position:-1295px -203px;}
li.fort .aft2020  {background-position:-1295px -251px;}
li.fort .year2021{background-position:-1295px -299px;}
li.fort .aft2021  {background-position:-1295px -347px;}
li.fort .year2022{background-position:-1295px -395px;}
li.fort .aft2022  {background-position:-1295px -443px;}
li.fort .year2023{background-position:-1295px -491px;}
li.fort .aft2023  {background-position:-1295px -539px;}
li.spr .season{background-position:-856px -347px;}
li.gre .season{background-position:-856px -395px;}
li.sum .season{background-position:-856px -443px;}
li.aut .season{background-position:-856px -491px;}
li.win .season{background-position:-856px -539px;}
li.aff .aff{background-position:-856px -299px;}

li.fort ol{
width:150px;
margin:0 auto;
position:relative;
top:55px;
}

li.fort ol li{
background:url(../img/li1.png) 0 4px no-repeat;
position:relative;
padding-left:15px;
font-size:12px;
color:#fff;
}
ul#fortunes .btn{
width:150px;
height:80px;
margin:0 auto;
z-index:10;
position:relative;
top:50px;
}

ul#fortunes li.year a,
ul#fortunes li.spr a,
ul#fortunes li.gre a,
ul#fortunes li.sum a,
ul#fortunes li.aut a,
ul#fortunes li.win a,
ul#fortunes li.aff a
{
display:block;
text-indent:-9999px;
width:150px;
height:80px;
}
ul#fortunes li.year a{background-position:-196px -281px;}
ul#fortunes li.spr a{background-position:-346px -281px;}
ul#fortunes li.gre a{background-position:-346px -281px;}
ul#fortunes li.sum a{background-position:-346px -281px;}
ul#fortunes li.aut a{background-position:-346px -281px;}
ul#fortunes li.win a{background-position:-346px -281px;}
ul#fortunes li.aff a{background-position:-496px -281px;}

ul#fortunes li.year a:hover{background-position:-196px -361px;}
ul#fortunes li.spr a:hover{background-position:-346px -361px;}
ul#fortunes li.gre a:hover{background-position:-346px -361px;}
ul#fortunes li.sum a:hover{background-position:-346px -361px;}
ul#fortunes li.aut a:hover{background-position:-346px -361px;}
ul#fortunes li.win a:hover{background-position:-346px -361px;}
ul#fortunes li.aff a:hover{background-position:-496px -361px;}

li.fort .btm{
width:97px;
height:107px;
bottom:0;
right:0;
}
li.year .btm{background-position:-273px 0;}
li.spr .btm{background-position:-273px -107px;}
li.gre .btm{background-position:-370px -107px;}
li.sum .btm{background-position:-273px -214px;}
li.aut .btm{background-position:-370px -214px;}
li.win .btm{background-position:-273px -321px;}
li.aff .btm{background-position:-370px 0;}


/* inp -------------------------------------------------------- */
/* #menuTitle */
#menuTitle{
width:613px;
height:49px;
margin:50px 0 30px;
}
/* ie6バグ回避　for #resText li bgimg move+del */
body.msie6 #menuTitle{
margin:50px 0 40px;
}

.yearMenu #menuTitle{
background-position:-197px -442px;
}
.seasonMenu #menuTitle {
background-position:-197px -492px;
}
.affMenu #menuTitle {
background-position:-197px -542px;
}

.yearMenu #menuTitle .icon{top:-15px;}
.seasonMenu #menuTitle .icon{top:-15px;}
.affMenu #menuTitle .icon{top:-15px;}
#menuTitle h2{
padding:10px 0 0 80px;
}

p.cap{
margin:20px 0;
color:#996600;

}

/* #inpItems */
#inpItems{}
#inpItems h3{
color:#1D5048;
font-size:14px;
font-weight:bold;
padding-left:3px;
}

#inpItems ol{
font-size:14px;
font-weight:bold;
color:#996600;
padding-left:10px;
margin:10px 0 20px;
}
#inpItems li{
background:url(../img/li2.png) 0 4px no-repeat;
position:relative;
padding-left:20px;
}

/* #inpForm */
#inpForm{
width:613px;
}
#inpForm .top{
background-position:-850px -5px;
height:39px;
}
#inpForm h3{
color:#663300;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
text-align:center;
padding:12px 0 10px;
}

#inpForm .btm{
background-position:-850px -44px;
height:7px;
}
#inpForm .box{
border-left:1px solid #C99F6D;
border-right:1px solid #C99F6D;

}
fieldset{
border:none;
/*width:350px;
margin:0 auto;
*/
padding: 10px 0;
margin: 0 120px;
}

select{height: 24px;}

.formGroupDate,
.formGroupPlace,
.formGroupSex,
.formGroupMarry{
  padding: 2px 0;
}
.formLabel{
display:inline-block;
color:#996600;
font-size:13px;
font-weight:bold;
width:60px;
letter-spacing:1px;
margin:0 15px 10px 0;
}
label{
color:#996600;
font-size:13px;
margin:0 15px 0 5px;
}

#submit{
position:relative;
background-position:left top;
width:194px;
height:40px;
left:205px;
margin:10px 0;
}
#submit a{
background-position:left bottom;
}
/* res -------------------------------------------------------- */
/* #resText */
#resText{
}
#resText .signBox{}
#resText .sign{
text-align:center;
}

#error .top,
#error .btm,
#error,
#rule .top,
#rule .btm,
#rule,
#resText .top,
#resText .btm,
#resText .box{
background-image:url(../img/resFormBg.png);
background-repeat:no-repeat;
width:611px;
}
#error .top,
#rule .top,
#resText .top{
background-position:left top;
height:8px;
}
#error .btm,
#rule .btm,
#resText .btm{
background-position:left bottom;
height:8px;
}
#error,
#rule,
#resText .box{
background-position:right top;
background-repeat:repeat;
margin:30px 0;
}
#resText .box ol{
width:560px;
margin:20px auto;
}
#resText .box li{
position:relative;
background:url(../img/li2.png) 0 5px no-repeat;
}
#resText .box h3{
font-size:15px;
font-weight:bold;
color:#630;
margin-left:20px;
}
#resText .text2,
#resText .text{
font-size:12px;
color:#960;
}

#resText .text2,
#resText .text{
font-size:14px;
line-height:140%;
}
#resText .text2,
#resText .text{
margin:5px 20px 10px;
text-indent:1em;
}
#resText .text2{
margin:5px 20px 10px;
}
#resText .text dd{
margin:10px 0 20px;
}
#resText .text dt span{
font-size:18px;
color:#f00;
padding-right:10px;
}
#resText h4,
#resText dt{
text-indent:0;
}
#resText h4{
font-size:14px;
font-weight:bold;
}

#resText .text2 dt{
width:150px;
float:left;
line-height:180%;
}
#resText .text2 dd{
line-height:180%;
}

#resText .text2 dl{
margin:10px 0 0 1em;
}
body.msie6 #resText .text2 dl{
margin:10px 0 0 0;
}

#resText .sign{
position:relative;
margin:10px auto;
width:230px;
height:30px;
font-size:15px;
font-weight:bold;
color:#666600;
padding-top:10px;
}
.mark{
float:left;
position:relative;
top:-8px;
width:36px;
height:36px;
}

.aries            {background-position:-648px -144px;}
.taurus          {background-position:-684px -144px;}
.gemini          {background-position:-720px -144px;}
.cancer          {background-position:-756px -144px;}
.leo                {background-position:-648px -180px;}
.virgo            {background-position:-684px -180px;}
.libra            {background-position:-720px -180px;}
.scorpio        {background-position:-756px -180px;}
.sagittarius{background-position:-648px -216px;}
.capricorn    {background-position:-684px -216px;}
.aquarius      {background-position:-720px -216px;}
.pisces          {background-position:-756px -216px;}





/* #resInfo */
#resInfo{
width:613px;
}
#resInfo .top{
background-position:-850px -57px;
height:29px;
padding:10px 10px 0;
}
#resInfo .btm{
background-position:-850px -96px;
height:7px;
}
#resInfo .box{
border-left:1px solid #C99F6D;
border-right:1px solid #C99F6D;
background-color:#F9F5EC;
margin-bottom:30px;
}
#resInfo dl{
padding:20px 0 0 20px;
}

#resInfo dt{
position:relative;
z-index:10;
}
#resInfo dt a{
height:100%;
width:100%;
}

#resInfo dd{
position:relative;
top:-60px;
padding-left:200px;
margin-bottom:-30px;
color:#996600;
}

/* #nav */
#nav{
width:613px;
margin:10px auto;
clear:both;

}
#nav li{
}
#nav li a{
width:145px;
height:35px;
float:left;
margin:0 4px;
text-indent:-9999px;
}
#nav li.year a{background-position:-852px -111px;}
#nav li.year a:hover{background-position:-852px -145px;}
#nav li.yearOff a{background-position:-852px -145px;}
#nav li.season a{background-position:-996px -111px;}
#nav li.season a:hover{background-position:-996px -145px;}
#nav li.seasonOff a{background-position:-996px -145px;}
#nav li.aff a{background-position:-1141px -110px;}
#nav li.aff a:hover{background-position:-1142px -145px;}
#nav li.affOff a{background-position:-1141px -145px;}
#nav li.home a{background-position:-1287px -111px;}
#nav li.home a:hover{background-position:-1288px -146px;}


/* #rule */
#rule{
margin:100px 0 40px;
}
#rule h3{
font-size:16px;
font-weight:bold;
text-align:center;
margin-bottom:20px;
}
#rule .box{
width:480px;
margin:40px auto;
}
#rule p{
font-size:15px;
margin-bottom:20px;
}

#rule ol{
font-size:14px;
padding-left:40px;
list-style-type:decimal;
line-height:180%;
}
#rule ol li{
margin-bottom:10px;
}

/* #error */
#error{
margin:60px 0 40px;
}
#error h3{
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:20px;
color:#a00;
}
#error .box{
width:480px;
margin:120px auto;
}
#error p{
font-size:15px;
line-height:200%;
margin-bottom:20px;
text-align:center;
}

/* goTop ----------------------------------------------------------------- */
.goTop{
  text-align:center;
  font-size:14px;
  padding:5px 0 0px;
  clear:both;
}
/* goHome */
.goHome{
clear:both;
text-align:center;
color:#066;
font-size:13px;
padding-top:15px;
margin:15px auto;
}

.goHome a{
}


/* footer ----------------------------------------------------------------- */

#footer{
font-size:12px;
color:#960;
width:850px;
margin:0 auto;
height:40px;
}
#footer a{
float:left;
position:relative;
z-index:10;
}
#footer p{
position:relative;
text-align:right;
}