@charset "utf-8";

a:link,a:active,a:visited {
  color: #FFFF00;
  text-decoration: none;
}
a:hover {
  color: #00CCFF;
  text-decoration: none;
}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
.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-image: url(https://www.ippaitame.com/img/bg.gif);
  background-repeat: repeat;
  color: #222;
  text-align:center;
}
#wrapper {
  width: 816px;
  margin:0 auto;
  border: 2px solid #FFF;
  background-color: #F9C;
  padding: 6px;
  text-align:left;
}
#header p,#header h1 a,#about .case strong,#info .box1 h2,#learn h3,#join h3,#under .box1 h4 {text-indent: -9999px;}
#info .box1 .case strong,#pr h2,#join .case p {display: none;}

#header p {
  background-image: url(https://www.ippaitame.com/img/header1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 410px;
}
#header h1 a{
  background-image: url(https://www.ippaitame.com/img/header2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 170px;
}
#header h1 a:focus{
  outline:none;
  overflow:hidden;
}

#about {
  background-color: #000;
  color: #FFF;
  border: 5px solid #F06;
  background-image: url(https://www.ippaitame.com/img/about_bg.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  height: 460px;
  padding: 5px 5px 5px 355px;
  margin-bottom: 10px;
}
#about h2 {
  line-height: 30px;
  display: block;
  height: 30px;
  background-color: #F06;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
#about h2 span:before,#about h2 span:after {
  content:url(https://www.ippaitame.com/img/icon_taurus.gif);
  vertical-align:middle;
  display:inline-table;
}
#about p {
  display: block;
  margin-bottom: 5px;
}
#about .case {
  background-color: #FFC;
  color: #222;
  padding: 5px;
  border: 2px dotted #0CF;
}
#about .case dl ,#about .case dt,#about .case dd{display: block;}
#about .case dt {
  line-height: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #06F;
  background-image: url(https://www.ippaitame.com/img/icon_men.gif);
  background-repeat: no-repeat;
  background-position: left center;
  left: 35px;
  padding-left: 30px;
}
#about .case dd {padding: 5px;}
#about .case strong {
  display: block;
  background-image: url(https://www.ippaitame.com/img/recruit_title.gif);
  background-repeat: no-repeat;
  height: 30px;
  background-position: left top;
}
#info {
  margin-bottom: 5px;
  overflow:hidden;
}
#info .box1, #info .box2 ,#info .prf{float: left;}
#info .box1 ,#info .prf{
  width: 290px;
  border: 5px solid #F06;
  background-color: #000;
  color: #FFF;
  padding: 5px 5px 0px 5px;
}
#info .box1 h2 {
  background-image: url(https://www.ippaitame.com/img/step_title.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 50px;
  margin-bottom: 5px;
}
#info .box1 ol {
  display: block;
  width: 270px;
}
#info .box1 li {
  padding-bottom: 23px;
  background-image: url(https://www.ippaitame.com/img/under_arrow.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 7px;
}
#info .box1 ol li dl {
  display: block;
  padding: 0px 0px 5px 85px;
  height: 85px;
  background-repeat: no-repeat;
  background-position: left center;
}
#info .box1 ol li dt {
  display: block;
  height: 21px;
  line-height: 21px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  color: #FF0;
  font-weight: bold;
  margin-bottom: 5px;
}
#info .box1 ol li dd {
  display: block;
  font-size: 11px;
  line-height: 14px;
}
#info .box1 ol .step1 dl {background-image: url(https://www.ippaitame.com/img/step1.jpg);}
#info .box1 ol .step2 dl {background-image: url(https://www.ippaitame.com/img/step2.jpg);}
#info .box1 ol .step3 dl {background-image: url(https://www.ippaitame.com/img/step3.jpg);}
#info .box1 ol .step4 dl {background-image: url(https://www.ippaitame.com/img/step4.jpg);}
#info .box1 .case {
  background-image: url(https://www.ippaitame.com/img/step_form.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 216px;
  padding: 36px 5px 0px 5px;
  margin-bottom: 5px;
}
#info .prf h2 {
  display: block;
  padding: 5px;
  height: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  background-color: #F06;
  line-height: 20px;
  margin-bottom: 5px;
}
#info .prf dl {
  display: block;
  padding-bottom: 23px;
  background-image: url(https://www.ippaitame.com/img/under_arrow.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#info .prf dt {
  display: block;
  padding: 5px;
  text-align:center;
}
#info .prf dt img {
  border: 1px solid #999;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
