/* 漢字日本語表示 */
/* ========================================================================== */
@charset UTF-8;
/* ========================================================================== */
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipag.ttf' ); }
/*
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipaexg.ttf' ); }
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipaexm.ttf' ); }
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipagp.ttf' ); }
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipam.ttf' ); }
@font-face{ font-family:'APP_CSS_FON_FAM'; src:url( '/homepage_var/_fon/ipamp.ttf' ); }
*/
/* ========================================================================== */
:root {
	--app-css-wid     : 1280px;

	--app-css-mse     : #F6C;
	--app-css-mse-lig : #FEF;

	--app-css-fgc     : #000; --app-css-bgc     : #FFF;

	--app-css-lft-fgc : #000; --app-css-lft-bgc : #FEF;
	--app-css-cen-fgc : #000; --app-css-cen-bgc : #FFF;
	--app-css-rig-fgc : #000; --app-css-rig-bgc : #FEF;

	--app-css-ttl-fgc : #FFF; --app-css-ttl-bgc : #F6C;
	--app-css-hed-fgc : #000; --app-css-hed-bgc : #FEF;

	--app-css-btn-fgc : #000; --app-css-btn-bgc : #CCC;

	--app-css-anc-lnk : #00F;
	--app-css-anc-vis : #00F;
	--app-css-anc-hov : #900;
	--app-css-anc-act : #F00;

	--app-css-bdc     : #777;

	--app-css-fon_siz : 12pt;
	--app-css-lne_hig : 14pt;
}
/* ========================================================================== */
* {
	color            : var( --app-css-fgc );
	background-color : var( --app-css-bgc );
	text-align       : left;
	vertical-align   : top;
	font-family      : APP_CSS_FON_FAM;
	font-size        : var( --app-css-fon_siz );
	line-height      : var( --app-css-lne_hig );
	font-style       : normal;
	font-weight      : normal;
	text-decoration  : none;
	letter-spacing   : normal;
}
/* ========================================================================== */
.nul {}
.non {}
html {}
/* ========================================================================== */
body {
	width         : var( --app-css-wid );
	height        : auto;
	padding       : 0px;
	margin-top    : 0px;
	margin-bottom : 0px;
	margin-left   : auto;
	margin-right  : auto;
	border        : solid 1px var( --app-css-bdc );
}
/* ------------------------------------------------------ */
br {}
br.app_css {}
/* ------------------------------------------------------ */
hr {
	color            : inherit;
	background-color : inherit;
}
hr.app_css_non {
	border : none 0px var( --app-css-bdc );
}
hr.app_css_sol {
	border : solid 1px var( --app-css-bdc );
}
hr.app_css_dot {
	border : dotted 1px var( --app-css-bdc );
}
/* ------------------------------------------------------ */
table {
	width           : 100%;
	height          : auto;
	border          : solid 1px var( --app-css-bdc );
	padding         : 0px;
	border-collapse : collapse;
}
caption {
	text-align      : center;
	font-size       : 16pt;
	line-height     : 18pt;
	font-weight     : bold;
	text-decoration : underline;
}
tbody {}
tr {}
th {
	color            : var( --app-css-fgc );
	background-color : var( --app-css-mse-lig );
	font-weight      : bold;
}
th.app_css_top {
	text-align     : center;
	vertical-align : bottom;
}
th.app_css_lft {
	text-align     : right;
	vertical-align : top;
}
td {
}
/* ------------------------------------------------------ */
form {}
input {}
input[type="text"] {}
input[type="file"] {}
textarea {}
select {
	color            : var( --app-css-fgc );
	background-color : inherit;
}
option {
	color            : var( --app-css-fgc );
	background-color : inherit;
}
button {}
button[type="button"] {}
button[type="reset"] {}
button[type="submit"] {}
/* ------------------------------------------------------ */
iframe {}
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ========================================================================== */
a {
	color            : var( --app-css-anc-lnk );
	background-color : inherit;
	text-decoration  : underline;
}
/*
	a:link    { color : #0000FF; }
	a:visited { color : #551A8B; }
	a:hover   { color : #770000; }
	a:active  { color : #FF0000; }
*/
a:link    { color : var( --app-css-anc-lnk ); }
a:visited { color : var( --app-css-anc-vis ); }
a:hover   { color : var( --app-css-anc-hov ); }
a:active  { color : var( --app-css-anc-act ); }
/* ========================================================================== */
/* -------------------------------------------------------------------------- */