@charset "utf-8";

body,tr,td,th,input,textarea,select,option { 
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
font-size:13px;color: #333333;
}

body{ color:#505152;line-height:130%;background-color:#ffffff; -webkit-text-size-adjust: none;}
td{ font-size:13px; line-height:130%; }
input,textarea{color: #333333; font-size:14px;padding:3px 1px 3px;}
div{box-sizing:border-box;}

big{font-size:14px;line-height:130%;}
small{font-size:12px;line-height:120%;}
.strong{ font-size:15px;font-weight:bold;line-height:130%; }
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.vtop{ vertical-align:top; }
.nobr{ white-space: nowrap; }

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

/* タイトル */
.title{
background-color:#e6e6ff;color:#333333;width:700px;
padding:7px 5px 5px 10px;margin:0 auto 0;
border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.title #titletxt{ font-size:16px; font-weight: bold; text-align:left;}
/* トップページ メニュー */
.menu_table{width:100%;}
/* ボタン */
.top_menu_button{width:200px;font-size:14px;padding:3px;margin-bottom:5px;}
.send{font-size:14px;padding:3px 20px 3px;margin:10px 0 10px;}
.rtn{font-size:14px;padding:3px 12px 3px;margin:10px 0 10px;}
.modoru{padding:1px 3px 1px;margin:3px 0 3px;}
input[type=submit]:hover, input[type=button]:hover , input[type=reset]:hover { background: #ffffff;}
/* 角丸, 影 */
input[type=submit],input[type=text],input[type=tel],input[type=email],input[type=button],input[type=password], input[type=reset], textarea, select{
	border: #c0c0c0 1px solid;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
/* 外枠 */
.content{width:600px;margin: 0 auto 0;text-align:center;}
/* 説明 */
.explan{width:100%; margin:10px auto 10px; text-align:left;}
/* フォーム項目*/
.yform{clear:both; }
.formTD1{
	width:150px;
	background-color:#e6e6ff; 
	border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898;
	padding:8px 8px 8px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* フォーム入力*/
.formTD2{
	width:450px;
	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;
}
/* 最上段の項目の上線&角丸 */
.top_line{border-top:1px solid #989898;}
.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;}
/* 市町村入力 */
.t_form{width:350px;}
/* エラーメッセージ */
.error_message{ 
width:600px;padding:10px; margin:0px auto 10px;
border:1px solid #ff0000;
border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.error_message span{color:#ff0000; font-weight:bold;}
/* 退会完了後のメッセージ */
 .unsub_msg{
	width:500px; border:1px solid #6b8e63;border-radius: 4px;
	padding:8px;margin:5px auto 10px; text-align:left;
}

/* 会員ページログイン */
/* ID */
#ID{ ime-mode:disabled;width:150px;  }
/* パス*/
#pas{ font-size:13px;width:150px;ime-mode:disabled; }
/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px; } 

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* 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;}


/******** レスポンシブ設定 ******/
@media screen and (max-width:710px){ 
.title{ width:100%;}
}
@media screen and (max-width:610px){ 
.content{ width:95%;}
.error_message,  .unsub_msg{ width:100%;}
/*項目名*/
.formTD1{ width:100%; display:block; border-top:1px solid #989898;border-radius: 4px;}
.formTD1.top_line, .formTD1.botm_line{border-radius: 4px;}
/*入力部*/
.formTD2{  width:100%;display:block; border:0; margin-bottom:10px;}
}
@media screen and (max-width:360px){ 
.t_form{ width:280px;}
}