@charset "Shift_JIS";

/*  Inpage Common [PC]
-----------------------------------------------------------------------------*/
#container .sp, #container .none { display: none; }

.head_sns {
  list-style: none;
  text-align: right;
  vertical-align: top;
  margin-bottom: 4px;
}

.head_sns li {
  list-style: none;
  vertical-align: top;
  display: inline-block;
  line-height: 0;
}

.mid_sns {
  text-align: center;
  margin: 40px auto;
}

.mid_sns dl { text-align: center; }

.mid_sns dt {
  font-size: 28px;
  vertical-align: middle;
  padding-right: 8px;
  display: inline-block;
}

.mid_sns dd {
  vertical-align: middle;
  padding: 0 4px;
  display: inline-block;
}

.mid_sns dl + p { margin-top: 25px; }

.mid_sns p small {
  font-size: 11px;
  color: #999;
}

.this_teller {
  margin: 0 0 50px;
  padding: 15px;
  background: #F4F4F4;
}

.this_teller h3 {
  font-size: 110%;
  font-weight: normal;
  margin-bottom: 12px;
  padding-left: 10px;
  border-left: 10px solid #FF3300;
}

.this_teller dl { overflow: hidden; }

.this_teller dl:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.this_teller > dl+dl { padding-top: 20px; }

.this_teller dt {
  padding: 0 20px 20px 0;
  float: left;
}

.this_teller dt img {
  width: 88px;
  height: auto;
}

.this_teller dd {
  margin-bottom: 10px;
  overflow: hidden;
}

.fb_disp_area {
  margin: 0 auto 30px;
  width: 500px;
}

.this_teller .more_box { padding-top: 10px; }
.more_box { margin-bottom: 50px; }

.more_box .photo {
  padding-right: 20px;
  width: 280px;
  display: block;
  float: left;
}

.more_box .text {
  width: 400px;
  display: block;
  float: right;
}

.more_box .text22 {
  width: 400px;
  display: block;
  float: right;
}

.text22 .stripe {
 padding: 10px 0 5px;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.8;
 color: #000;
 position: relative;
}

.text22 .stripe:after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 4px;
 background: repeating-linear-gradient(-45deg, #F4ADC0, #F4ADC0 2px, white 2px, white 4px);
}

.more_box h4 {
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  padding: 20px 0 30px;
}

.more_box p { margin-bottom: 20px; }

.more_box dt {
  font-weight: bold;
  color: #FF3300;
  margin-bottom: 10px;
}

.more_box dd { margin-bottom: 20px; }

.more_box .btn_list li.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin-bottom: 10px;
  border: none;
  background: none;
}

.more_box .btn_list li.btn a, .more_box .btn_list li.btn a:visited {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  text-align: center;
  text-decoration: none;
  padding: 8px 0;
  border: solid 1px #999;
  display: block;
  background: url(../../../img/btn_bg.gif) repeat-x left top #f0efea;
}

.more_box .btn_list li.btn a:hover {
  color: #000;
  background: #e7e6e1 url("../../../img/btn_bg_over.gif") repeat-x scroll left top;
}

/* augur */
#augur .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#augur .col2 { width: 780px; }

#augur .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#augur .col2 dl {
  padding: 0 50px 30px 0;
  width: 340px;
  float: left;
}

#augur .col2 dl img {
  width: 340px;
  height: auto;
}

#augur .index_btn_box dt { margin-bottom: 20px; }
#augur .index_btn_box dd { margin-bottom: 10px; }

#augur .index_btn_box dd span {
  font-size: 90%;
  display: block;
}

#augur .index_btn_box dd strong {
  font-size: 110%;
  display: block;
}

#augur .lead { margin: 40px 110px; }
#augur .lead p { margin-bottom: 1em; }

#augur .form_box {
  margin: 0 auto;
  padding: 0 0 20px 0;
}

