@charset "UTF-8";

/***** Public property *****/

.font-xs{
	font-size: 65%;
}

.font-s{
	font-size: 85%;  /* renders 11px */
}

.font-ms{
	font-size: 92%;  /* renders 11px */
}

.font-m{
	font-size: 100%	!important;  /* renders 11px */
}

.font-l{
	font-size: 122%	!important;  /* renders 16px */
}

.font-xl{
	font-size: 136%;
}

.font-xxl{
	font-size: 164%;
}



.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

/* Clearness */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0px; 
   clear: both; 
   visibility: hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.tleft{
	text-align: left;
}

.tright{
	text-align: right;
}

.tcenter{
	text-align: center	!important;
}

.attention1{
	color: #cd0000;
}
.attention2{
	color: #eb6100;
}
.attention3{
	color: #98846e;
}
.text_default{
	color: #6a645a	!important;
}

.font-bold{
	font-weight: bold	!important;
}
.font-normal{
	font-weight: normal	!important;
}

img.vtop{/* 文中のアイコン等 */
	vertical-align: top;
}
img.vmiddle{/* 文中のアイコン等 */
	vertical-align: middle;
}
img.vbottom{/* 文中のアイコン等 */
	vertical-align:bottom;
}
td.vmiddle{	/* テーブルセル縦位置 */
	vertical-align: middle;
}
td.vbottom{	/* テーブルセル縦位置 */
	vertical-align: bottom;
}

* html .png{	/* IE6向け透過処理 */
	behavior: expression(IEPNGFIX.fix(this));
}

.nowrap{	/* 折り返し禁止 */
	white-space: nowrap;
}

img{
	>vertical-align: bottom;
	>border:0;
}

img.simpleImage{
	width: 100%;
}

.indent{
	text-indent: 1em;
}
.indent-r{
	text-indent: -1em;
	padding-left: 1em;
}


.noBorder{
	border-bottom: none	!important;
}

.margin0{
	margin-bottom: 0	!important;
}

.margin5{
	margin-bottom: 5px	!important;
}
.margin10{
	margin-bottom: 10px	!important;
}
.margin15{
	margin-bottom: 15px	!important;
}
.margin20{
	margin-bottom: 20px	!important;
}
.margin30{
	margin-bottom: 30px	!important;
}
.margin40{
	margin-bottom: 40px	!important;
}
.margin50{
	margin-bottom: 50px	!important;
}
.margin60{
	margin-bottom: 60px	!important;
}
.margin80{
	margin-bottom: 80px	!important;
}
.margin100{
	margin-bottom: 100px	!important;
}
.marginTop0{
	margin-top: 0	!important;
}
.marginTop5{
	margin-top: 5px	!important;
}
.marginTop10{
	margin-top: 10px	!important;
}
.marginTop30{
	margin-top: 30px	!important;
}
.marginRight10{
	margin-right: 10px	!important;
}
.pb0{
	padding-bottom : 0!important;
}
.pt0{
	padding-top : 0!important;
}
.autoHeight {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
}