@charset "shift_jis";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/*
---------------------------------------------
	reset
---------------------------------------------
*/

html{
	overflow-y:scroll;
}
/*画像の隙間をなくす*/
img{
	vertical-align: bottom; 
	border: 0px;
}

ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none;
}

h2{
	margin:10px 0;
}

/* input iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*汎用クラス*/

/*テーブル*/
table.table01,
table.table02,
table.table03{
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}

table.table01 th,
table.table01 td,
table.table02 th,
table.table02 td,
table.table03 th,
table.table03 td{
	padding:5px;
}

table.table01 th,
table.table02 th,
table.table03 th{
	background:#CCC;
}

table.table01 td,
table.table02 td,
table.table03 td{
	background:#FFF;
}
input,textarea,select{
	max-width:90%;
}

/*左右に余白*/
.inq_inner{
  padding: 0 10px;
}

/*付記　小さい文字*/
.smalltxt{
  font-size: 10px;
}

/*重要な箇所　赤字*/
.necessary{
  color: #f00;
}

/*labelのカーソル*/
label{
  cursor: pointer;
}

/*
formのプレテキスト
*/
input::placeholder{
  color: #ccc;
}
input:focus::placeholder{
  color: transparent;
}

/*
---------------------------------------------
	layout
---------------------------------------------
*/

body.memberform input,
body.memberform select,
body.memberform textarea{
	padding: 8px 12px;
	font-size:14px;
}
body.memberform input[type="text"],
body.memberform input[type="email"],
body.memberform select[type="text"],
body.memberform input[type="age"],
body.memberform textarea{
	border:1px solid #ccc;
	border-radius:6px;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.15) inset; */
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
body.memberform input[type="text"]:focus,
body.memberform input[type="email"]:focus,
body.memberform select[type="text"]:focus,
body.memberform select[type="age"]:focus,
body.memberform textarea:focus{
	background:#eaf9fb;
}
input[type=checkbox] {
/*    width: 24px;
    height: 24px;
*/    vertical-align: middle;
  cursor: pointer;
}
input[type=radio] {
/*    width: 24px;
    height:24px;
*/    vertical-align: middle;
  cursor: pointer;

}

body.memberform{
	width:480px;
	margin:0 auto;
	padding:20px 20px 20px;
	background:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333;
}

body.memberform h1 {
    text-align: center;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 12px;
    /*border: 1px solid #565456;*/
    background: #00a53c;
    color: #FFF;
    font-weight: bold;
}
body.memberform h2{
	padding:12px;
  border: 0 solid #edefef;
  border-width: 4px 0;
  font-size: 16px;
  font-weight: bold;
  margin: 26px 0 12px;
}

body.memberform h2 span{
	padding:2px;
	border:1px solid #666;
	background:#CCC;
}

body.memberform h2 span input{
	vertical-align:middle;
}

body.memberform a {
	color:#B50081;
}
body.memberform div#contents{
	width:100%;
	margin:0 auto;
	padding:0;
}

/* 
個人情報について　.inq_text 
*/
body.memberform .inq_text{
	border: 4px solid #efefef;
  margin: 12px 0;
  padding: 12px;
  text-align: center;
}
body.memberform .inq_text-title{
    font-weight: bold;
    background: transparent;
    border: none;
    margin: 4px 0 10px;
    padding: 0;
    font-size: 16px;
}
body.memberform div#contents div p.agree{
	background: #f2faf5;
	padding: 8px;
	margin: 0;
}
body.memberform .agree label{
  font-weight: bold;
  font-size: 15px;
}
body.memberform .agree label span{
	font-size: 11px;
}

/**/
body.memberform div#contents table.table01{
	width:100%;
	margin:10px 0;
	table-layout:fixed;
  /*border: 1px solid #ccc;*/
}

body.memberform div#contents table caption{
	margin:0 0 10px;
	text-align:left;
}

body.memberform div#contents table th{
	text-align:left;
}

body.memberform div#contents table td{
}

body.memberform div#contents div p{
	margin:0 0 15px;
}

body.memberform div#contents div.button,
body.memberform div#contents p.button{
	text-align:center;
  width: 200px;
  margin: 20px auto 35px;
}

body.memberform div#contents table .caution{
	margin:0 0 10px;
	color:#777;
	font-size:12px;
	display:block;
}

body.memberform div#contents table .caption{
	margin:0 0 10px;
	color:#777;
	font-size:12px;
	display:block;
}

