/* ==== align === */
.align-C { text-align:center!important; }
img.align-C {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
table.align-C td, table.align-C th { text-align: center!important; }
.align-L { text-align:left!important; }
.align-R { text-align:right!important; }
.ver-align-T { vertical-align:top!important; }
.ver-align-M { vertical-align:middle!important; }
.ver-align-M { vertical-align:bottom!important; }
/* ==== bg === */
.bg-B { background: #669ACA!important; }
.bg-P { background: #F189BC!important; }
.bg-GLY { background: #66CBCA!important; }
.bg-O { background: #F4A766!important; }
.bg-GRN { background: #66C589!important; }
.bg-BK { background: #333!important; }
/* ==== clear === */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
.crr {
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	clear:both;
}
/* ==== float === */
.float-L { float: left!important; }
.float-R { float: right!important; }
/* ==== font === */
.font-S { font-size: 0.9em!important; }
.font-XS { font-size: 0.8em!important; }
.font-XXS { font-size: 0.7em!important; }
.font-L { font-size: 1.1em!important; }
.font-XL { font-size:1.2em!important; }
.font-XXL { font-size: 1.3em!important; }
.color-R {
	color: #FF3333!important;
	font-weight: bold!important;
}
.color-O {
	color: orange!important;
	font-weight: bold!important;
}
.color-B {
	color: #00557f!important;
	font-weight: bold!important;
}
.color-BK {
	color: #333!important;
	font-weight: bold!important;
}
.color-G {
	color: green!important;
	font-weight: bold!important;
}
/* ==== dl === */
.dl-B dd {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
/* ==== margin padding === */
.margin-padding-0 {
	margin:0px!important;
	padding:0px!important;
}
.padding-T0 { padding-top:0px!important; }
.padding-T5 { padding-top:5px!important; }
.padding-T10 { padding-top:10px!important; }
.padding-T15 { padding-top:15px!important; }
.padding-T20 { padding-top:20px!important; }
.padding-T30 { padding-top:30px!important; }
.padding-T40 { padding-top:40px!important; }
.padding-B0 { padding-bottom:0px!important; }
.padding-B5 { padding-bottom:5px!important; }
.padding-B10 { padding-bottom:10px!important; }
.padding-B15 { padding-bottom:15px!important; }
.padding-B20 { padding-bottom:20px!important; }
.padding-B30 { padding-bottom:30px!important; }
.padding-B40 { padding-bottom:40px!important; }
.padding-L0 { padding-left:0px!important; }
.padding-L5 { padding-left:5px!important; }
.padding-L10 { padding-left:10px!important; }
.padding-L15 { padding-left:15px!important; }
.padding-L20 { padding-left:20px!important; }
.padding-L30 { padding-left:30px!important; }
.padding-L40 { padding-left:40px!important; }
.padding-R0 { padding-right:0px!important; }
.padding-R5 { padding-right:5px!important; }
.padding-R10 { padding-right:10px!important; }
.padding-R15 { padding-right:15px!important; }
.padding-R20 { padding-right:20px!important; }
.padding-R30 { padding-right:30px!important; }
.padding-R40 { padding-right:40px!important; }
.margin-T0 { margin-top:0px!important; }
.margin-T5 { margin-top:5px!important; }
.margin-T10 { margin-top:10px!important; }
.margin-T15 { margin-top:15px!important; }
.margin-T20 { margin-top:20px!important; }
.margin-T30 { margin-top:30px!important; }
.margin-T40 { margin-top:40px!important; }
.margin-B0 { margin-bottom:0px!important; }
.margin-B5 { margin-bottom:5px!important; }
.margin-B10 { margin-bottom:10px!important; }
.margin-B15 { margin-bottom:15px!important; }
.margin-B20 { margin-bottom:20px!important; }
.margin-B30 { margin-bottom:30px!important; }
.margin-B40 { margin-bottom:40px!important; }
.margin-L0 { margin-left:0px!important; }
.margin-L5 { margin-left:5px!important; }
.margin-L10 { margin-left:10px!important; }
.margin-L15 { margin-left:15px!important; }
.margin-L20 { margin-left:20px!important; }
.margin-L30 { margin-left:30px!important; }
.margin-L40 { margin-left:40px!important; }
.margin-R0 { margin-right:0px!important; }
.margin-R5 { margin-right:5px!important; }
.margin-R10 { margin-right:10px!important; }
.margin-R15 { margin-right:15px!important; }
.margin-R20 { margin-right:20px!important; }
.margin-R30 { margin-right:30px!important; }
.margin-R40 { margin-right:40px!important; }

/* ==== original === */
.box {
	table-layout:fixed;
	display: table;
	width: 100%;
}
.box > div {
	display: table-cell;
	vertical-align: top;
	padding-right: 1em;
}
.box > div img {
	max-width: 100%;
	height: auto;
}
.button {
	padding: 0.5em;
	background-color: #333;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.radius {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.shadow {
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.reset {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	width:auto;
	height:auto;
}
/* ==== table === */
.table-B {
	border-top: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
.table-B td {
	padding: 5px;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	vertical-align: top;
}
.table-B th {
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background-color: #DFF8FF;
	text-align: center;
	font-weight: bold;
}
.table-B02 { }
.table-B02 td { border-bottom: 1px dotted #D7D7D7; }
.table-B02 th {
	border-bottom: 1px dotted #D7D7D7;
	text-align: left;
	font-weight: bold;
}
/* ==== ul,ol === */
.ul-B li {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}
.ol-B li {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}
/* ==== width === */
.width-01 { width: 10%!important; }
.width-015 { width: 15%!important; }
.width-02 { width: 20%!important; }
.width-025 { width: 25%!important; }
.width-03 { width: 30%!important; }
.width-035 { width: 35%!important; }
.width-04 { width: 40%!important; }
.width-045 { width: 45%!important; }
.width-05 { width: 50%!important; }
.width-055 { width: 55%!important; }
.width-06 { width: 60%!important; }
.width-065 { width: 65%!important; }
.width-07 { width: 70%!important; }
.width-075 { width: 75%!important; }
.width-08 { width: 80%!important; }
.width-085 { width: 85%!important; }
.width-09 { width: 90%!important; }
.width-095 { width: 95%!important; }
.width-10 { width: 100%!important; }
@media screen and (max-width: 420px) {
/* ==== align === */
.align-L { text-align:justify!important; }
.align-R { text-align:justify!important; }
/* ==== float === */
.float-L {
float: none!important;
}
.float-R {
float: none!important;
}
/* ==== margin === */
.margin-L0, .margin-L5, .margin-L10, .margin-L15, .margin-L20, .margin-L30, .margin-L40, .margin-R0, .margin-R5, .margin-R10, .margin-R15, .margin-R20, .margin-R30, .margin-R40 {
margin-right:0px!important;
}
/* ==== original === */
.box {
display: block;
}
.box > div {
display: block;
width: 100%;
padding:0;
margin-bottom: 10px;
}
.box > div:nth-last-of-type(1) {
margin-bottom: 0;
}
/* ==== width === */
.width-01, .width-015, .width-02, .width-025, .width-03, .width-035, .width-04, .width-045, .width-05, .width-055, .width-06, .width-065, .width-07, .width-075, .width-08, .width-085, .width-09, .width-095, .width-10 {
width: 100%!important;
}
.sp-table-area{
	box-shadow: -3px 0 5px rgba(0,0,0,0.2) inset; 
	margin-bottom: 20px;
	margin-top: 20px;
	overflow: auto;
}
.sp-table-area table{
	margin: 0!important;
	width: 480px;
}
}