@charset "UTF-8";
body{
	margin: 0 auto;
	padding: 0;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	background-color: #ECF2F6;
	background-image:
		url(../_common/bg_snow.png),
		url(../_common/bg_gradation.png);
	background-repeat:
		repeat-x,
		repeat-x;
	background-position:
		center top,
		top center;
}
a:link{
	color: #000;
	text-decoration: none;
}
a:visited{
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #FF0099;
	text-decoration: underline;
}
img{ vertical-align: top; }
.clearfix { zoom: 1; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.fix_center{
	margin: 0 auto;
	width: 960px;
	font-size: 14px;
	font-size: 14rem;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
#pgscrl{
	position: fixed;
	bottom: 260px;
	right: 50%;
	margin-right: -520px;
	text-align: center;
}
#pgscrl a{
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	padding: 0;
	color: #FFF;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#pgscrl a::before{
	content: '';
	width: 15px;
	height: 15px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -8px;
}
#pgscrl a:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
	text-decoration: none;
}

/* ---------------------------------------------------------
	ナビ
---------------------------------------------------------*/
nav#menu{
	min-height: 45px;
	margin-bottom: 15px;
	text-align: center;
	background: rgba(255,255,255,0.6);
	border: 2px solid #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
}
nav#menu ul{
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-size: 18rem;
}
nav#menu ul li{
	display: table-cell;
	border-right: 1px solid #FFF;
}
nav#menu ul li a{
	display: block;
	padding: 7px 0;
}
nav#menu ul li:last-of-type{
	border-right: none;
}
nav#menu ul li a:hover,
nav#menu li#active a{
	color: #FF0099;
	font-weight: bold;
}
nav#menu ul li a:hover,
nav#menu li#active{
	position: relative;
	background: #FFF;
}
nav#menu ul li a:hover::after,
nav#menu li#active::after{
	content: url(../_common/nav_point.png);
	position: absolute;
	left: 50%;
	bottom: -21px;
	margin-left: -16px;
}

ol#pankuz{
	padding: 0 0 10px 18px;
	font-size: 10px;
	font-size: 10rem;
	line-height:1.2;
	background: url(../_common/mark_pankuz.png) no-repeat left 0;
}
ol#pankuz li{
	display: inline-block;
}
ol#pankuz li a,
ol#pankuz li a:visited{
}
ol#pankuz li a::after{ content: " > "; }

/* ---------------------------------------------------------
	レイアウト
---------------------------------------------------------*/
main{
	padding-bottom: 20px;
}
main #contents{
	width: 690px;
	float: left;
}
main #side{
	width: 240px;
	float: right;
}

