@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.logo-img {
    background-image: url(../images/logo.png);
}
.operator-img {
    background-image: url(../images/operator.svg);
}

#cssChanger label {
	border: 2px solid #afafaf;
}

input#normal + label {
	color: #fff;
	background: linear-gradient(to right, #006EB0 0%, #006EB0 50%, #fffef6 50%, #fffef6 100%);
	
}
input#yellow + label {
	color: #000;
	background: #ffff00;
}
input#blue + label {
	color: #ffff00;
	background: #00008b;

}
input#black + label {
	color: #fff;
	background: #000;
}
 #cssChanger input[type="radio"]:checked + label {
	border: 2px solid #acacac;
}

.header-label {
	color: #707070;
}
.t1 {
	background: #fff;
	border: 2px solid #afafaf;
	color: #707070;
}
.t2 {
	background: rgb(238, 238, 238);
	border: 2px solid #d1d1d1;
	color: #acacac;
}

/*全体の設定
---------------------------------------------------------------------------*/
body, header, td {
	color: #333;	/*全体の文字色*/
	background: #FFFEF6;	/*背景色*/
}

th {
	color: #fff;
}
#menubar, th {
	background: #006EB0;	/*背景色*/
}

#menubar-s, th {
	background: #006EB0;	/*背景色*/
}

th, td {
	border: solid 1px #002D48;
}

hr {
	color: #eee;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #2273DC;		/*リンクテキストの色*/
}
a:hover {
	color: #00459F;			/*マウスオン時の文字色*/
}

/*メインメニューのブロック
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
}
#menubar li a {
	color: #fff;		/*文字色*/
	border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#menubar li:first-child a {
	border-left: 1px solid #fff;	/*メニューの線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px solid rgba(255,255,255,0.5);	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a {
	background: #008EE6;	/*背景色*/
}

#menubar-s li a {
	color: #fff;		/*文字色*/
}
#menubar-s li a:hover, #menubar li.current a {
	background: #008EE6;	/*背景色*/
}

#menubar_hdr {
	border-color: #fff;
}
/*メニュー１個あたりの設定*/
#menubar-s li a {
	border-bottom: 1px solid #fff;
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #006EB0 url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、アイコンの読み込み、上半分(top)を表示、幅50px*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #006EB0 url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、アイコンの読み込み、上半分(bottom)を表示、幅50px*/
}

/*各システムリンク・関連ページボタン*/
#system-links .top-links a{
	background-color: #FFFFFF;
	box-shadow: 0px 0px 6px #000;
}

#system-links .top-links a:hover .link-innerTop{
	background-color: #E0E0E0;
}
	
#system-links .top-links a:hover .link-innerTop.shikaku{color:#fd7921; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.dennyu{color:#4485fd; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.nyusatsu{color:#01979c; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.seiseki{color:#ff725a; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.hoka1{color:#6895B4; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.hoka2{color:#6895B4; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
#system-links .top-links a:hover .link-innerTop.hoka3{color:#6895B4; text-shadow: 0px 0px 8px white; background-color:#FFFFFF;}
	
#system-links .top-links a .link-innerTop{
	color: #FFF;
	text-shadow: 0px 0px 8px black;
}

#system-links .top-links a .link-innerTop.shikaku{background-color:#fd7921;}
#system-links .top-links a .link-innerTop.dennyu{background-color:#4485fd;}
#system-links .top-links a .link-innerTop.nyusatsu{background-color:#01979c;}
#system-links .top-links a .link-innerTop.seiseki{background-color:#ff725a;}

#system-links .top-links a .link-innerTop.hoka1{background-color:#6895B4;}
#system-links .top-links a .link-innerTop.hoka2{background-color:#6895B4;}
#system-links .top-links a .link-innerTop.hoka3{background-color:#6895B4;}

#system-links .top-links a .link-innerTop .badge {
	background-color: rgba(255, 255, 255, 0.9);
	color: #E16464;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#system-links .top-links a .link-innerTop .badge2 {
	background-color: rgba(255, 255, 255, 0.8);
	color: #333;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#system-links .top-links .link-innerBottom .time{
	color: #006EB0;
}

/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/

#top-links a img{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* 左右, 上下, 影幅, 色*/
}


/*mainコンテンツ（中央のブロック）
---------------------------------------------------------------------------*/
/*mainコンテンツのh2タグ設定*/
#main h2 {
	color: #006EB0;		/*文字色*/
}
/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;	/*左の線の幅、線種、色*/
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
	color: #707070;
}

#notice-index a {
	color: #333;
}

#notice-title div{
	color: #707070;
}
#notice-separator div{
	background-color: #707070;
}
#notice-all a{
	color: #707070;
}
.notice-date{
	color: #006EB0;
}
#notice-index .important {
	color: #E16464;
}

#step{
	color: #707070;
}
.step-triangle{
	border-left: 20px solid #6895B4;
}

#help{
	color: #707070;
}

.help-box{
	background: #DBE6ED;/*背景色*/
	text-decoration: none;
	color: #707070;
}

.help-item :hover{
	background: #008EE6;/*背景色*/
	color: #fff;
}
.step-circle,
.help-circle,
.system-info-circle {
	background: #6895B4;/*背景色*/
	color: white;
}
.setting-triangle{
	border-left: 20px solid #6895B4;
}
#group{
	color: #006EB0;
}

#group div {
	background: white;/*背景色*/
	border:solid 1px #006EB0;
}

#group a,
#setting a
 {
	background: white;/*背景色*/
	border:solid 1px #006EB0;
	color: #006EB0;
}
 
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	background: white;	/*背景色*/
	color: #707070;			/*文字色*/
}
footer a, footer a:hover {
	color: #707070;	/*リンクテキスト、マウスオン時の文字色*/
}
#callcenter-header {
	background: #006EB0;
	color: white;
}


#callcenter-title{
	color: #707070;
}
#bold-200,
#bold-500{
	color: #006EB0;
}

#callcenter-footer {
	background: white;
	color: #E16464;
}



#movie,
.movie-item a,
.step-item a
{
	color: #707070;
}

.movie-circle{
	background: #6895B4;/*背景色*/
	color: white;
}
#manual-list div,
.setting-item {
	background: #DBE6ED;
}
#manual-list div span{
	color: #006EB0;
}
#map a {
	color: white;/*文字は白に*/
	text-shadow:  2px 2px 5px #808080;
}
#map a:hover {
	color: #fffd92;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/

/*見出し*/
#footermenu li.title {
	background: rgba(0,0,0,0.1);	/*背景色*/
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	background: #333;	/*背景色*/
	color: #fff;
}


/*btn（inputタグ用）
---------------------------------------------------------------------------*/
#main input[type="submit"].btn,
#main input[type="button"].btn,
#main input[type="reset"].btn {
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
#main input[type="submit"].btn:hover,
#main input[type="button"].btn:hover,
#main input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事で0.6は透明度60%の事。*/
	color: #fff;		/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/* ハイライトさせるclass名 */
.active {
	
}

#required-env .important {
	color: #E16464;
}