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

/***************************************************/
/* Import CSS Setting */
/***************************************************/
@import url(color.css);
@import url(font.css);
@import url(form.css);

/***************************************************/
/* HTML Tag Setting */
/***************************************************/
ul {
	padding:0;
	margin:0;
}
img {
	border:0;
}
div {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/***************************************************/
/* Link Setting */
/***************************************************/
a:link, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/***************************************************/
/* Position Setting */
/***************************************************/
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.fixed {
	position:fixed;
}

/***************************************************/
/* Float Setting */
/***************************************************/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}

/***************************************************/
/* Align Setting */
/***************************************************/
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}
.align_center {
	text-align:center;
}
.align_justify {
	text-align:justify;
}
.valign_middle {
	vertical-align:middle;	
}

/***************************************************/
/* Display Setting */
/***************************************************/
.none {
	display:none;
}
.inline-block {
	display:inline-block;	
}
.table {
	display:table;	
}
.cell {
	display:table-cell;	
}

/***************************************************/
/* Visibility Setting */
/***************************************************/
.hidden {
	visibility:hidden;
}

/***************************************************/
/* Text Setting */
/***************************************************/
.nowrap {
	white-space:nowrap;
}
.ellipsis {
	text-overflow:ellipsis;	
	overflow:hidden;
}

/***************************************************/
/* Flex Setting */
/***************************************************/
.flex_container {
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.flex_1 {
	-ms-flex:1;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	text-align:left;
}
.flex_2 {
	-ms-flex:2;
	-webkit-box-flex:2;
	-webkit-flex:2;
	flex:2;
}
.flex_3 {
	-ms-flex:3;
	-webkit-box-flex:3;
	-webkit-flex:3;
	flex:3;
}
.flex_4 {
	-ms-flex:4;
	-webkit-box-flex:4;
	-webkit-flex:4;
	flex:4;
}
.flex_5 {
	-ms-flex:5;
	-webkit-box-flex:5;
	-webkit-flex:5;
	flex:5;
}
.flex_6 {
	-ms-flex:6;
	-webkit-box-flex:6;
	-webkit-flex:6;
	flex:6;
}
.flex_7 {
	-ms-flex:7;
	-webkit-box-flex:7;
	-webkit-flex:7;
	flex:7;
}
.flex_8 {
	-ms-flex:8;
	-webkit-box-flex:8;
	-webkit-flex:8;
	flex:8;
}
.flex_9 {
	-ms-flex:9;
	-webkit-box-flex:9;
	-webkit-flex:9;
	flex:9;
}