@charset "utf-8";
/******************************************
汎用classの定義
- Title Style
- Section Style
- List Style
- Button Style
- Table Style
- Form Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/

/* ----------------------------------------

- Title Style

---------------------------------------- */

/* ttl01
------------------------------- */
.ttl01 {
	text-align: center;
	color: #1e9be9;
	font-size: 114.3%;
	font-weight: 700;
	margin-bottom: 15px;
}

/* ttl02
------------------------------- */
.ttl02 {
	text-align: center;
	color: #000;
	font-size: 92.9%;
	font-weight: 700;
	margin-bottom: 10px;
}

/* ttl03
------------------------------- */
.ttl03 {
	text-align: center;
	color: #000;
	font-size: 85.8%;
	font-weight: 700;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 7px;
	margin-bottom: 10px;
}
/* ----------------------------------------

- Section Style

---------------------------------------- */

/* box01
------------------------------- */
.box01 {
	display: block;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}
.box01.shadow {
	box-shadow: 1px 1px 1px #c9c9c9;
}

/* chart01
------------------------------- */
.chart01Wrap {
	height: 210px;
	overflow: hidden;
}
.chart01Wrap.year {
	height: 230px;
}

#chart01 {
	margin-left: -10px;
}

.c3-axis-y text {font-size: 10px;}
#chart01 .regions1 {
  fill: red;
}
#chart01 .regions2  {
  fill: green;
}
#chart01 .c3-ygrid-line.grid1 line {
	stroke: #999;
}
#chart01 .c3-ygrid-line.grid2 line {
	stroke: #1e9be9;
}
#chart01 .c3-ygrid-line.grid1 text,
#chart01 .c3-ygrid-line.grid2 text{
	fill: #999;
}

.graph_container {
    position: relative;
    max-width: 280px;
    margin: 0 auto 40px;
}
.chart02 {
    position: relative;
    z-index: 10;
    padding-top: 20px;
}
.chart03 {
    position: absolute;
    top: 0;
}
.c3-legend-item {
    margin-top: 20px;
}
#chart02 svg {
    overflow: visible !important;
}
#chart02 .c3-legend-item  {
    transform: translate(0, 0);
}
#chart03 .c3-chart-arc text {
    display: none;
}

#chart03 .c3-legend-item-data1 {
	transform: translate(70px, -10px);
    
}
#chart03 .c3-legend-item-data2 {
    transform: translate(-150px, -278px);
}
#chart03 .c3-legend-item-tile {
    display: none;
}

