/*
Theme Name: ryoshusho
*/

html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

body {font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	list-style-type: none;
}
a:link,a:visited {text-decoration: none;color:inherit;}

table {border-collapse: collapse;margin:10px 0 40px;}
table th {background: #eee;border:1px #aaa solid;padding: 3px 5px;}
table td {border:1px #aaa solid;padding: 3px 5px;}

header {
	padding: 10px ;
}
header h1 {
	font-size:26px;

}

nav {
	border-bottom:1px #999 solid;
	margin:10px 0 20px;
}
nav a {
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
	background: lightblue;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}


footer {
	background: #000;
	color:#fff;
	text-align: center;
	padding: 10px ;
	margin-top:10px;
}

.wrap {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}

#receiptForm .w50 {width:50px;}
#receiptForm .w200 {width:200px;}

.message {
	margin:10px 0;
	padding: 10px;
	border:1px darkgreen solid;
	border-radius: 5px;
	background: lightgreen ;

}

.receipt_list {
	font-size: 14px;
}
.receipt_list th {line-height: 1.2;}

#profileForm dl {padding: 0;margin:0;}
#profileForm dt {padding: 0 0 0 25px;margin:0;font-size: 18px;}
#profileForm dd {padding: 0;margin:0 0 20px 0;border:1px #fff solid;border-bottom:1px #eee solid;}
#receiptForm dl {padding: 0;margin:0;}
#receiptForm dt {padding: 0 0 0 25px;margin:0;font-size: 18px;}
#receiptForm dd {padding: 0;margin:0 0 20px 0;border:1px #fff solid;border-bottom:1px #eee solid;}

.ym {font-size:20px;}
.ym .prev {display: inline-block;width:20%;}
.ym .next {display: inline-block;width:20%;text-align: right;}
.ym span.now {display: inline-block;width:59.9%;text-align: center;}

input[type=submit]{
	display:inline-block;
	padding: 10px 20px;
	cursor: pointer;
	text-align: center;
	border:1px #aaa solid;
	border-radius: 3px;
	background: #f9f9f9;
	text-shadow:1px 1px 1px #444;
	margin:10px 20px;
	font-size:20px;

}

.txtWrap {
	position: relative;
	width: 80%;
	margin: 40px 3%;
	margin: 10px 2%;
}
.txtWrap input[type=text] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
.txtWrap input[type=text]:focus {
	border-color: #da3c41;
}
.txtWrap input[type=text] {
	padding-left: 40px;
	padding-left: 10px;
}
.txtWrap i {
	position: absolute;
	top: 8px;
	left: 0;
	padding: 9px 8px;
	transition: 0.3s;
	color: #aaaaaa;
}
.txtWrap input[type=text]:focus + i {
	color: #da3c41;
}

.txtWrap .desc {
	padding: 0 0 0 15px;
	color:#777;
	font-size: 90%;
}