@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background-color: #D5C5E6;
  color: #333333;
  height: 100%;
  font-size: 15px;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

a:hover,
a:active {
  background-color: transparent;
  color: #FF0000;
}

#Container {
  background: url(images/bg_container01.gif) repeat-y;
  margin: 0 auto;
  width: 770px;

  position: relative;
  height: 100%;
  min-height: 100%;
}

body > #Container {
  height: auto;
}

#Contents {
  padding-bottom: 50px;
}

#Banner {
  background: url(images/banner.gif) no-repeat;
  border-bottom: #666666 1px solid;
  border-top: #A988CB 8px solid;
  height: 80px;
  margin: 0 auto;
  width: 750px;
}

#Banner h1 {
  display: none;
}


/*--- ナビゲーション ---*/
#Navi {
  background: #BFA6D8 url(images/bg_menu01.gif) repeat-x;
  border-bottom: #666666 1px solid;
  color: #FFFFFF;
  font-size: 12px;
  height: 24px;
  margin: 0 auto;
  text-align: center;
  width: 750px;
}

#Navi ul {
  height: 24px;
  left: 95px;
  list-style: none;
  position: absolute;
  top: 89px;
/*  width: 750px; */
}

#Navi ul li {
  float: left;
}

#Navi ul li a {
  background-image: url(images/navigation.gif);
  color: #FFFFFF;
  display: block;
  height /**/: 24px;
  height: 0 !important;
  overflow: hidden;
  padding-top: 24px;
  width: 100%;
}

li#navi01 { width:  56px; }
li#navi02 { width:  80px; }
li#navi03 { width: 116px; }
li#navi04 { width:  92px; }
li#navi05 { width:  71px; }
li#navi06 { width: 164px; }

#navi01 a { background-position:    0   0; }
#navi02 a { background-position:  -56px 0; }
#navi03 a { background-position: -136px 0; }
#navi04 a { background-position: -252px 0; }
#navi05 a { background-position: -344px 0; }
#navi06 a { background-position: -415px 0; }

#navi01 a.stay { background-position:    0   -24px; }
#navi02 a.stay { background-position:  -56px -24px; }
#navi03 a.stay { background-position: -136px -24px; }
#navi04 a.stay { background-position: -252px -24px; }
#navi05 a.stay { background-position: -344px -24px; }
#navi06 a.stay { background-position: -415px -24px; }

#navi01 a:hover { background-position:    0   -24px; }
#navi02 a:hover { background-position:  -56px -24px; }
#navi03 a:hover { background-position: -136px -24px; }
#navi04 a:hover { background-position: -252px -24px; }
#navi05 a:hover { background-position: -344px -24px; }
#navi06 a:hover { background-position: -415px -24px; }
/*--- ナビゲーション End ---*/


#MainWrapper {
  background: #FFFFFF url(images/bg_main01.gif) repeat-x;
  margin: 0 auto;
  overflow: auto;
  width: 750px;

  min-height: 200px;
}

#Main {
  padding: 20px;
  width: 710px;
}

#MainLeft {
  float: left;
  padding: 20px;
  width: 480px;
}

p {
  line-height: 150%;
  margin: 10px 15px;
}

hr {
  border: 0px;
  background-color: #A988CB;
  color: #A988CB;
  height: 1px;
  margin: 15px 0;
}


/*--- メイン右側 ---*/
#MainRight {
  float: right;
  margin-bottom: 50px;
  padding: 20px 20px 20px 0;
  width: 210px;
}

#MainRight h2 {
  height: 20px;
  margin-bottom: 8px;
  text-indent: -9999em;
  width: 200px;
}

#MainRight h2#Information {
  background: url(images/sub_Information.gif) no-repeat;
}

#MainRight h2#Menu {
  background: url(images/sub_Menu.gif) no-repeat;
}

#MainRight ul.Information li {
  list-style-type: none;
  margin-left: 8px;
  margin-bottom: 10px;
}

#MainRight ul.Information li li {
  list-style-type: disc;
  margin-left: 24px;
  margin-bottom: 0;
}

#MainRight dl {
  margin-bottom: 15px;
}

#MainRight dl dt {
  color: #A988CB;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}

