@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カラー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

:root {

	/*共通*/
	--mainBgColor: #FFF;
	--subBgColor: #F8F7F6;
	--subBgColor01: #F0F9FF;  /*青*/
	--subBgColor02: #E8FAF8;  /*緑*/
	--subBgColor03: #ECE9E6;  /*ベージュ*/
	--mainColor: #0075AF;
	--txtColor: #000;
	--subTxtColor: #0075AF;
	--thirdTxtColor: #004058;
	--txtBgColor: #F4F4F4;
	--ttlColor: #000;
	--subTtlColor: #0075AF;
	--thirdTtlColor: #004058;
	--ttlBgColor: #F0F9FF;
	--ttlBorderColor: #09465D;
	--linkTxtColor: #0075AF;
	--linkArrowColor: #7EBBE0;
	--borderColor: #6D92A3;
	--borderColor02: #CECECE;

	/*ヘッダー内ボタン*/
	--headerBtnBgColor: #0075AF;
	--headerBtnTxtColor: #FFF;
	--headerBtnBorderColor: #0075AF;
	--headerBtnHoverBgColor: #FFF;
	--headerBtnHoverTxtColor: #0075AF;
	--headerBtnHoverBorderColor: #0075AF;

	/*青ボタン*/
	--btnBgColor: #0075AF;
	--btnTxtColor: #FFF;
	--btnArrowColor: #FFF;
	--btnBorderColor: #0075AF;
	--btnHoverBgColor: #FFF;
	--btnHoverTxtColor: #0075AF;
	--btnHoverArrowColor: #0075AF;
	--btnHoverBorderColor: #0075AF;

	/*白ボタン*/
	--mainBtnBgColor: #FFF;
	--mainBtnTxtColor: #000;
	--mainBtnArrowColor: #AFB0B3;
	--mainBtnHoverBgColor: #0075AF;
	--mainBtnHoverTxtColor: #FFF;
	--mainBtnHoverArrowColor: #FFF;
	--mainBtnShadowColor: rgba(0, 0, 0, 0.15);

	/*キャンセルボタン*/
	--mainCancelBtnBgColor: #000;
	--mainCancelBtnTxtColor: #FFF;
	--mainCancelBtnBorderColor: #000;
	--mainCancelBtnHoverBgColor: #FFF;
	--mainCancelBtnHoverTxtColor: #000;
	--mainCancelBtnHoverBorderColor: #000;

	/*サブボタン*/
	--subBtnBgColor: #000;
	--subBtnTxtColor: #FFF;
	--subBtnBorderColor: #FFF;
	--subBtnHoverBgColor: #FFF;
	--subBtnHoverTxtColor: #000;
	--subBtnHoverBorderColor: #FFF;

	/*その他*/
	--impColor: #BF0618;
	--impBgColor: #FBEFF0;
	--wideBorderColor: #F4F4F4;

}

body { background-color: #FFF; color: #000; }
.mainBg { background-color: #FFF; }

/*リンクカラー*/
a:link,
a:active,
a:visited { color: #0075AF; text-decoration: underline; }
a:hover { text-decoration: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*ロゴ*/
#headerArea .logo a { background-image: url(../common-img/logo.svg); }

/*パンくずリスト*/
/*#breadcrumbsList li a { background: url(../common-img/ico_breadcrumbs.gif) no-repeat right; }*/






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SNS
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#snsArea { background-color: #37589A; }
#snsArea h5 { color: #FFF; }
#snsArea p { color: #FFF; }
#snsArea li.btnSns1 a { background: url(../common-img/btn_sns_fb.gif) no-repeat 0 0; }
#snsArea li.btnSns2 a { background: url(../common-img/btn_sns_tw1.gif) no-repeat 0 0; }
#snsArea li.btnSns3 a { background: url(../common-img/btn_sns_tw2.gif) no-repeat 0 0; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カラー定義
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*------------------------------------------------------------
COLOR01（グローバルナビゲーションバックグラウンドカラー）
-------------------------------------------------------------*/
/* .color01 {} */

/*------------------------------------------------------------
COLOR02（グローバルナビゲーションテキストカラー）
-------------------------------------------------------------*/
.color02 { color: var(--linkTxtColor); }
.color02 a:link,
.color02 a:active,
.color02 a:visited { color: var(--linkTxtColor); }

/*------------------------------------------------------------
COLOR03（グローバルナビゲーションバックグラウンドホバーカラー）
-------------------------------------------------------------*/
/* #globalNaviArea .active a {} */
/* .color03 a:hover {} */

/*------------------------------------------------------------
COLOR04（グローバルナビゲーションホバーテキストカラー）
-------------------------------------------------------------*/
#globalNaviArea .active a { color: var(--linkTxtColor); }
.color04 a:hover { color: var(--linkTxtColor); }

/*------------------------------------------------------------
COLOR05（ローカルナビゲーションバックグラウンドカラー）
-------------------------------------------------------------*/
/* .color05 {} */

/*------------------------------------------------------------
COLOR06（ローカルナビゲーションテキストカラー）
-------------------------------------------------------------*/
.color06 a:link,
.color06 a:active,
.color06 a:visited { color: var(--linkTxtColor); }

/*------------------------------------------------------------
COLOR07（ローカルナビゲーションバックグラウンドホバーカラー）
-------------------------------------------------------------*/
/* #localNaviArea .active a {} */
/* .color07 a:hover {} */

/*------------------------------------------------------------
COLOR08（ローカルナビゲーションホバーテキストカラー）
-------------------------------------------------------------*/
#localNaviArea .active a { color: var(--linkTxtColor); }
.color08 a:hover { color: var(--linkTxtColor); }

/*------------------------------------------------------------
COLOR09（見出しバックグラウンドカラー）
-------------------------------------------------------------*/
.color09 { color: var(--subTtlColor); }
/* .bTtlBg {} */

/*------------------------------------------------------------
COLOR10（見出しカラー）
-------------------------------------------------------------*/
.color10 { color: var(--subTtlColor); }
.bTtl { background-color: var(--ttlBgColor); }

/*------------------------------------------------------------
COLOR11（小見出し・th・キャプション・カラー）
-------------------------------------------------------------*/
.color11 { color: var(--txtColor); }
.bSubTtl h1,
.bSubTtl h2,
.bSubTtl h3,
.bSubTtl h4,
.bSubTtl h5,
.bSubTtlz h6 { color: var(--subTtlColor); border-bottom: 1px dotted #B1B1B1; }

/*------------------------------------------------------------
COLOR12（thバックグラウンド・キャプション・カラー）
-------------------------------------------------------------*/
.color12 { background-color: var(--txtBgColor); }

/*ユニットバックグラウンドカラー*/
.bgColor { background-color: var(--txtBgColor); }

/*------------------------------------------------------------
COLOR13（ボーダーカラー）
-------------------------------------------------------------*/
.color13 { border-color: var(--borderColor02); }

/*ユニットボーダー*/
.bdSolid	{ border-color: var(--borderColor02); }	/*実線*/
.bdDot		{ border-color: var(--borderColor02); }	/*点線*/

/*お問い合わせ必須項目*/
th.thImp { border-left-color: var(--impColor) !important; }

/*------------------------------------------------------------
フォームエラー
-------------------------------------------------------------*/
input.err { background: var(--impBgColor); border: 1px solid var(--impColor); }
select.err { background: var(--impBgColor); }
radio.err { background: var(--impBgColor); }
.err { background: var(--impBgColor); }