@charset "UTF-8";

/*============================================

style.css

============================================*/

/* ホーム
------------------------------------------- */
#Slide {
  margin: 30px 0 0;
}
#Home section {
  margin: 0 0 20px;
  line-height: 1.8;
}
#Home section .wrap {
  padding: 40px 0;
}
#Home section h2 {
  margin: 0 0 40px;
  text-align: center;
  line-height: 1.4;
  font-size: 108%;
  font-weight: bold;
  letter-spacing: 2px;
}
#Home section h2 span {
  display: block;
  font-size: 26px;
}
#Home section .txt h3 {
  margin: 0 0 15px;
  padding: 0 0 5px;
  font-size: 167%;
  font-weight: bold;
}
#Home section .txt h3 img {
  padding: 0 0 0 5px;
  vertical-align: baseline;
}
#Home #Concept h2 {
  margin: 0 0 60px;
}
#Concept .txt {
  width: 600px;
}
#Concept .txt h3 {
  border-bottom: 1px solid #e6e6e6;
}
#Concept figure {
  margin: -54px 0 0;
  width: 334px;
}
#Feature {
  background: #fff url(../img/home/feature_bg.jpg) no-repeat center top;
}
#Feature .wrap {
  padding: 0 0 40px;
}
#Feature .feature_box {
  float: left;
  margin: 0 36px 0 0;
  width: 316px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
  background: #fff;
}
#Feature .feature_block .feature_box:last-child {
  margin: 0;
}
#Feature .fb_in {
  padding: 25px 30px;
}
#Feature .feature_box h3 {
  padding: 80px 0 0;
  margin: 0 0 8px;
  font-size: 139%;
  font-weight: bold;
}
#Feature #f01 h3 { background: url(../img/home/feature01.png) no-repeat center top;}
#Feature #f02 h3 { background: url(../img/home/feature02.png) no-repeat center top;}
#Feature #f03 h3 { background: url(../img/home/feature03.png) no-repeat center top;}

#Feature .feature_box p {
  text-align: left;
  line-height: 1.6;
}
#Home #Voice .wrap {
  padding: 40px 0 0;
}
#Voice .voice_block .voice_box:nth-child(2n) {
  margin: 0 0 30px;
}
#Voice .voice_box {
  position: relative;
  float: left;
  margin: 0 40px 30px 0;
  width: 488px;
  min-height: 220px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d8d8d8;
  background: #fff;
}
#Voice .voice_box.vb_wide {
  width: 100%;
}
#Voice .voice_box.vb_wide .user_info {
  width: 828px;
}
#Voice .vb_in {
  padding: 25px 30px;
}
#Voice .corner {
  height: 49px;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 47px;
  z-index: 999;
}

#Voice .af .corner { background: url(../img/home/rt_af.png) no-repeat right top;}
#Voice .cl .corner { background: url(../img/home/rt_cl.png) no-repeat right top;}
#Voice .pu .corner { background: url(../img/home/rt_pu.png) no-repeat right top;}
#Voice .admin .corner { background: url(../img/home/rt_admin.png) no-repeat right top;}

#Voice .af .user_info .cat { color: #f8af0a;}
#Voice .cl .user_info .cat { color: #8bb25b;}
#Voice .pu .user_info .cat { color: #3bb2c6;}
#Voice .admin .user_info .cat { color: #f26161;}

#Voice .user {
  width: 112px;
}
#Voice .user ul {
  text-align: center;
}
#Voice .user ul li {
  display: inline-block;
  padding: 0 4px;
}
#Voice .user_photo {
  margin: 0 0 17px;
}
#Voice .user_photo img {
    border-radius: 50%;
}
#Voice .user_info {
  width: 298px;
  line-height: 1.6;
}
#Voice .user_info .cat {
  color: #f175b3;
  font-size: 93%;
  font-weight: bold;
}
#Voice .user_info h3 {
  margin: 0 0 8px;
  font-size: 139%;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
}

#Start {
  background: #f8f7d5;
}
#Home #Start h2 {
  font-size: 139%;
}
#Home #Start h2 img {
  padding: 0 10px 0 0;
  vertical-align: text-top;
}
#Start .txt h3 {
  border-bottom: 1px solid #cbca9b;
}
#Start .txt p {
  margin: 0 0 20px;
}
#Start .txt {
  width: 600px;
}
#Start figure {
  width: 357px;
}