#augur .form_box h5 {
  font-size: 110%;
  text-align: center;
  margin: 0 auto 30px;
  padding: 20px 0;
  background: url(../../../augur/img/input_bg_top.jpg), url(../../../augur/img/input_bg_btm.jpg);
  background-position: 50% top, 50% bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: contain ;
}

/*
#augur .form_box h5 {
	margin: 0 auto 30px;
	text-align: center;
	font-size: 15px;
}
#augur .form_box h5:before {
	display: block;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	content: url(../../../augur/img/input_bg_top.jpg) ;
}
#augur .form_box h5:after {
	display: block;
	margin: 0 auto;
	text-align: center;
	vertical-align: bottom;
	content: url(../../../augur/img/input_bg_btm.jpg) ;
}
*/
#augur .form_box p.btn {
  text-align: center;
  margin: 0 auto;
  padding: 8px 0;
  width: 280px;
}

#augur .form_box p.btn a {
  color: #333;
  text-decoration: none;
}

#augur .notice_box {
  font-size: 13px;
  color: #999;
  margin: 0 auto 30px;
  padding: 20px 30px;
  border: 1px solid #F4F4F4;
}

#augur .woman_input, #augur .man_input {
  margin: 0 auto 40px;
  width: 340px;
}

#augur .woman_input dt, #augur .man_input dt {
  padding-bottom: 5px;
  display: inline;
}

#augur .woman_input dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #973567;
  content: "\f04b";
}

#augur .man_input dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #3399CC;
  content: "\f04b";
}

#augur .woman_input dd, #augur .man_input dd {
  padding-bottom: 5px;
  display: inline;
}

#augur .woman_input dd:after, #augur .man_input dd:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

/* check */
#check .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#check .col2 { width: 780px; }

#check .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#check .col2 dl {
  padding: 0 50px 30px 0;
  width: 340px;
  float: left;
}

#check .col2 dl img {
  width: 340px;
  height: auto;
}

#check .index_btn_box dt { margin-bottom: 20px; }
#check .index_btn_box dd { margin-bottom: 10px; }

#check .index_btn_box dd span {
  font-size: 90%;
  display: block;
}

#check .index_btn_box dd strong {
  font-size: 110%;
  display: block;
}

/* dream */
#dream .subtitle {
  width: 730px;
  background: url(../../../check/dream/img/main.jpg) top no-repeat;
  background-size: contain;
}

#dream .subtitle h3 { display: none; }

#dream .subtitle .lead {
  font-size: 13px;
  line-height: 22px;
  padding: 366px 122px 82px;
}

#dream .subtitle .lead .text { padding-bottom: 30px; }

#dream .subtitle .lead .news_list > li.new:after {
  font-weight: bold;
  color: #FF3300;
  padding: 0 1em;
  content: "NEW";
}

#dream .box { margin: 0 25px; }

#dream .index_box {
  padding: 40px 0;
  border-top: 1px dotted #ccc;
  overflow: hidden;
}

#dream .index_box:last-child { border-bottom: 1px dotted #ccc; }

#dream .index_box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#dream .index_box dt {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3", "HiraMinProN-W3", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
  font-size: 43px;
  font-weight: normal;
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #f96;
  width: 130px;
  float: left;
}

#dream .index_box dd {
  line-height: 30px;
  padding-top: 10px;
  width: 510px;
  float: right;
}

#dream .index_box dd li {
  margin-left: 40px;
  width: 24.5%;
  display: inline-block;
}

#dream .index_box dd li a {
  color: #333;
  text-decoration: none;
}

#dream .index_box dd li a:hover { text-decoration: underline; }

#dream .subfooter {
  padding-top: 30px;
  width: 730px;
  background: url(../../../check/dream/img/footer.jpg) bottom no-repeat;
  background-size: cover;
}

#dream .subfooter .text {
  font-size: 13px;
  line-height: 22px;
  padding: 0 122px 82px;
}

#dream .dream_area .word_area {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3", "HiraMinProN-W3", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
  font-size: 43px;
  font-weight: normal;
  margin: 0 10px 0 55px;
  padding: 20px 0;
  border-bottom: 1px solid #f96;
  display: inline-block;
}

