@charset "utf-8";  

/* 会員ページ用CSS */

body{
font-size:13px;
color:#505152;background-color:#ffffff;
line-height:130%; -webkit-text-size-adjust: none;
}

body,input,textarea,option{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;}

td{
font-size:13px;
line-height:130%;
}


.strong{
font-size:15px;
font-weight:bold;
line-height:130%;
}

/* 入力フォーム */
select,input,textarea{ 
	font-size:13px;padding:2px;margin:1px;
	color:#333333; border:1px solid #6e6e6e; 
	border-radius:4px;  box-shadow: 1px 1px 1px 1px rgba(200,200,200,0.1);   /* 角丸 ぼかし*/   
}

big{ font-size: 110%; line-height:110%;font-weight:bold;}
small{ font-size: 9%; 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{ vertical-align:middle;}

a{color:#0000ff;}
a:visited {color:#000080;}
a:hover {color:#f7657b;}

.content{
	max-width:700px; width:100%;
	margin: auto;
	text-align:center;
}


/* タイトル */
.title{
background-color:#eeeeee;color:#333333;
padding:7px 5px 5px 10px;
border-radius:4px; 
}
.title #titletxt{ font-size:16px; font-weight: bold; text-align:left;}


/* トップページ メニューボタン */
.top_menu_button{
max-width:200px; width:100%;
font-size:14px;
padding:3px;
margin-bottom:5px;
}
/*メニュー説明部*/
.menu_txt{
max-width:500px; width:100%; margin:5px auto;
text-align:center;
}
/* アクセス制限,期限切れメッセージ */
.access_error{color:#ff0000; font-weight:bold;}


.yform{clear:both;}
/* 最上段の項目の上線 */
.top_line{border-top:1px solid #989898;}

/* フォームの 項目用 TDタグ */
.formTD1{
	width:200px;
	background-color:#eeeeee; font-weight:bold;
	border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898;
	padding:8px 3px 8px;border-spacing:0;text-align:center; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* フォームの 入力部用 TDタグ */
.formTD2{
	width:500px;
	background-color:#ffffff; 
	border-right:1px solid #989898;border-bottom:1px solid #989898;
	padding:5px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}


/* リスト式説明文 <ul><li>*/
.list_txt{margin:2px 0 2px 20px;padding:0;}

/*エラーメッセージ*/
.error_msg{
border:1px solid #ff0000;
margin:15px auto 15px;
}
.error_msg td{
padding:10px; box-sizing:border-box;
text-align:left;font-weight:bold;
}



/*処理完了メッセージ*/
.ending_msg{
border:1px solid #6b8e63;
max-width:500px; width:100%; 
padding:15px; box-sizing:border-box;
margin:20px auto 0;
text-align:center;
}


/* フォームサイズ */
.form01{width:300px;}
.form02{width:200px;}
.form03{width:100px;}
.form04{width:270px;}

/* 送信ボタン */
.button01{padding:5px 20px 5px;}
/* リセット/戻る ボタン */
.button02{padding:5px 10px 5px;}
/* ボタン周辺 */
.button_area{margin:15px 0 0;}

.table_border{ background-color:#a9a9a9; }

/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 



/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color: #e9e9ed;color:#000000;}

/******** レスポンシブ ******/
/******** 700未満 ******/
@media screen and (max-width:710px){ 
.content{ width:100%; }
.top_line{border:0;}
/*項目名*/
.formTD1{ width:100%; display:block; border-top:1px solid #989898;text-align:left;padding-left:15px;border-radius:4px;}
/*入力部*/
.formTD2{ width:100%; display:block; border:0; margin-bottom:10px; padding:5px 10px 5px 1px;}
}

/******** 600未満 ******/
@media screen and (max-width:600px){ 

}
/******** 350未満 ******/
@media screen and (max-width:350px){ 
.form01, .form02 ,  .form04{width:96%;}

}