@charset "UTF-8";
/* -- import -- */

/* -------------------------------

	contents

------------------------------- */

#contents {

  position: relative;

  /** ラジオ */

  /** セレクトボックス */

  /** ひみつのカギポップアップ */

}

#contents .profileBlock {

  position: relative;

  width: 960px;

  margin: 0 auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  *zoom: 1;

}

#contents .profileBlock:after {

  content: "";

  display: table;

  clear: both;

}

#contents .profileBlock h1 {

  margin: 23px 0 14px 0;

  font-weight: bold;

  font-size: 24px;

}

#contents .profileBlock .globalError {

  font-weight: bold;

}

#contents .profileBlock ul.settings {

  margin-top: 18px;

  background-color: #faf9f5;

  border: 1px solid #e4e4e0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

#contents .profileBlock ul.settings li {

  margin: 11px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  min-height: 144px;

  border: 1px solid #e9e9e9;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  background-color: #fff;

  overflow: hidden;

}

#contents .profileBlock ul.settings li div {

  float: left;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 100%;

  font-weight: bold;

  font-size: 16px;

}

#contents .profileBlock ul.settings li div .small {

  font-size: 12px;

}

#contents .profileBlock ul.settings li div.col1 {

  padding: 53px 0 0 25px;

  width: 177px;

}

#contents .profileBlock ul.settings li div.col2 {

  padding: 53px 0 0 25px;

  width: 437px;

  border-left: 1px solid #e9e9e9;

}

#contents .profileBlock ul.settings li div.col2.long {

  width: 750px;

}

#contents .profileBlock ul.settings li div.col2 .error {

  font-size: 14px;

}

#contents .profileBlock ul.settings li div.col3 {

  width: 320px;

  color: #666;

  font-weight: normal;

  font-size: 12px;

}

#contents .profileBlock ul.settings li div.col3.top {

  padding: 15px 0 0 10px;

}

#contents .profileBlock ul.settings li div.col3.middle {

  padding: 30px 0 0 10px;

}

#contents .profileBlock ul.settings li div.col3.low {

  padding: 98px 0 0 10px;

}

#contents .profileBlock ul.settings li.row1 div.col2 {

  padding: 40px 0 0 28px;

  min-height: 144px;

}

#contents .profileBlock ul.settings li.row2 div.col2 {

  padding: 30px 0 0 24px;

  min-height: 144px;

}

#contents .profileBlock ul.settings li.row2 .confirm {

  margin-bottom: 15px;

  color: #666;

  font-size: 14px;

}

#contents .profileBlock ul.settings li.row2 .error {

  margin-top: 10px;

  margin-left: 20px;

}

#contents .profileBlock ul.settings li.row3 {

  *zoom: 1;

  min-height: 208px;

  overflow: visible;

}

#contents .profileBlock ul.settings li.row3:after {

  content: "";

  display: table;

  clear: both;

}

#contents .profileBlock ul.settings li.row3 div.col1 {

  position: relative;

  padding-top: 78px;

}

#contents .profileBlock ul.settings li.row3 div.col2 {

  padding: 35px 0 0 24px;

  min-height: 208px;

}

#contents .profileBlock ul.settings li.row3 td.question {

  width: 64px;

  padding-top: 5px;

  font-size: 14px;

}

#contents .profileBlock ul.settings li.row3 td.answer {

  padding-top: 15px;

  font-size: 14px;

}

#contents .profileBlock ul.settings li.row3 .error {

  margin-left: 2px;

  font-weight: bold;

}

#contents .profileBlock ul.settings li.row4,

#contents .profileBlock ul.settings li.row5 {

  min-height: 125px;

}

#contents .profileBlock ul.settings li.row4 div.col1,

#contents .profileBlock ul.settings li.row5 div.col1 {

  padding-top: 37px;

}

#contents .profileBlock ul.settings li.row4 div.col1.single,

#contents .profileBlock ul.settings li.row5 div.col1.single {

  padding-top: 53px;

}

#contents .profileBlock ul.settings li.row4 div.col2,

#contents .profileBlock ul.settings li.row5 div.col2 {

  padding: 32px 0 34px 24px;

}

#contents .profileBlock ul.settings li.row1 div.col2, #contents .profileBlock ul.settings li.row3 div.col2, #contents .profileBlock ul.settings li.row5 div.col2 {

  border-right: 1px solid #e9e9e9;

}