/* ログイン
------------------------------------------- */
#Member .couple_box {
  width: 490px;
}
#Member section {
  font-size: 93%;
}
#Member section input {
  width: 206px;
}
#Login .ipass {
  padding: 0 45px;
}
#Login .login_btn {
  margin: 0 0 20px;
}
#Login .login_btn button {
  padding: 5px 35px;
}
#Login .desc {
  font-size: 85%;
}
.send_mail p {
  margin: 0 0 10px;
}
.send_mail p span {
  font-weight: bold;
  color: #f5568b;
}
.send_mail table td button {
  width: 100%;
}

/* ------ パスワード ------ */
#MiddleCol {
  margin: 0 auto;
  width: 780px;
  font-size: 93%;
}
#MiddleCol .input_area {
  padding: 0 60px;
}
#MiddleCol .member_table table th {
  text-align: right;
}

/* オプトイン
------------------------------------------- */
#OptinText {
  text-align: center;
  margin: 20px auto;
}

/* 購入
------------------------------------------- */
#Step {
  margin: 0 0 50px;
  text-align: center;
}
.privilege {
  padding: 7px 14px;
  margin: 0 0 20px;
  color: #f5568b;
  font-size: 93%;
  font-weight: bold;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  border: 2px solid #f5568b;
}
.privilege .title {
  font-size: 150%;
  padding: 10px 0;
  border-bottom: 1px #999 solid;
}
.privilege .content {
  padding: 10px 0;
  color: #333;
}
#Repeat .member_table table {
  margin: 0 0 20px;
}
#Repeat .member_table table th {
  padding: 0;
}
#Repeat .member_table table td {
  padding:0;
}
#Repeat .member_table table td input {
  margin: 0 10px;
  width: 250px;
}
.repeat_layout {
  padding: 0 40px;
  font-size: 93%;
}
#Welcome {
  margin: 0 0 30px;
  font-size: 153.9%;
  font-weight: bold;
}
#Pay ul {
  margin: 0 0 20px;
  text-align: center;
}
#Pay ul li {
  display: inline-block;
  margin: 0 40px;
  line-height: 2;
}
#Pay ul li label {
  display: block;
  padding: 80px 0 0;
  cursor: pointer;
}
#Pay ul li.credit label {
  background: url(../img/purchase/credit.png) no-repeat center top;
}
#Pay ul li.bank label {
  background: url(../img/purchase/bank.png) no-repeat center top;
}
#Pay ul li span {
  font-size: 85%;
}
#BankDetail .block {
  padding: 0 40px;
}
#BankDetail .bd_box {
  margin: 0 0 20px;
  width: 45%;
}
#BankDetail .bd_box h3 {
  margin: 0 0 10px;
  color: #38bc80;
  font-size: 108%;
  font-weight: bold;
}
#Thanx .thanx_desc {
  text-align: center;
  line-height: 1.8;
}
#Thanx .thanx_desc {
  margin: 0 0 30px;
}
#Thanx .download {
  margin: 0 0 20px;
}
#Thanx .download p {
  margin: 0 0 10px;
  font-weight: bold;
}

/* 登録
------------------------------------------- */
#Register .register_table table th {
  width: 34%;
}
#Register #DetailSide {
  width: 240px;
}
#Register #DetailMain {
  width: 668px;
}
#Avatar h3 {
  margin: 0 0 5px;
  text-align: center;
  font-weight: bold;
}
.display {
  margin: 0 auto 10px;
  width: 210px;
  text-align: center;
  border: 1px solid #ccc;
}
.display img {
  border: 4px solid #fff;
}
#Avatar .profile {
  margin: 0 0 20px;
}
#Avatar .upload {
  margin: 0 0 10px;
}
#Avatar .upload input {
  padding: 0;
  border: none;
}
#Avatar .stint {
  padding: 8px 12px;
  color: #38bc80;
  font-size: 85%;
  font-weight: bold;
  border: 1px solid #38bc80;
  background: #fffee5;
}
#Avatar .stint dl {
  overflow: hidden;
  clear: both;
  height: 1%;
  background: url(../img/common/cv_dotted.png) repeat-x left bottom;
}
#Avatar .stint dt {
  float: left;
  clear: left;
  width: 96px;
}
#Avatar .stint dd {
  float: left;
  width: 115px;
}
#Avatar .select .head {
  padding: 8px 12px;
  color: #fff;
  background: #38bc80;
}
#Avatar .select .inner {
  padding: 20px 19px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#Avatar .select ul li {
  float: left;
  margin: 0 20px 10px 0;
  width: 90px;
  text-align: center;
}
#Avatar .select ul li .av_thumb {
  border: 1px solid #ccc;
}
#Avatar .select ul li .av_thumb img {
  cursor: pointer;
  width: 80px;
  border: 4px solid #fff;
}