#info .prf dd ul {
  display: block;
  margin-bottom: 5px;
  width: 270px;
  float: left;
}
#info .prf dd ul li {
  display: block;
  line-height: 20px;
  height: 40px;
  width: 135px;
  float: left;
}
#info .prf dd ul li em {
  font-weight: bold;
  display: block;
  background-image: url(https://www.ippaitame.com/img/icon_arrow3.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
  line-height: 20px;
  height: 20px;
}
#info .prf dd ul li span {
  display: block;
  color: #F9C;
  line-height: 20px;
  height: 20px;
}
#info .prf dd ul li .op1,#info .prf dd ul li .op2,#info .prf dd ul li .op3,#info .prf dd ul li .op4,#info .prf dd ul li .op5 {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 22px;
}
#info .prf dd ul li .op1 {background-image: url(https://www.ippaitame.com/img/icon_op1.gif);}
#info .prf dd ul li .op2 {background-image: url(https://www.ippaitame.com/img/icon_op2.gif);}
#info .prf dd ul li .op3 {background-image: url(https://www.ippaitame.com/img/icon_op3.gif);}
#info .prf dd ul li .op4 {background-image: url(https://www.ippaitame.com/img/icon_op4.gif);}
#info .prf dd ul li .op5 {background-image: url(https://www.ippaitame.com/img/icon_op5.gif);}
#info .prf dd p {
  display: block;
  background-color: #FFC;
  color: #222;
  border: 1px solid #F06;
  padding: 5px;
  line-height: 20px;
}
#info .prf .case strong {
  display: block;
  height: 19px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
  color: #FC0;
  border: 1px solid #FFF;
}
#info .prf .case {margin-bottom: 5px;}
#info .box2 {
  width: 500px;
  margin-left: 10px;
}

#pr {
  background-image: url(https://www.ippaitame.com/img/member_pr.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 80px;
  padding: 55px 3px 0 3px;
  margin-bottom: 7px;
  padding-bottom: 0px;
}
#member {
  overflow:hidden;
}
#member dl {
  display: block;
  float: left;
  width: 160px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 5px solid #F06;
  background-color: #FFE8FF;
}
#member dt {
  height: 153px;
  display: block;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F06;
  background-color: #FFF;
}
#member dt img {border: 1px solid #999;}
#member dd {
  line-height: 16px;
  font-size: 11px;
  padding: 3px 4px 4px 4px;
}
#member dd ul li {
  display: block;
  background-image: url(https://www.ippaitame.com/img/icon_arrow2.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
}
#member dd em {
  font-weight: bold;
  color: #FF0066;
}

#learn {
  background-color: #000;
  color: #FFF;
  overflow:hidden;
  zoom:1;
}
#learn h3 {
  display: block;
  background-image: url(https://www.ippaitame.com/img/howto_title.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 80px;
}
#learn ol {
  display: block;
  width: 800px;
  overflow:hidden;
  zoom:1;
}
#learn li {
  display:inline-block;
  float:left;
}
#learn ol li dl {
  display:block;
  margin-left: 8px;
  background-color: #FF0099;
  background-repeat: no-repeat;
  background-position: center 5px;
  width: 190px;
  margin-bottom: 8px;
  padding: 130px 5px 5px 5px;
  height: 250px;
}
#learn ol li dt {
  display: block;
  height: 17px;
  line-height: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  font-weight: bold;
  color: #FF0;
}
#learn ol li dd {
  display: block;
  font-size: 11px;
  line-height: 18px;
  padding: 5px 5px 0px 5px;
}
#learn ol .ht1 dl {background-image: url(https://www.ippaitame.com/img/howto1.jpg);}
#learn ol .ht2 dl {background-image: url(https://www.ippaitame.com/img/howto2.jpg);}
#learn ol .ht3 dl {background-image: url(https://www.ippaitame.com/img/howto3.jpg);}
#learn ol .ht4 dl {background-image: url(https://www.ippaitame.com/img/howto4.jpg);}
#learn ol .ht5 dl {background-image: url(https://www.ippaitame.com/img/howto5.jpg);}
#learn ol .ht6 dl {background-image: url(https://www.ippaitame.com/img/howto6.jpg);}
#learn ol .ht7 dl {background-image: url(https://www.ippaitame.com/img/howto7.jpg);}
#learn ol .ht8 dl {background-image: url(https://www.ippaitame.com/img/howto8.jpg);}

