@charset 'UTF-8';

/*=========================================================boxclear*/
.clearfix:after{
	content: ".";  /* 新しい要素を作る */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	min-height: 1px;
}

* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*=========================================================注意書き時*/
.disclaimer{
	display: block;
	color: #a00;
	font-size: 75%;
}

/*=========================================================エラー*/
.errors {
	display: block;
	margin: 10px 0;
	padding: 10px 15px;
	color: #a00;
	line-height: 1.2em;
	font-size: 90%;
	background-color: #fdd;
	border: 1px #a00 solid;
}

.error-span {
	display: block;
	line-height: 1.2em;
}

.alert {
	display: block;
	margin: 5px 0;
	padding: 5px;
	color: #a00;
	line-height: 1.2em;
	font-size: 90%;
	background-color: #fdd;
	border: 1px #a00 solid;
}

/*=========================================================coor design*/
.white{ color: #fff; }
.black{ color: #000; }
.red{ color: #cf0000; }
.blue { color: #0000cf; }
.skyblue { color: #54a4ff; }
.gray { color: #777; }
.darkGray { color: #333; }
.darkRed { color: #8b0000; }
.darkBlue { color: #00008B; }
.brown { color: #a52a2a; }
.yellow { color: #ff0; }
.gold { color: #ffd700;}
.pink { color: #fd47ff; }
.darkPink { color: #ff476e; }
.thinPink { color: #ff9cf9; }
.orange { color: #ff7700; }

/*=========================================================weight design*/
.bold { font-weight: bold; }
.normal { font-weight: normal; }

/*=========================================================text design*/
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }
.clearB { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }

/*=========================================================display design*/
.dispBlock { display: block; }
.dispInline { display: inline; }
.dispNone { display: none; }
.overHidd { overflow: hidden; }

/*============================================================================================================= Options */
.btn{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.button-design{
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	line-height: 1em;
	border: none;
	background: transparent;
}

/*=========================================================span text-indent*/
.text-indent{
	display: block;
	font-weight: normal;
	font-size: 80%;
	padding-left: 1em;
	text-indent: -1em;
}

/*=========================================================button submit design*/
.btnDesign{
	display: block;
	cursor: pointer;
	border: none;
	overflow: hidden;
	text-indent: -9999px;
	background-color: none;
}

.btn_dsn {
	display: block;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
	background-color: #fff;
	overflow: hidden;
}

.note_dsn {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.hideBox {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.viewBox {
	display: block;
	overflow: hidden;
}