@charset "utf-8";

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
fieldset, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin:0;
	padding:0;
	border:none;
}

*{
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

html {
	text-align:center;
	padding:0;
	margin:0;
}

body {
	overflow-y:scroll;
	text-align:center;
	color:#000;
	margin:0;
	padding:0;
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	background:#fff;
	-webkit-text-size-adjust:100%;
	line-height:1;
	font-size:14px;
}
	
ul li{
	list-style:none;
	}
	
a{text-decoration:none;}


/***********
*　トップ　*
***********/

#TopMenu{
	margin:0;
	padding:20px;
	background:url(images/top_menu.jpg) no-repeat;
	background-size:cover;
	}
	
#TopMenuMain{

	margin:0 auto;
	background:rgba( 255, 255, 255, 0.8 );
	}
	
#TopMenuMain img{
	margin:60px auto 20px;
	width:95px;
	}
	
#ClinicName{
	font-size:18px;
	color:#0034a8;
	font-weight:bold;
	}
	
#TopSubTit{
	padding-bottom:40px;
	font-size:16px;
	}
	
#TopSubTit:before{
	content:"";
	display:block;
	width:240px;
	margin:10px auto;
	border-bottom:1px solid #999999;
	}	

#ReturnVisit,#FirstVisit{
	display:block;
	width:240px;
	padding:17px 0;
	font-size:16px;
	box-shadow: 4px 3px 3px  rgba(137, 137, 137, 0.5);
	border-radius:25px;
	}

#ReturnVisit{
	margin:0 auto 40px;
	color:#fff;
	background: linear-gradient(-135deg, #0071bc, #0034a8);
	background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);
	}
	
#FirstVisit{
	margin:0 auto 60px;
	color:#666;
	background:#fff;
	}
	
.ToTop{
	display:block;
	padding:20px 0 60px;
	color:#0071bc;
	}
	
/*********
*　初診　*
*********/
	
#New{
	background: linear-gradient(-135deg, #ccc, #fff);
	background: -webkit-linear-gradient(-135deg, #ccc, #fff);
	border-bottom:1px solid #004fa8;
	}
	
#NewTit{
	padding:20px 0;
	color:#0071bc;
	font-size:18px;
	font-weight:bold;
	}

.Strong{
	color:#ef3a22;
	font-weight:bold;
	}
	
.FirstName,.SecondName{
	display:inline-block;
	width:140px;
	}
	
.First,.Second{
	display:inline-block;
    width: 130px;
	margin-bottom:15px;
	padding:10px 0 10px 10px;
	font-size:16px;
    border:1px solid #0071bc;
	border-radius:6px;
	}
	
.NewNoteTit{
	margin-bottom:15px;
	color:#666;
	font-size:16px;
	}
	
#NewErrorTit{
	margin:20px auto;
	font-size:24px;
	}

/*********
*　再診　*
*********/

#Return{
	background: linear-gradient(-135deg, #0071bc, #0034a8);
	background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);
	}
	
#Return img{
	width:60px;
	padding:15px 0;
	}
	
#ReturnClinicName{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	}
	
#ReturnTopSubTit{
	/*padding-bottom:20px;*/
	padding-bottom:8px;	/* ノーザ用 */
	color:#fff;
	font-size:16px;
	}
	
#ReturnTopSubTit:before{
	content:"";
	display:block;
	width:240px;
	margin:10px auto;
	border-bottom:1px solid #fff;
	}	

#MainArea{
	width:300px;
	margin:0 auto;
	}

.Explanation{
	margin:25px auto 40px;
	line-height:1.3;
	}
	
.FormText{
	/*margin:0 0 5px 15px;*/
	margin:0 0 2px 15px;	/* ノーザ用 */
	font-size:16px;
	text-align:left;	
	}

.Birth,.TelNumber,.MailAddress{
    width: 280px;
	/*margin-bottom:15px;*/
	/*padding:10px 0 10px 10px;*/
	margin-bottom:8px;
	padding:3px 0 3px 3px;	/* ノーザ用 */
	font-size:16px;
    border:1px solid #0071bc;
	border-radius:6px;
	}
	
input{
	-webkit-appearance: none;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	}
/*
input[type="text"],
input[type="tel"],
input[type="email"]
{
	-webkit-appearance: none;
    width: 280px;
	margin-bottom:15px;
	padding:10px 0 10px 10px;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	font-size:16px;
    border:1px solid #0071bc;
	border-radius:6px;
    }
*/

