@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Adddate:        2010.03.03
 Upddate:        2010.08.24
 Style Info:     お得な制度ページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　bodyID設定
----------------------------------------------------------- */
#bonus-body {
}

/* -----------------------------------------------------------
　　段落設定
----------------------------------------------------------- */
#bonus-body #left02 h3 {
 margin: 60px 0 25px;
}

/* -----------------------------------------------------------
　　ローカルメニュー設定
----------------------------------------------------------- */
ul#bonus-index {
 margin-top: 20px;
}
ul#bonus-index li {
 display: inline;
 width: 214px;
 padding: 0 3px;
}

/* -----------------------------------------------------------
　　レイアウト設定
----------------------------------------------------------- */
.bonus {
 width: 696px;
 margin: 20px 0;
}
.bonus-left {
 float: left;
 width: 200px;
 text-align: center;
}
.bonus-right {
 float: right;
 width: 470px;
}

dl.bonus-list {
 margin-bottom: 10px;
 font-size: 138.5%;
 font-weight: bold;
 line-height: 1.2em;
}
dl.bonus-list dt, dl.bonus-list dd {
 display: inline;
}
dl.bonus-list dt {
 padding-right: 8px;
}
dl.bonus-list dd {
 color: #089478;
}
dl.bonus-list dd.end {
 padding-bottom: 10px;
}
dl.bonus-list-telfax dd {
 color: #0BA0C2;
}
.bonus-list-etc {
 text-align: right;
 font-size: 123.1%;
 padding-bottom: 20px;
}

dl.bonus-list img {
 vertical-align: middle;
}

ul.bonus-cf {
 margin-top: 30px;
}
ul.bonus-cf li {
 margin-bottom: 5px;
 text-indent: -1em;
 padding-left: 1em;
}
.bonus-qr {
 width: 500px;
 margin: 30px 0 30px 77px;
 border: solid 1px #CCC;
 padding: 20px;
}
.bonus-qr-left {
 float: left;
 width: 66px;
}
.bonus-qr-right {
 float: right;
 width: 415px;
}

#bonus-body #left02 h3.bonus-other {
 margin: 50px 0 40px;
 padding-top: 30px;
 background: url(../../../img/border_dot_h.gif) repeat-x left top;
 text-align: center;
}

#bonus-telfax {
 margin: 50px 0;
 border: solid 4px #CCE4ED;
}
#bonus-telfax-nest {
 padding: 30px 16px;
}
.tel {
 margin-top: 20px;
 text-align: center;
}