body.memberform div#contents table.table01 th,
body.memberform div#contents table.table01 td{
	padding:20px 15px 25px;
}
body.memberform div#contents table.table01 th{
	font-size:14px;
	background:#f6f6f6;
}
body.memberform div#contents table.table01 th{
	font-size:14px;
	background:#f6f6f6;
  padding: 10px 14px;
  font-weight: bold;
  /*border: 1px solid #ccc;*/
}

body.memberform strong.hisu,
body.memberform div#contents table.table01 th strong{
	font-size:11px;
  color: #f00;
	vertical-align:middle;
	padding:0 0 0 10px;
  font-weight: bold;
	}


body.memberform div#contents table.table01 th.mail{
}

body.memberform div#contents table.table01 th.mail p.link{
	margin:4px 0;
	padding:5px;
	background:#FF9;
}

body.memberform div#contents table.table01 th.mail p.caution{
	margin:10px 0;
}

body.memberform div#contents table.table01 th.mail1,
body.memberform div#contents table.table01 th.mail2{
}

/*住所*/
body.memberform table.table01 td dl.sub_item {}
body.memberform table.table01 td dl.sub_item dt{
	width:70px;
	display:inline-block;
	vertical-align:top;
	padding:12px 5px 0 0;
	text-align:right;
}
body.memberform table.table01 td dl.sub_item dd{
	width:360px;
	display:inline-block;
	vertical-align:top;
	padding:5px 5px 0 0;

}
body.memberform table.table01 td dl.sub_item dd input{
	max-width:100%;
}
body.memberform table.table01 td dl.sub_item dd .caption{
	font-size:10px;
}
body.memberform table.table01 td dl.sub_item.address dt{
	width:70px;
}
body.memberform table.table01 td dl.sub_item.address dd{
	width:360px;
}
body.memberform table.table01 td dl.sub_item.school dt{
	width:120px;
}
body.memberform table.table01 td dl.sub_item.school dd{
	width:310px;
}

/*
お客様情報の開示について
*/
.inq_yesNo {
  padding: 5px;
  text-align: center;
}
.inq_yesNo label {
  font-weight: bold;
  margin: 0 0 0 2px;
}

/*
宛先を選ぶ
*/
.shop_choice span{
  display: block;
  padding: 2px 15px;
}

/*
確認画面へ　ボタン
*/
body.memberform .button_submit,
input[type="submit"],
input[type="button"],
body.memberform .button input[type="submit"],
body.memberform .button input[type="button"]{
  padding: 14px 40px 16px;
  border: none;
  background: #00a53c;
  color: #FFF;
  font-weight: bold;
  border-radius: 100px;
  display: block;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  font-size: 18px;
	    margin-bottom: 20px;
}
body.memberform .button input[type="button"]{
	background: #edefef;
	border: 1px solid #ccc;
    color: #333;
}
body.memberform .button_submit:hover {
  opacity: 0.6;
}
/*body.memberform .button{
	position: relative;
}
body.memberform .button::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 4px solid transparent;
  border-color: #565456 #565456 transparent transparent;
  transform: rotate(45deg);
  top: 21px;
  right: 40px;
}*/

body.memberform .foot_txt {
	background:#e2e2e2;
	text-align:center;
	padding:15px 15px;
	font-size:12px;
	margin-bottom:20px;
}
body.memberform .foot_txt .consent {
	font-size:14px;
}

/*
フォーム(Eメール)でのお問い合わせについて
*/
.inq_mailNotice{
  padding: 10px;
  background: #edefef;
}

/*
SSLに関しての端書
*/
.inq_sslInfo{
  font-size: 10px;
  padding: 10px;
}

/*バリデーション*/
label.error {
  display: block;
  color: #f00;
  font-size: 12px;
  background: transparent;
  padding: 1px 2px;
  border-radius: 2px;
  margin: 0 0 1px 0;
  font-weight: bold;
}

/*上部テキスト*/
body.memberform .formtxt {}
body.memberform .formtxt dl.contact{
}
body.memberform .formtxt dl.contact dt{
	font-weight:bold;
	text-align:center;
}
body.memberform .formtxt dl.contact dd {
	margin:0 0 15px 0;
}
body.memberform .formtxt dl.contact dd div{
	marign:5px ;
}
body.memberform .formtxt dl.contact dd ol {
	padding:0 0 0 1.5em;}
