/* ------------------------------------コンテナbox */
#cont-center {
	max-width: 1024px;	/*最大幅。#header .inner,#pagetop,#footermenuと合わせる。*/
	height: 80%;
	margin: -28px auto;
	background: #fff;	/*背景色*/
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);			/*同上*/
}

/* ------------------------------------テーブルヘッダ */
#ai-tb-h11c {
    border: 1px solid #ccc;    
    background-color: #e0f5c4;
    font-size:11px;
    text-align: center;
	color:#227447;
}
#ai-tb-h11l {
    border: 1px solid #ccc;    
    background-color: #e0f5c4;
    font-size:11px;
    text-align: left;
	color:#227447;
	padding: 0px 0px 0px 4px;
}
#ai-tb-h11r {
    border: 1px solid #ccc;    
    background-color: #e0f5c4;
    font-size:11px;
    text-align: right;
	color:#227447;
	padding: 0px 4px 0px 0px;
}
#ai-tb-h14l {
    line-height: 16px;
    border: 1px solid #ccc;    
    background-color: #e0f5c4;
    font-size:16px;
    text-align: left;
	color:#227447;
	padding: 0px 0px 0px 10px;
}
/* ------------------------------------ヘッダタイトル */
.ac-tb-main-title1 {
	z-index: 1;
	position: absolute;
	left: 0px;	
	top: -10px;
	color:#227447;
}
.ac-tb-main-title2 {
	z-index: 1;
	position: absolute;
	left: 0px;	
	top: 58px;
	color:#227447;
}
/* ------------------------------------テーブルボディー */
.ac-tb-b11c {
    border: 1px solid #ccc;    
    background-color: #FFFFFF;
    font-size:11px;
    text-align: center;
}
.ac-tb-b11l {
    border: 1px solid #ccc;    
    background-color: #FFFFFF;
    font-size:11px;
    text-align: left;
	padding: 0px 0px 0px 4px;
}
.ac-tb-b11r {
    border: 1px solid #ccc;    
    background-color: #FFFFFF;
    font-size:11px;
    text-align: right;
	padding: 0px 4px 0px 0px;
}



/*----「ご注文」ボタン--------------------------------------------*/
/*
#ai-Button-a {
    -moz-box-shadow:inset 0px 1px 0px 0px #aff50c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #aff50c;
    box-shadow:inset 0px 1px 0px 0px #aff50c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
	padding:0px 6px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
}
#ai-Button-a:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
#ai-Button-a:active {
    position:relative;
    top:1px;
}
#ai-Button-b {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #ffb659));
	background:-moz-linear-gradient(top, #ffc477 5%, #ffb659 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #ffb659 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #ffb659 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #ffb659 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #ffb659 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#ffb659',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
#ai-Button-b:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb659), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #ffb659 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #ffb659 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #ffb659 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #ffb659 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #ffb659 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb659', endColorstr='#ffc477',GradientType=0);
	background-color:#ffb659;
}
#ai-Button-b:active {
	position:relative;
	top:1px;
}
*/
/*
┏━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ＩＤによるボタン定義（緑・オレンジ）            ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━┛*/
#ai-Button-a {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebffcc), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #ebffcc 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebffcc', endColorstr='#a5cc52',GradientType=0);
	background-color:#ebffcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#227447;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
#ai-Button-a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #ebffcc));
	background:-moz-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #ebffcc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#ebffcc',GradientType=0);
	background-color:#a5cc52;
}
#ai-Button-a:active {
	position:relative;
	top:1px;
}
#ai-Button-b {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFEBA3), color-stop(1, #ffb659));
	background:-moz-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-webkit-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-o-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-ms-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:linear-gradient(to bottom, #FFEBA3 5%, #ffb659 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBA3', endColorstr='#ffb659',GradientType=0);
	background-color:#FFEBA3;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#DB553F;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
#ai-Button-b:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb659), color-stop(1, #FFEBA3));
	background:-moz-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-webkit-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-o-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-ms-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:linear-gradient(to bottom, #ffb659 5%, #FFEBA3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb659', endColorstr='#FFEBA3',GradientType=0);
	background-color:#ffb659;
}
#ai-Button-b:active {
	position:relative;
	top:1px;
}