/* マイページ
------------------------------------------- */
.update dl {
  padding: 8px 0;
  background: url(../img/common/dotted.gif) repeat-x left bottom;
}
.update dt {
  margin: 0 0 3px;
  color: #848484;
  font-size: 93%;
}
#Search {
  margin: 0 0 30px;
  width: 60%;
}
#Tkeyword {
  margin: 0 10px 0 0;
}
#Tkeyword input {
  width: 370px;
  padding: 10px 9px;
}
#Tsubmit button {
  padding: 7px 50px;
}
.forum_tab {
  display: none;
}
.forum_ttl {
  background: url(../img/mypage/tab_bg.gif) repeat-x left bottom;
}
.forum_ttl li {
  float:left;
  width: 14%;
  margin: 0 10px 0 0;
  text-align: center;
}
.forum_ttl li a {
  display: block;
  padding: 13px 20px;
  color: #676767;
  font-weight: bold;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #fafafa;
}
.forum_ttl li a:hover {
  text-decoration: none;
}
.forum_ttl li.active a {
  color: #333;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #d5d5d5;
  background: #fff;
}
.forum_block {
  padding: 1px 30px;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
}

.forum_ttl li.cat01 a { border-top: 4px solid #38bc80;}
.forum_ttl li.cat02 a { border-top: 4px solid #ffc733;}
.forum_ttl li.cat03 a { border-top: 4px solid #f26161;}
.forum_ttl li.cat04 a { border-top: 4px solid #1a6680;}
.forum_ttl li.cat05 a { border-top: 4px solid #3498db;}

.forum_block .summary:last-child {
  border-bottom: none;
}
.summary {
  /*padding: 25px 0;*/
  padding: 10px 0;
  border-bottom: 1px solid #d5d5d5;
}
.summary .people {
  margin: 0 15px 0 0;
  width: 70px;
}
.summary .people img {
  width: 70px;
  height: 70px;
}
.summary .ex {
  width: 65%;
}
.article_info {
  margin: 0 0 5px;
}
.article_info li {
  display: inline;
  /*padding: 0 0 0 25px;*/
  padding: 3px 0 0 25px;
  margin: 0 25px 0 0;
  color: #6b6b6b;
  font-size: 93%;
}
.summary .ex h3 {
  margin: 0 0 4px;
  font-size: 116%;
  font-weight: bold;
}
.summary .ex p {
  font-size: 93%;
}
.summary .state {
  width: 218px;
}
.state_count {
  margin: 0 0 10px;
}
.state_count li {
  padding: 5px 0;
  width: 100px;
  min-height: 50px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #38bc80;
}
.state_count li.state_res {
  float: left;
}
.state_count li.state_topic {
  float: left;
}
#ForumList .state_count li.state_res {
  float: right;
}
.state_count li.state_view {
  float: right;
}
.state_count li span {
  display: block;
  font-size: 123.1%;
}
.master p {
  border: 2px solid #38bc80;
  border-radius: 3px;
  float: right;
  margin: 0 0 12px;
  padding: 4px 0;
  text-align: center;
  width: 210px;
  color: #38bc80;
  font-size: 108%;
  font-weight: bold;
}
.new_post p {
  color: #6b6b6b;
  font-size: 93%;
}
.new_post .time {
  padding: 0 0 0 23px;
  background: url(../img/mypage/forum_date.gif) no-repeat left center;
}
.new_post .name {
  text-align:right;
}
.response li {
  padding: 0 0 0 18px;
  margin: 0 0 4px;
  background: url(../img/mypage/res.gif) no-repeat left 0.2em;
}
.response li:last-child {
  background: url(../img/mypage/last_res.gif) no-repeat left 0.3em;
}
.response li .post {
  padding: 0 0 0 20px;
  font-size: 85%;
  color: #9b9b9b;
}
#MakeTopic {
  width: 30%;
  text-align: right;
}
#MakeTopic button {
  padding: 7px 50px;
}
#Results {
  padding: 0 0 5px;
  border-bottom: 1px solid #d5d5d5;
}
#Results ul {
  position: relative;
  height: 30px;
}
#Results .notice {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 139%;
  font-weight: bold;
}
#Results .fraction {
  position: absolute;
  right: 0;
  bottom: 0;
}
#DetailMain {
  width: 65%;
}
#States {
  margin: 0 0 5px;
}
#DetailMain .state_count {
  width: 210px;
}
#DetailMain .state_recept {
  width: 100px;
}
#DetailMain .state_recept li {
  padding: 15px 0;
  width: 100px;
  font-size: 116%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#DetailMain .state_recept li.open {
  background: #f5568b;
}
#DetailMain .state_recept li.close {
  background: #35bfd6;
}
#DetailMain .ttl h2 {
  margin: 0 0 20px;
  font-size: 139%;
  font-weight: bold;
}
.postitem {
  margin: 0 0 30px;
}
.threadauthor {
  float: left;
  width: 90px;
}
.threadauthor .avatar {
  border: 1px solid #e6e6e6;
}
.threadauthor .avatar img {
  border: 4px solid #fff;
  width: 80px;
}
.threadpost {
  float: right;
  width: 522px;
}
.threadpost .balloon {
  padding: 0 0 0 10px;
  font-size: 93%;
}
.threadpost .balloon_left {
  border: 2px solid #38bc80;
  border-radius: 3px;
  display: inline-block;
  min-width: 115px;
  padding: 20px;
  position: relative;
  width: auto;
  z-index: 0;
}
.threadpost .balloon_left:before {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  content: "";
  display: block;
  height: 0;
  left: -10px;
  margin-top: -7px;
  position: absolute;
  top: 40px;
  width: 0;
  z-index: 0;
}
.threadpost .balloon_left:after {
  border-color: transparent #38bc80 transparent transparent;
  border-style: solid;
  border-width: 9px 13px 9px 0;
  content: "";
  display: block;
  height: 0;
  left: -13px;
  margin-top: -9px;
  position: absolute;
  top: 40px;
  width: 0;
  z-index: -1;
}
.post_reply .threadauthor  {
  float: right;
}
.post_reply .threadpost  {
  float: left;
}
.post_reply .threadpost .balloon {
  padding: 0 10px 0 0;
  text-align: right;
}
.threadpost .balloon_right {
  border: 2px solid #f5568b;
  display: inline-block;
  min-width: 115px;
  padding: 20px;
  position: relative;
  text-align: left;
  width: auto;
  z-index: 0;
}
.threadpost .balloon_right:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  content: "";
  display: block;
  height: 0;
  margin-top: -7px;
  position: absolute;
  right: -10px;
  top: 40px;
  width: 0;
  z-index: 0;
}
.threadpost .balloon_right:after {
  border-color: transparent transparent transparent #f5568b;
  border-style: solid;
  border-width: 9px 0 9px 13px;
  content: "";
  display: block;
  height: 0;
  margin-top: -9px;
  position: absolute;
  right: -13px;
  top: 40px;
  width: 0;
  z-index: -1;
}
#Answer {
  margin: 0 0 10px;
  border: 1px solid #d5d5d5;
  background: #f8f8f8;
}
#Answer h3 {
  padding: 0 0 10px;
  margin: 0 0 15px;
  font-size: 116%;
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
}
.topic_contents {
  display: none;
  margin: 0 0 40px;
  font-size: 93%;
}
.topic_toggle {
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  color: #f5568b;
  font-weight: bold;
  cursor: pointer;
  background: url(../img/mypage/toggle_bg.gif) no-repeat left center;
}
.respond_h {
  font-weight: bold;
}
.respond textarea {
  margin: 0 0 15px;
  width: 98%;
  /*width: 90%;*/
}
.respond_btn {
  text-align: center;
}
.respond_btn button {
  padding: 8px 80px;
}
#DetailSide {
  width: 32%;
}
#DetailSide .line {
  /*font-size: 85%;*/
  font-size: 70%;
}
#Editbtn {
  margin: 0 0 30px;
}
#Editbtn button {
  padding: 10px 0;
  width: 100%;
}
#RelatedTopic {
  margin: 0 0 40px;
}
.related_posts {
  padding: 0 0 8px;
  margin: 0 0 12px;
  background: url(../img/common/dotted.gif) repeat-x left bottom;
}
.related_posts .related_top {
  margin: 0 0 8px;
}
.related_posts .avatar {
  width: 25%;
}
.related_posts img {
  width: 60px;
}
.related_posts .ttl {
  width: 75%;
  font-weight: bold;
  line-height: 1.4;
}
.related_info {
  width: 45%;
}
.related_info li {
  /*padding: 0 0 0 24px;*/
  padding: 2px 0 0 24px;
  margin: 0 0 5px;
  font-size: 93%;
}
#AnotherForum { /* add */
  margin: 0 0 40px;
}
#AnotherForum ul li {
  padding: 0 0 8px;
  margin: 0 0 12px;
  font-weight: bold;
  background: url(../img/common/dotted.gif) repeat-x left bottom;
  font-size: 93%; /* add */
}
#ForumCategory ul li {  /* add */
  padding: 0 0 8px;
  margin: 0 0 12px;
  font-weight: bold;
  background: url(../img/common/dotted.gif) repeat-x left bottom;
  font-size: 93%; /* add */
}
.delivery .ttl {
  margin: 0 0 8px;
  font-size: 108%;
  font-weight: bold;
}
.product_box {
  margin: 0 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.product_box .block {
  padding: 15px;
}
.product_box figure {
  width: 11%;
}
.product_box figure img {
  width: 82px;
  height: 82px;
}
.product_box .info {
  width: 89%;
}
.product_box .info .cat {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 0 7px;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  background: #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.product_box .info .download { background: #38bc80;}
.product_box .info .optin { background: #ffc733;}
.product_box .info .step { background: #35bfd6;}
.product_box .info .monthly { background: #f5568b;}

.product_box .info .name {
  padding: 0 0 5px;
  margin: 0 0 5px;
  font-weight: bold;
  background: url(../img/common/dotted.gif) repeat-x left bottom;
}
.product_box .info ul li {
  display: inline-block;
  padding: 0 0 0 15px;
  margin: 0 20px 0 0;
  background: url(../img/common/icon_sq.gif) no-repeat left 0.5em;
}

.label {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.status_box {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pd_box {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.public_1 { background: #3498db;}
.public_2 { background: #666666;}
.accept_1 { background: #666666;}
.accept_2 { background: #f5568b;}
.product_1 { background: #666666;}
.product_2 { background: #ffc733;}
.product_3 { background: #f5568b;}
.period_1 { background: #f5568b;}
.period_2 { background: #3498db;}
.period_3 { background: #666666;}
.period_4 { background: #f5568b;}
.all { background: #1a6680;}
.dc { background: #38bc80;}
.oi { background: #ffc733;}
.sm { background: #35bfd6;}
.rp { background: #f5568b;}
.pgrp { background: #333333;}
.mem-cl { background: #8bb25b; }
.mem-af { background: #ffc646; }
.mem-pu { background: #3bb2c6; }
.mem-opt { background: #cccccc; }
.mem-opt_sm { background: #cccccc; }
.order-time { background: #f5568b; }
.order_1 { background: #f5568b; }
.order_2 { background: #ffc733; }
.order_3 { background: #3498db; }
.order_4 { background: #cccccc; }
.order_5 { background: #1a6680; }
.order_6 { background: #1a6680; }
.order_7 { background: #f5568b; }
.send_1 { background: #ff8c00; }
.send_2 { background: #ff6666; }
.send_3 { background: #4169e1; }
.send_4 { background: #333333; }
.send_5 { background: #999999; }
.dl_pd { background: #fff; color: #333; border: 2px solid #ff884c; }
.dl_bf { background: #fff; color: #333; border: 2px solid #4c88ff; }


/* 規約
------------------------------------------- */
.art {
  margin: 0 0 40px;
}
.art h3 {
  padding: 5px 10px;
  margin: 0 0 20px;
  font-size: 123.1%;
  font-weight: bold;
  background: #ededed;
}
.layout {
  padding: 0 20px;
  font-size: 93%;
}
.layout .title {
  font-weight: bold;
}
.layout .desc {
  padding: 5px 10px;
}
.art p {
  margin: 0 0 20px;
}
.art p.desc {
  margin: 20px 20px;
}
.art ol,
.art ul {
  padding: 0 0 0 25px;
  margin: 0 0 20px;
}
.art li {
  margin: 0 0 10px;
}
.art ol li {
  list-style-type: decimal;
}
.art ul li {
  list-style-type: disc;
}
.effect {
  text-align: right;
  padding: 20px 10px;
  font-weight: bold;
}

/* opt-in
------------------------------------------- */
#Agreement h3 {
  margin: 0 0 5px;
  font-weight: bold;
}
#AgreeFrame {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 20px;
  margin: 0 0 40px;
  height: 140px;
  font-size: 85%;
  border: 1px solid #ccc;
  background: #f7f7f7;
}
#Agreement p.desc {
  margin: 0 0 20px;
}
#AgreeFrame .agree_box {
  margin: 0 0 30px;
}
#AgreeFrame .agree_box h4 {
  margin: 0 0 10px;
  font-weight: bold;
}
#AgreeFrame .agree_box p {
  margin: 0 0 10px;
}
#AgreeFrame .agree_box ul,
#AgreeFrame .agree_box ol {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
}
#AgreeFrame .agree_box ul li {
  list-style-type: disc;
}
#AgreeFrame .agree_box ol li {
  list-style-type: decimal;
}
#Agreement .next {
  margin: 0 0 20px;
  text-align: center;
}
.agree_box .title {
  font-weight: bold;
}
.agree_box .desc {
  padding: 5px 10px;
}

#Csv button {
  padding: 2px 20px;
  font-size: 0.8em;
}