@charset "utf-8";
/* CSS Document */


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {

#errorMessage{
	width:90%;
	height:auto;
	padding:1%;
	margin:0px auto 13px auto;
	color:#c64e59;
	border:3px solid #f31833;
	background:url(../images/error_bg_stripe.jpg);
	
	border-radius:5px;		/* CSS3草案 */
	-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
	-moz-border-radius:5px;	/* Firefox用 */
}

	#errorMessage #errorText{
		padding:0px 0px 0px 75px;
		background:url(../images/icon_error.png) left 7px no-repeat;
	}
	
		#errorText dl{
			padding:3px 0px 10px 0px;
		}
	
		#errorText dt{
			font-size:15px;
			font-weight:bold;
			color:#f31833;
			padding:0px 0px 10px 0px;
		}
		
		#errorText dd{
			font-size:13px;
			font-weight:bold;
			color:#000;
			padding:0px 12px 0px 0px;
			float:none;
		}
		


#contents h3{
	width:94%;
	height:auto;
	padding:10px 0px 10px 2%;
	color:#fff;
	font-size:16px;
	margin:0px auto 13px auto;
	
	background:url(../images/bg_h3.jpg);
	
	border:1px solid #fff;
	border-radius:5px;
	-webkit-border-radius:5px;	
	-moz-border-radius:5px;	
}

	


#contents #coutionMessage{
	width:90%;
	height:auto;
	padding:3%;
	margin:0px auto 13px auto;
	color:#000;
	border:1px dotted #000;
	background:#fff;
}

#contents .errorPage{
	background:#b30000 !important;
	color:#fff !important;
	font-weight:bold;
}

#contents #maintenanceMessage{
	width:90%;
	height:auto;
	padding:3%;
	margin:0px auto 13px auto;
	color:#c64e59;
	border:3px solid #c64e59;
	background:#fff;
}

#contents .maintenancePage{
	background:#b30000 !important;
	color:#fff !important;
	font-weight:bold;
}
	