.submit{
    text-align: right;
    }
	
.Bbtn,.BackBtn{
	display:block;
	width:275px;
	/*margin:25px auto 40px;*/
	/*padding:17px 0;*/
	margin:7px auto 10px;	/* ノーザ用 */
	padding:7px 0;		/* ノーザ用 */
	font-size:16px;
	box-shadow: 4px 3px 3px rgba(137, 137, 137, 0.5);
	border-radius:25px;
	}
	
.Bbtn{
	color:#fff;
	/*background: linear-gradient(-135deg, #0071bc, #004fa8);*/
	/*background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);*/
	background-color: #3AC200;	/*LINE色*/
	}
	
.BackBtn{
	color:#666;
	background:#f2f2f2;
	}
	
#Error{
	margin-bottom:40px;
	}
	
.ErrorText{
	margin:0 0 10px 20px;
	text-align:left;
	color:#ef3a22;
	font-size:15px;
	font-weight:bold;
	}
	
/***************
*　マイページ　*
***************/
	
#MypHead{
	/*padding-top:20px;*/
	padding-top:8px;	/* ノーザ用 */
	/*background: linear-gradient(-135deg, #0071bc, #0034a8);*/
	/*background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);*/
	background-color: #41C000;	/*LINE色*/
	}
	
#MypName{
	margin:25px auto 30px;
	font-size:20px;
	font-weight:bold;
	}
	
#NextPlan{
	font-size:20px;
	}

.PlanArea1{
	padding-bottom:50px;
	background:url(images/plan_area_bg.png) no-repeat center 10px;
	background-size:160px;
	}
	
.PlanArea2{
	padding-bottom:50px;
	background:url(images/plan_area_bg.png) no-repeat center 7px;
	background-size:140px;
	}
	
.PlanArea3{
	padding-bottom:50px;
	background:url(images/plan_area_bg.png) no-repeat center 10px;
	background-size:120px;
	}

.DeleteArea1{
	padding-bottom:50px;
	background:url(images/delete_area_bg.png) no-repeat center 7px;
	background-size:160px;
	}

.DeleteArea2{
	padding-bottom:50px;
	background:url(images/delete_area_bg.png) no-repeat center 7px;
	background-size:140px;
	}	
	
.DeleteArea3{
	padding-bottom:50px;
	background:url(images/delete_area_bg.png) no-repeat center 7px;
	background-size:120px;
	}	
	
.PlanContent{
	padding:25px 0 10px;
	color:#004fa8;
	font-size:18px;
	}
	
.PlanChoice{
	margin-bottom:5px;
	font-size:16px;
	color:#004fa8;
	}
	
	
.PlanDate{
	line-height:1.3;
	color:#004fa8;
	font-size:22px;
	font-weight:bold;
	}
	
#PlanTable{
	width:295px;
	margin-bottom:40px;
	border-top:2px solid #e6e6e6;
	}	
	
.TableContents:after{
	content:"";
	display:block;
	width:295px;
	border-top:2px solid #e6e6e6;
	}

.AppoText{
	display:inline-block;
	width:135px;
	padding-left:5px;
	text-align:left;
	font-size:16px;
	vertical-align:middle;
	}
	

.NewAppo,.ChangeAppo,.DeleteAppo{
	display:inline-block;
	width:140px;
	margin:15px 0;
	padding:17px 0;
	font-size:16px;
	box-shadow: 4px 3px 3px  rgba(137, 137, 137, 0.5);
	border-radius:25px;
	}

.NewAppo{
	color:#004fa8;
	background:#fff;
	border:1px solid #e5e5e5;
	}

.ChangeAppo{
	margin:15px 0 0 !important;
	color:#fff;
	background: linear-gradient(-135deg, #0071bc, #0034a8);
	background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);
	vertical-align:top;
	}

.DeleteAppo{
	color:#666;
	background:#e6e6e6;
	}
	
.CDAppo{
	display:inline-block;
	width:140px;
	vertical-align:middle;
	}

.NoteAppo{
	margin-bottom:10px;
	color:#666;
	line-height:1.5;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
	}
	
#MypAddTit{
	margin:40px 0 0;
	font-size:16px;
	}
	
#MypAdd{
	margin:20px 0;
	padding:15px;
	font-size:16px;
	background:#fff4ee;
	}
	
#MypNoteAdd{
	margin:0 auto;
	width:280px;
	color:#ef3a22;
	line-height:1.5;
	text-align:left;
	}

