@charset "UTF-8";
/* border
-------------------- */
.br_gray { border: 1px solid #9b9b9b; }

/* color-style border-left
-------------------- */
/* black */
.cs_bl_black { border-left: 5px solid #000; }
/* blue */
.cs_bl_blue { border-left: 5px solid #00a0e9; }
/* red */
.cs_bl_red { border-left: 5px solid #e60005; }
/* yellow */
.cs_bl_yellow { border-left: 5px solid #faff3a; }
/* orange */
.cs_bl_orange { border-left: 5px solid #ff9b00; }
/* purple */
.cs_bl_purple { border-left: 5px solid #5000c6; }

/* 640px 以上 */
@media screen and (min-width: 640px) {
	.cs_bl_black, .cs_bl_blue, .cs_bl_red, .cs_bl_yellow, .cs_bl_orange, .cs_bl_purple {
		padding-left: 1.25%;/* 12px */
	}
}
/* 639px 以下 */
@media screen and (max-width: 639px) {
  .cs_bl_black, .cs_bl_blue, .cs_bl_red, .cs_bl_yellow, .cs_bl_orange, .cs_bl_purple {
		padding-left: 3.75%;/* 24px */
	}
}
/* color-style background normal
-------------------- */
/* black */
.cs_bg_black { background-color: #000; }
/* gray */
.cs_bg_gray { background-color: #666; }
/* blue */
.cs_bg_blue { background-color: #00a0e9; }
/* sky-blue */
.cs_bg_blue02 { background-color: #3171bb; }
/* red */
.cs_bg_red { background-color: #e60005; }
/* yellow */
.cs_bg_yellow { background-color: #faff3a; }
/* orange */
.cs_bg_orange { background-color: #ff9b00; }
/* purple */
.cs_bg_purple { background-color: #5000c6; }

.cs_bg_black, .cs_bg_black a,
.cs_bg_gray,.cs_bg_gray a,
.cs_bg_blue, .cs_bg_blue a,
.cs_bg_blue02, .cs_bg_blue02 a,
.cs_bg_red, .cs_bg_red a,
.cs_bg_orange, .cs_bg_orange a,
.cs_bg_purple, .cs_bg_purple a { color: #fff; }
.cs_bg_yellow, .cs_bg_yellow a { color: #333; }

/* color-style background graduation
-------------------- */
/* white */
.cs_bg_gr_white {
  background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;
  border: 1px solid #ccc;
}
/* black */
.cs_bg_gr_black {
  background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#000000 100%);
	background: linear-gradient(to bottom, #f0f0f0 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#000000',GradientType=0 )\9;
}
/* blue */
.cs_bg_gr_blue {
  background: #d3f5ff;
	background: -moz-linear-gradient(top, #d3f5ff 0%, #00a0e9 100%);
	background: -webkit-linear-gradient(top, #d3f5ff 0%,#00a0e9 100%);
	background: linear-gradient(to bottom, #d3f5ff 0%,#00a0e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3f5ff', endColorstr='#00a0e9',GradientType=0 )\9;
}
/* red */
.cs_bg_gr_red {
  background: #ffc6c6;
	background: -moz-linear-gradient(top, #ffc6c6 0%, #e60005 100%);
	background: -webkit-linear-gradient(top, #ffc6c6 0%,#e60005 100%);
	background: linear-gradient(to bottom, #ffc6c6 0%,#e60005 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc6c6', endColorstr='#e60005',GradientType=0 )\9;
}
/* yellow */
.cs_bg_gr_yellow {
  background: #ffffb4;
	background: -moz-linear-gradient(top, #ffffb4 0%, #faff3a 100%);
	background: -webkit-linear-gradient(top, #ffffb4 0%,#faff3a 100%);
	background: linear-gradient(to bottom, #ffffb4 0%,#faff3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffb4', endColorstr='#faff3a',GradientType=0 )\9;
}
/* orange */
.cs_bg_gr_orange {
  background: #ffe1b4;
	background: -moz-linear-gradient(top, #ffe1b4 0%, #ff9b00 100%);
	background: -webkit-linear-gradient(top, #ffe1b4 0%,#ff9b00 100%);
	background: linear-gradient(to bottom, #ffe1b4 0%,#ff9b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1b4', endColorstr='#ff9b00',GradientType=0 )\9;
}
/* purple */
.cs_bg_gr_purple {
  background: #e6d2ff;
	background: -moz-linear-gradient(top, #e6d2ff 0%, #5000c6 100%);
	background: -webkit-linear-gradient(top, #e6d2ff 0%,#5000c6 100%);
	background: linear-gradient(to bottom, #e6d2ff 0%,#5000c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d2ff', endColorstr='#5000c6',GradientType=0 )\9;
}

.cs_bg_gr_black, .cs_bg_gr_black a,
.cs_bg_gr_red, .cs_bg_gr_red a,
.cs_bg_gr_orange, .cs_bg_gr_orange a,
.cs_bg_gr_purple, .cs_bg_gr_purple a { color: #fff; }
.cs_bg_gr_white, .cs_bg_gr_white a,
.cs_bg_gr_blue, .cs_bg_gr_blue a,
.cs_bg_gr_yellow, .cs_bg_gr_yellow a { color: #333; }

/* color-style background rich-graduation
-------------------- */
/* black */
.cs_bg_rgr_black {
}
/* blue */
.cs_bg_rgr_blue {
}
/* red */
.cs_bg_rgr_red {
}
/* yellow */
.cs_bg_rgr_yellow {
}
/* orange */
.cs_bg_rgr_orange {
}
/* purple */
.cs_bg_rgr_purple {
}

.cs_bg_rgr_black ul, .cs_bg_rgr_black p, .cs_bg_rgr_black div, .cs_bg_rgr_black a,
.cs_bg_rgr_blue ul, .cs_bg_rgr_blue p, .cs_bg_rgr_blue div, .cs_bg_rgr_blue a,
.cs_bg_rgr_red ul, .cs_bg_rgr_red p, .cs_bg_rgr_red div, .cs_bg_rgr_red a,
.cs_bg_rgr_purple ul, .cs_bg_rgr_purple p, .cs_bg_rgr_purple div, .cs_bg_rgr_purple a { color: #fff; }
.cs_bg_rgr_yellow ul, .cs_bg_rgr_yellow p, .cs_bg_rgr_yellow div, .cs_bg_rgr_yellow a,
.cs_bg_rgr_orange ul, .cs_bg_rgr_orange p, .cs_bg_rgr_orange div, .cs_bg_rgr_orange a { color: #333; }

/* title-style　border+graduation
-------------------- */
.ts_bl_gr_black {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #000;
}
.ts_bl_gr_blue {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #00a0e9;
}
.ts_bl_gr_blue2 {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
	padding:10px 15px;
}
.ts_bl_gr_red {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #e60005;
}
.ts_bl_gr_yellow {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #faff3a;
}
.ts_bl_gr_orange {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #ff9b00;
}
.ts_bl_gr_purple {
  background: #fff;
  background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 )\9;*/
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 5px solid #5000c6;
}

.black{color:#333;}
.red {color:red;}
.brown {color: #8A3D39;}
.blue {color:#2692EE;}
.dark_blue {color: darkblue;}

.ts_gr_bdr{border-bottom: 1px solid #999; padding-bottom: 10px;}
.ts_gr_Lbdr{border-left: 6px solid #999; padding-left: 10px;}


/* 640px 以上 */
@media screen and (min-width: 640px) {
	.ts_bl_gr_black, .ts_bl_gr_blue, .ts_bl_gr_red, .ts_bl_gr_yellow, .ts_bl_gr_orange, .ts_bl_gr_purple {
		padding: 1.25%;/* 12px */
	}
}
/* 639px 以下 */
@media screen and (max-width: 639px) {
  .ts_bl_gr_black, .ts_bl_gr_blue, .ts_bl_gr_red, .ts_bl_gr_yellow, .ts_bl_gr_orange, .ts_bl_gr_purple {
		padding: 1.25%;/* 12px */
	}
}