/* ---------------------------------------------------------
	ページタイトル
---------------------------------------------------------*/
#contents h2{
	margin-bottom: 20px;
	padding: 5px 0 0 45px;
	min-height: 56px;
	color: #007BDD;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	border: 1px solid #FFF;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-border-radius: 5px 5px 0 0;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
}
#contents h2 span{
	display: table;
	padding: 0 5px;
	color: #FFF;
	font-size: 12px;
	font-size: 12rem;
	font-weight: bold;
	background: #007BDD;
}
#contents h2#mng{
	background: rgb(144,211,254);
	background: url(../_common/title_mng.png), -moz-linear-gradient(top,  rgba(144,211,254,1) 0%, rgba(255,255,255,1) 100%);
	background: url(../_common/title_mng.png), -webkit-linear-gradient(top,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	background: url(../_common/title_mng.png), linear-gradient(to bottom,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#contents h2#ngt{
	background: rgb(144,211,254);
	background: url(../_common/title_ngt.png), -moz-linear-gradient(top,  rgba(144,211,254,1) 0%, rgba(255,255,255,1) 100%);
	background: url(../_common/title_ngt.png), -webkit-linear-gradient(top,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	background: url(../_common/title_ngt.png), linear-gradient(to bottom,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#contents h2#jr{
	background: rgb(144,211,254);
	background: url(../_common/title_jr.png), -moz-linear-gradient(top,  rgba(144,211,254,1) 0%, rgba(255,255,255,1) 100%);
	background: url(../_common/title_jr.png), -webkit-linear-gradient(top,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	background: url(../_common/title_jr.png), linear-gradient(to bottom,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#contents h2#car{
	background: rgb(144,211,254);
	background: url(../_common/title_car.png), -moz-linear-gradient(top,  rgba(144,211,254,1) 0%, rgba(255,255,255,1) 100%);
	background: url(../_common/title_car.png), -webkit-linear-gradient(top,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	background: url(../_common/title_car.png), linear-gradient(to bottom,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#contents h2#gld{
	background: rgb(144,211,254);
	background: url(../_common/title_area.png), -moz-linear-gradient(top,  rgba(144,211,254,1) 0%, rgba(255,255,255,1) 100%);
	background: url(../_common/title_area.png), -webkit-linear-gradient(top,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	background: url(../_common/title_area.png), linear-gradient(to bottom,  rgba(144,211,254,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#contents article h3{
	margin: -3px 0 15px -3px;
	padding: 7px 0 7px 38px;
	width: 686px;
	min-height: 40px;
	color: #FFF;
	background-repeat: no-repeat !important;
	background-position: left bottom !important;
	border: 1px solid #FFF;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-border-radius: 5px 5px 0 0;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
}

/* ---------------------------------------------------------
	ページ本文
---------------------------------------------------------*/
#contents article{
	margin-bottom: 30px;
	padding: 5px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
}
#contents article:last-of-type{
	margin-bottom: 50px;
}
#contents article section{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	vertical-align: top;
	border-collapse: separate;
	border-spacing: 10px 0;
}

/* ---------------------------------------------------------
	サイド
---------------------------------------------------------*/
#side nav,
#side section{
	margin-bottom: 30px;
	padding: 5px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 1px;
}
#side h3{
	margin: -3px 0 10px -3px;
	padding: 2px 0 2px 38px;
	width: 236px;
	min-height: 30px;
	color: #FFF;
	background-repeat: no-repeat !important;
	background-position: left bottom !important;
	border: 1px solid #FFF;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-border-radius: 5px 5px 0 0;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
}
#side nav#menu_course h3{
	background: url(../_common/tit_snow.png), -moz-linear-gradient(top,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	background: url(../_common/tit_snow.png), -webkit-linear-gradient(top,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	background: url(../_common/tit_snow.png), linear-gradient(to bottom,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}
#side section#search h3{
	background: url(../_common/tit_search.png), -moz-linear-gradient(top,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	background: url(../_common/tit_search.png), -webkit-linear-gradient(top,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	background: url(../_common/tit_search.png), linear-gradient(to bottom,  rgba(1,124,221,1) 0%, rgba(106,186,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d3fe', endColorstr='#ffffff',GradientType=0 );
}

#side nav#menu_course ul,
#side #rank ol{
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: 12px;
	font-size: 12rem;
}
nav#menu_course ul li{
	padding-left: 18px;
	line-height: 1.8;
}
nav#menu_course ul li.mng{
	background: url(../_common/mark_mng.png) no-repeat left 0.3em;
}
nav#menu_course ul li.ngt{
	background: url(../_common/mark_ngt.png) no-repeat left 0.3em;
}
nav#menu_course ul li.jr{
	background: url(../_common/mark_jr.png) no-repeat left 0.3em;
}
nav#menu_course ul li.car{
	background: url(../_common/mark_car.png) no-repeat left 0.3em;
}
nav#menu_course ul li.gld{
	background: url(../_common/mark_gld.png) no-repeat left 0.3em;
}
nav#menu_course ul li a{
	display: inline-block;
	margin-bottom: 3px;
}
nav#menu_course ul ul{
	margin-bottom: 0px !important;
	padding: 0 !important;
}
nav#menu_course ul ul li{
	margin-bottom: 3px;
	padding: 0 0 0 15px !important;
	line-height: 1.3 !important;
	background: url(../_common/mark_link01.png) no-repeat left 0.2em;
}
nav#menu_course ul ul li a{
	display: inline-block;
	margin-bottom: 3px;
}
nav#menu_course ul ul li span.bin{
	display: block;
	margin-left: -15px;
	font-size:  10px;
	font-size: 10rem;
}
nav#menu_course ul ul li span.bin a{
	display: inline-block;
	margin-right: 5px;
	padding: 0 0 0 13px;
}
nav#menu_course ul ul li span.bin a:last-of-type{
	margin-right: 0;
}
nav#menu_course ul ul li span.bin a.mng{
	background: url(../_common/submark_mng.png) no-repeat left 0.1em;
}
nav#menu_course ul ul li span.bin a.ngt{
	background: url(../_common/submark_ngt.png) no-repeat left 0.1em;
}
nav#menu_course ul ul li span.bin a.jr{
	background: url(../_common/submark_jr.png) no-repeat left 0.1em;
}
nav#menu_course ul ul li span.bin a.car{
	background: url(../_common/submark_car.png) no-repeat left 0.1em;
}

