@charset "utf-8";
/* CSS Document */


/**********************/
/* 利用規約 */
/**********************/

#rule640 {
  width: 640px;
  margin: 10px auto 10px auto;
  padding: 0 0 50px 0;
}
#rule640 h2 {
  margin: 0px 0px 20px;
  font-weight: bold;
  text-align: center;
  height: 50px;
}
/**********************/
#rule580 {
  width: 580px;
  margin: 10px auto 10px auto;
  padding: 0 0 50px 0;
  background:#ffffff url(/img/common/bdr_580_leaf_btm.gif) no-repeat right bottom;
}
#rule580 h2 {
  margin: 0px 0px 20px;
  font-weight: bold;
  text-align: center;
  background:#ffffff url(/img/common/bdr_580_leaf_top.gif) no-repeat right bottom;
  height: 50px;
}
/**********************/
#rule {
  width: 930px;
  margin: 10px auto 10px auto;
  
}
#rule h2 {
  margin: 0px 0px 20px;
  font-weight: bold;
  text-align: center;
  height: 50px;
}
/**********************/

#rule_cnt {
  padding: 0px 30px;
}

#rule_cnt h3 {
  margin: 20px 0px 0px;
  padding: 0px 3px 0px 3px;
  font-size: 14px;
  font-weight: bold;
  color:#000;
  line-height: 26px;
}


#rule_cnt ol {
  list-style-position:outside;
  padding: 0 0 10px;
  margin: 0 0 0 2em;
}
#rule_cnt ul {
  list-style-position: outside;
  padding: 0 0 10px;
  margin: 0 0 0 1.5em;
}

#rule_cnt p {
  padding-bottom:10px;
}
/**********************/

#rule_scr {
  height: 150px;
  margin-bottom: 1.5em;
  background-color: #ffffff;
  border: 1px #c0c0c0 solid;
  color: #000000;
  overflow: auto;
  text-align:left;
}
/**********************/

.agreement{
  height:300px;
  width:69px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
  border:solid;
}

/***********rule window ****/
div#rule_window{
  top:-9999px;
  position: absolute;
  width:600px;
  border:2px green solid;
  background:#FFFFFF;
  text-align: center;

}

a.btn_agreement {
  display : block ;
  width: 417px;
  height : 81px ;
  text-indent: -9999px; /* 文字を見えなくする */
  background-image: url(/img/common/btn_rule.jpg); /* 画像ファイル名 */
  float:left;
}
a.btn_agreement:hover {
   background-position: bottom right; /* 背景画像の表示開始基準を右下に変更 */
}


#agreement_box {
  width: 417px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  cursor:pointer;
}
#rule_window input{
  margin:auto;
  width:200px;
}

/**********************/
/*  利用規約イラスト  */
/**********************/

#rule_cnt_im {
  padding: 0px 4px;
}

#rule_scr_im {
  height: 200px;
  margin-bottom: 1.5em;
  background-color: #ffffff;
  color: #000000;
  text-align:left;
}

#rule_cnt_im h3 {
  margin: 10px 0px 0px;
  padding-left:5px;
  font-size: 14px;
  font-weight: bold;
  color:#000;
  line-height: 26px;
  border-left:10px solid #000;
}

#rule_cnt_im ol {
  list-style-position:outside;
  padding: 0 0 10px;
  margin: 0 0 0 2em;
}
#rule_cnt_im ul {
  list-style-position: outside;
  padding: 0 0 10px;
  margin: 0 0 0 1.5em;
}

#rule_cnt_im p {
  padding-bottom:10px;
}


/*  利用規約イラスト 追加 */

.ttl_other {
  font-size:14px;
  border-left:7px solid #ff9933;
  border-bottom:1px solid #ff9933;
  color:#ff9933;
  font-weight:bold;
  padding:3px 0 5px 5px;
  margin:20px 0 15px 0;
}

.tbl_other {
  width:586px;
  text-align:center;
}

.tbl_other td {
  width:146px;
  height:130px;
}

.tbl_other td img {
  border:1px solid #FFF;
  max-width:130px;
  max-height:130px;
}

.tbl_other td img:hover {
  border:1px solid #BBB;
}

/* 改訂履歴 */
.revision {
  margin-top: 1em;
  text-align: right;
}
.revision li {
  list-style-type: none;
}