@charset "UTF-8";

/* default.css */

/* １．スタイルリセット*/

/* ２．可読性向上のためフォントを以下に指定
font-size = デザイン性も考慮してbodyに初期値14px相当を指定
line-height = bodyに初期値1.6を指定（子に継承されないよう単位なし）
font-family = 各ブラウザに最適化をした（Modern Browser, Win:IE6/IE7, MacIE5）
letter-spacing = MS Pゴシック用に文字間を1px空けた
*/

/* ３．スクロールバー表示
ページがファーストビューで収まる場合でもスクロールバーエリアを常に表示
*/

/* ４．非表示設定
非表示にしたい要素にclass="hidden"を指定する
*/

/* ５．クリアフィックス
クリアフィックスしたい要素にclass="clearfix"を指定する
*/

/* ６．ピングフィックス
IE6で透過pngを使えるようにする
<img>の親要素にclass="png"を指定する
*/

/* ７．フッターフィックス
コンテンツ量が少なくてもフッターをウィンドウ下部に配置
*/

/* ８．Mac IE対策
レイアウト崩れを解消
*/



/* ::::::▼▼1.style reset▼▼:::::: */
html{color:#222;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* ::::::▲▲style reset▲▲:::::: */


/* ::::::▼▼2.font style▼▼:::::: */
/* for Modern Browser */
body {
	font: 14px/1.6 "Lucida Grande", sans-serif;
}

/* for WinIE6 */
* html body {
	font: 87.5%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align: baseline;
}

/* for WinIE7 */
*:first-child+html body {
	font: 87.5%/1.6 "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

/* for MacIE5 */
/*\*//*/
body p {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
/* for MacIE5 */
/* ::::::▲▲font style▲▲:::::: */


/* ::::::▼▼3.scrollbar display▼▼:::::: */
html {
	overflow-y: scroll;
}

/* for WinIE7 scroll */
*:first-child+html html {
	overflow-y: auto;
}
/* ::::::▲▲scrollbar display▲▲:::::: */


/* ::::::▼▼4.display none▼▼:::::: */
.hidden {
	display: none;
}
/* ::::::▲▲display none▲▲:::::: */


/* ::::::▼▼5.clear fix▼▼:::::: */
.clearfix {
	display:inline-table;
	min-height:1px; /* IE 7対策 */
}

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

/* Hides from Mac IE \*/
* html .clearfix { height:1px; }

.clearfix { display:block; }
/* ::::::▲▲clear fix▲▲:::::: */


/* ::::::▼▼6.png fix▼▼:::::: */
/*
* html .png {
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)");
	width: expression(this.firstChild.clientWidth+"px");
	height: expression(this.firstChild.clientHeight+"px");
}

* html .png img {
	visibility: expression("hidden");
}
*/
/* ::::::▲▲png fix▲▲:::::: */


/* ::::::▼▼7.footer fix▼▼:::::: */
/*
html,
body {
	height: 100%;
}

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
*/
/* ::::::▲▲footer fix▲▲:::::: */


/* ::::::▼▼8.Mac IE layout▼▼:::::: */
/* これ以降Mac IE 5のみに全体のレイアウト崩れが解消される \*//*/
div#wrapper {
	text-align: center;
}

div#header,
div#contents,
div#footer {
	text-align: left;
}
/* これ以降Mac IE 5以外にも適用される */
/* ::::::▲▲Mac IE layout▲▲:::::: */