* {
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

/* ボディ */
.body {
  width:770px;
  height:96%;
  background-color: #ffffff;
  color: #000000;
  margin:0 auto;
}

/* ヘッダーエリア */
.headArea {
  text-align: center;
  margin-top: 5px; 
  margin-bottom: 20px;
}
/* タイトルエリア */
.titleArea {

  margin-top: 50px; 
  font-size: 35px;
  color:#4cbfbf;
  text-align: center; 


}
/* リードエリア */
.readArea {
  margin:50px 0 0;
  padding: 36px 48px 12px;
  font-size: 17px;
  text-align: center; 
  border-radius: 10px 10px 0 0;
  background-color: #f5f5f5;
}

.froggy-readHeader {
  position: absolute;
  width: 770px;
  display: block;
  font-size: 180%;
  color: #4cbfbf;
  margin: -116px 0 0 -48px;
  text-align: center;
}

/* コンテンツエリア */
.contentArea {
  margin:-10px 0 24px;
  padding: 12px;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background-color: #f5f5f5;
} 

.contentArea > form *:not(.twoButtonArea):not(.oneButtonArea):not(.regFromTable):not(.loginFromTable):not(.errorMessageTable):not(.linkArea) {
  font-size: 0;
}

.contentArea > form .twoButtonArea *
, .contentArea > form .oneButtonArea *
, .contentArea > form .regFromTable *
, .contentArea > form .loginFromTable *
, .contentArea > form .errorMessageTable *
, .contentArea > form .linkArea * {
  font-size: 16px !important;
}


/* フッターエリア */
.footerArea {
  text-align: center; 
  margin-bottom: 20px;
}

/* 1つボタンエリア */
.oneButtonArea {
  text-align: center; 
  
}
 
/* 2つボタンエリア */
.twoButtonArea {
  margin-top: 10px;
  text-align: center; 
}

/* 2つボタンエリア　左ボタン */
.twoButtonArea .buttonLeft {
  width: 260px;
  padding: 16px;
  line-height: 19px;
  font-size: 16px;
  margin-bottom: 10px;
  cursor : pointer;
  background-color: #fff;
  color: #4cbfbf;
  border: 1px solid #4cbfbf;
  border-radius: 4px;
}

/* 2つボタンエリア　右ボタン */
.twoButtonArea .buttonRight {
  width: 260px;
  padding: 16px;
  line-height: 19px;
  margin-left: 20px;
  font-size: 16px;
  margin-bottom: 10px;
  cursor : pointer;
  background-color: #4cbfbf;
  color: #fff;
  border-style: none;
  border-radius: 4px;
}

/* リンクエリア */
.linkArea {
  text-align: center;
  margin-top: 5px;
  padding-bottom: 20px;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
}

/* 登録フォームテーブル */
.regFromTable {
  display: table !important;
  font-size: 16px;
  margin: 0 auto 32px;
  width: 700px;
  border-collapse: collapse;
/*border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
*/border-radius: 6px;
}

/*.regFromTable tr {
  background-color: #fff;
}*/

/* 登録フォームテーブル　項目名 */
.regFromTable th {
/*border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
*/text-align: left;
  padding: 12px 0;
/*background-color: #f3f3f3;*/
  width: 18%;
  font-size: 90%;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

/* 必須 */
.regFromTable th .required {
  padding-left: 5px;
  color: #FF0000;
  font-size: 90%;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
}

/* 登録フォームテーブル　入力項目 */
.regFromTable td {
/*border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
*/text-align: left;
  padding: 4px;
  width: 72%;
  font-size: 90%;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #e5e5e5;
}

.regFromTable td input {
  width: 95%;
  height: 36px;
  padding-left: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #eee;
}

/* 登録フォームテーブル　凡例 */
/* パスワード変更画面　　凡例 */

.loginFromTable td input {
  width: 95%;
}

.regFromTable td .note,
.loginFromTable td .note {
  color: #67A700;
  font-size: 90%;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
}

/* 登録フォームテーブル　エラーメッセージ */
.regFromTable td .errorMessage {
  color: #FF0000;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
  font-weight:bolder;
}

/* 利用規約 */
.contentArea iframe {
  display: none;
  height: 400px;
  width: 770px;
}

/* コンテンツフォーム　エラーメッセージ */
.contentArea .errorMessageTable {
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  color: #FF0000;
}

/* ログインフォームテーブル */
.loginFromTable {
  border:1px solid #CCCCCC;
  border-collapse:collapse;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
}

/* ログインフォームテーブル　項目名 */
.loginFromTable th {
  background-color:#ededed;
  text-align: right;
  padding: 5px;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
  white-space:nowrap;
}

/* ログインフォームテーブル　入力項目 */
.loginFromTable td {
  text-align: left;
  padding: 5px;
  font-family: YakuHanJP, Arial, Helvetica, sans-serif;
}

/* 1つボタンエリア ボタン */
.oneButtonArea input{
  height: 26px;
  width: 120px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor : pointer;
}