#MainRight dl dt a,
#MainRight dl dt a:link,
#MainRight dl dt a:visited,
#MainRight dl dt a:hover,
#MainRight dl dt a:active {
  color: #A988CB;
  text-decoration: none;
}

#MainRight dl dt a:hover,
#MainRight dl dt a:active {
  background-color: transparent;
  color: #FF0000;
}

#MainRight dl dd {
  margin-left: 20px;
}

div#BannerF {
  height: 120px;
  margin: 0 auto;
  width: 200px;
}
/*--- サイドメニュー End ---*/


/*--- 悩み事相談 ---*/
/*--
h2#Nayami {
  background: url(images/nayami.gif) no-repeat;
  height: 30px;
  margin-bottom: 8px;
  text-indent: -9999em;
  width: 130px;
}
--*/

div.NayamiItem {
  background-color: #EDDBFF;
  border: 1px solid #A988CB;
  float: left;
  margin: 0 10px 15px 10px;
  padding: 10px;
  width: 303px;
/*  width: 313px; */
}

div.NayamiItem h3 {
  background-color: #A988CB;
  color: #FFFFFF;
  margin-bottom: 8px;
  padding: 4px;
  text-align: center;
}

div.NayamiItem img {
  float: left;
  margin-right: 25px;

}
/*--- 悩み事相談 End ---*/


/*--- 家相・地相・墓相 ---*/
h2#Sou {
  margin-bottom: 14px;
}

div.SouItem {
  background-color: #eddbff;
  border: 1px solid #A988CB;
  float: left;
  margin: 0 10px 15px 10px;
  padding: 10px;
  width: 303px;
/*  width: 313px; */
}

div.SouItem h3 {
  background-color: #A988CB;
  color: #FFFFFF;
  margin-bottom: 8px;
  padding: 4px;
  text-align: center;
}

div.SouItem img {
  float: left;
  margin-right: 10px;
}

p.Sou {
  line-height: 150%;
  margin: 0;
}
/*--- 家相・地相・墓相 End ---*/


/*--- お祓い・祈祷 ---*/
div.OharaiItem {
  background-color: #eddbff;
  border: 1px solid #A988CB;
  float: left;
  margin: 0 10px 15px 10px;
  padding: 10px;
  width: 303px;
/*  width: 313px; */
}

div.OharaiItem h3 {
  background-color: #A988CB;
  color: #FFFFFF;
  margin-bottom: 8px;
  padding: 4px;
  text-align: center;
}

div.OharaiItem img {
  float: left;
  margin-right: 25px;
}

div.OharaiItem ul {
  margin-left: 20px;
}
/*--- お祓い・祈祷 End ---*/


/*--- 占い教室 ---*/
table.school {
  border-collapse: collapse;
  border-top: solid 1px #000000;
  margin-left: 30px;
}

table.school caption {
  display: none;
}

table.school th,
table.school td {
  border-bottom: solid 1px #000000;
  padding: 0.3em 1em;
}

table.school th {
  width: 5em;
  text-align: center;
}

table.school td {
  text-align: right;
}

div.school_boshu {
  background-color: #eddbff;
  border: solid 1px #A988CB;
  margin: 30px 20px;
  text-align: center;
}
/*--- 占い教室 End ---*/


/*--- お問い合わせ ---*/
div#mailform {
  text-align: center;
  width: 700px;
}

div#mailform form#mail {
  text-align: left;
}

div#mailform table {
  margin: 0 auto;
}

div#mailform form#mail div.button {
  margin-top: 10px;
  text-align: center;
}
/*--- お問い合わせ End ---*/


#Address {
  background-color: #EDDBFF;
  border: 2px dotted #A988CB;
  margin: 20px auto 0 auto;
  overflow: hidden;
  padding: 10px;
  width: 456px;
}

#Address address {
  float: left;
  font-style: normal;
  margin: 5px;
}

#Address em {
  font-size: 24px;
  font-style: normal;
}


#Footer {
  background: #A9A9A9 url(images/bg_footer01.gif) repeat-x;
/*  clear: both;  */
  color: #EEEEEE;
/*  margin: 0 auto;
  padding: 15px 0; */
  text-align: center;
  width: 750px;

  position: absolute;
  bottom: 0;
  left: 10px;
  height: 50px;
}

#Footer p {
  font-size: 12px;
  margin-top: 18px;
}