@charset "UTF-8";

/* reset css */

/*各ブラウザで指定されているスタイルシートの初期化*/

/*

■■■■■■■■■■■■■■■■■■■■
*（ユニバーサルセレクタ）によるリセット

* {
	margin: 0;
	padding: 0;
}

これは一括指定できて便利ですが、

・意図しないスタイルまでリセットしてしまうこと
・新しいプロパティに対応できない
・レンダリングが遅くなる
・サブミットボタンなどの指定もおかしくなる

ので要素ごとにリセットをかけます。
その一例
■■■■■■■■■■■■■■■■■■■■

*/


/*

ブラウザのデフォルトスタイルは絶対にリセットしなければいけないというわけではないので必要に応じて利用します。

*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
 /*↓文字サイズを絶対固定したい時のみ（IEの文字サイズ変換機能は不可になります）*/
html{
	overflow-y: scroll;
}
body {
	font: 13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
/**
 * デフォルトボタンデザインクリア
 */ 
button {
    width: auto;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.px10 { font-size:77%; }
.px11 { font-size:85%; }
.px12 { font-size:93%; }
.px13 { font-size:100%; }
.px14 { font-size:108%; }
.px15 { font-size:116%; }
.px16 { font-size:123.1%; }
.px17 { font-size:131%; }
.px18 { font-size:138.5%; }
.px19 { font-size:146.5%; }
.px20 { font-size:153.9%; }
.px21 { font-size:161.6%; }
.px22 { font-size:167%; }
.px23 { font-size:174%; }
.px24 { font-size:182%; }
.px25 { font-size:189%; }
.px26 { font-size:197%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,button, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

/*

var		Variableの略で、<var>～</var>で囲まれた部分が変数や引数であることを示します
caption	テーブルにタイトルをつけます
cite	作品のタイトルを表します。
code	プログラムのソースコードであることを意味します
dfn		定義する用語を明示する(ブラウザで)

*/

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:省略形を表します。ie6未対応
acronym:頭文字を表します。ie6対応:HTML5にて廃止の予定

<abbr title="World Wide Web">WWW</abbr>

のように記述するとマウスオーバーで略語の説明が出ます。

abbr,
acronym {
	curosr:help;
}

とする事でマウスカーソールが「？」となります。

*/

abbr, acronym {
	border:0;
}

article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,
section,summary {
display:block;
}

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}