﻿body {
	margin:						2vw;
	width:						95vw;
	background-image:			url(pic/Back03.jpg);
	background-attachment:		fixed;
	background-position:		right bottom;
	background-size:			100% 100%;
}

/*
body.body02 {
	background-image:	url(pic/back02.png);
	color:				#ffffff;"
	margin:				2vw;
	width:				96vw;
}
*/


input {
	font-size:			14px;
	border-radius: 		7px;
	background-color:	rgba(255,255,255,0.7);
}

textarea {
	border-radius: 		7px;
	font-family:		serif;
	font-style:			italic;
	font-size:			11px;
	color:				#b22222;
	line-height:		14px;
	background-color:	rgba(255,255,255,0.7)
}


select {
	border-radius: 		7px;
}

.week_label {
	position:			relative;			/* ボックスの位置を指定する */
	padding:			0px 5px 0px 5px;	/* ボックス内側の余白を指定する */
	background-color:	#e2edf9;			/* ボックスの背景色を指定する */
}

ul.week li{
	border-style:		grove,ridge,inset,outset;
	border-color:		#cccccc;
	border-radius: 		7px;
	padding:			0px 0px 0px 3px;
	display:			inline-block;
	list-style:			none;
	text-align:			left;
}


.boxes {
  margin: auto;
  padding: 50px;
  background: #484848;
}


/*Checkboxes styles*/
input[type="checkbox"] { display: none;
}

input[type="checkbox"] + label {
	text-align:				left;
	display:				block;
	position:				relative;
	padding-top:			3px;
	padding-left:			20px;
	font-size:				12px;
	line-height:			20px;
	cursor:					pointer;
	-webkit-user-select:	none;
	-moz-user-select:		none;
	-ms-user-select:		none;
	vertical-align:			middle;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content:				'';
  display:					block;
  margin-top:				5px;
  width:					12px;
  height:					12px;
  border:					1px solid #808000;
  position:					absolute;
  left:						0;
  top:						0;
  opacity:					0.6;
  -webkit-transition:		all .12s, border-color .08s;
  transition:				all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width:					10px;
  top:						-5px;
  left:						5px;
  border-radius:			0;
  opacity:					1;
  border-top-color:			transparent;
  border-left-color:		transparent;
  -webkit-transform:		rotate(45deg);
  transform:				rotate(45deg);
}

input[type=checkbox] {
/*	display: 			none;				/* チェックボックスを非表示にする */
	background-color:	#ffffff;			/* マウス選択時の背景色を指定する */
	cursor:				pointer;
}
input[type="checkbox"]:	checked + label {
	background:			#ffe0ff;			/* マウス選択時の背景色を指定する */
	color:				#dc143c; 			/* マウス選択時のフォント色を指定する */
}
input[type="checkbox"]:hover {
	background-color:	#E2EDF9;			/* マウスオーバー時の背景色を指定する */ 
}
	
.label {
	margin-left:		0px;				/* ラベルの外側の余白を指定する */
	margin-right:		4px;				/* ラベルの外側の余白を指定する */
	cursor:				pointer;
}


.ckColor01 {
	color:					#b22222;
	background-color:		rgba(255,255,255,0.7);
}

.ckColor02 {
	color:					#005243;
	background-color:		rgba(255,255,255,0.7);
}



#footer {
	position:			fixed;
	bottom:				0;
	width:				95vw;
	height:				30px;
	text-align:			right;
	color:				#cd853f;
}


.display_l {
	display:			none;
}

.display_s {
	display:			inherit;
}

.br-use {
}


.title1 {
	font-family:		serif;
	font-style:			italic;
	color:				#dc143c;
	font-size:			20px;
	text-align:			center;
	line-height:		24px;"
}

.stitle1 {
	font-family:		serif;
	font-style:			italic;
	color:				#005243;
	font-size:			10px;
	text-align:			center;
	line-height:		14px;"
}


.stitle2 {
	font-family:		serif;
	font-style:			italic;
	font-weight:		bolder;
	color:				#ff0000;
	font-size:			16px;
	text-align:			center;
	text-align:			center;
	line-height:		22px;"
}

