body{
background-color:#ccccff;
font-size:120%;
line-height:160%;
}
header {
	margin : 0;
	padding: 0;
	background-color: #ffffff;
	}
	
section#main {
	width: 1100px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	margin-left: 30px;
	}

section#karuteview {
	width: 1100px;
	margin-bottom: 20px;
	}

#hidaria {
	float: left;
	width: 700px;
	vertical-align: top;
	}

#migia {
	float: left;
	width: 300px;
	vertical-align: top;
	margin-left: 30px;
	}


.dandan2 {
	margin-bottom: 50px;
	}
	
.dandan3 {
	margin-bottom: 20px;
	}
	
.dandanf {
	margin-bottom: 0px;
	}
	

div#floating-menu {
    position: fixed;
    top: 0px;
    background-color: #dddd99;
    width: 400px;
    height: 400px;
    right: 0px;
    z-index: 9999;
}

button:hover{
	background: #ffff88;
	}

.btn1 {
	background: #55ffff;
	-moz-border-radius: 10px; /* Firefox */ 
    -webkit-border-radius: 10px; /* Safari and Chrome */ 
    border-radius: 10px; 
    behavior: url(border-radius.htc); /* IE */ 
	font-size: 20px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	}

.btn2 {
	border-radius: 10px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	font-size: 20px;
	line-height: 40px;
	}
.btn3 {
	background: #ccffff;
	border-radius: 10px;
	border: solid 2px vlue;
	}
.btn31 {
	background: #ffccff;
	border-radius: 10px;
	border: solid 2px red;
	}
.btn32 {
	background: #ffffcc;
	border-radius: 10px;
	border: solid 2px yellow;
	}
.btn4 {
	border-radius: 10px;
	border: solid 2px blue;
	padding: 4px;
	box-shadow: 1px 1px 4px #888;
	font-size: 25px;
	line-height: 40px;
	width: 250px;
	}
.btn5 {
	border-radius: 10px;
	border: solid 2px orange;
	padding: 4px;
	font-size: 20px;
	line-height: 40px;
	width: 70px;
	}
.btn6 {
	border-radius: 10px;
	border: solid 2px yellow;
	padding: 4px;
	font-size: 20px;
	line-height: 40px;
	width: 300px;
	}
.btn7 {
	border-radius: 10px;
	border: solid 2px orange;
	padding: 4px;
	font-size: 20px;
	line-height: 40px;
	width: 300px;
	}

.btn8 {
	background: #ffdddd;
	border-radius: 10px;
	border: solid 2px pink;
	box-shadow: 1px 1px 4px #888;
	font-size: 20px;
	line-height: 40px;
	}

.btn9 {
	background: #ddddff;
	border-radius: 10px;
	border: solid 2px darkblue;
	box-shadow: 1px 1px 4px #888;
	font-size: 20px;
	line-height: 40px;
	}

.reji1 {
	background-color:#ffffdd;
	border-radius: 10px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	}
.reji2 {
	border-radius: 10px;
	border: solid 2px blue;
	padding: 4px;
	box-shadow: 1px 1px 4px #888;
	font-size: 17px;
	line-height: 40px;
	width: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	}

.reji17 {
	background-color:#ddffff;
	border-radius: 10px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	}

.reji18 {
	background-color:#ffddff;
	border-radius: 10px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	}

.reji9 {
	background-color:#ffaaaa;
	border-radius: 10px;
	border: solid 2px blue;
	box-shadow: 1px 1px 4px #888;
	}

.rejimoji {
	font-size: 120%;
	line-height: 160%;
}

.rejimoji2 {
	background-color:#ffdddd;
	font-size: 120%;
	line-height: 160%;
}
#cameraInput {
	display: none;
}

.custom-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

tr.shita { height: 40px; vertical-align: bottom; }

td.td2{
	width: 230px;
	background-color: #ddddff;
	text-align: left;
	font-size: 20px;
	}
td.td3 {
	width: 130px;
	text-align: right;
	font-size: 17px;
	}
td.td4 {
	width: 70px;
	text-align: right;
	font-size: 17px;
	}
td.td5{
	width: 80px;
	background-color: #ddddff;
	text-align: left;
	font-size: 20px;
	}
	
.moji17 { font-size: 17px; line-Height: 22px; }
td.moji25a { font-size: 25px; width: 600px; text-align: center; background-color: #ffffff; }
	
.w200f15ac { width: 200px; font-size: 15px; background-color: #eeeeff; text-align: center; }
.w200f15bc { width: 200px; font-size: 15px; background-color: #dddddd; text-align: center; }
.w100f15ac { width: 100px; font-size: 15px; background-color: #eeeeff; text-align: center; }
.w100b { width: 100px; background-color: #dddddd; }
.w10 { width:10px; }

td.td17w100b { font-size: 17px; width: 100px; background-color: #eeeeff; }
td.td17w150b { font-size: 17px; width: 150px; background-color: #eeeeff; }
td.td17w200c { font-size: 17px; width: 200px; background-color: #dddddd; }


.font1 {
	font-size:70%;
	line-height: 75%;
}
.fonta {
	font-size:70%;
	line-height: 100%;
}
td.tdb{
	width:17%;
}
#karenda{
  width: 200px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
}
#karenda a{
  position: relative;
  display: block;
  width: 200px;
  height:100px;
  text-decoration: none;
}
#karenda a::before{
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#karenda a::after{
  content: 'カレンダー';
  font-size: 25px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
input[type=radio] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

.custom-border {
	border: 1px solid #eeeeee; /* 通常のボーダー */
	border-top: 5px solid #eeeeee; /* 上の線を太くする */
}
.custom-border2 {
	border: 1px solid #eeeeee; /* 通常のボーダー */
}
.yasumi {
	background-color:#ffe6e6;
}
.custom-file-upload {
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	background-color: #007bff;
	color: white;
	border-radius: 4px;
}