#SelectTit{
	margin:25px auto 30px;
	color:#ef3a22;
	font-size:20px;
	font-weight:bold;
	}

.MailLink{
	color:#ef3a22;
	border-bottom:1px solid #ef3a22;
	}

#HowTo2:before{
	content:"";
	display:block;
	width:295px;
	margin-bottom:25px;
	border-top:2px solid #e6e6e6;
}
	
#HowTo2{
	margin:25px auto 30px;
	font-size:20px;
	font-weight:bold;
	}

/*************
*　選択画面　*
*************/

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#DrTit{margin:30px 0 0 0;}

#DetailBtn{
	display:block;
	width:275px;
	margin:30px auto 60px;
	padding:17px 0 17px 20px;
	font-size:16px;
	box-shadow: 4px 3px 3px rgba(137, 137, 137, 0.5);
	border-radius:100px;
	color:#0071bc;
	font-weight:bold;
	background:url(images/select_day_open.png) no-repeat 238px 50% #fff;
	background-size:18px;
	border: 1px solid #e5e5e5;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	line-height:1;
	}

.Wbtn{
	display:block;
	width:275px;
	margin:60px auto;
	padding:17px 0 17px 80px;
	font-size:16px;
	box-shadow: 4px 3px 3px rgba(137, 137, 137, 0.5);
	border-radius:100px;
	color:#0071bc;
	font-weight:bold;
	background:url(images/calendar.png) no-repeat 20px 50%,
				url(images/select_day_open.png) no-repeat 238px 50% #fff;
	background-size:18px;
	border: 1px solid #e5e5e5;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	line-height:1;
	}
	
.ReservationText{
	/*margin:25px auto 40px;*/
	margin:10px auto 10px;	/* ノーザ用 */
	padding-left:12px;
	text-align:left;
	line-height:1.3;
	}
	
#WeekArea,#TimeArea{
	margin-bottom:40px;
	text-align:left;
	}
	
#TimeArea{
	margin-bottom:60px;
	text-align:left;
	}
	
.SelectWeek{
	display:inline-block;
	width:120px;
	margin:15px 13px;
	padding:17px 0;
	color:#666;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	box-shadow: 4px 3px 3px  rgba(137, 137, 137, 0.6);
	border-radius:25px;
	background:#e4eff9;
	}
	
	
.SelectTime{
	display:inline-block;
	width:120px;
	margin:15px 13px;
	padding:17px 0;
	color:#fff;
	font-size:16px;
	text-align:center;
	box-shadow: 4px 3px 3px  rgba(137, 137, 137, 0.6);
	border-radius:25px;
	background: linear-gradient(-135deg, #0071bc, #0034a8);
	background: -webkit-linear-gradient(-135deg, #0071bc, #0034a8);
	}
	
#TimeTel{
	color:#ef3a22;
	border-bottom:1px solid #ef3a22;
	}
	
#AppoDate{
	margin:20px 0 40px 0;
	color:#666;
	font-size:22px;
	font-weight:bold;
	}
	
	
	
	
	
	
	

/*■以降追加■*/

/* RESET */
header, footer {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	outline: 0;
}

/* FOOTER */
footer {
	padding: 30px;
	text-align: center;
}

footer a,
.ToTop {
	width: 200px;
	margin: 20px auto;
	padding: 5px;
}

/* BUTTON */
.Bbtn {
	cursor: pointer;
}
label.Bbtn {
	color:#004fa8;
	background:#fff;
	border:1px solid #e5e5e5;
}

/* Error */
.error {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FEE;
	border: solid 1px #F99;
	font-size: 14px;

	/*text-align:left;*/
	text-align: center;
}
.error p {
	margin-bottom: 10px;
	color: #F00;
	font-size: 16px;
	text-align:left;
}
.error ul {
	margin: 0 0 0 20px;
	list-style-image: none;
	list-style-type: disc;
	text-align:left;
}
.error li {
	margin: 0 0 5px 0;

	color: #000;
	font-size: 14px;
	line-height: 16px
}
.error a {
	display: inline-block;
	padding-top: 10px;
}

/* TOP */
#comp_code_box {
	/*padding: 5px 0 20px;*/
	padding: 20px 0 30px;
}

#friend_btn_box {
	padding: 5px 0 20px;
}

#register_token,
#tel,
#birth_md {
	ime-mode: disabled;
}

/* SELECT CUSTOMER */
#form_select_customer input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

/* CONFIRM */
#form_confirm .TableContents p {
	padding-top: 10px;
	padding-bottom: 10px;
}