.font02 {
	font-family:		serif;
	font-style:			italic;
	color:				#ff0000;
	font-size:			16px;
}

.font03 {
	font-family:		serif;
	font-style:			italic;
	color:				#556b2f;
	font-size:			16px;
	line-height:		20px;
}


.font05 {
	font-family:		serif;
	font-style:			italic;
	color:				#800080;
	font-size:			16px;
	line-height:		18px;
}

.font06 {
	font-family:		serif;
	font-style:			italic;
	color:				#b22222;
	font-size:			14px;
	line-height:		16px;
}


div.link {
	color:				#808000;
}

div.visited {
	color:				#556b2f;
}



table.tbl01 {
	width:				80vw;
}
table.tbl01 tbody :nth-child(1){
	width:				80vw;
}
table.tbl01 tbody :nth-child(2){
	width:				0vw;
}


table.tbl02 {
	width:				98vw;
	font-family:		serif;
	font-style:			italic;
	color:				#800080;
	border-radius:		7px;
}

table.tbl02 tbody :nth-child(1){
	width:				45vw;
	vertical-align:		middle;
	font-family:		serif;
	text-align:			center;
	font-style:			italic;
	color:				#b22222;
	font-size:			10px;
}
table.tbl02 tbody :nth-child(2){
	vertical-align:		middle;
	font-family:		serif;
	text-align:			left;
	font-style:			italic;
	color:				#b22222;
	font-size:			20px;
}


table.tbl03 {
	width:				98vw;
	font-family:		serif;
	font-style:			italic;
	color:				#ffffff;
	color:				#800080;
	border-radius:		7px;
}

table.tbl03 tbody :nth-child(1){
	width:				150px;
	vertical-align:		middle;
	font-family:		serif;
	text-align:			center;
	font-style:			italic;
	color:				#b22222;
	font-size:			10px;
}
table.tbl03 tbody :nth-child(2){
	vertical-align:		middle;
	font-family:		serif;
	text-align:			left;
	font-style:			italic;
	color:				#b22222;
	font-size:			24px;
}


table.tbl04 {
	width:				98vw;
	font-family:		serif;
	font-style:			italic;
	color:				#ffffff;
	border-radius:		7px;
}

table.tbl04 tbody :nth-child(1){
	min-width:			20px;
	vertical-align:		top;
	font-family:		serif;
	font-style:			italic;
	color:				#b22222;
	font-size:			14px;
}
table.tbl04 tbody :nth-child(2){
	min-width:			70vw;
	font-family:		serif;
	text-align:			left;
	font-style:			italic;
	color:				#b22222;
	font-size:			14px;
}


table.tbl05 {
	width:				98vw;
	font-family:		serif;
	font-style:			italic;
	color:				#b22222;
	border-radius:		7px;
}

table.tbl05 tbody :nth-child(1){
	min-width:			12px;
	text-align:			center;
	vertical-align:		top;
	font-family:		serif;
	font-style:			italic;
	font-size:			10px;
}
table.tbl05 tbody :nth-child(2){
	font-family:		serif;
	text-align:			left;
	font-style:			italic;
	font-size:			10px;
}


table.tbl06 {
	width:				90vw;
	font-family:		serif;
	font-style:			italic;
	font-size:			12px;
	line-height:		14px;
	color:				#b22222;
	background-color:	rgba(255,255,255,0.7);
	border-radius:		4px;
}


.td01 {
	width:				350px;
	font-size:			16px;
}

.td021 {
	width:				25px;
}
.td022 {
	width:				205px;
}
.td023 {
	width:				250px;
}


.linehigh01{
	line-height:		16px;
}


.frame01{
	width:				90vw;
	max-width:			90vw;
	border:				1px solid #556b2f;
	padding:			10px;
	font-size:			0.9em;
	margin-top:			-20px;
	background-color:	rgba(255,255,255,0.5);
}

.btnSubmit{
    border:				0px;
    width:				150px;
    height:				24px;
    background:			url(pic/Check.gif) left top no-repeat;
	background-size:	cover;
}
