@charset "UTF-8";

/*　------------------------------------------------------------

サイト基本カラーを設定する属性

------------------------------------------------------------　*/

/*　ページ全体の背景色　*/
body  {
	background-color: #E2AA5C;
}
/*　ヘッダーの背景色　*/
div#headerBar {
	background-color: #E2AA5C;
}
/*　H3（サイト名）の背景色　*/
div.basicBox h3.case-basic {
	background-color: #E2AA5C;
}
/*　サイト情報のテーブルのボーダー　*/
table.siteTable div.leftBorder-case-basic {
	border-left-color: #E2AA5C;
}
/*　フッターの背景色　*/
div#footer {
	background-color: #E2AA5C;
}

/*　------------------------------------------------------------

厳選サイト用のカラーを設定する属性

------------------------------------------------------------　*/

/*　H3（サイト名）の背景色　*/
div.basicBox h3.case-pickup {
	background-color: #5C94E2;
}
/*　サイト情報のテーブルのボーダー　*/
table.siteTable div.leftBorder-case-pickup {
	border-left-color: #5C94E2;
}

/*　------------------------------------------------------------

サイト基本カラーの明暗によって、
白（#FFFFFF）か黒（#000000）を使い分ける属性

------------------------------------------------------------　*/

/*　----------ヘッダーの文字色----------　*/
/*　ヘッダーSEO文　*/
div#header h1 {
	color: #FFFFFF;
}

/*　H3（サイト名）のリンク色　*/
div.basicBox h3.case-pickup , div.basicBox h3.case-pickup a {
	color: #FFFFFF;
}
div.basicBox h3.case-basic , div.basicBox h3.case-basic a {
	color: #FFFFFF;
}

/*　----------フッターの文字色----------　*/
div#footer p#copylight {
	color: #FFFFFF;
}
div#footer a:link , div#footer a:visited {
	color: #FFFFFF;
}	
div#footer a:hover , div#footer a:active {
	color: #FFFFFF;
}
p#footerSeo {
	color: #FFFFFF;
}