body.memberform .formtxt dl.contact dd p{
	text-align:center;
	color:#D50003;
	margin:15px 0 5px 0 !important;
}
body.memberform .formtxt dl.contact dd ol li{
	list-style:outside decimal;

}



/*-----------------------------------------------
求人フォーム
------------------------------------------------*/
body#recruit_entry {}
body#recruit_entry h3{
	background:#eee;
	padding:10px;
	font-weight:bold;
	margin:0 0 10px 0;
	border:2px solid #aaa;

}
body#recruit_entry .foot_txt {
	text-align:left;
}
body#recruit_entry .foot_txt .consent{
	font-size:16px;
	text-align:center;
}

body#recruit_entry .foot_txt h4{
	font-weight:bold;

}
.recruit_foot_txt{ 
	height:150px;
	overflow:auto;
	background:#fff;
	text-align:left;
	padding:10px;
	border:1px solid #333;
}
.recruit_foot_txt p{ 
	margin:0 0 15px 0;
}

/*ベリサインのテーブル*/
body.memberform div#contents table.table02 th{
	border-right:1px solid #FFF;
	text-align:center;
	background:#FFF;
}


/*退会の選択ボタンのテーブル*/
body.memberform div#contents table#cancel-table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #999;
	padding:0;
	background:#FFF;
}

body.memberform div#contents table#cancel-table td{
	width:33.3%;
	padding:5px 0;
	border:1px solid #999;
	white-space:nowrap;
}

/*登録情報の変更、退会*/
body.memberform div#change-change,
body.memberform div#change-cancel{
	padding:10px;
	border:2px solid #CCC;
}

/*-----------------------------------------------
加盟店　資料請求
------------------------------------------------*/
body#contact_fc {}
body#contact_fc h3 {
	background:#eee;
	padding:10px;
	font-weight:bold;
	margin:0 0 10px 0;

}

/*
---------------------------------------------
	body#terms
	規約をスタイルする
---------------------------------------------
*/


body#terms div.terms{
	overflow:auto;
	width:458px;
	height:300px;
	margin:0 0 20px;
	padding:10px;
	border:1px solid #CCC;
	background:#FFF;

}

body#terms div.terms h2,
body#terms div.terms p,
body#terms div.terms ol{
	margin:0 0 15px;
}

body#terms div.terms h2{
	padding:0;
	background:none;
}

body#terms div.terms li ul{
	margin:10px 20px;
}

body#terms div.terms ul{
	padding-left:0;
}

body#terms div.terms ol{
	padding-left:20px;
}

body#terms div.terms ol li{
	list-style-type:decimal;
}


/*
---------------------------------------------
	body#membersend
	確認メール送付をスタイルする
---------------------------------------------
*/


body#membersend p{
	margin:0 0 10px;
}

body#membersend div#contents p.caution{
	margin:0 0 20px;
}



/*
---------------------------------------------
	body#memberverify
	登録完了画面をスタイルする
---------------------------------------------
*/


body#memberverify p{
	margin:0 0 20px;
}

body#memberverify div#perk {
	border:solid 2px #FF6600;
	padding:10px;
	margin:10px auto 5px;
	width:440px;
	overflow:hidden;
}

body#memberverify div#perk img {
	float:left;
}

body#memberverify div#perk p {
	margin-left:215px;
	margin-top:0px;
}

body#memberverify div#printbtn {
	text-align:center;
	float:none;
	margin:10px auto 15px;
}

body#memberverify p.verifycaution {
	text-align:center;	
}

/*
---------------------------------------------
	body#smartphone
	スマートフォンをご利用のお客様をスタイルする
---------------------------------------------
*/


body#smartphone p{
	margin:0 0 20px;
}

body#smartphone p.close{
	width:100%;
	text-align:right;
	margin:0 0 10px;
}

body#smartphone div.iphone{
	margin:10px 0 20px;
	padding:10px 10px;
	background:#DFF4D4;
}

/*
-------
ssl
-------
*/
.ssl_txt {
	margin:10px;
	border:1px solid #ddd;
	border-radius:4px;
	padding:10px;
	color:#333;
	font-size:12px;

}
/*
---------------------------------------------
法人用　問い合わせ　追加　contact3
---------------------------------------------
*/
body.memberform.contact3 h1 {
    border-left: 5px solid #4d992e;
}
body.memberform h1 span.subttl {
	display:block;
	font-size:12px;
	line-height:16px;
}
/**contact3用**/
body.memberform.contact3 div#contents table.table01 th{
	background:#dfebd5;
}