#contents .profileBlock ul.settings input[type="text"] {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-bottom: 8px;

  padding-left: 10px;

  width: 318px;

  height: 62px;

  border: 3px solid #99cc00;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  font-family: 'メイリオ','ＭＳ Ｐゴシック','MS P Gothic', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka, sans-serif;

  font-size: 18px;

  font-weight: bold;

}

#contents .profileBlock ul.settings input.secretkey {

  margin-top: 13px;

}

#contents .profileBlock ul.settings .customSelectbox {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  float: none;

  margin-bottom: 5px;

  width: 318px;

  height: 62px;

  border: 3px solid #99cc00;

  color: #333;

}

#contents .profileBlock ul.settings .customSelectbox span {

  height: 100%;

  line-height: 62px;

  font-size: 18px;

}

#contents .profileBlock ul.settings .customSelectbox select {

  height: 58px;

}

#contents .profileBlock ul.settings input[type="text"].fix,

#contents .profileBlock ul.settings .customSelectbox.fix {

  border-color: #999;

}

#contents .profileBlock ul.settings input[type="text"].alert,

#contents .profileBlock ul.settings .customSelectbox.alert {

  border-color: #c66;

  background-color: #fff4f4;

}

#contents .profileBlock.challenge .edit.btn, #contents .profileBlock.challenge .delete.btn {

  float: left;

}

#contents .profileBlock.challenge .delete.btn {

  margin-left: 30px;

}

#contents .profileBlock.nanshi ul.settings li.row1 div.col1 {

  padding-top: 63px;

}

#contents .profileBlock.nanshi ul.settings li div.col3.top {

  padding: 25px 0 0 10px;

}

#contents .profileBlock.top h1 {

  margin-bottom: 0;

  text-align: center;

}

#contents .profileBlock.top h2 {

  color: #333;

  font-size: 18px;

  font-weight: bold;

  text-align: center;

}

#contents .profileBlock.top .contentsDisplay {

  margin-top: 15px;

  padding: 12px 0 0 20px;

  border-top: 6px solid #d1e9f8;

  background-color: #f1faff;

}

#contents .profileBlock.top .contentsDisplay img {

  margin-right: 4px;

  margin-bottom: 10px;

}

#contents .profileBlock.top .btn.next {

  margin-top: 25px;

  margin-bottom: 60px;

}

#contents .profileBlock.eula h1 {

  margin-bottom: 0;

  text-align: left;

}

#contents .profileBlock.eula h2 {

  margin: 7px 0 0 5px;

  color: #333;

  font-size: 16px;

  font-weight: bold;

  text-align: left;

}

#contents .profileBlock.eula .eulatext {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-top: 20px;

  padding: 20px 30px;

  border: 1px solid #e4e4e0;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  background-color: #faf9f5;

  height: 330px;

  overflow-x: hidden;

  overflow-y: scroll;

}

#contents .profileBlock.eula .eulatext pre {

  white-space: pre-wrap;

  word-wrap: break-word;

  overflow: auto;

}

#contents .profileBlock.eula .btns {

  margin-top: 30px;

  margin-bottom: 47px;

  padding: 0 0 0 140px;

  text-align: center;

  overflow: hidden;

}

#contents .profileBlock.eula .btns .btn {

  display: inline-block;

  float: left;

  margin: 0 20px 0 0;

}

#contents .profileBlock.eula .btns .btn.not.agree {

  padding-top: 15px;

  font-size: 26px;

  line-height: 1;

  background: url(../img/close_button_icon.png) 34px 26px no-repeat;

}

#contents .profileBlock.eula .btns .btn.not.agree .small {

  font-size: 16px;

  line-height: 1;

}

#contents .profileBlock.complete .message {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-top: 20px;

  padding-top: 115px;

  border: 1px solid #e4e4e0;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  background-color: #faf9f5;

  height: 290px;

}

#contents .profileBlock.complete h1 {

  margin: 0;

  text-align: center;

}

#contents .profileBlock.complete p {

  text-align: center;

  font-size: 16px;

  font-weight: bold;

}

#contents .profileBlock.complete .btn.next {

  padding-top: 24px;

  font-size: 24px;

}

#contents .error {

  color: #c00;

}

#contents .error.hide {

  display: none;

}

#contents .btn {

  display: block;

  text-decoration: none;

  color: #333;

  font-weight: bold;

}

#contents .btn.register, #contents .btn.next, #contents .btn.agree {

  margin: 32px auto;

  padding: 18px 0 0 23px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 320px;

  height: 80px;

  border: 2px solid #ccc;

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  -ms-border-radius: 40px;

  -o-border-radius: 40px;

  border-radius: 40px;

  background: url(../img/register_button_icon.png) 34px 26px no-repeat;

  text-align: center;

  font-size: 30px;

}

