@charset "UTF-8";

/*

	liv-base.css
	
*/

/*********************************************************
						common
**********************************************************/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*	font
--------------------------------*/
.b {
	font-weight: bold;
}

.s14n {
	font-size: 14px;
	font-weight: normal;
}

.s14b {
	font-size: 14px;
	font-weight: bold;
}

.s16n {
	font-size: 16px;
	font-weight: normal;
}

.s16b {
	font-size: 16px;
	font-weight: bold;
}

.s12 {
	font-size: 12px;
}

.s14 {
	font-size: 14px;
}

.s16 {
	font-size: 16px;
}

.s18 {
	font-size: 18px;
}

.s20 {
	font-size: 20px;
}

.s24 {
	font-size: 24px;
}

.w50 {
	width: 50px;
}
/*	padding, margin
--------------------------------*/
.pd0 {
	padding: 0 !important;
}
.pd5 {
	padding: 5px;
}
.pd0-5 {
	padding: 0px 5px;
}

.pd4 {
	padding: 4px;
}

.pd4-0 {
	padding: 4px 0px;
}

.pd0-4 {
	padding: 0px 4px;
}

.pd8 {
	padding: 8px;
}

.pd8-0 {
	padding: 8px 0px;
}

.pd0-8 {
	padding: 0px 8px;
}

.pd8-16 {
	padding: 8px 16px;
}

.pdt8 {
	padding-top: 8px;
}

.pd10 {
	padding: 10px;
}

.pd10-0 {
	padding: 10px 0px;
}

.pd0-10 {
	padding: 0px 10px;
}

.pdt-10 {
	padding-top: 10px;
}

.pdb-10 {
	padding-bottom: 16px;
}

.pd15 {
	padding: 15px;
}

.pd16 {
	padding: 16px;
}

.pd16-0 {
	padding: 16px 0px;
}

.pd0-16 {
	padding: 0px 16px;
}

.pdt-16 {
	padding-top: 16px;
}

.pdb-16 {
	padding-bottom: 16px;
}

.pd16-b32 {
	padding: 16px;
	padding-bottom: 32px;
}

.pd20 {
	padding: 20px;
}
.pd20-0 {
	padding: 20px 0px;
}
.pd0-20 {
	padding: 0px 20px;
}
.pd30 {
	padding: 30px;
}

.pd30-0 {
	padding: 30px 0px;
}

.pd32 {
	padding: 32px;
}

.pd40 {
	padding: 40px;
}

.pd40-0 {
	padding: 40px 0px;
}

.pd50 {
	padding: 50px;
}

.pd50-0 {
	padding: 50px 0px;
}

.pd100 {
	padding: 10px 0px;
}

.mg0-1 {
	margin: 0px 1px;
}
.mg0-2 {
	margin: 0px 2px;
}

.mg5 {
	margin: 5px;
}

.mg8 {
	margin: 8px;
}

.mg10 {
	margin: 10px;
}

.mg15 {
	margin: 15px;
}

.mg16 {
	margin: 16px;
}

.mg20 {
	margin: 20px;
}

.mg30 {
	margin: 30px;
}
.mg30-0 {
	margin: 30px 0px;
}

.mg40 {
	margin: 40px;
}

.mg50 {
	margin: 50px;
}
.mg50-0 {
	margin: 50px 0px;
}

/*	background
--------------------------------*/
.bg-000 {
	background: #000;
}
.bg-fff {
	background: #fff;
}
.bg-f0 {
	background: #f0f0f0;
}
.bg-f5 {
	background: #f5f5f5;
}
.bg-d8 {
	background: #d8d8d8;
}
.f0 {
	background: #f0f0f0;
}


/*	border
--------------------------------*/
hr {
	margin: 16px 0;
	border: 0;
	border-top: 1px solid #ddd;
	/* border-bottom: 1px solid #ffffff; */
	opacity: 1.0;
}
.bdt-d8 {
	border-top: 1px solid #d8d8d8;
}
.bdb-fff {
	border-bottom: 1px solid #fff;
}
.bdb-000 {
	border-bottom: 1px solid #000;
}
.bdb-333 {
	border-bottom: 1px solid #333;
}
.bdb-666 {
	border-bottom: 1px solid #666;
}
.bdb-999 {
	border-bottom: 1px solid #999;
}
.bdb-sil {
	border-bottom: 1px solid silver;
}
.bdb-d8 {
	border-bottom: 1px solid #d8d8d8;
}
.bdb-ccc {
	border-bottom: 1px solid #ccc;
}
.bdb-cd-blue {
	border-bottom: 1px solid #003e6a;
}
.bdb-fb {
	border-bottom: 1px solid #3b5998;
}

/*	box
--------------------------------*/

.box-row {
	width: 100%;
	overflow: hidden;
}

/*
[class*="span"] {
	float: left;
}
*/

.box1 {
	width: 10%;
}

.box2 {
	width: 20%;
}

.box3 {
	width: 30%;
}

.box4 {
	width: 40%;
}

.box5 {
	width: 50%;
}

.box6 {
	width: 60%;
}

.box7 {
	width: 70%;
}

.box8 {
	width: 80%;
}

.box9 {
	width: 90%;
}

.box10 {
	width: 100%;
}