/*
┏━━━━━━━━━━━━━━━━━━━━━━━━┓
┃Ｃｌａｓｓによるボタン定義（緑・オレンジ）      ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━┛*/
.ai-Button-a {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebffcc), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #ebffcc 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #ebffcc 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebffcc', endColorstr='#a5cc52',GradientType=0);
	background-color:#ebffcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#227447;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.ai-Button-a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #ebffcc));
	background:-moz-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #ebffcc 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #ebffcc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#ebffcc',GradientType=0);
	background-color:#a5cc52;
}
.ai-Button-a:active {
	position:relative;
	top:1px;
}
.ai-Button-b {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFEBA3), color-stop(1, #ffb659));
	background:-moz-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-webkit-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-o-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:-ms-linear-gradient(top, #FFEBA3 5%, #ffb659 100%);
	background:linear-gradient(to bottom, #FFEBA3 5%, #ffb659 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBA3', endColorstr='#ffb659',GradientType=0);
	background-color:#FFEBA3;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#DB553F;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.ai-Button-b:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb659), color-stop(1, #FFEBA3));
	background:-moz-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-webkit-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-o-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:-ms-linear-gradient(top, #ffb659 5%, #FFEBA3 100%);
	background:linear-gradient(to bottom, #ffb659 5%, #FFEBA3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb659', endColorstr='#FFEBA3',GradientType=0);
	background-color:#ffb659;
}
.ai-Button-b:active {
	position:relative;
	top:1px;
}


/*
┏━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ラジオボタン                                    ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━┛ */
.suryo-radio {
    display: inline-block;
    margin-top:-20px;
    margin-bottom:-20px;
}
.suryo-radio .label {
    font-size:400%;
    font-family: MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
    font-weight: 900;
    background-color: #eee;
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    border: 1px #ccc;
    border-style: solid none solid solid;
    color: #777;
    cursor: pointer;
/*
    float: left;
*/
    padding: 0px 6px 0px 6px;
    text-align: center;
    text-shadow: 1px 1px #fff;
}
.suryo-radio :first-child .label {
    border-radius: 10px 0 0 10px;
}
.suryo-radio :last-child .label {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.suryo-radio input {
    display: none;
}
.suryo-radio input:checked + .label {
    background-color: #89c403;
    background-image: linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);    
    border-color: hsl(78, 90%, 60%);
    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);
}
/* ---------------- */

.suryo-radio .label {
    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
}
.suryo-radio input:checked + span {
    background-image: -moz-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -ms-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
}

/* ラジオボタン ----------------------------------- 出勤区分 */
.kubun01-radio {
    display: inline-block;
}
.kubun01-radio .label {
    background-color: #eee;
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    border: 1px #ccc;
    border-style: solid none solid solid;
    color: #777;
    cursor: pointer;
    float: left;
    padding: 0px;
    text-align: center;
    text-shadow: 1px 1px #fff;
    width: 60px;
}
.kubun01-radio :first-child .label {
    border-radius: 10px 0 0 10px;
}
.kubun01-radio :last-child .label {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.kubun01-radio input {
    display: none;
}
.kubun01-radio input:checked + .label {
    background-color: #89c403;
    background-image: linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);    
    border-color: hsl(78, 90%, 60%);
    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);
}
/* ---------------- */

.kubun01-radio .label {
    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
}
.kubun01-radio input:checked + span {
    background-image: -moz-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -ms-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
}

/* ラジオボタン ----------------------------------- 日付選択 */
.kubun02-radio {
    display: inline-block;
}
.kubun02-radio .label {
    background-color: #eee;
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    border: 1px #ccc;
    border-style: solid none solid solid;
    color: #777;
    cursor: pointer;
    float: left;
    padding: 0px;
    text-align: center;
    text-shadow: 1px 1px #fff;
    width: 80px;
}
.kubun02-radio :first-child .label {
    border-radius: 10px 0 0 10px;
}
.kubun02-radio :last-child .label {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.kubun02-radio input {
    display: none;
}
.kubun02-radio input:checked + .label {
    background-color: #89c403;
    background-image: linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);    
    border-color: hsl(78, 90%, 60%);
    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);
}
/* ---------------- */

.kubun02-radio .label {
    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
}
.kubun02-radio input:checked + span {
    background-image: -moz-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -ms-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
}

/* ラジオボタン ----------------------------------- 業者選択 */
.kubun03-radio {
    display: inline-block;
}
.kubun03-radio .label {
    background-color: #eee;
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    border: 1px #ccc;
    border-style: solid none solid solid;
    color: #777;
    cursor: pointer;
    float: left;
    padding: 0px;
    text-align: center;
    text-shadow: 1px 1px #fff;
    width: 120px;
}
.kubun03-radio :first-child .label {
    border-radius: 10px 0 0 10px;
}
.kubun03-radio :last-child .label {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.kubun03-radio input {
    display: none;
}
.kubun03-radio input:checked + .label {
    background-color: #89c403;
    background-image: linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);    
    border-color: hsl(78, 90%, 60%);
    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);
}
/* ---------------- */

