@charset "utf-8";

a:link,a:active,a:visited {
  color: #FF0066;
  text-decoration: none;
}
a:hover {
  color: #0066FF;
  text-decoration: none;
}
.clr {clear: both;}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #FEF;
  color: #111;
}
#wrapper {
  width: 822px;
  background-image: url(https://kaimasu.deaihime.com/img/bg.jpg);
  background-repeat: repeat-y;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
}
.container {
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #333;
  border-left-color: #999;
}
#header {
  margin-bottom: 10px;
  width: 800px;
}
#header .top_title {height: 340px;}
#header .about {
  background-image: url(https://kaimasu.deaihime.com/img/header_bg.jpg);
  background-repeat: no-repeat;
  height: 270px;
  padding-left: 10px;
  padding-right: 350px;
  width: 800px;
}
#header .about h1 {
  height: 35px;
  background-image: url(https://kaimasu.deaihime.com/img/h1.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#header .about p {
  padding: 10px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
#header .about p strong {
  font-weight: bold;
  color: #06F;
}
#header .about p em {
  font-weight: bold;
  color: #F06;
}
#main {
  float: left;
  width: 500px;
  margin-left: 5px;
  margin-bottom: 10px;
  background-color: #F7A9FF;
  padding-top: 10px;
}
#main .system {
  display: block;
  background-image: url(https://kaimasu.deaihime.com/img/system_bg.jpg);
  background-repeat: no-repeat;
  height: 390px;
  padding-left: 110px;
  padding-right: 10px;
  margin-bottom: 10px;
}
#main .system li {
  display: block;
  margin-bottom: 10px;
}
#main .system li dl {
  height: 90px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#main .system li dt {
  height: 19px;
  line-height: 20px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FF0;
  margin-bottom: 3px;
  color: #FFFFFF;
  letter-spacing: 0.1em;
}
#main .system li dd {
  height: 57px;
  line-height: 18px;
  font-size: 12px;
  display: block;
}
#main .entry {
  background-image: url(https://kaimasu.deaihime.com/img/entry_bg.jpg);
  background-repeat: no-repeat;
  height: 380px;
  margin-bottom: 10px;
  padding-top: 60px;
  padding-left: 220px;
  padding-right: 20px;
  width: 500px;
  color: #FFF;
}
#main .entry em {
  display: block;
  font-size: 11px;
  line-height: 14px;
  padding: 5px;
  color: #FF0;
  text-align:justify;
}

#main .flow h2 {
  display: block;
  background-image: url(https://kaimasu.deaihime.com/img/h_bg.gif);
  background-repeat: no-repeat;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #606;
}
#main .flow ol {
  background-image: url(https://kaimasu.deaihime.com/img/flow_bg.gif);
  background-repeat: no-repeat;
  height: 400px;
  display: block;
  padding-left: 200px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 1px;
}
#main .flow ol li {
  display: block;
  padding-right: 10px;
  padding-left: 10px;
}
#main .flow ol li dl {
  display: block;
  padding-top: 2px;
  zoom:1;
}
#main .flow ol li .arrow {
  background-image: url(https://kaimasu.deaihime.com/img/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 14px;  
}
#main .flow ol li dt {
  display: block;
  height: 17px;
  color: #FF0;
  font-weight: bold;
  line-height: 18px;
  font-size: 14px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #59017C;
  margin-bottom: 4px;
  letter-spacing: 0.1em;
}
#main .flow ol li dd {
  color: #FFF;
  display: block;
}
#main .flow ol li dt span {
  color: #59017C;
}
#side {
  float: right;
  width: 270px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #F5EAFE;
}
#side h3 {
  display: block;
  height: 30px;
}
#side ol {
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#side ol li {display: block;}
#side ol li dl {
  display: block;
  border: 1px solid #F7A9FF;
  background-color: #FFF;
  margin-bottom: 15px;
  #margin-bottom: 0px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 9px;
  padding-left: 4px;
  zoom:1;
}

#side ol li dl dt {
  display: block;
  float: left;
  height: 120px;
  width: 120px;
  margin-bottom: 10px;
}
#side ol li dl dd ul {
  display: block;
  float: left;
  height: 120px;
  width: 125px;
  margin-left: 5px;
  margin-bottom: 10px;
}
#side ol li dl dd ul li {
  line-height: 24px;
  height: 24px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #F7A9FF;
}
#side ol li dl dd p {
  clear:left;
  background-color: #FFC;
  border: 1px dotted #FC0;
  padding: 5px;
  color: #F06;
  text-align:justify;
}
#side ol li .mg5 {margin-bottom: 5px;}

#footer {
  clear:left;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #999;
  border-bottom-color: #999;
  padding: 10px 5px;
  text-align: center;
}
