@charset "utf-8";
/* 汎用CSS */

/* ---テキスト--- */
.col-white {
	color: white;
}

.col-red {
	color: #F00;
}

.font75 {
	font-size: 75%;
}

.font80 {
	font-size: 80%;
}

.font90 {
	font-size: 90%;
}

.font120 {
	font-size: 120%;
}

.font180 {
	font-size: 180%;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-25 {
	font-size: 25px;
}

.font-size-30 {
	font-size: 30px;
}

.font-size-40 {
	font-size: 30px;
}

.font-size-50 {
	font-size: 50px;
}

.font-bold {
	font-weight: bold;
}

.font-nomal {
	font-weight: normal;
}

.second-indent {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left !important;
}

/* ---width--- */
.width-100 {
	width: 100px;
}
.width-120 {
	width: 120px;
}

.width-180 {
	width: 180px;
}

.width-200 {
	width: 200px;
}

.width-250 {
	width: 250px;
}

.width-260 {
	width: 260px;
}

.width-300 {
	width: 300px;
}

.width-450 {
	width: 450px;
}

.width-480 {
	width: 480px;
}

.width-500 {
	width: 500px;
}

.width-600 {
	width: 600px;
}

.width-630 {
	width: 630px;
}

.width-700{
	width: 700px;
}

.width-750{
	width: 750px;
}

.width-800{
	width: 800px;
}


.width-850{
	width: 850px;
}

.width-900{
	width: 900px !important;
}

.width-1000{
	width: 1000px;
}

.height-50 {
	height: 50px;
}

/* ---罫線--- */
.bdr-right-white {
	border-right: #fff 1px solid;
}

.bdr-right {
	border-right: #000 1px solid;
}

.bdr-left {
	border-left: #000 1px solid;
}

.bdr-top-none {
	border-top: none !important;
}

.bdr-bottom-none {
	border-bottom: none !important;
}

.bdr-right-none {
	border-right: none;
}

.bdr-left-none {
	border-left: none;
}

/* ---マージン設定--- */
.mgn0-auto {
	margin: 0 auto;
}

.mgn0 {
	margin: 0;
}

.mgn-top-0 {
	margin-top: 0!important;
}

.mgn-top-5 {
	margin-top: 5px;
}

.mgn-top-10 {
	margin-top: 10px;
}

.mgn-top-15 {
	margin-top: 15px;
}

.mgn-top-20 {
	margin-top: 20px !important;
}

.mgn-top-30 {
	margin-top: 30px !important;
}

.mgn-top-40 {
	margin-top: 40px !important;
}

.mgn-top-45 {
	margin-top: 45px;
}

.mgn-top-50 {
	margin-top: 50px !important;
}

.mgn-top-65 {
	margin-top: 65px;
}

.mgn-top-70 {
	margin-top: 70px;
}

.mgn-top-80 {
	margin-top: 80px;
}

.mgn-top-100 {
	margin-top: 100px;
}

.mgn-top-200 {
	margin-top: 200px;
}

.mgn-right-0 {
	margin-right: 0;
}

.mgn-right-5 {
	margin-right: 5px;
}

.mgn-right-10 {
	margin-right: 10px;
}

.mgn-right-20 {
	margin-right: 20px;
}

.mgn-right-30 {
	margin-right: 30px;
}

.mgn-right-40 {
	margin-right: 40px;
}

.mgn-right-50 {
	margin-right: 50px !important;
}

.mgn-right-60 {
	margin-right: 60px;
}

.mgn-right-70 {
	margin-right: 70px;
}

.mgn-right-80 {
	margin-right: 80px;
}

.mgn-right-100 {
	margin-right: 100px;
}

.mgn-bottom-0 {
	margin-bottom: 0;
}

.mgn-bottom-5 {
	margin-bottom: 5px;
}

.mgn-bottom-10 {
	margin-bottom: 10px;
}

.mgn-bottom-15 {
	margin-bottom: 15px;
}

.mgn-bottom-20 {
	margin-bottom: 20px;
}

.mgn-bottom-30 {
	margin-bottom: 30px !important;
}

.mgn-bottom-40 {
	margin-bottom: 40px !important;
}

.mgn-bottom-50 {
	margin-bottom: 50px !important;
}

.mgn-bottom-60 {
	margin-bottom: 60px !important;
}

.mgn-bottom-70 {
	margin-bottom: 70px !important;
}

.mgn-bottom-80 {
	margin-bottom: 80px;
}

.mgn-bottom-90 {
	margin-bottom: 90px;
}

.mgn-left-0 {
	margin-left: 0;
}

.mgn-left-5 {
	margin-left: 5px;
}

.mgn-left-10 {
	margin-left: 10px;
}

.mgn-left-15 {
	margin-left: 15px;
}

.mgn-left-20 {
	margin-left: 20px;
}

.mgn-left-30 {
	margin-left: 30px;
}

.mgn-left-35 {
	margin-left: 35px;
}

.mgn-left-40 {
	margin-left: 40px;
}

.mgn-left-50 {
	margin-left: 50px !important;
}

.mgn-left-60 {
	margin-left: 60px;
}

.mgn-left-70 {
	margin-left: 70px;
}

.mgn-left-80 {
	margin-left: 80px;
}

.mgn-0-auto {
	margin:0 auto;
}

/*---padding設定---*/
.pdg-top-0 {
	padding-top: 0;
}

.pdg-top-5 {
	padding-top: 5px;
}

.pdg-top-10 {
	padding-top: 10px;
}

.pdg-top-15 {
	padding-top: 15px;
}

.pdg-top-20 {
	padding-top: 20px;
}

.pdg-top-25 {
	padding-top: 25px;
}

.pdg-top-30 {
	padding-top: 30px;
}

.pdg-top-40 {
	padding-top: 40px;
}

.pdg-top-50 {
	padding-top: 50px;
}

.pdg-top-60 {
	padding-top: 60px;
}

.pdg-top-70 {
	padding-top: 70px;
}

.pdg-top-80 {
	padding-top: 80px;
}

.pdg-top-90 {
	padding-top: 90px;
}

.pdg-top-100 {
	padding-top: 100px;
}

.pdg-top-110 {
	padding-top: 110px;
}

.pdg-top-120 {
	padding-top: 120px;
}

.pdg-bottom-0 {
	padding-bottom: 0;
}

.pdg-bottom-20 {
	padding-bottom: 20px;
}

.pdg-bottom-50 {
	padding-bottom: 50px;
}

.pdg-bottom-100 {
	padding-bottom: 100px;
}

.pdg-left-0 {
	padding-left: 0;
}

.pdg-left-20 {
	padding-left: 20px;
}

.pdg-right-0 {
	padding-right: 0;
}

.pdg-right-15 {
	padding-right: 15px;
}

.pdg-right-20 {
	padding-right: 20px;
}

.pdg-right-25 {
	padding-right: 25px;
}

.pdg-right-40 {
	padding-right: 40px;
}

.pdg-0 {
	padding:0;
}

.pdg-5 {
	padding: 5px;
}

.pdg-10 {
	padding: 10px;
}

.pdg-20 {
	padding: 20px;
}

/*---float設定---*/
.flt-rt {
	float: right;
}

.flt-lt {
	float: left;
}

/*---border設定---*/
.border-right-white {
	border-right:1px #fff solid;
}

.border-bottom-gray {
	border-bottom: 1px #ccc solid;
}

.border-gray {
	border:1px #a0a0a0 solid;
}

.clear {
	clear: both;
}

.valign-middle {
	vertical-align: middle;
}

.valign-bottom {
	vertical-align: bottom;
}

.border0 {
	border: 0;
}

.bg-white {
	background: #fff;
}

.hidden {
	overflow: hidden;
}

.relative {
	position: relative;
}

.underline {
	text-decoration: underline;
}