#dream .dream_box dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#dream .dream_area dt {
  margin: 0 auto 50px;
  border-bottom: 1px solid #ccc;
  width: 700px;
}

#dream .dream_box .btn {
  text-align: center;
  margin: 0 auto;
  padding: 8px 0;
  width: 338px;
}

#dream .dream_box .btn a {
  color: #333;
  text-decoration: none;
}

#dream .dream_box .btn_list li { margin-bottom: 10px; }
#dream .dream_box .word_area { padding: 16px 10px; }

#dream .dream_box .word_area dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#dream .dream_box .word_area dd {
  font-size: 11px;
  color: #999;
}

#dream .dream_box .word_area dd strong {
  color: #333;
  padding: 0 4px;
  background: #ccc;
}

#dream .dream_box .word_area dd span { padding: 0 4px; }
#dream .dream_box .detail_text { padding: 16px 10px 40px 55px; }

/* charm */
#charm .subtitle_area { padding: 30px 0 0; }

#charm .subtitle_area h3.subtitle {
  font-size: 42px;
  font-weight: normal;
}

#charm .subtitle_area .lead {
  margin: 40px 30px 20px 50px;
  width: 635px;
}

#charm .subtitle_area .need_list {
  margin: 40px 0 0;
  padding: 15px 25px;
  border: 1px solid #ccc;
}

#charm .subtitle_area .need_list dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#charm .box {
  margin: 0 30px 0 50px;
  padding: 20px 0 0;
  width: 635px;
  overflow: hidden;
}

#charm .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#charm .box .explain_area {
  width: 370px;
  float: left;
}

#charm .box .image_area {
  width: 240px;
  float: right;
}

#charm .box .image_area dt { margin-bottom: 10px; }
#charm .box .image_area dd { margin-bottom: 20px; }

#charm .box .explain_area dt {
  font-size: 15px;
  font-weight: bold;
  color: #FF3300;
  margin-bottom: 10px;
}

#charm .box .explain_area dd {
  font-size: 13px;
  margin-bottom: 40px;
}

/* psychological */
#psychological .subtitle_area { padding: 30px 0 0; }

#psychological .subtitle_area h3.subtitle {
  font-size: 42px;
  font-weight: normal;
}

#psychological .subtitle_area .lead {
  margin: 50px 30px 20px 50px;
  width: 635px;
}

#psychological .subtitle_area .question, #psychological .subtitle_area .answer {
  margin: 40px 0 0;
  padding: 15px 25px;
  border: 1px solid #ccc;
}

#psychological .subtitle_area .question dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#psychological .subtitle_area .answer dt {
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

#psychological .subtitle_area .answer dd {
  font-size: 15px;
  font-weight: bold;
  color: #FF3300;
  display: inline-block;
}

#psychological .box {
  margin: 0 30px 0 50px;
  padding: 20px 0 0;
  width: 635px;
  overflow: hidden;
}

#psychological .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#psychological .box .question_box {
  padding-bottom: 40px;
  width: 635px;
  overflow: hidden;
}

#psychological .box .question_box li {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 15px;
  max-width: 49%;
  min-width: 24%;
  display: inline-block;
}

#psychological .box .answer_box {
  padding-bottom: 40px;
  width: 635px;
  overflow: hidden;
}

#psychological .box .answer_box .explain_area {
  width: 463px;
  float: right;
}

#psychological .box .answer_box .explain_area .caption {
  font-size: 15px;
  font-weight: bold;
  color: #FF3300;
  margin: 30px 0 20px;
}

#psychological .box .answer_box .explain_area h4.subtitle {
  font-size: 32px;
  margin-bottom: 20px;
}

#psychological .box .answer_box .image_area {
  width: 170px;
  float: left;
}

#psychological .box .answer_box .onepoint {
  margin: 20px 0 0;
  padding: 15px 10px;
  border: 1px solid #ccc;
}