#contents .section{
	width:96%;
	height:auto;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	background:#fff;
	border:1px solid #ccc;		
}

	.section h4{
		width:98%;
		height:auto;
		padding:6px 0px 6px 2%;
		background:#467387;
		color:#fff;
		font-size:16px;
		text-align:center;
		font-weight:bold;
	}

	.section .sectionBody{
		background:#fff;
		padding:15px;
	}
	
	.section .sectionBody p.read{
		padding:0px 0px 15px 0px;
	}
	
	.section .sectionBody p.readMaintenance{
		padding:0px 0px 15px 0px;
		border-bottom:1px dotted #ccc;
		margin:0px 0px 15px 0px;
	}
	
	.section .sectionBody .tableBox{
			padding:0px 0px 15px 0px
	}
	
	.section .sectionBody .tableBox td{
			padding:6px;
			border-right:2px solid #ccc;
			border-top:2px solid #ccc;
		}
		
	.section .sectionBody .tableBox table{
		border-left:2px solid #ccc;
		border-bottom:2px solid #ccc;
	}
	
	.section .sectionBody .formArea h5{
		background:#84a38b;
		color:#fff;
		padding:6px;
		margin:8px 0px;
	}
	
	.section .sectionBody .formArea dl{
		padding:12px;
		margin:0px 0px 15px 0px;
		background:#f8f8f8;
		border-radius:5px;		/* CSS3草案 */
		-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
		-moz-border-radius:5px;	/* Firefox用 */
	}
	
	.section .sectionBody .formArea dl dt{
		padding:0px 0px 8px;
		color:#e88400;
		font-weight:bold;
	}
	
	.section .sectionBody .formArea dl dd.radioFloat{
		display:block;
		width:92%;
		margin:0px 10px 12px;
		padding:2%;
		background:#fff;
		border-radius:5px;		/* CSS3草案 */
		-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
		-moz-border-radius:5px;	/* Firefox用 */
		float:none;
	}
	
	.section .sectionBody .formArea .sumArea{
		width:100%;
		height:auto;
		background:url(../images/bg_sum_stripe.jpg);
		padding:20px 0px;
		margin:0px auto 25px auto;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		border-radius:5px;		/* CSS3草案 */
		-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
		-moz-border-radius:5px;	/* Firefox用 */
	}
	
	.section .sectionBody .couponArea{
		width:100%;
		height:auto;
		margin:10px 0px 20px 0px;
	}
	
		.couponArea h4{
			width:98%;
			height:auto;
			padding:6px 0px 6px 2%;
			background:#e97d14;
			color:#fff;
			font-size:16px;
		}
		
		.couponArea p.couponNumber{
			padding:15px;
			color:#e97d14;
			font-weight:bold;
			font-size:20px;
			border:1px solid #e97d14;
			background:#fff;
		}
		
	.section .sectionBody .limitArea{
		width:100%;
		height:auto;
		margin:10px 0px 20px 0px;
	}
	
		.limitArea h4{
			width:98%;
			height:auto;
			padding:6px 0px 6px 2%;
			background:#895829;
			color:#fff;
			font-size:16px;
		}
		
		.limitArea p.limitNumber{
			padding:15px;
			color:#895829;
			font-weight:bold;
			font-size:20px;
			border:1px solid #895829;
			background:#fff;
		}
	
	.section .sectionBody .checkRepeat{
		width:100%;
		height:auto;
		margin:10px 0px 20px 0px;
	}
	
		.section .sectionBody .checkRepeat h4{
			width:98%;
			height:auto;
			padding:6px 0px 6px 2%;
			background:#467387;
			color:#fff;
			font-size:16px;
		}
		
		.checkRepeat h4#acTrig{
				cursor:pointer;
			}
		
			.checkRepeat .acBox{
				display:none;
			}
			
			
		.section .sectionBody .checkRepeat .tableBox{
			padding:15px 0px 0px 0px
		}
	
		.section .sectionBody .checkRepeat .tableBox td{
			padding:6px;
			border-right:2px solid #ccc;
			border-top:2px solid #ccc;
		}
		
		.section .sectionBody .checkRepeat .tableBox table{
			border-left:2px solid #ccc;
			border-bottom:2px solid #ccc;
		}
		
		.section .sectionBody .cancelArea{
			padding:12px 12px 12px 12px;
			border:2px solid #ddac01;
			background:#fff9e5;
		}
		
			.cancelArea p{
				font-weight:bold;
			}
		
		.section .sectionBody .noticeArea{
			padding:24px 12px 12px 12px;
			border:2px solid #ddac01;
			background:#fff9e5;
		}
		
			.noticeArea dl{
				
			}
			
				.noticeArea dt{
					padding:0px 0px 5px 0px;
				}
				
				.noticeArea dd{
					padding:8px 0px 8px 16px;
					margin:0px 0px 12px 0px;
					background:#f6be00;
					border:2px solid #fff;
					border-radius:3px;		/* CSS3草案 */
					-webkit-border-radius:3px;	/* Safari,Google Chrome用 */
					-moz-border-radius:3px;	/* Firefox用 */
				}
	
	#submitArea{
		padding:15px 0px 0px 0px;
	}
	
		#submitArea p.error{
			display:block;
			width:90%;
			height:auto;
			margin:0px auto 15px auto;
			padding:2%;
			
			border:3px solid #f31833;
			font-weight:bold;
			background:url(../images/error_bg_stripe.jpg);
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
			
			display:none;
		}
	
		#submitArea ul{
			display:block;
			width:100%;
			margin:0px auto;
			padding:0px 0px 50px 0px;
		}
		
		/* 野田削除 */
		/*
		#submitArea ul.culumn3 li{
			display:block;
			width:80%;
			height:61px;
			float:none;
			margin:15px auto 10px auto;
			text-align:center;
		}
		*/
		
		#submitArea ul.culumn3 li.print{
			display:none;
		}
		
		#submitArea ul li{
			display:block;
			width:80%;
			height:61px;
			float:none;
			margin:15px auto 10px auto;
		}
		
		#submitArea ul li.btnBlue input{
			display:block;
			width:100%;
			height:61px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #0777d7; 
			background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));

			border:none;
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnYellow input{
			display:block;
			width:100%;
			height:61px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#504009;
			
			background-color: #eab704; 
			background: -moz-linear-gradient(top, #eab704, #eab704 50%, #f2d162); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #eab704),color-stop(0, #f2d162));
			
			border:none;
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnGlay input{
			display:block;
			width:100%;
			height:61px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#333333;
			background-color: #999999; 
			background: -moz-linear-gradient(top, #999999, #999999 50%, #cdcdcd); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #999999),color-stop(0, #cdcdcd));
			cursor:pointer;
			
			border:none;
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnGreen input{
			display:block;
			width:100%;
			height:61px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #278713; 
			background: -moz-linear-gradient(top, #278713, #278713 50%, #70b063); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #278713),color-stop(0, #70b063));
			cursor:pointer;
			
			border:none;
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		
		
		#submitArea ul li.btnRed input{
			display:block;
			width:100%;
			height:61px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #b10202; 
			background: -moz-linear-gradient(top, #b10202, #b10202 50%, #bc6363); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #b10202),color-stop(0, #bc6363));
			cursor:pointer;
			
			border:none;
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		
		/* sshort */
		#submitArea ul li.btnBlueShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #0777d7; 
			background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnYellowShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#504009;
			background-color: #eab704; 
			background: -moz-linear-gradient(top, #eab704, #eab704 50%, #f2d162); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #eab704),color-stop(0, #f2d162));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnGlayShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#333333;
			background-color: #999999; 
			background: -moz-linear-gradient(top, #999999, #999999 50%, #cdcdcd); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #999999),color-stop(0, #cdcdcd));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnGreenShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #278713; 
			background: -moz-linear-gradient(top, #278713, #278713 50%, #70b063); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #278713),color-stop(0, #70b063));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnRedShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #b10202; 
			background: -moz-linear-gradient(top, #b10202, #b10202 50%, #bc6363); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #b10202),color-stop(0, #bc6363));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		/* kokomade */
		
		
		/* 5culumn btn */
		
		#submitArea ul.culumn5 li.btnBlueShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #0777d7; 
			background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul.culumn5 li.btnYellowShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#504009;
			background-color: #eab704; 
			background: -moz-linear-gradient(top, #eab704, #eab704 50%, #f2d162); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #eab704),color-stop(0, #f2d162));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul.culumn5 li.btnGlayShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#333333;
			background-color: #999999; 
			background: -moz-linear-gradient(top, #999999, #999999 50%, #cdcdcd); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #999999),color-stop(0, #cdcdcd));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul.culumn5 li.btnGreenShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #278713; 
			background: -moz-linear-gradient(top, #278713, #278713 50%, #70b063); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #278713),color-stop(0, #70b063));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul.culumn5 li.btnRedShort a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #b10202; 
			background: -moz-linear-gradient(top, #b10202, #b10202 50%, #bc6363); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #b10202),color-stop(0, #bc6363));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul.culumn4 li.mLine a{
			padding:10px 0px 10px 0px;
		}
		/* 野田追加 */
		#submitArea ul.culumn3 li.mLine a{
			padding:10px 0px 10px 0px;
		}
		
		#submitArea ul.culumn4 li.print{
			display:none;
		}
		
		/* kokomade */
		
		
		#submitArea ul li.btnBlue a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#fff;
			background-color: #0777d7; 
			background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnYellow a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#504009;
			background-color: #eab704; 
			background: -moz-linear-gradient(top, #eab704, #eab704 50%, #f2d162); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #eab704),color-stop(0, #f2d162));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.btnGlay a{
			display:block;
			width:100%;
			height:41px;
			margin:0px auto;
			font-size:23px;
			font-weight:bold;
			color:#333333;
			background-color: #999999; 
			background: -moz-linear-gradient(top, #999999, #999999 50%, #cdcdcd); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #999999),color-stop(0, #cdcdcd));
			cursor:pointer;
			border:none;
			text-align:center;
			padding:20px 0px 0px 0px;
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */
		}
		
		#submitArea ul li.printCoupon{
			display:none;
		}
	
	
a.tips{
	display:none;
}
.w40{
	width:90%;
}

	/* add printBtn */
	.section .sectionBody #submitAreaCouponPrint{
		display:none;
	}
	
	

}