.kubun03-radio .label {
    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
}
.kubun03-radio input:checked + span {
    background-image: -moz-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -ms-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
    background-image: -webkit-linear-gradient(to bottom, hsl(78,90%,40%) 0%, hsl(78,90%,70%) 100%);
}

/* プッシュボタン ----------------------------------- 日付矢印 */
.day-arrowButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eee), color-stop(1, #ccc));
	background:-moz-linear-gradient(top, #eee 5%, #ccc 100%);
	background:-webkit-linear-gradient(top, #eee 5%, #ccc 100%);
	background:-o-linear-gradient(top, #eee 5%, #ccc 100%);
	background:-ms-linear-gradient(top, #eee 5%, #ccc 100%);
	background:linear-gradient(to bottom, #eee 5%, #ccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc',GradientType=0);
	background-color:#eee;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #ccc;
	display:inline-block;
	cursor:pointer;
	color:#777;
	font-family:Arial;
	font-size:17px;
	padding:3px 20px;
	text-decoration:none;
	text-shadow: 1px 1px #fff;
}
.day-arrowButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #eee));
	background:-moz-linear-gradient(top, #ccc 5%, #eee 100%);
	background:-webkit-linear-gradient(top, #ccc 5%, #eee 100%);
	background:-o-linear-gradient(top, #ccc 5%, #eee 100%);
	background:-ms-linear-gradient(top, #ccc 5%, #eee 100%);
	background:linear-gradient(to bottom, #ccc 5%, #eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee',GradientType=0);
	background-color:#ccc;
}
.day-arrowButton:active {
	position:relative;
	top:1px;
}

/*---メニューボタン-------------------------------------*/
#menuButtonA {
  border-radius:0.4em;
  border:0.1em solid #227447;
  background-color:#ffffff;
  color:#227447;
  font-size:1.5em;
  font-weight:bold;
  width:7em;
}
#menuButtonA:hover {
  border:0.1em solid #a4373a;
  background-color:#ffffff;
  color:#a4373a;
  text-decoration : underline;
  cursor: pointer;
}
#menuButtonA:active {
  position:relative;
  top:0.1em;
  cursor: default;
}
#menuButtonB {
  border-radius:0.4em;
  border:0.1em solid #ffffff;
  background-color:#227447;
  color:#ffffff;
  font-size:1.5em;
  font-weight:bold;
  width:7em;
}
#menuButtonB:hover {
  border:0.1em solid #a4373a;
  background-color:#ffffff;
  color:#a4373a;
  text-decoration : underline;
  cursor: pointer;
}
#menuButtonB:active {
  position:relative;
  top:0.1em;
  cursor: default;
}

/*----フローティング--------------------------------------------*/
div#floating-window {
    position: absolute;
    width: 24%;
    top: 12px;
    left: 1%;
    border: 1px solid #ccc;
    border-radius: 0px; /* 角を丸める */
    background: rgba(255, 255, 255, 0.5); /* 背景色を白に指定して不透明度を0.5に指定 */
 
   /* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
    /* 影の色を指定している。 */
    /*-moz-box-shadow: 0px 0px 2px #454545;*/ /* Firefox用 */
    /*-webkit-box-shadow: 0px 0px 2px #454545;*/ /* Google ChromeやSafari用 */
    /*box-shadow: 0px 0px 7px #454545;*/ /* CSS3対応ブラウザ用 */

    z-index: 9999;
}


/*上部のロゴ位置
---------------------------------------------------------------------------*/
#img-logo {
  margin: 0px 0px 0px 0px;
  height: 66px;
  width:  66px;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#main-menu ul {
	background-color: #FFF;	/*背景色*/
	height: 38px;			/*高さ*/
	width: 889px;	/*メニュー幅*/
	-webkit-box-shadow: 0px 0px 8px #999;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 0px 8px #999;			/*同上*/
	margin-bottom: 0px;	/*メニューと、下の左右コンテンツとの間に空ける余白*/
	position: relative;
	top: 24px;
}
/*メニュー１個ごとの設定*/
nav#main-menu ul li {
	float: left;
	width: 148px;	/*メニュー幅*/
}
nav#main-menu ul li a {
	height: 32px;
	padding-top: 4px;
	line-height: 1.4;	/*行間*/
	text-decoration: none;
	display: block;
	font-size: 14px;	/*文字サイズ*/
	font-weight: bold;	/*文字を太字にする設定。通常がいいならこの１行削除。*/
	letter-spacing: 0.1em;		/*文字間隔を少し広めにとる設定。*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	background-color: #77a809;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/bg1.png), -webkit-gradient(linear, left top, left bottom, from(#aff50c), to(#77a809));	/*背景画像の読み込み,グラデーション*/
	background-image: url(../images/bg1.png), -webkit-linear-gradient(#aff50c, #77a809);	/*同上*/
	background-image: url(../images/bg1.png), linear-gradient(#aff50c, #77a809);			/*同上*/
	text-align: center;	/*文字をセンタリング*/
	color: #FFF;		/*文字色*/
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
	border-top: 1px solid #FFF;		/*上側の線の幅、線種、色*/
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
}
/*最初のメニューの設定*/
nav#main-menu ul li:first-child a {
}
/*マウスオン時と、current(表示中のメニュー)の設定*/
nav#main-menu ul li a:hover,
nav#main-menu ul li#current a {
	background: #aff50c url(../images/bg1.png);	/*背景色、背景画像の読み込み*/
	color:#227447;
}
/*英語表記の設定*/
nav#main-menu ul li a span {
	font-size: 9px;	/*文字サイズ*/
	display: block;
	font-weight: normal;
}


