@charset "UTF-8";

/**
 * A sylesheet for: http://www.santaclaus-embassy.com/
 * Title: Theme
 * Author: Satoshi Soma
 * Description: 文字色、背景など、レイアウトにあまり影響を与えないスタイルが記述されています。
 * Last update: 2011-11-11
 */

/* Color scheme
 * カラースキーム
 */

body {background-color: #006633;} /* ページ全体の背景 */
body {color: #808080;} /* 通常の文字 */
* {border-color: #bb0000;} /* 枠 */
h1, h2, h3 {color: #bb0000;} /* 見出し */
a:link {color: #bb0000;} /* リンク */
a:visited {color: #bb0000;} /* 訪問済みのリンク */
a:hover, a:focus {color: #ff0000;} /* フォーカス時のリンク */
.overlay {color: #ffffff;}
.overlay {background-color: rgba(0, 0, 0, 0.6);}
.event-countdown {color: #bb0000;}

/* Images
 * 画像
 */

div#main {
	background-image: url("santa_contents_bg.gif");
	background-repeat: repeat-y;
	background-position: center top;
}

div#main div.section h2:before {
	content: url("crystal_line_l.png");
	padding-right: 0.75em;
	vertical-align: middle;
}

div#main div.section h2:after {
	content: url("crystal_line_r.png");
	padding-left: 0.75em;
	vertical-align: middle;
}

div#ads {
 	background-image: url("santa_contents_btm.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

.menu li a {
	background-image: url("crystal_small.png");
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	padding-left: 21px;
}

.menu li a:hover,
.menu li a:focus {
	background-image: url("crystal_anim.gif");
}

/* Fonts
 * フォント
 */

body {
	font-family:
			Verdana,
			"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
			"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
			"メイリオ", Meiryo,
			"MS Gothic",
			sans-serif;
}

h2 {
	font-family:
			Georgia,
			"ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
			"ヒラギノ明朝 Pro", "Hiragino Mincho Pro",
			"HGP明朝E",
			"MS PMincho",
			serif;
}

.event-countdown em {
	font-family: Georgia, serif;
	font-style: italic;
}

ol.history li h3 {
	font-family: Georgia, Constantia, "Hoefler Text", "ITC Garamond", serif;
}

.overlay {
	font-size: 14px;
}

/* Decorations
 * ちょっとした装飾
 */

a:hover {text-decoration: underline;}
.overlay {text-shadow: 0.25em 0.25em 0.25em #000;}