#rank ol li{
	margin-bottom: 3px;
	padding-left: 22px;
	line-height: 2.0;
}
#rank ol li#num01{
	background: url(../_common/mark_rank01.png) no-repeat left 0.3em;
}
#rank ol li#num02{
	background: url(../_common/mark_rank02.png) no-repeat left 0.3em;
}
#rank ol li#num03{
	background: url(../_common/mark_rank03.png) no-repeat left 0.3em;
}
#rank ol li#num04{
	background: url(../_common/mark_rank04.png) no-repeat left 0.3em;
}
#rank ol li#num05{
	background: url(../_common/mark_rank05.png) no-repeat left 0.3em;
}


/* ---------------------------------------------------------
	フッターナビ
---------------------------------------------------------*/
footer{
	padding: 60px 0 0;
	background: #FFF url(../_common/bg_footer.png) repeat-x left top;
}
footer nav#footer_nav{
	margin-bottom: 10px;
}
footer nav#footer_nav dl{
	float: left;
	margin-right: 20px;
}
nav#footer_nav dl#kanto{
	width: 440px;
}
nav#footer_nav dl#tokai,
nav#footer_nav dl#kyushu{
	width: 240px;
}
nav#footer_nav dl:last-of-type{
	margin-right: 0;
}
nav#footer_nav dl dt{
	margin-bottom: 3px;
	padding: 2px 10px;
	font-weight: bold;
	background: #90D3FE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}
nav#footer_nav dl#tokai dt:nth-of-type(2),
nav#footer_nav dl#kyushu dt:nth-of-type(2){
	margin-top: 10px;
}
nav#footer_nav dl dd{
	padding-left: 18px;
	line-height: 1.8;
	font-size: 12px;
	font-size: 12rem;
}
nav#footer_nav dl dd ul{
}
nav#footer_nav dl dd ul li{
}
nav#footer_nav dl dd.mng{
	background: url(../_common/mark_mng.png) no-repeat left center;
}
nav#footer_nav dl dd.ngt{
	background: url(../_common/mark_ngt.png) no-repeat left center;
}
nav#footer_nav dl dd.jr{
	background: url(../_common/mark_jr.png) no-repeat left center;
}
nav#footer_nav dl dd.car{
	background: url(../_common/mark_car.png) no-repeat left center;
}
nav#footer_nav dl#kanto dd{
	display: inline-block;
	width: 18em;
}
footer aside ul#footer_link{
	display: table-cell;
	width: 620px;
	vertical-align: middle;
	line-height: 2.0;
	font-size: 12px;
	font-size: 12rem;
	border-top: 1px solid #CCC;
}
footer aside ul#footer_link li{
	display: inline-block;
	width: 10em;
	margin-left: 15px;
}
ul#footer_link li a{
	padding-left: 10px;
	background:url(../_common/mark_link02.png) no-repeat left center;
}
footer p{
	display: table-cell;
	width: 340px;
	text-align: right;
}
footer small{
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-size: 10rem;
}


