@charset "utf-8";

/*********************************************************************
 *
 *  ■プロパティリスト (以下の順でプロパティを記述)
 *
 *   - display
 *   - list-style
 *   - position
 *   - float
 *   - clear
 *   - width
 *   - height
 *   - margin
 *   - padding
 *   - border
 *   - background
 *   - color
 *   - font
 *   - text-decoration
 *   - text-align
 *   - vertical-align
 *   - white-space
 *   - other text
 *   - content
 *
 * ===================================================================
 *
 *  ■使用ハック
 *
 *  01) Windows IE7・IE6対象
 *
 *      e { *propaty: value; }
 *
 *  02) Windows IE6対象
 *
 *      e { _propaty: value; }
 *
 *  03) Mac OS X Safari2以降対象
 *
 *      html[xmlns*=""] body:last-child e { }
 *
 *  04) Mac OS X Safari3対象 ※ヘッダーの検索フォームで使用
 *
 *      body:first-of-type e { }
 *
 *  05) Firefox対象 ※印刷用CSS内で使用
 *
 *      html:not([lang*=""]) e { }
 *
 *  06) Clearfix
 *
 * ===================================================================
 *
 *  ■フォントサイズ
 *
 *  ※文字サイズ [標準] を選択している場合。
 *
 *  基準値: font-size: 14px = 87.5%
 *
 *  font-size:  86% = 12px
 *  font-size: 100% = 14px
 *
 *********************************************************************/

@import url("reset.css");
@import url("header.css");
@import url("body.css");
@import url("footer.css");


/*  Common Elements
---------------------------------------------------------- */

html {
	overflow-y: scroll;
}

body {
	background-color: #f0f0f0;
	font-family: sans-serif;
	font-size: 75%; /* 12px */
	line-height: 1.5;
	color: #333;
	text-align: center;
}

a:link {
	color: #004a99;
}

a:visited {
	color: #004a99;
}

a:active,
a:hover {
	color: #0066cc;
}

img {
	border: 0;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

blockquote,
q,
cite {
	color: #003366;
}

table th,
table td,
table caption {
	line-height: 1.5;
}


/*  Clearfix
---------------------------------------------------------- */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/