@charset "UTF-8";


h2{
	text-align:center;
}
h6{
	text-align:right;
}
.small_font{
	font-size :12px;
	color:black;
}
.midle_font{
	font-size :20px;
	color:black;
}
.large_font{
	font-size :28px;
	color:black;
}
.foot_font{
	font-size:12px;
	color:black;
	text-align:right;
	line-height:1.1;
}
.setsumei{
	font-size:18px;
	color:black;
	line-height:1.2;
}
.ninzuu{
	font-size:24px;
	color:black;
}
.hagakifontB{
	font-size:18px;
	color:black;
}
.hagakifontL{
	font-size:12px;
	color:black;
}
.midle_fontsize {
	font-size:20px;
	color:black;
}
.login {
	font-size:24px;
	color:black;
}
.msg{
		font-size:18px;
		color:black;
}
.raihou{
		font-size:20px;
		color:black;
		line-height:1.0;
}
input.loginN{
	font-size:32px;
	color :blue;
	width :128px;
}
input.loginP{
	font-size:32px;
	color :blue;
	width :128px;
}
input.big {
  transform: scale(1.5);
}
input.submit_button {
	width: 330px;
	height: 60px;
  font-size:		32px;
	background-color: #000080;
	color: #fff;
	border-style: none;
}
input.login_button {
	width: 300px;
	height: 60px;
  font-size:		32px;
	background-color: #000080;
	color: #fff;
	border-style: none;
}
input.entry_button {
	width: 330px;
	height: 60px;
  font-size:		32px;
	background-color: #ff6340;
	color: #fff;
	border-style: none;
}
input.kakunin_button {
	width: 330px;
	height: 60px;
  font-size:		32px;
	background-color: #191970;
	color: #fff;
	border-style: none;
}
input.contact_button {
	width: 130px;
	height: 60px;
  font-size:		16px;
	background-color: #008080;
	color: #fff;
	border-style: none;
	float : right ;
}
input.contact_clear_button {
	width: 130px;
	height: 60px;
  font-size:		16px;
	background-color: #dc143c;
	color: #fff;
	border-style: none;
	float : right ;
}
input.submit_return {
	width: 130px;
	height: 60px;
  font-size:		16px;
	background-color: #444444;
	color: #fff;
	border-style: none;
}
#contactarea{
		border: 2px solid #0a0;  /* 枠線 */
    border-radius: 0.67em;   /* 角丸 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 100%;             /* 横幅いっぱいにする */
    box-sizing: border-box;  /* ※これがないと横にはみ出る */
    height: 120px;           /* 高さ */
    font-size: 18px;          /* 文字サイズ */
    line-height: 1.2;        /* 行の高さ */
}


#wrapper{
	width:300px;
	height:auto;
	margin:20px auto ;
	background: #dddddd;
	padding:0px 10px;
}
#secondbox{
	width:300px;
	height:150px;
	margin:10px auto ;
	background: #dddddd;
	padding:10px 10px;
}
#hatsubonbox{
	width:300px;
	height:auto;
	margin:20px auto ;
	background: #dddddd;
	padding:10px 10px;
}
#houmyouall{
	width:330px;
	height:auto;
	margin:0px auto ;
	background:#BAD3FF;
}
#houmyoushi{
	width:300px;
	height:auto;
	margin:10px auto ;
	background: #BAD3FF;
	padding:10px 10px;
}

.houmyoubox{
	width:250px;
	height:100px;
	margin:10px auto 10px;
	background: #dddddd;
	padding:5px 5px;
}

#hagakibox{
	width:300px;
	height:330px;
	background: #FFFFFF;
	padding:10px 10px;
	line-height:1.1;
	writing-mode:vertical-rl;
}


#memobox{
	width:300px;
	height:auto;
	font-size:18px;
	color:black;

}

body{
	background: #f8f4e6;
}
.chkbox {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	font-size:		32px;
	line-height:		32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			32px;			/* ボックスの横幅 */
	height:			32px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}

.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */
	font-size:		34px;			/* チェックのサイズ */
	color:			#000;			/* チェックの色 */
	background-color:	#fff;			/* 06fチェックした時の色 */
}

.design11 {
 width: 100%;
 text-align: left;
 font-size: 20px;
 border-collapse: collapse;
 border-spacing: 0;
}
.design11 th {
 padding: 10px;
 font-size: 20px;
 border-bottom: solid 4px #778ca3;
 color: #778ca3
}
.design11 td {
 padding: 10px;
 font-size: 20px;
 height: 80px;
 border-bottom: solid 1px #778ca3;
}
.design11 th:first-child, td:first-child {
        width: 60%; /* 最初の列の幅を20%に指定 */
			  height: 30px;
				font-size: 20px;
    }

.design11 th:nth-child(2), td:nth-child(2) {
        width: 40%; /* 2番目の列の幅を30%に指定 */
				height: 30px;
				font-size: 20px;
    }
}