/* ---------------------------------------------------------
	ヘッダー
---------------------------------------------------------*/
header{
	position: relative;
	height: 100px;
}
header h1{
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 10px;
	font-size: 10rem;
}
header p#logo{
	order: 1;
	width: 320px;
}
header p#logo a{
	display: block;
}
header p#tel{
	position: absolute;
	bottom: 10px;
	right: 60px;
}


/* ---------------------------------------------------------
	共通：ヘッダー
---------------------------------------------------------*/
header ul#head_link{
	order: 3;
	display: grid;
	margin-top: 30px;
	grid-template-columns: auto auto auto auto;
	grid-template-rows: 24px 36px;
	gap: 5px 10px;
}
ul#head_link li{
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}
ul#head_link li a{
	display: block;
	transition: 0.3s;
}
ul#head_link li#mypage{
	font-size: 18px;
	font-size: 18rem;
	grid-column: 1 / 5;
	grid-row: 2 / 3;
}
ul#head_link li#mypage a{
	color: #359FF3;
	float: right;
	line-height: 1;
}
ul#head_link li#mypage a:hover{
	color: #00328B;
}
ul#head_link li#mypage a::before{
	content: '\f406';
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-size: 24rem;
	font-weight: 900;
	padding-right: 3px;
}
ul#head_link li.sns a{
	padding-left: 22px;
	font-size: 16px;
	font-size: 16rem;
	font-weight: normal;
	background-size: 20px !important;
}
ul#head_link li.sns a:hover{
	color: #00328B !important;
	background-color: rgba(255, 255, 255, 0.4) !important;
	background-blend-mode: lighten !important;
}
ul#head_link li.sns:last-of-type{
	margin-right: 0;
}
ul#head_link li#fb a{
	color: #0865fe;
}
ul#head_link li#fb a{
	background: url(/__common/sns_square-facebook.svg) no-repeat left center;
}
ul#head_link li#xtw a{
	color: #0f1419;
}
ul#head_link li#xtw a{
	background: url(/__common/sns_square-x-twitter.svg) no-repeat left center;
}
ul#head_link li#ig a{
	color: #7638fa;
}
ul#head_link li#ig a{
	background: url(/__common/sns_square-instagram.svg) no-repeat left center;
}
ul#head_link li#ln a{
	color: #06c655;
}
ul#head_link li#ln a{
	background: url(/__common/sns_square-line.svg) no-repeat left center;
}


/* ---------------------------------------------------------
	共通：フッター
---------------------------------------------------------*/
footer #footer_common{
	margin-top: 20px;
	padding-top: 10px;
	background: #FFF;
	border-top: 1px solid #ABABAB;
	box-shadow: 0 -3px #CCC;
}
footer #footer_common > .fix_center{
	position: relative;
}
footer a:link{ color: #333; }
footer a:visited{ color: #666; }
footer aside{
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 10px;
	font-size: 12px;
	font-size: 12rem;
}
footer aside ul li{
	display: inline-block;
	margin-right: 20px;
}
footer aside ul li a{
    position: relative;
    padding-left: 10px;
}
footer aside ul li a:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #666;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

footer dl#footlogo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-flow: row-reverse wrap;
	flex-flow: row-reverse  wrap;
	align-items: center;
	font-size: 10px;
	font-size: 10rem;
}
footer dl#footlogo dt{
	margin-left: 20px;
}
footer dl#footlogo dt a{
	display: block;
}
footer dl#footlogo dt a:hover img{
	opacity: 0.6;
}
footer #footlink{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: strech;
	align-content: strech;
}
footer dl#info,
footer dl#use{ width: 20%; }
footer dl#site{
	margin-top: 52px;
	width: 58%;
}
footer dl#info dt,
footer dl#use dt{
	margin-bottom: 3px;
	padding: 3px 5px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
footer dl#site dt{
	margin-bottom: 3px;
	padding: 3px 5px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #073987;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
