@charset "utf-8";

/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;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}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}


/*
■ユーザフォント環境の考え方
最も古い環境「XP,IE6,メイリオなし」とし、英文はVerdana、和文はＭＳ Ｐゴシック

■フォントの優先順位
Macintosh > Windows			(シェアが理由)
英文 > 和文					(英文といっても数の読みやすさ)
※メイリオの数 > 英文		(メイリオの数は見やすい)
メイリオ > ＭＳ Ｐゴシック	(新しいOSフォントに対応していく)
*/
body {
	line-height: 1.5;
	font-family:
	/* Macintosh */
	"Courier New",					/* 英文 */
	"Hiragino Kaku Gothic Pro",		/* 和文 */
	"ヒラギノ角ゴ Pro W3",
	/* Windows   */
	Meiryo,							/* 和文 */
	"メイリオ",
	"MS P Gothic",					/* 和文 旧Windows */
	"ＭＳ Ｐゴシック",
	sans-serif
}
#page {
	font-size: 108%;
}

/* clearfix */
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {zoom:1;}

/*  */
.clear_both {
	clear: both;
}
.no_display {
	display: none;
}

/*
 *  brタグを複数回挿入したときのieとfirefoxの違い
 *  FireFox　brを入れた個数だけ改行されるが、
 *  IEでは詰まってしまい改行されない。
 *  IEのバグらしく、２個以上の連続したBRタグは無視するとのこと。
 *  対処方法brタグのスタイルに 「letter-spacing:0」 を適用する。
 */
br {
	letter-spacing: 0;
}

/* 下に余白ができるのを回避 */
img { vertical-align:bottom }

/* ロールオーバー透過 */
.roll_alpha a:hover img		{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
a.roll_alpha:hover img		{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.roll_alpha_75 a:hover img	{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
a.roll_alpha_75:hover img	{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

/* ツイッター強制改行 */
#twitter_update{ word-break:break-all; }

/* 余白 */
.mb_1em		{ margin-bottom: 1em; }
.mb_20px	{ margin-bottom: 20px; }