#contents .btn.edit {

  padding: 14px 0 0 17px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 296px;

  height: 56px;

  border: 2px solid #ccc;

  -webkit-border-radius: 28px;

  -moz-border-radius: 28px;

  -ms-border-radius: 28px;

  -o-border-radius: 28px;

  border-radius: 28px;

  background: url(/member/profile/images/edit_button_icon.png) 27px 18px no-repeat;

  text-align: center;

  font-size: 18px;

}

#contents .btn.delete {

  padding: 14px 0 0 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 296px;

  height: 56px;

  border: 2px solid #ccc;

  -webkit-border-radius: 28px;

  -moz-border-radius: 28px;

  -ms-border-radius: 28px;

  -o-border-radius: 28px;

  border-radius: 28px;

  background: url(/member/profile/images/delete_button_icon.png) 27px 14px no-repeat;

  text-align: center;

  font-size: 18px;

}

#contents .btn.close {

  width: 58px;

  height: 58px;

  background: url(/member/profile/images/close_button.png) 0 0 no-repeat;

}

#contents .btn.close:active {

  background-position: 0 -58px;

}

#contents input[type="radio"].customRadio {

  font-size: 100%;

  width: 1em;

  margin: 0;

  padding: 0;

  opacity: 0;

}

#contents input[type="radio"] + label:before {

  display: inline-block;

  content: "";

  vertical-align: middle;

  background-color: white;

  color: #333;

  width: 26px;

  height: 26px;

  margin-right: 10px;

  background: url(/member/profile/images/radio.png) 0 -26px no-repeat;

}

#contents input[type="radio"]:checked + label:before {

  background: url(/member/profile/images/radio.png) 0 0 no-repeat;

}

#contents .customSelectbox {

  position: relative;

  border: solid 2px #99cc00;

  border-radius: 2px;

  display: inline-block;

}

#contents .customSelectbox > span {

  font-size: 20px;

  position: relative;

  display: block;

  height: 32px;

  padding: 0 32px 0 10px;

  line-height: 32px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

#contents .customSelectbox > span:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 11px;

  width: 16px;

  height: 11px;

  background: url(/member/profile/images/btn_pulldown.png) center center no-repeat;

  overflow: hidden;

  text-indent: -9999px;

  margin-top: -6px;

}

#contents .customSelectbox select {

  position: absolute;

  width: 100%;

  height: 32px;

  line-height: 32px;

  left: 0;

  top: 0;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

#contents #secretkeyPopup {

  display: none;

  position: absolute;

  top: -110px;

  left: 183px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 28px 0 0 44px;

  width: 735px;

  min-height: 455px;

  background-color: #fff;

  border: 4px solid #ccc;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

  z-index: 1000;

}

#contents #secretkeyPopup #popupCloseBtn {

  position: absolute;

  top: 2px;

  right: 4px;

}

#contents #secretkeyPopup img.arrow {

  position: absolute;

  top: 200px;

  left: -31px;

}

#contents #secretkeyPopup .title {

  margin-bottom: 8px;

  margin-left: -1em;

  color: #f09;

  font-size: 21px;

}

#contents #secretkeyPopup .catch {

  margin-top: 18px;

  margin-bottom: 5px;

  margin-left: -0.5em;

  color: #39f;

  font-size: 24px;

}

#contents #secretkeyPopup .attention {

  margin-top: 22px;

  margin-bottom: 8px;

  margin-left: -0.5em;

  color: #f90;

  font-size: 21px;

}

#contents #secretkeyPopup .red {

  color: #f00;

  font-size: 16px;

}

#contents #secretkeyPopup .attentionText {

  margin-bottom: 18px;

  margin-left: 2em;

}

#contents #secretkeyPopup p {

  color: #666;

  font-size: 13px;

  line-height: 1.4;

}

#syn       { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#636363;}



#syn em    { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; font-style:normal; font-weight:bold; line-height:20px;}



#syn p     { margin:5px; line-height:20px;}

#syn td    { font-size:12px; color:#636363; vertical-align:top; line-height:20px;}



#syn .sub  { margin-left:15px; font-size:12px !important; }



#syn ol    { margin-top:5px; padding-left:15px; }



#syn ol li    { font-size:12px; line-height:20px; margin-top:5px; text-indent:-15px; padding-left:15px;}