@charset "utf-8";

/* フォームの 項目用 TDタグ */
.formTD1{
	padding:8px 3px 8px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* フォームの 入力部用 TDタグ */
.formTD2{
	padding:5px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* 最上段の項目の上線&角丸 */
.formTD1.top_line{border-radius: 4px 0 0 0;}
.formTD2.top_line{border-radius: 0 4px 0 0;}
.formTD1.botm_line{border-radius: 0 0 0 4px;}
.formTD2.botm_line{border-radius: 0 0 4px 0;}
/* 単項目 上線＆角丸 */
.formTD1.all_line{border-radius: 4px 0 0 4px;}
.formTD2.all_line{border-radius: 0 4px 4px 0;}


/**************************************************************************************/
/******* ↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓ *******/
/*Temp_StyleSheetIN*/
.content{width:680px;}
.top_line{border-top:1px solid #708090;}
.TitleTable{background-color:#e6e6ff; color:#333333; border:1px solid #708090; }
.formTD1{width:180px; background-color:#e6e6ff; color:#333333; font-size:13px; font-weight: bold; border-left:1px solid #708090;border-right:1px solid #708090;border-bottom:1px solid #708090;}
.formTD2{width:500px; background-color:#ffffff; color:#333333; border-right:1px solid #708090;border-bottom:1px solid #708090;}
.BlockTitle{color:#008000; font-size:15px; font-weight: bold;}
.seq_form{background-color:#f0ffff; font-weight: bold;}
.errorMSG{border:2px solid #f7657b; }

/******** レスポンシブ 680px未満******/
@media screen and (max-width:690px){ 
.content{ width:100%; }
/*項目名*/
.formTD1{ width:100%; display:block; border-top:1px solid #708090;border-radius: 4px;}
.formTD1.top_line, .formTD1.botm_line{border-radius: 4px;}
/*入力部*/
.formTD2{ width:100%; display:block; border:0; margin-bottom:10px;}
}

/*Temp_StyleSheetOUT*/
/******* ↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑ *******/
/**************************************************************************************/




/*************** ↓これより下はご自由に追加・変更が可能です。↓ ***************/
body,tr,td,th,input,textarea,select,option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:13px;
}
html, body {
	margin:0 8px 0;   -webkit-text-size-adjust: 100%;
	line-height:110%; 
	background-color:#ffffff;
	color:#333333;
}
a:link{ color: #0000ff; }
a:visited{ color: #000080; }
a:active{ color: #ff0000; }
a:hover{ color: #ff0000; }
td, th{ font-size: 13px; line-height:110%;}

big{ font-size:110%; line-height:110%;font-weight:bold;}
small{ font-size:90%; line-height:110%;}
img{border:0px;}
.vtop{ vertical-align:top; }
.vmid{ vertical-align:middle; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.nobr{ white-space: nowrap; }
input{ margin:1px; vertical-align:middle;} 
input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

input[type=text],input[type=tel],input[type=password],input[type=email],input[type=button],textarea,select { border: #c0c0c0 1px solid; padding:2px;font-size:110%;color:#000000;}
/* iPhone フォーム上側の枠線影対策 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=reset],input[type=password],textarea{ 
	-webkit-appearance: none; 
}

.content{
	margin: auto;
	text-align:center;
}

/* 必須アイコン */
.esse{
	vertical-align:middle; 
	margin-right:1px;
}

/* タイトル部 Tableタグ 追加 */
.TitleTable{
	text-align:center;
	margin:5px 0 10px;
	padding:8px 0 8px;
	height:50px;width:100%;
}

/* 角丸, 影 */
input[type=text],input[type=tel],input[type=password],input[type=email],input[type=button], textarea, select, .TitleTable, .errorMSG, .seltable, .kiyaku_frame{
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}

.yform{clear:both;}



 /* ブロックのタイトル 追加 */
.BlockTitle{
	margin:15px 0 10px;
	text-align:left;
}
 /* ブロックの注意書き */
.BlockTxt{text-align:center;}
.BlockTxt td{ text-align:left;font-size:13px; }
.BlockTxt table{ margin:auto; }

/* 画像認証用フォーム */
.seq_form{background-color: #e5f2fb;font-weight: bold;}


/* エラーメッセージの外枠 追加 */
.errorMSG{
	width:400px; max-width:100%;
	text-align:left;
	padding:10px;box-sizing:border-box;
	margin: auto;
}
/* エラーメッセージ List */
.warning{ margin:0 0 0 1px;padding:0;list-style-type:none;}

/* 確認/送信/リセット/戻る ボタン */
.submitset{
	text-align:center;
	margin:15px 0 20px; 
}
.submitset input, #rset, #send{
	width:100px;height:30px;border: #c0c0c0 1px solid;
	background-color: #e9e9ed;color:#000000;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.submitset input:hover, #send:hover, #rset:hover { background-color:#b0c7f0;}
/*リセット非表示*/
input[type=reset]{display:none; }


/* ファイルアップロード中のメッセージ */
#fileupmsg{
	margin:10px;
	color:#ff0000;
	font-size:15px;
}

/* 郵便番号入力住所表示 */
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
.addframe{position:static;}

/*** 規約表示 ***/
/* 表示枠 */
.kiyaku_frame{
	border:solid 1px #dde1e2;
	padding:7px;
	background-color:#ffffff; 
}
/* チェックBOX ＆ 同意文 */
.kiyaku_chek{
	margin:10px 0 3px;
	font-weight:bold;
}
/* 注意書き */
.kiyaku_Inst{
	color:#ff0000;
}

/* ラジオ、チェックBOX*/
.menulist, .menulist ul{
	margin:0; padding:0; width:100%; text-align:left;
}
.menulist li{
	padding:0px;margin:2px 1px 2px;
	text-align:left;list-style-type:none;
	float:left;
}
.menulist input{margin:-2px 3px 0 0;}
/* ラジオ、チェックBOX リス<li>幅 */ 
.liwid2{width:49%;}
.liwid3{width:32%;}
.liwid4{width:24%;}
.liwid5{width:19%;}
.liwid6{width:16%;}
.liwid7{width:13%;}
.liwid8{width:12%;}
.liwid9{width:10%;}
.liwid10{width:9%;}


/* グループ設定時の ラジオボタン、チェックボックス、ファイルアップ フォームの外枠 */
.group_table{margin:5px 0 5px;width:100%;}
/* パスワードフォーム 目アイコン*/
.iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 

/******** レスポンシブ ******/
/******** 600未満 ******/
@media screen and (max-width:600px){ 
.liwid2{width:100%;}
.liwid3, .liwid4{width:49%;}
.liwid5, .liwid6, .liwid7, .liwid8{width:32%;}
.liwid9, .liwid10{width:24%;}
/*項目名*/
.formTD1.all_line{border-radius:4px; }
/*入力部*/
.formTD2.all_line{border:0;}
}
/******** 400未満 ******/
@media screen and (max-width:400px){ 
.liwid2, .liwid3, .liwid4{width:100%;}
.liwid8, .liwid9, .liwid10, .liwid5, .liwid6, .liwid7{width:49%;}
}