@charset "utf-8";

a:link,a:active,a:visited {
  color: #0066FF;
  text-decoration: none;
}
a:hover {
  color: #FF0066;
  text-decoration: none;
}
a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #CDECFE;
  color: #222;
}
#wrapper{
  width: 780px;
  margin:0 auto;
  padding: 10px;
  background-color: #FFF;
}
#header,#main .case {margin-bottom: 10px;}

#header h1 a {
  background-image: url(https://www.kawachou.com/img/title.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 300px;
  width: 760px;
  display: block;
  color: #34CCFE;
  text-indent: -9999px;
}
#navi {
  margin-bottom:10px;
  height:30px;
}
#navi span,#main .flow li {display: none;}
#navi ul {overflow:hidden;}
#navi li {
  float: left;
  height: 30px;
  width: 190px;
}
#navi a{
  display: block;
  height: 30px;
  width: 190px;
  background-image: url(https://www.kawachou.com/img/navi.gif);
  background-repeat: no-repeat;
}
#navi .menu1 a {background-position: 0px top;}
#navi .menu2 a {background-position: -190px top;}
#navi .menu3 a {background-position: -380px top;}
#navi .menu4 a {background-position: -570px top;}
#navi .menu1 a:hover {background-position: 0px bottom;}
#navi .menu2 a:hover {background-position: -190px bottom;}
#navi .menu3 a:hover {background-position: -380px bottom;}
#navi .menu4 a:hover {background-position: -570px bottom;}

#main {
  width: 560px;
  float: right;
}
#main h2 ,#main h3 {
  display: block;
  background-image: url(https://www.kawachou.com/img/h_bg.gif);
  line-height: 30px;
  height: 30px;
  padding-left: 5px;
  color: #069;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
}
#main h2 span ,#main h3 span {
  display: block;
  background-image: url(https://www.kawachou.com/img/icon_heart.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}
#main .about {
  background-image: url(https://www.kawachou.com/img/about_bg.gif);
  background-repeat: no-repeat;
  background-position: right top;
  height: 200px;
  overflow:hidden;
}
#main .about p {
  display: block;
  float: left;
  height: 162px;
  width: 370px;
  padding-top: 30px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 100px;
  line-height: 18px;
}
#main .about dl {
  display: block;
  float: left;
  height: 170px;
  width: 190px;
  padding-top: 15px;
  padding-right: 5px;
  padding-bottom: 15px;
  padding-left: 5px;
}
#main .about dt {
  font-size: 14px;
  display: block;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #069;
  color: #069;
}
#main .about dd em {
  color: #F00;
  font-size: 10px;
  display: block;
  padding-top: 10px;
}
#main .about dd li {
  display: block;
  margin-bottom: 5px;
}
#main .menu ul {
  height: 200px;
  display: block;
  overflow:hidden;
}
#main .menu li {
  display: block;
  float: left;
  height: 200px;
}
#main .menu ul .m1,
#main .menu ul .m3 {
  width:130px;
  _width:129px;
  text-align:center;
}
#main .menu li img {
  width:120px;
  height:200px;
}
#main .menu ul .m2 {
  width: 290px;
  padding:0px 5px;
  line-height: 18px;
  letter-spacing: 0.1em;
}
#main .menu ul .m2 p {
  display: block;
  margin-bottom: 10px;
}
#main .menu ul .m2 strong {
  font-weight: bold;
  color: #F00;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 5px;
}
#main .menu ul .m2 em {
  display: block;
  font-size: 11px;
  color: #F00;
}
#main .join {
  height: 250px;
  background-image: url(https://www.kawachou.com/img/reg_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 10px;
  padding-right: 290px;
  padding-bottom: 9px;
  padding-left: 10px;
}
#main .flow {
  background-image: url(https://www.kawachou.com/img/flow.gif);
  background-repeat: no-repeat;
  height: 150px;
}
#main .mailinfo {
  height:auto;
  margin-bottom:10px;
}
#main .mailinfo dt {
  display: block;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #F06;
  padding-left: 5px;
}
#main .mailinfo dd {
  border-bottom: 1px dotted #CCC;
  margin-bottom: 5px;
  overflow:hidden;
}
#main .mailinfo p {
  display: block;
  padding: 5px;
}
#main .mailinfo em {
  display: block;
  padding: 5px;
  font-size: 11px;
  color: #F00;
  line-height:14px;
}
#main .mailinfo dd .qr {
  background-image: url(https://www.kawachou.com/img/qr.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 100px;
}
#main .member p em{
  display: block;
  padding: 3px;
  border: 2px dotted #F06;
  margin-bottom: 5px;
  font-weight: bold;
}