#psychological .box .answer_box .onepoint dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* feel */
#feel .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#feel .box:nth-child(4) { padding-bottom: 50px; }
#feel .col2 { width: 780px; }

#feel .col2:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#feel .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#feel .col2 dl.index_btn_box {
  padding: 0 50px 30px 0;
  width: 340px;
  float: left;
}

#feel .col2 dl.index_btn_box img {
  width: 340px;
  height: auto;
}

#feel .index_btn_box dt { margin-bottom: 20px; }
#feel .index_btn_box dd { margin-bottom: 10px; }

#feel .index_btn_box dd span {
  font-size: 90%;
  color: #f30;
  display: block;
}

#feel .index_btn_box dd strong {
  font-size: 110%;
  display: block;
}

#feel .stitle {
  font-size: 20px;
  color: #f30;
  margin-bottom: 30px;
  padding: 6px 0 14px 20px;
  border-bottom: solid 1px #e5e5e5;
  background: url(../../../feel/img/icon_stitle.gif) no-repeat left bottom;
}

#feel .special_index_box {
  padding: 0 20px 20px 0;
  width: 340px;
  min-height: 120px;
  float: left;
}

#feel .special_index_box dt {
  width: 100px;
  float: left;
}

#feel .special_index_box dd {
  width: 240px;
  display: inline-block;
}

#feel .special_index_box dd a { text-decoration: none; }

#feel .special_index_box dd a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 80%;
  color: #f30;
  content: "\f04b";
}

#feel .special_index_box dd:nth-child(3) {
  font-size: 13px;
  padding-top: 5px;
}

/* special */
#special .spe-contents { margin-bottom: 50px; }

/* learn */
#learn .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#learn .col2 { width: 780px; }

#learn .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#learn .col2 dl {
  padding: 0 50px 30px 0;
  width: 340px;
  float: left;
}

#learn .col2 dl img {
  width: 340px;
  height: auto;
}

#learn .index_btn_box { ; }
#learn .index_btn_box dt { margin-bottom: 20px; }
#learn .index_btn_box dd { margin-bottom: 10px; }

#learn .index_btn_box dd span {
  font-size: 90%;
  display: block;
}

#learn .index_btn_box dd strong {
  font-size: 110%;
  display: block;
}

#word .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#word .col5 { width: 780px; }

#word .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#word .col5 .index_btn_box li {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3", "HiraMinProN-W3", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
  font-size: 20px;
  text-align: center;
  margin: 0 5px 5px 0;
  border: 1px solid #ccc;
  width: 140px;
  height: 140px;
  float: left;
}

#word .col5 .index_btn_box li:hover { background: #f4f4f4; }

#word .col5 .index_btn_box li a {
  color: #333;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  padding: 42px 0 0;
  height: 98px;
  display: block;
  background: url(../../../learn/word/img/title_bg.png) 50% 60% no-repeat;
  background-size: contain;
}

#word .col5 .index_btn_box li strong, #word h3.subtitle strong { font-size: 43px; }

#word .index_box, #word .word_box {
  margin-bottom: 50px;
  padding: 30px 15px 0 15px;
}

#word h3.subtitle {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3", "HiraMinProN-W3", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  padding: 12px 0;
  width: 130px;
  background: url(../../../learn/word/img/title_bg.png) 50% bottom no-repeat;
  background-size: contain;
}

#word h4.subtitle {
  font-size: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#word .index_box ul.index_list { padding: 12px 0; }

#word .index_box ul.index_list li {
  padding-bottom: 30px;
  width: 32.5%;
  display: inline-block;
}

#word .index_box ul.index_list li:before {
  padding-left: 1em;
  content: "�E";
}

#word .index_box ul.index_list li a {
  color: #333;
  text-decoration: none;
}

#word .index_box ul.index_list li a:hover { text-decoration: underline; }

#word .index_box .btn, #word .word_box .btn {
  text-align: center;
  margin: 0 auto;
  padding: 8px 0;
  width: 338px;
}

#word .index_box .btn a, #word .word_box .btn a {
  color: #333;
  text-decoration: none;
}

