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

a,
a:hover,
a:active {
  text-decoration: none;
}
/* body 全体のエフェクト */
#answerEdit {
  background-color: #fff;
  text-align:center;
}
/*
    コンテンツ
*/
.contentInner {
  /*min-width:650px;*/
	font-size: 16px;
}
.enq_title_txt {
  line-height: 1.3;
  margin: 0 auto;
}
#answerEdit .enq_title_txt {
  width: auto;
  padding-left: 40px;
  padding-right: 40px;
  color: rgb(236, 48, 46);
}

.header {
height: auto;
}

#answerEdit .contents {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 100px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#answerEdit .contentsInner {
  margin: 200px auto 80px;
}
#answerEdit .contents p big {
}
#answerEdit .contents .imgArea {
  display: block;
  margin: 15px 0;
}
#answerEdit .contents .explainArea {
  width: 50%;
  min-height: 50px;
  margin: 10px 25%;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1.5;
}
.uiButton {
  font-weight: normal;
  padding: 18px 40px 15px;
  margin: 25px 0;
}
.uiButton.cancel {
  color: #444;
}
.uiButton.freeTrial {
  font-size: 16px;
}
.freePlan {
  margin-top: 20px;
  padding: 40px 0 0;
  background-color: #ebebeb;
}
.freePlan p {
  font-size: 16px;
  color: #666;
  margin: 0 0 15px;
  letter-spacing: 1.3px;
  line-height: 17px;
}
.loginForm {
  margin: 50px 0 0;
}
.loginForm ul li:first-child {
  margin: 0 0 5px;
}
.loginForm ul li:last-child {
  margin: 5px 0 20px;
}
.loginForm li {
  margin: 5px 0;
}
.loginForm li input {
  border: 1px solid #ccc;
  padding: 10px 5px;
  width: 230px;
  font-size: 13px;
}
p.correct {
  color: #66cc33;
  display: inline;
  position: absolute;
  margin: 12px 0 0;
}
p.correct:before {
  content:url("../../images/icon_qPage_check01.png");
  position: relative;
  top: 5px;
  margin: 0 5px
}
p.error {
  color: #cc0000;
  display: inline;
  position: absolute;
  margin: 12px 0 0;
}
p.error:before {
  content:url("../../images/icon_qPage_check02.png");
  position: relative;
  top: 5px;
  margin: 0 5px
}
.loginForm p a {
  color: #3399ff;
  text-decoration: underline;
}
.gray {
  color: #333;
}
.tipped {
  color: #aaa;
}
.otherRegist {
  width: 540px;
  margin: 50px auto 0;
}
.otherRegist p {
  border: 1px solid #CCC;
  border-radius: 28px;
  width: 56px;
  height: 56px;
  font-size: 12px;
  background: #FFF;
  position: relative;
  top: -45px;
  left: 45%;
}
.otherRegist p span {
  display: block;
  padding: 22px 0 0;
  color: #CCC;
}
.otherRegist ul {
  list-style: none;
}
.otherRegist li {
  margin: 0 20px !important;
  display: inline-block;
}
.otherRegist li.fbColor {
  background-image: linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -o-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -moz-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -webkit-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -ms-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.39, rgb(42,64,123)),  color-stop(0.85, rgb(76,114,181))  );
  border-radius: 4px;
}
.otherRegist li.ggColor {
  background-image: linear-gradient(bottom, rgb(211,56,41) 39%, rgb(231,98,74) 85%);
  background-image: -o-linear-gradient(bottom, rgb(211,56,41) 39%, rgb(231,98,74) 85%);
  background-image: -moz-linear-gradient(bottom, rgb(211,56,41) 39%, rgb(231,98,74) 85%);
  background-image: -webkit-linear-gradient(bottom, rgb(211,56,41) 39%, rgb(231,98,74) 85%);
  background-image: -ms-linear-gradient(bottom, rgb(211,56,41) 39%, rgb(231,98,74) 85%);
  background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.39, rgb(211,56,41)),  color-stop(0.85, rgb(231,98,74))  );
  border-radius: 4px;
}
.ui32IconTxtBtn {
  display: inline-block;
  height: 32px;
  padding: 10px 12px 0 48px;
  box-sizing: border-box;
  background-color: transparent;
  -moz-box-sizing: border-box;
  background-image: linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -o-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -moz-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -webkit-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -ms-linear-gradient(bottom, rgb(42,64,123) 39%, rgb(76,114,181) 85%);
  background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.39, rgb(42,64,123)),  color-stop(0.85, rgb(76,114,181))  );
  color: #fff;
}
.uiIcoFb {
  background-image: url(../../images/icon_sns_fb_l.jpg);
}
.ui32IconTxtBtn.uiIcoGg {
  background-image: url(../../images/icon_sns_gg_l.jpg);
}
#answerEdit .uiButton.l {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  white-space: normal;
  word-break: break-all;
  min-width: 150px;
}
/*
    フッター
*/
.footer {
  font-size: 11px;
  line-height: 25px;
  margin: 80px auto 40px;
}
.footerInner {
  margin:20px 0;
}
.footerInner ul {
}
.footerInner li {
  display: inline;
}
.footer .copyright {
  margin: 15px 0;
}
.footer .copyright p {
  color: #999;
}
.footer .footerLogo {
  margin: 40px 0 50px;
}
.footer .footerLogo h2 {
  margin: auto;
  background: url("../../images/footer_logo.png") no-repeat;
  width: 210px;
  height: 55px;
  text-indent: -9999px;
  float: none;
}
/* password.html
---------------------------------------------------------- */
.passwordSubmitArea {
  margin: 70px 0 0;
}
.passwordSubmitArea input {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 10px 5px;
  width: 200px;
  font-size: 13px;
}
.passwordSubmitArea p.passCorrect {
  color: #66cc33;
  font-size: 12px;
  padding: 10px 0 0;
}
.passwordSubmitArea p.passError {
  color: #cc0000;
  font-size: 11px;
  padding: 10px 0;
}
.passwordSubmitArea p.info {
  margin: 30px 0 20px;
  line-height: 140%;
}