@charset "utf-8";

/*
===== CONTENTS =====

	1: text
	2: list
	3: table
	4: div
	
====================
*/

/* 1: text
----------------------------------------------- */

.m0{margin-bottom:0px!important;}
.m5{margin-bottom:5px!important;}
.m10{margin-bottom:10px!important;}
.m15{margin-bottom:15px!important;}
.m20{margin-bottom:20px!important;}
.m25{margin-bottom:25px!important;}
.m30{margin-bottom:30px!important;}
.m35{margin-bottom:35px!important;}
.m40{margin-bottom:40px!important;}
.m45{margin-bottom:45px!important;}
.m50{margin-bottom:50px!important;}
.m55{margin-bottom:55px!important;}
.m60{margin-bottom:60px!important;}
.m65{margin-bottom:65px!important;}
.m70{margin-bottom:70px!important;}
.m75{margin-bottom:75px!important;}
.m80{margin-bottom:80px!important;}
.m85{margin-bottom:85px!important;}
.m90{margin-bottom:90px!important;}

.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}


.mr1{margin-right:1px!important;}

.ml1{margin-left:1px!important;}

.pl1em{padding-left:1em!important;}

.pr1em{padding-right:1em!important;}


.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}

.big{font-size:117%;}
.big2{font-size:134%;}
.small{font-size:84%;}

.bold{font-weight:bold;}

.monospace{	font-family:"Hiragino Kaku Gothic Pro","ＭＳ ゴシック", "Osaka－等幅";}


/* 2: list
----------------------------------------------- */

.indent{text-indent:-1em; margin-left:1em;}
.indent2{text-indent:-1.2em; margin-left:1.2em;}

.indent-list li{text-indent:-1em; margin-left:1em;}
.indent-list2 li{text-indent:-1.2em; margin-left:1.2em;}

.list-m5 li{margin-bottom:5px;}
.list-m10 li{margin-bottom:10px;}
.list-m15 li{margin-bottom:15px;}

/* 3: table
----------------------------------------------- */

.nowrap{white-space:nowrap;}
.v-top{vertical-align:top!important;}
.v-middle{vertical-align: middle!important;}
.v-bottom{vertical-align: bottom!important;}

.width5{width:5%!important;}
.width10{width:10%!important;}
.width15{width:15%!important;}
.width20{width:20%!important;}
.width25{width:25%!important;}
.width30{width:30%!important;}
.width35{width:35%!important;}
.width40{width:40%!important;}
.width45{width:45%!important;}
.width50{width:50%!important;}
.width55{width:55%!important;}
.width60{width:60%!important;}
.width65{width:65%!important;}
.width70{width:70%!important;}
.width75{width:75%!important;}
.width80{width:80%!important;}
.width85{width:85%!important;}
.width90{width:90%!important;}
.width95{width:95%!important;}
.width100{width:100%!important;}


.th-center th{
	text-align:center;
}
.td-center td{
	text-align:center;
}
.th-middle th{
	vertical-align:middle;
}
.td-middle td{
	vertical-align:middle;
}


.th-bold th{font-weight:bold;}

.table-center{
	text-align:center;
}
.table-center table{
	margin-left: auto;
	margin-right: auto;
}



/* table-normal */

.table-normal th,
.table-normal td{
	padding-right:10px;
}



/* table */

.table{
	margin-bottom:5px;
	border-collapse:collapse;
}
.table th,
.table td{
	border-width:1px;
	border-color:#ccc;
	padding:5px 10px;
}
.table th{
	background:#ECE7DC;
}
.table td{
}

.table table{
	border:0;
}
.table table th,
.table table td{
	background:none;
	border:0;
	padding:0 5px 0 0 ;
}

/* 4: div
----------------------------------------------- */


.clearfix:after{content: ""; display: block; clear: both;height: 0;}
.oldie .clearfix{ zoom: 1; }


/*
===== float =====
*/

.float-l{float:left; margin:0 15px 15px 0;}
.float-l2{float:left;}
.float-r{float:right; margin:0 0 15px 15px;}
.float-r2{float:right;}
.clear{clear:both; min-height:1px;}



.float-text{
	overflow: hidden;
	zoom: 1;
}




/* 5: other
----------------------------------------------- */
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: 700;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}



.ti1 {
	text-indent: 1em;
}

/* 三角形 */
.bg-triangle-w {
	background-image: linear-gradient(135deg, #fff 90px, transparent 0);
}

@media (max-width: 768px) {
	.bg-triangle-w {
		background-image: linear-gradient(135deg, #fff 80px, transparent 0);
	}
}


/* ribbon red */
.ribbon-red {
	display: inline;
}

.ribbon-red span {
	width: 117px;
	padding: 1px 10px 3px;
	display: inline-block;
	background: #E40212;
	position: absolute;
	top: 8px;
	left: -32px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	
	box-shadow: 0px 4px 9px 1px rgba(123, 123, 123, 0.61);
	
	transform: rotate(316deg);
}

@media (max-width: 768px) {
	.ribbon-red {
	}
	
	.ribbon-red span {
		width: 107px;
		top: 6px;
		left: -33px;
		padding: 1px 10px 1px;
	}
}