#word .word_box .btn_list li { margin-bottom: 10px; }
#word .word_box .word_area { padding: 16px 10px; }

#word .word_box .word_area dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

#word .word_box .word_area dd {
  font-size: 11px;
  color: #999;
}

#word .word_box .word_area dd strong {
  color: #333;
  padding: 0 4px;
  background: #ccc;
}

#word .word_box .word_area dd span { padding: 0 4px; }
#word .word_box .detail_text { padding: 16px 10px 60px 55px; }

/*  Trouble --------------------------------*/
#guide_trouble { padding: 0 0 50px; }

#guide_trouble .f_catch {
  font-size: 24px;
  font-weight: normal;
  text-align: center ;
  padding: 30px 0 0;
}

#guide_trouble .first_box {
  padding: 50px 0 40px;
  overflow: hidden;
}

#guide_trouble .first_box p {
  margin: 0 10px 0 30px;
  float: right;
}

#guide_trouble .first_box p img {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  border: solid 4px #fff;
}

#guide_trouble .first_box .box {
  font-size: 12px;
  margin: 30px 0 0;
  padding: 25px;
  background: #FAFAFA;
}

#guide_trouble .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_trouble .title_pri p {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3", "HiraMinProN-W3", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  width: 50px;
  display: table-cell;
  background: #f30;
}

#guide_trouble .title_pri h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  padding: 0 0 0 10px;
  display: table-cell;
}

#guide_trouble .box01 { padding: 20px 15px 50px; }
#guide_trouble .point { color: #f30; }

#guide_trouble .box01 .pic, #guide_trouble .box02 .pic {
  text-align: center;
  margin: 0 0 0 30px;
  float: right;
}

#guide_trouble .box02 .pic p {
  font-size: 10px;
  color: #959595;
  line-height: 14px;
  text-align: left;
  width: 150px;
}

#guide_trouble p.att {
  font-size: 12px;
  margin: 10px 0 20px;
  padding: 25px;
  background: #FAFAFA;
}

#guide_trouble .box02 { padding: 20px 15px 50px; }
#guide_trouble .box02 ul { padding: 25px 0 25px 15px; }
#guide_trouble .box03 { padding: 20px 15px 50px; }
#guide_trouble .box03 .sp { display: none; }

#guide_trouble .box03 .pc {
  text-align: center;
  padding: 0 0 35px;
}

/*  Webpolicy
-----------------------------------------------------------------------------*/
#webpolicy .box01 { padding: 30px 0 50px; }

#webpolicy .box01 dt {
  font-weight: bold;
  margin: 0 0 40px;
}

#webpolicy .box01 dd { padding: 0 0 20px; }
#webpolicy .box01 dd ul { padding: 0 30px; }

#webpolicy .box01 dd li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#webpolicy .box01 dd ul ul { padding: 10px 0; }

/*  guide
-----------------------------------------------------------------------------*/
#guide #beginner h3, #guide #faq h3 {
  font-size: 34px;
  font-weight: normal;
  line-height: 38px;
  padding: 40px 0;
}

#guide #beginner .message {
  zoom: 1;
  padding-right: 10px;
  overflow: hidden;
}

#guide #beginner .message div {
  line-height: 24px;
  width: 345px;
  float: left;
}

#guide #beginner .message p { padding-bottom: 30px; }
#guide #beginner .message .pic { float: right; }
#guide #faq dl { margin: 0 10px 50px 10px; }

#guide #faq dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 15px 40px 15px 57px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

#guide #faq dt:before {
  top: 10px;
  left: 10px;
  content: url(../../../guide/img/icon_q.gif);
  position: absolute;
}

#guide #faq dt:after {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #999999;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#guide #faq dd {
  font-size: 14px;
  line-height: 28px;
  padding: 15px 30px 2px 61px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
  background: url(../../../guide/img/icon_a.gif) no-repeat 12px 12px;
}

#guide #faq dd p { padding-bottom: 20px; }