/*ここからタブレット用（481px〜800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#main-menu ul {
	height: auto;
	overflow: hidden;
}
/*メニュー１個ごとの設定*/
nav#main-menu ul li {
	width: 50%;
}
nav#main-menu ul li a {
	border: none;
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
}
/*奇数番目のメニューの設定(※１個目の「ホーム」メニューが非表示になっている為、この場合はサービスとお問い合わせが奇数番目となる。)*/
nav#main-menu ul li:nth-child(odd) {
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*１個目の「ホーム」メニューの設定*/
nav#main-menu ul li:first-child {
	display: none;	/*メニュー数を偶数にする為、ホームのみ非表示にしています。表示させたいならこの１行削除。*/
}


/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#main-menu ul {
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
}
/*メニュー１個ごとの設定*/
nav#main-menu ul li {
	width: 50%;
}
nav#main-menu ul li a {
	border: none;
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
}
/*奇数番目のメニューの設定(※１個目の「ホーム」メニューが非表示になっている為、この場合はサービスとお問い合わせが奇数番目となる。)*/
nav#main-menu ul li:nth-child(odd) {
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*１個目の「ホーム」メニューの設定*/
nav#main-menu ul li:first-child {
	display: none;	/*メニュー数を偶数にする為、ホームのみ非表示にしています。表示させたいならこの１行削除。*/
}


/* 点滅 */
.switch {
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}