﻿@charset "utf-8";

/*************固定色****************/
/*白背景用*/
.whiteback{
    background-color: #ffffff !important;
    color:#333333 !important;
}
/*黒背景用*/
.blackback{
	background-color:#222222;
}
/*モーダル背景色…モーダルの背景色*/
.tinner{
	background-color:#000000;
}
/*************固定色****************/


/*テキストカラー…本文部分のテキストカラー(非表示)*/
body,a{
	color:#333333;
}
/*全体背景…全体の背景色と画像(非表示)*/
.backAllcolor{
	background-color:#ffffff;
	background-attachment: fixed;
	background: linear-gradient(#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff);
}
/*ログイン後メニュー下の【最新イベント情報】の下向き三角形の色*/
/*全体背景色と同一に*/
.topinfo::before {
    border-top-color: #ffffff !important;
}
/*ベースカラー…見出しテキストとキーカラー(下部へ移動)*/

/*ベースカラー…キーカラー背景用*/
.keycolorback{
	background-color:#3e62ad !important;
	color:#ffffff !important;
}
/*ベースカラー…キーカラー枠線用*/
.keycolorborder{
	border-color:#3e62ad !important;
}


/*コンテンツエリア…コンテンツ部分の背景色と文字色*/
.conBackcolor{
	background-color:#FFF9DD;
	color:#333333;
}
/*サブエリア…ログインエリアなどの背景色と文字色*/
.subBackcolor,.circle-list h2:before,.circle-list li:hover h2:before{
	background-color:#FFF9DD !important;
	color:#333333 !important;
}
/*hover…subbackcolor*/
.subbackhover:hover,.linkarea:hover{
	background-color:#FFF9DD !important;
}


/*ボタンカラー①…背景色が白の部分のボタンの色*/
.buttoncolor1{
	background-color:#f08300;
	color:#ffffff;
}
.buttoncolor1text{
	color:#f08300;
}
/*ボタンカラー②…背景色がある部分のボタンの色*/
.buttoncolor2{
	background-color:#3e62ad;
	color:#ffffff;
}
.buttoncolor2text{
	color:#3e62ad;
}
/*ボタンカラー③…特別処置用ボタン色*/
.buttoncolor3{
	background-color:#3e62ad;
	color:#ffffff;
}
.buttoncolor3text{
	color:#3e62ad;
}
/*ボタンカラーX…上記に属さないボタンの色*/
.buttoncolorx{
	background-color:#999999;
	color:#ffffff;
}
.buttoncolor1:hover,
.buttoncolor2:hover,
.buttoncolor3:hover,
.buttoncolorx:hover{
	opacity:0.8;
}

/*ベースカラー…見出しテキストとキーカラー*/
.keycolor{
	color:#3e62ad !important;
}

/*メインメニューのパララックス画像関連*/
/*背景画像指定*/
.backimg{
	background-image:url("usrimg/picture06.jpg") !important;
}
/*特別対応：パララックス上の浮島、インデックスの下の角丸窓背景色 通常空欄*/
.palcolor{
	background-color: !important;
	color: ;
}

/*ヘッダーフッターカラー*/
.headerback{
    background-color: ;
    color: ;
}
.footerback{
    background-color: !important;
    color: !important;
}
.footerback a{
    color:;
}