@charset utf8;

/* マージン */
.mt0 { margin-top:0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }

.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml50 { margin-left:50px; }
.ml80 { margin-left:80px; }
.ml100 { margin-left:100px; }

.mr0 { margin-right:0; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr50 { margin-right:50px; }
.mr80 { margin-right:80px; }
.mr100 { margin-right:100px; }

/* パディング */
.pt0 { padding-top:0; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.pt80 { padding-top:80px; }
.pt100 { padding-top:100px; }

.pb0 { padding-bottom:0; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb50 { padding-bottom:50px; }
.pb80 { padding-bottom:80px; }
.pb100 { padding-bottom:100px; }

.pl0 { padding-left:0; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }
.pl80 { padding-left:80px; }
.pl100 { padding-left:100px; }

.pr0 { padding-right:0; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr50 { padding-right:50px; }
.pr80 { padding-right:80px; }
.pr100 { padding-right:100px; }

/* 幅 */
.w250 { width: 250px; }
.w300 { width: 300px; }
.w450 { width: 450px; }
.w600 { width: 600px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w950 { width: 950px; }
.w1000 { width: 1000px; }


/* センタリング */
.tc { text-align:center; }
.center0 { margin: 0 auto; }
.center10 { margin: 10px auto; }
.center20 { margin: 20px auto; }

/* 回り込み */
.fl { float: left; }
.fr { float: right; }

/* 装飾 */
.b { font-weight: bold; }
.u { text-decoration: underline; }
.block { display: block !important; }

/* 色 */
.wine {
	color: #e50e0f;
}

/****
 * ボタン設定
 ****/

/* ボタングループ */
.buttonsBlock {

}
.buttonsInline {
	zoom: 1;
}
.buttonsInline:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.buttonsInline li {
	float:left;
	margin: 10px 5px;
}

/* ボタン形 */
.button {
	border: 2px solid #5858FA;
	background-color:#CEECF5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:center;
	display:inline-block;
	text-decoration: none;
	cursor:pointer;
}
.button:hover {
	background-color: #A9E2F3;
}
.button a {
	text-decoration: none;
}
.button.blue {
	background-color: #CEECF5;
	border-color: #5858FA;
}
.button.blue:hover {
	background-color: #A9E2F3;
}
.button.red {
	background-color: #e50e0f;
	border-color: #e50e0f;
	color:#fff;
}
.button.red:hover {
/*	background-color: #F5396C;*/
}
.button.red a {
	color:#fff;
}
.button.green {
	background-color: #D8F6CE;
	border-color: #01DF74;
}
.button.green:hover {
	background-color: #A9F5A9;
}
.button.yellow {
	background-color: #FFFF88;
	border-color: #5858FA;
}
.button.yellow:hover {
	background-color: #FFFFBB;
}

/* ボタンサイズ */
.sizeL {
	width: 200px;
	margin: 10px 0;
	font-weight:bold;
	font-size: 18px;
}
.sizeL a {
	padding: 10px 0;
}

.sizeM {
	width: 150px;
	margin: 10px 0;
	font-size: 14px;
}
.sizeM a {
	padding: 6px 0;
}

.sizeS {
	width: 100px;
	margin: 10px 0;
	font-size: 10px;
}
.sizeS a {
	padding: 3px 0;
}

/* リンクボタン設定 */
.buttonsBlock a,
.buttonsInline a {
	display:block;
	width: 100%;
	text-decoration: none;
	color:#000;
}