footer dl#site dd ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-js-display: flex;
	display: flex;
	justify-content: flex-start;
	-webkit-justify-content:  flex-start;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	gap: 0 20px;
}
footer dl#info dd a,
footer dl#use dd a,
footer dl#site dd ul li a{
    position: relative;
    padding-left: 10px;
	font-size: 12px;
	font-size: 12rem;
}

footer dl#info dd a::before,
footer dl#use dd a::before,
footer dl#site dd ul li a::before{
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #1D2087;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
footer dl#info dd a::before,
footer dl#use dd a::before{ border-left: solid 6px #666; }

footer small{
	display: block;
	margin-top: 10px;
	padding: 5px 0;
	font-size: 12px;
	font-size: 12rem;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #FFF;
	background: #359FF3;	
	box-shadow: 0 -3px #1D2087;
	-moz-box-shadow: 0 -3px #1D2087;
	-ms-box-shadow: 0 -3px #1D2087;
	-o-box-shadow: 0 -3px #1D2087;
	-webkit-box-shadow: 0 -3px #1D2087;
}
#kaigai{
	z-index: 100;
	top: 0;
	width: 100%;
	overflow: hidden;
	background: #d5001d;
}
#kaigai br{
	display: none;
}
#kaigai ul{
	padding: 10px 0;
	text-align: center;
}
#kaigai ul li{
	font-size: 18rem;
	color: #FFF;
}
div#kaigai ul li a{
	color: #FF0;
}
div#kaigai ul li a:hover{
	text-decoration: none;
}
@media screen and (max-width: 820px){
	footer{
		border-top: 5px solid #83B3B6;
	}
	footer aside{
		right: 10px;
	}
	footer dl#footlogo dt{
		margin-left: 10px;
		width: 180px;
	}
	footer dl#info,
	footer dl#use{
		width: 18%;
	}
	footer dl#site{
		margin-top: 40px;
		width: 60%;
	}
	footer dl#info dt,
	footer dl#use dt{
		font-size: 12px;
		font-size: 12rem;
		font-weight: normal;
	}
	#kaigai ul li{
		font-size: 16px;
		font-size: 16rem;
	}
}
@media screen and (max-width: 430px){
	footer aside,
	footer aside dl#footlogo{
		position: relative;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin: 0 auto 10px;
		text-align: center;
	}
	footer aside dl#footlogo dt{ margin: 5px 0 0; }
	footer aside ul{
		padding-top: 5px;
		border-top: 1px solid #CCC;
	}
	footer dl#info,
	footer dl#use{
		width: 48%;
		margin-bottom: 10px;
	}
	footer dl#site{
		width: 100%;
		margin-top: 0;
	}
	footer small{
		text-align: center;
		font-size: 10px;
		font-size: 10rem;
		color: #FFF;
	}
	#kaigai ul li{
		font-size: 14px;
		font-size: 14rem;
	}
}

/* ---------------------------------------------------------
	共通：メンテナンス
---------------------------------------------------------*/
#new dl#maintenance{
	margin-bottom: 10px;
	background: #FFFFE0;
	text-align: center;
}
#new dl#maintenance dt{
	padding: 5px 10px;
	font-size: 16px;
	font-size: 16rem;
	font-weight: bold;
	text-align: center;
	color: #FF0;
	background: #00328B;
	border-radius: 8px 8px 0 0;
}
#new dl#maintenance dt span{
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	font-size: 12rem;
	font-weight: normal;
}
#new dl#maintenance dd{
	padding: 5px 10px;
	border: 2px solid #00328B;
	border-radius: 0 0 8px 8px;
}
#new dl#maintenance dd em{
	margin-top: 0.5em;
	display: block;
	font-weight: bold;
	font-style: normal;
	color: #F00;
}
#new dl#maintenance dd table{
	margin: 0 auto 0.5em;
	font-weight: bold;
}
#new dl#maintenance dd table th{
	padding-right: 10px;
	text-align: left;
}
#new dl#maintenance dd table td{
	color: #F00;
	text-align: left;
}