#join {
  background-color: #000;
  color: #FFF;
  margin-bottom: 10px;
}
#join h3 {
  background-image: url(https://www.ippaitame.com/img/join_title.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 65px;
}
#join .case {
  background-image: url(https://www.ippaitame.com/img/join_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  padding: 218px 20px 15px 350px;
  width: 800px;
  height: 335px;
}
#under {
  margin-bottom: 5px;
  overflow:hidden;
  zoom:1;
}
#under .box1, #under .box2 {float: left;}
#under .box1 {
  width: 450px;
  border: 5px solid #F09;
  background-color: #000;
  color: #FFF;
  padding: 5px 5px 0px 5px;
}
#under .box1 h4 {
  background-image: url(https://www.ippaitame.com/img/advice_title.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 50px;
  margin-bottom: 5px;
}
#under .box1 dl {
  display: block;
  margin-bottom: 5px;
  background-color: #FFE8FF;
  color: #222;
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 110px;
  padding: 5px 5px 5px 110px;
}
#under .box1 dt {
  display: block;
  font-size: 14px;
  line-height: 21px;
  height: 21px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #F06;
  font-weight: bold;
  margin-bottom: 5px;
}
#under .box1 dd {
  display: block;
  line-height: 18px;
}
#under .box1 .ad1 {background-image: url(https://www.ippaitame.com/img/adviser1.jpg);}
#under .box1 .ad2 {background-image: url(https://www.ippaitame.com/img/adviser2.jpg);}
#under .box1 .ad3 {background-image: url(https://www.ippaitame.com/img/adviser3.jpg);}
#under .box2 {
  width: 340px;
  margin-left: 10px;
  border: 5px solid #F09;
  background-color: #FFF;
  padding: 5px 5px 0px 5px;
}
#under .box2 dl {
  display: block;
  margin-bottom: 5px;
}
#under .box2 dt {
  display: block;
  height: 30px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px;
  background-color: #F09;
  font-weight: bold;
  color: #FFF;
}
#under .box2 dd {padding: 5px;}
#under .box2 dd p {display: block;}
#under .box2 dd .qr{
  background-image: url(https://www.ippaitame.com/img/qr.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 100px;
}
#under .box2 dd ul li {
  display: block;
  background-image: url(https://www.ippaitame.com/img/icon_caution.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
  margin-bottom: 2px;
  font-size: 11px;
  color: #F00;
}

#footer {
  background-image: url(https://www.ippaitame.com/img/bg.gif);
  background-repeat: repeat;
  padding: 5px;
  text-align: center;
  color: #FFF;
}
#footer p small {font-size: 12px;}

/* CSS marquee */
.marquee {
  width:100%;
  padding:0 0.2em;
  overflow:hidden;
  margin:0px auto 0px;
  position:relative;
  margin-left: 0px;
  background-position: 5px center;
  line-height: 20px;
  height: 20px;
  background-color: #F06;
}
.marquee p {
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
  -webkit-animation-name:marquee;
  -webkit-animation-timing-function:linear;
  -webkit-animation-duration:50s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:marquee;
  -moz-animation-timing-function:linear;
  -moz-animation-duration:50s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:marquee;
  -ms-animation-timing-function:linear;
  -ms-animation-duration:50s;
  -ms-animation-iteration-count:infinite;
  -o-animation-name:marquee;
  -o-animation-timing-function:linear;
  -o-animation-duration:50s;
  -o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-timing-function:linear;
  animation-duration:50s;
  animation-iteration-count:infinite;
  font-size: 14px;
  font-weight: bold;
  color:#FFF;
}
.marquee p em {font-weight: bold;}
#prMarquee .marquee {
  overflow: hidden;
  border: #333 solid 1px;
  border-radius:15px;
  height:20px;
  line-height: 20px;
  margin:0px;
  background-color:#FFF!important;
}
#prMarquee .marquee p, #prMarquee .marquee p em {
  font-size:12px!important;
  color:#333!important;
}

@-webkit-keyframes marquee {
  from { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}