/* chartLegend01
------------------------------- */
.chartLegend01 {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.chartLegend01L {
	width: 105px;
	text-align: center;
	font-size: 85.8%;
	flex-shrink: 0;
}
.chartLegend01L h3 {
}
.chartLegend01L p {
	font-weight: 700;
	color: #c7d203;
}
.chartLegend01R {
	border-left: 1px solid #adadad;
	padding: 2px 0 2px 13px;
}
.chartLegend01R ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 85.8%;
}
.chartLegend01R ul li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 2px;
}
.chartLegend01R ul li:last-of-type {margin-bottom: 0;}
.chartLegend01R ul li:nth-child(1),
.chartLegend01R ul li:nth-child(4) {width: 100%;}
.chartLegend01R ul li:nth-child(2) {width: 60%;}
.chartLegend01R ul li:nth-child(3) {width: 40%;}
.chartLegend01R ul li:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 7px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.chartLegend01R ul li.c_f6bf01:before {background: #f6bf01;}
.chartLegend01R ul li.c_66cee4:before {background: #66cee4;}
.chartLegend01R ul li.l_f6bf01:before {background: #fa7e68; height: 1px;}
.chartLegend01R ul li.l_f6bf01:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fa7e68;
	position: absolute;
	top: 50%;
	left: 6px;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.chartLegend01R ul li.c_fbd0c6:before {background: #fbd0c6;}

/* chartLegend02
------------------------------- */
.chartLegend02 {
	display: flex;
	justify-content: flex-end;
	font-size: 85.8%;
	margin-bottom: 15px;
}
.chartLegend02  li {
	padding-left: 20px;
	position: relative;
	margin-left: 25px;
}
.chartLegend02 li:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.chartLegend02 li.l_fa7e68:before {
	background: #fa7e68;
}
.chartLegend02 li.l_fa7e68:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fa7e68;
	position: absolute;
	top: 50%;
	left: 6px;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.chartLegend02 li.l_1e9be9:before {
	background: #1e9be9;
}

/* chartLegend03
------------------------------- */
.chartLegend03 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 85.8%;
	margin-bottom: 15px;
}
.chartLegend03 li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 2px;
}
.chartLegend03 li:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 7px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.chartLegend03 li:nth-child(odd) {width: 55%;}
.chartLegend03 li:nth-child(even) {width: 45%;}
.chartLegend03 li.c_f6bf01:before {background: #f6bf01;}
.chartLegend03 li.c_ee803f:before {background: #ee803f;}
.chartLegend03 li.c_66cee4:before {background: #66cee4;}
.chartLegend03 li.c_366bc9:before {background: #366bc9;}
.chartLegend03 li.c_9ed071:before {background: #9ed071;}
.chartLegend03 li.c_8498b3:before {background: #8498b3;}
.chartLegend03 li.c_6eb3c2:before {background: #6eb3c2;}
.chartLegend03 li.c_7d807b:before {background: #7d807b;}

/* ecoPoint
------------------------------- */
.ecoPoint {
	display: block;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
.ecoPoint h2 {
	text-align: center;
	margin-bottom: 7px;
}
.ecoPoint h2 span {
	display: inline-block;
	color: #1e9be9;
	border-bottom: 1px solid #1e9be9;
	padding-bottom: 2px;
	font-weight: 700;
}
.ecoPoint p span {
	color: #1e9be9; 
}
.ecoPoint p strong {
	font-weight: 700;
	font-size: 114.3%;
}

/* boxGray01
------------------------------- */
.boxGray01 {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 7px;
	display: flex;
	text-align: center;
	margin-bottom: 25px;
	white-space: nowrap;
}
.boxGray01L {
	width: 50%;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #adadad;
	font-size: 85.8%;
}
.boxGray01R {
	height: 30px;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.boxGray01R img {
	margin-right: 10px;
}
.boxGray01R p {
	font-weight: 700;
}
.boxGray01R p span {
	font-size: 142.9%;
}
.boxGray01R p small {
	font-size: 107.2%;
}
.boxGray01.bgcBlue {background: #edf5fc;}


/* boxWeather
------------------------------- */
.boxWeather {
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.boxWeatherL {
	width: 65px;
	padding-right: 10px;
	text-align: center;
	font-size: 85.8%;
	flex-shrink: 0;
}
.boxWeatherL img {
	width: 43px;
	height: auto;
}
.boxWeatherL p {
	margin-bottom: 10px;
}

.boxWeatherR {
	width: calc(100% - 65px);
}


/* tblWeather
------------------------------- */
.tblWeather {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.tblWeather th,
.tblWeather td {
	font-size: 78.6%;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.tblWeather th {
	background: #bfddef;
}
.tblWeather tr td {
	background: #edf5fc;
}
.tblWeather tr th:last-of-type,
.tblWeather tr td:last-of-type {
	border-right: none;
}
.tblWeather tr:last-of-type th,
.tblWeather tr:last-of-type td {
	border-bottom: none;
}
.tblWeather tr td p {
	margin-top: 5px;
}
.tblWeather tr td p .high {color: #fa7e68;}
.tblWeather tr td p .low {color: #249ee9;}
.tblWeather tr td .iconWeather01 {width: 18px; height: auto;}
/* tabBox
------------------------------- */
.tabBoxNav {
	display: flex;
}
.tabBoxNav.row2 li {
	width: 50%;
}
.tabBoxNav.row3 li {
	width: 33.333%;
}
.tabBoxNav li a {
	display: block;
	border-radius: 7px 7px 0 0;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	background: #d1d1d1;
	color: #fff;
	font-weight: 700;
	font-size: 92.9%;
}
.tabBoxNav li a.active {
	background: #1e9be9;
}
.tabBoxCon {
	background: #fff;
	padding: 10px;
	border-radius: 0 0 5px 5px;
	border: 2px solid #1e9be9;
	border-top: none;
}

/* searchBox
------------------------------- */
.searchBox {
	position: relative;
}
.searchBox input[type="text"] {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #adadad;
	width: 100%;
	height: 40px;
	font-size: 85.8%;
	padding: 0 30px 0 10px;
	position: relative;
	z-index: 1;
}
.searchBox span {
	display: block;
	position: absolute;
	z-index: 2;
	top: 9px;
	right: 10px;
	color: #666;
}

/* ----------------------------------------

- List Style

---------------------------------------- */

/* list01
------------------------------- */
.list01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list01 li {
	width: 50%;
	margin-bottom: 8px;
}
.list01 li:nth-child(odd) {
	padding-right: 4px;
}
.list01 li:nth-child(even) {
	padding-left: 4px;
}
.list01 li:nth-last-child(1),
.list01 li:nth-last-child(2) {
	margin-bottom: 0;
}
.list01 li a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	font-size: 78.6%;
}

/* list02
------------------------------- */
.list02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list02 li {
	width: 50%;
	margin-bottom: 15px;
}
.list02 li:nth-child(odd) {
	padding-right: 7.5px;
}
.list02 li:nth-child(even) {
	padding-left: 7.5px;
}
.list02 li:nth-last-child(1),
.list02 li:nth-last-child(2) {
	margin-bottom: 0;
}
.list02 li a {
	display: block;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	padding: 12px;
}
.list02 li a p {
	margin-top: 5px;
}
/* list03
------------------------------- */
.list03 {
	display: flex;
	flex-wrap: wrap;
}
.list03 li {
	width: 25%;
}
.list03.list03_div3 li {
	width: 33.33%;
}
.list03 li a {
	display: block;
	border-radius: 7px;
	background: #d2d2d2;
	color: #fff;
	font-weight: 700;
	text-align: center;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	font-size: 85.8%;
}
.list03 li a.active {
	background: #1e9be9;
}
.list03 li a.active_o {
	background: #f6bf01;
}

/* radioList
------------------------------- */
.radioList {
	display: flex;
	justify-content: center;
}
.radioList li {
	margin: 0 7px;
}
.radioList li input {
	margin-right: 5px;
}

/* ----------------------------------------

- Button Style

---------------------------------------- */

/* btn01
------------------------------- */
.btn01 {
	display: block;
	max-width: 145px;
	height: 28px;
	text-decoration: none;
	border-radius: 11px;
	line-height: 28px;
	color: #fff;
	font-size: 85.8%;
	background: #1e9be9;
	box-shadow: 2px 2px 1px #0f70d1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.btn01.w220,
.btn01.w260 {
	max-width: inherit;
}

.btn01:after {
	position: absolute;
	right: 8px;
    content: "\f105";
    font-family: FontAwesome;
}

/* btn02
------------------------------- */
.btn02 {
	display: table;
	min-width: 84px;
	padding: 0 5px;
	height: 28px;
	text-decoration: none;
	border-radius: 11px;
	line-height: 28px;
	color: #fff;
	font-size: 85.8%;
	background: #1e9be9;
	box-shadow: 2px 2px 1px #0f70d1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	white-space: nowrap;
}
.btn02_w-auto {
	min-width: inherit;
}

/* btn03
------------------------------- */
.btn03 {
	display: block;
	max-width: 145px;
	height: 28px;
	text-decoration: none;
	border-radius: 11px;
	line-height: 28px;
	color: #fff;
	font-size: 85.8%;
	background: #bebebe;
	box-shadow: 2px 2px 1px #8b8b8b;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	white-space: nowrap;
}

/* btn04
------------------------------- */
.btn04 {
	display: inline-block;
	padding: 1px 5px 1px 3px;
	text-decoration: none;
	border-radius: 2px;
	color: #fff;
	font-size: 71.5%;
	background: #1e9be9;
	box-shadow: 2px 2px 1px #0f70d1;
}
.btn04 i {
	font-size: 120%;
	margin-right: 2px;
}

/* btnBack
------------------------------- */
.btnBack {
	display: block;
	text-align: right;
	height: 28px;
	text-decoration: none;
	border-radius: 11px;
	line-height: 28px;
	color: #fff;
	font-size: 85.8%;
}
.btnBack a {
	display: inline-block;
	min-width: 84px;
	height: 28px;
	text-decoration: none;
	border-radius: 11px;
	line-height: 28px;
	color: #fff;
	font-size: 85.8%;
	background: #bebebe;
	box-shadow: 2px 2px 1px #8b8b8b;
	text-align: center;
	position: relative;
	padding: 0 10px;
}
.btnBack a:before {
    content: "\f104";
    font-family: FontAwesome;
	margin-right: 10px;
}
.btnBack.iconNext a:before {
	display: none;
}
.btnBack.iconNext a:after {
    content: "\f105";
    font-family: FontAwesome;
	margin-left: 10px;
}

/* pageNav01
------------------------------- */
.pageNav01 {
	position: relative;
	margin-bottom: 20px;
}
.pageNav01In {
	display: flex;
	justify-content: center;
    align-items: center; 
}
.pageNav01 a,
.pageNav01 button{
	display: inline-block;
	height: 28px;
	min-width: 28px;
	text-decoration: none;
	border-radius: 5px;
	padding: 0 5px 0 7px;
	line-height: 28px;
	color: #fff;
	font-size: 71.5%;
	background: #1e9be9;
	box-shadow: 2px 2px 1px #0f70d1;
	text-align: center;
	position: relative;
}
.pageNav01 a.prev,
.pageNav01 a.prev02 {
	padding: 0 7px 0 5px;
}
.pageNav01 a.next,
.pageNav01 a.next02 {
	padding: 0 5px 0 7px;
}
.pageNav01 a.prev:before,
.pageNav01 a.prev02:before {
	content: "\f104";
    font-family: FontAwesome;
}
.pageNav01 a.prev span,
.pageNav01 a.prev02 span{
	display: inline-block;
	margin-left: 4px;	
}
.pageNav01 a.next:after,
.pageNav01 a.next02:after{
	content: "\f105";
    font-family: FontAwesome;
}
.pageNav01 a.next span,
.pageNav01 a.next02 span {
	display: inline-block;
	margin-right: 4px;	
}
.pageNav01 a.prev02,
.pageNav01 a.next02 {
	border: 1px solid #bebebe;
	line-height: 26px;
	color: #bebebe;
	background: #fff;
	box-shadow: none;
}
.pageNav01 a.cale {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	font-size: 85.8%;
	padding: 0 8px;
	line-height: 25px;
	border-radius: 9px;
}
.pageNav01In span.date {
	margin: 0 10px;
}
.pageNav01In input.date {
	margin: 0;
	width: 8em;
	white-space: nowrap;
	border: none;
	background:none;
	text-align: center;
}
.pageNav01In button {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	font-size: 85.8%;
	padding: 0 8px;
	line-height: 25px;
	border-radius: 9px;
}

#ui-datepicker-div {
	left: auto!important;
	right: 15px!important;
	margin-top: 5px;
}

.pageNav01 small {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	font-size: 85.8%;
}

/* pageNum
------------------------------- */
.pageNum {
	display: flex;
	justify-content: center;
}
.pageNum li {
	margin: 0 4px;
	font-size: 78.6%;
	text-align: center;
	line-height: 24px;
}
.pageNum a {
	text-decoration: none;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #fff;
}
.pageNum .space {
	margin: 0 10px;
}
.pageNum .prev,
.pageNum .next {
	font-size: 92.9%;
}
.pageNum .prev a,
.pageNum .next a {
	background: none;
}
.pageNum .active a {
	background: #d2d2d2;
}

/* btnUnit2d
------------------------------- */
.btnUnit2d {
	text-align: center;
	display: flex;
	margin: 0 -7px;
}
.btnUnit2d li {
	width: 50%;
	padding: 0 7px;
}
.btnUnit2d li * {
	width: 100%;
	max-width: inherit;
}

/* btnUnit3d
------------------------------- */
.btnUnit3d {
	text-align: center;
	display: flex;
	margin: 0 -7px;
}
.btnUnit3d li {
	width: 33.33%;
	padding: 0 7px;
}
.btnUnit3d li a {
	width: 100%;
	max-width: inherit;
}

/* btnUnit4d
------------------------------- */
.btnUnit4d {
	text-align: center;
	display: flex;
	margin: 0 -3px;
}
.btnUnit4d li {
	width: 25%;
	padding: 0 3px;
}
.btnUnit4d li * {
	width: 100%;
	max-width: inherit;
}

/* pdf
------------------------------- */
.pdf span {text-decoration: underline!important; color: #1e9be9;;}
.pdf i {color: #ff0000!important;}

/* ----------------------------------------

- Table Style

---------------------------------------- */

/* tbl01
------------------------------- */
.tbl01 {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.tbl01 a {
	text-decoration: none;
	display: inline-block;
	position: relative;
}

.tbl01 tr.bold {
	font-weight: 700;
}
.tbl01 th,
.tbl01 td {
	padding: 10px 5px;
	font-size: 78.6%;
	vertical-align: middle;
}
.tbl01 th {
	background-color: #bfddef;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.tbl01 tr:last-of-type th {
	border-bottom: none;
}
.tbl01 tr th:last-of-type {
	border-right: none;
}
.tbl01 td {
	background: #fff;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}
.tbl01 td span.new {
	position: absolute;
	top: -10px;
	right: 0;
	white-space: nowrap;
	font-size: 71.5%;
	color: #fa7e68;
}
.tbl01 td span.new02 {
	position: absolute;
	top: -10px;
	right: -2em;
	white-space: nowrap;
	font-size: 71.5%;
	color: #fa7e68;
}
.tbl01 .per {
	display: block;
}

.tbl01 tr td:last-of-type {
	border-right: none;
}
.tbl01 tr:last-of-type td {
	border-bottom: none;
}
.tbl01Pdlr th,
.tbl01Pdlr td {padding-left: 15px; padding-right: 15px;}

/* tblDensity
------------------------------- */
.tblDensity {
	width: 100%;
}
.tblDensity th,
.tblDensity td {
	font-size: 78.6%;
	vertical-align: middle;
	text-align: center;
}
.tblDensity tr th span {
	display: block;
	background: #edf5fc;
	height: 100%;
	padding: 5px 0;
	border-right: 1px solid #fff;
}
.tblDensity tr th:first-of-type span {
	border-radius: 5px 0 0 5px;
}
.tblDensity tr th:last-of-type span {
	border-radius: 0 5px 5px 0;
	border-right: none;
}
.tblDensity tr td {
	padding: 8px 0;
	border-bottom: 1px solid #adadad;
}
.tblDensity tr:last-of-type td {
	border-bottom: none;
}
.tblDensity tr td span {
	display: block;
	margin-top: 2px;
}
.tblDensity tr.rowWeather td {
	border-bottom: none;
	padding-top: 12px;
}
.tblDensity tr.rowWeather td .iconWeather01 {
	width: 18px;
	height: auto;
}

/* ----------------------------------------

- Form Style
(input要素の幅は適宜調整する)

---------------------------------------- */

/* formList
------------------------------- */
.formList {
}
.formList dt {
	font-size: 78.6%;
	margin-bottom: 3px;
}
.formList dd {
	margin-bottom: 15px;
}
.formList input[type="text"],
.formList textarea,
.formList .selectWrap {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #adadad;
	width: 100%;
	font-size: 85.8%;
	padding: 0 10px;
}
.formList input[type="text"] {
	height: 30px;
}
.formList textarea {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 140px;
}
.formList .selectWrap {
	position: relative;
	padding: 0;
}
.formList .selectWrap:after {
	content: "\f0d7";
    font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.formList select {
	width: 100%;
	height: 30px;
	font-size: 100%!important;
	z-index: 2;
	position: relative;
	display: inline-block;
	padding-left: 5px;
}
.formList.conf dt {
	font-weight: 700;
	margin-bottom: 8px;
}
.formList.conf dd {
	font-size: 85.8%;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 15px;
}

/* error */
input.err,
textarea.err,
select.err {
	border-color: #ff6060;
	background: #fff0f0;
}
input.err:focus,
textarea.err:focus {
	border-color: #ee5959;
}
.errorTxt {
	margin-top: 10px;
	color: #ff0000;
	line-height:1.1;
}

/*  option and required  */
td.required,
td.option {
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}
td.required p,
td.option p {
	width: 3.5em;
	margin: 0 auto;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
}
td.option			{ background: #f5f5f5;}
td.option p		{ background: #a6a6a6;}
td.required		{ background: #fff0f0;}
td.required p	{ background: #ff6060;}

@media screen and (max-width:767px){
	select.txt {
		border-color: #ccc;
		background: #fff;
	}
}

/* ----------------------------------------

- Text Style

---------------------------------------- */
/*.iconPdf {
	background: url(../../img/common/icon_pdf.png) no-repeat 0 .1em;
	padding-left: 20px;
}*/
.fs10 {font-size: 71.5% !important;}
.fs11 {font-size: 78.6% !important;}
.fs12 {font-size: 85.8% !important;}
.fc_red {color: #fa7e68 !important;}
.fc_blue {color: #1e9be9 !important;}

/* ----------------------------------------

- Width

---------------------------------------- */
.w50     { width: 50px !important;}
.w60     { width: 60px !important;}
.w70     { width: 70px !important;}
.w80     { width: 80px !important;}
.w90    { width: 90px !important;}
.w100    { width: 100px !important;}
.w150    { width: 150px !important;}
.w200    { width: 200px !important;}
.w220    { width: 220px !important;}
.w250    { width: 250px !important;}
.w260    { width: 260px !important;}
.w300    { width: 300px !important;}
.w350    { width: 350px !important;}
.w5per  { width: 5% !important;}
.w8per  { width: 8% !important;}
.w10per  { width: 10% !important;}
.w15per  { width: 15% !important;}
.w20per  { width: 20% !important;}
.w25per  { width: 25% !important;}
.w30per  { width: 30% !important;}
.w35per  { width: 35% !important;}
.w40per  { width: 40% !important;}
.w45per  { width: 45% !important;}
.w50per  { width: 50% !important;}
.w60per  { width: 60% !important;}
.w65per  { width: 65% !important;}
.w70per  { width: 70% !important;}
.w80per  { width: 80% !important;}
.w90per  { width: 90% !important;}
.w100per { width: 100% !important;}
.w5em    {  width: 5em !important;}
.w10em   {  width: 10em !important;}
.w15em   {  width: 15em !important;}
.w20em   {  width: 20em !important;}
@media screen and (max-width:767px){
  .spwAuto    { width: auto !important;}
	.sp_w50     { width: 50px !important;}
	.sp_w150    { width: 150px !important;}
	.sp_w100    { width: 100px !important;}
	.sp_w200    { width: 200px !important;}
	.sp_w250    { width: 250px !important;}
	.sp_w300    { width: 300px !important;}
	.sp_w350    { width: 350px !important;}
	.sp_w5per   { width: 5% !important;}
	.sp_w8per   { width: 8% !important;}
	.sp_w10per  { width: 10% !important;}
	.sp_w15per  { width: 15% !important;}
	.sp_w20per  { width: 20% !important;}
	.sp_w25per  { width: 25% !important;}
	.sp_w30per  { width: 30% !important;}
	.sp_w35per  { width: 35% !important;}
	.sp_w40per  { width: 40% !important;}
	.sp_w45per  { width: 45% !important;}
	.sp_w50per  { width: 50% !important;}
	.sp_w60per  { width: 60% !important;}
	.sp_w70per  { width: 70% !important;}
	.sp_w80per  { width: 80% !important;}
	.sp_w90per  { width: 90% !important;}
	.sp_w100per { width: 100% !important;}
	.sp_w5em    { width: 5em !important;}
	.sp_w10em   { width: 10em !important;}
	.sp_w15em   { width: 15em !important;}
	.sp_w20em   { width: 20em !important;}
}

/* ----------------------------------------

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */
.clear {
	clear: both;
}
.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}
.mgt0 { margin-top: 0 !important;}
.mgt3 {	margin-top: 3px !important;}
.mgt5 {	margin-top: 5px !important;}
.mgt10 {	margin-top: 10px !important;}
.mgt13 {	margin-top: 13px !important;}
.mgt15 {	margin-top: 15px !important;}
.mgt20 {	margin-top: 20px !important;}
.mgt30 {	margin-top: 30px !important;}
.mgt40 {	margin-top: 40px !important;}
.mgb0 { margin-bottom: 0 !important;}
.mgb3 {	margin-bottom: 3px !important;}
.mgb5 {	margin-bottom: 5px !important;}
.mgb10 {	margin-bottom: 10px !important;}
.mgb13 {	margin-bottom: 13px !important;}
.mgb15 {	margin-bottom: 15px !important;}
.mgb20 {	margin-bottom: 20px !important;}
.mgb25 {	margin-bottom: 25px !important;}
.mgb30 {	margin-bottom: 30px !important;}
.mgb40 {	margin-bottom: 40px !important;}
.alnC { text-align: center !important;}
.alnR { text-align: right !important;}
.alnL{ text-align: left !important;}
.nowrap { white-space: nowrap;}
.breakWord { word-wrap: break-word;}

@media screen and (max-width:767px){
	.sp_mgt0 { margin-top: 0 !important;}
	.sp_mgt5 {	margin-top: 5px !important;}
	.sp_mgt10 {	margin-top: 10px !important;}
	.sp_mgt15 {	margin-top: 15px !important;}
	.sp_mgt20 {	margin-top: 20px !important;}
	.sp_mgt30 {	margin-top: 30px !important;}
	.sp_mgt40 {	margin-top: 40px !important;}
	.sp_mgb0 { margin-bottom: 0 !important;}
	.sp_mgb5 {	margin-bottom: 5px !important;}
	.sp_mgb10 {	margin-bottom: 10px !important;}
	.sp_mgb15 {	margin-bottom: 15px !important;}
	.sp_mgb20 {	margin-bottom: 20px !important;}
	.sp_mgb30 {	margin-bottom: 30px !important;}
	.sp_mgb40 {	margin-bottom: 40px !important;}

	.spNone { display: none !important; }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.xxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.xxx {
	*zoom: 1;
}