#main .member ul{
  width: 560px;
  overflow:hidden;
}
#main .member ul li{
  float: left;
  width:50%;
  margin-bottom: 10px;
}
#main .member li dl {
  display: block;
  border: 1px solid #CCC;
  padding: 5px;
  margin:3px;
  overflow:hidden;
  zoom:1;
}
#main .member dt {
  display: block;
  height: 100px;
  width: 105px;
  float: left;
}
#main .member dd {
  height:100px;
  margin-left:110px;
  _margin-left:109px;
}
#main .member dd ol {
  width: 150px;
}
#main .member dd ol li {
  display: block;
  float: none;
  line-height: 25px;
  width:auto;
  height: 25px;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px dotted #CCC;
}
#main .member dd p {
  line-height: 25px;
  height: 25px;
  display: block;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#main .member a:link, #main .member a:active, #main .member a:visited {
  font-weight: bold;
  color: #F60;
  font-size: 14px;
}
#main .member a:hover {
  color: #F06;
  text-decoration: underline;
}
#main .prf {
  padding: 5px;
  border: 1px solid #3CF;
}
#main .prf dl {
  display: block;
  width: 548px;
}
#main .prf dt {
  border: 1px solid #CCC;
  float: left;
  height: 100px;
  width: 105px;
  margin-bottom: 10px;
}
#main .prf dd ul {
  display: block;
  float: left;
  margin-left: 10px;
  width: 430px;
  margin-bottom: 10px;
}
#main .prf dd li {
  height: 20px;
  line-height: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #3CF;
  font-size: 14px;
}
#main .prf dd li strong {
  font-weight: bold;
  color: #069;
}
#main .prf dd p {
  clear:left;
  border: 1px solid #3CF;
  padding: 9px;
  height: 140px;
  line-height: 20px;
  background-color: #FFC;
  margin:0px;
}
#side {
  float:left;
  width: 190px;
}
#side dl {display: block;}
#side dt {
  display: block;
  border: 1px solid #3CF;
  background-image: url(https://www.kawachou.com/img/line.gif);
  background-position: left center;
  background-repeat: repeat-x;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #069;
  padding-left: 5px;
  font-size: 13px;
}
#side dd {
  display: block;
  margin-bottom: 10px;
  border-right:1px solid #3CF;
  border-bottom:1px solid #3CF;
  border-left:1px solid #3CF;
  padding: 5px 0px 5px 5px;
  font-size: 11px;
}
#side dd strong ,#side dd em{color: #F06;}
#side .support img {
  display: block;
  float: right;
  margin-left: 5px;
  width:106px;
  height:80px;
}
#footer {
  clear:both;
  background-image: url(https://www.kawachou.com/img/line.gif);
  background-repeat: repeat-x;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
#footer p small {
  font-size: 12px;
}

#kiyaku {
  max-width: 760px;
  #width: 760px;
  margin:0 auto;
  padding: 10px;
  background-color: #FFF;
}
#kiyaku h1 {
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 30px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #069;
  margin-bottom: 10px;
  color: #069;
  background-image: url(https://www.kawachou.com/img/h_bg.gif);
  background-repeat: no-repeat;
  height: 30px;
  padding-left: 5px;
}
#kiyaku dt {
  font-weight: bold;
  color: #069;
}
#kiyaku dd {padding: 5px;}
#kiyaku dd ol {
  list-style-type: decimal;
  list-style-position: inside;
}
#kiyaku dd ol li ol {
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 20px;
}