@charset "utf-8";

/*--------------------------
　ブラウザの初期設定解除
---------------------------*/

/*【総合解説】各ブラウザはそれぞれ独自に、「標準スタイル」というものを持っています。
制作者が何も値を指定しなかったとき、(X)HTML文書をどのように表示するかを決めた初期値
のことです。通常スタイルシートで自由にデザイン・レイアウトしていく場合、このブラウザの
標準スタイルは邪魔になることが多いため、スタイルシートの最初の段階で使いやすいように
ユーザの指定した値に初期値を指定しなおしておく作業をします。これを「ブラウザの初期化」
といいます。デザインの特性や作業効率を考えて、適宜設定しておくとよいでしょう。
このテンプレートには、一般的に使えそうな初期設定を記述しておきましたので、特別不具合が
なければそのまま使用してもらって構いません。（使う時は解説コメントは削除してください！）
*/

/*◆全ての要素に対する初期値設定*/
/*【解説】ブラウザが独自に持っている標準のmargin・paddingは、
精密なレイアウトをする際に邪魔になるので、先に全て0にしておきます。
その他全ての要素に適用したいプロパティを適宜ここに追加して、
使いやすいようにカスタマイズします。
*/

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe{
	margin:0;
	padding:0;
	font-size:small;/*IEの文字サイズ「小」に該当するサイズです*/

}

/*◆デフォルト文字設定 */
/*【解説】文字として読ませるコンテンツが入る要素に対して、標準の
文字スタイルを設定しておきます。*/
h1,h2,h3,span,p,th,td,dt,dd,li,
select,textarea,input{
	font-size:small;
	color:#666666;
	line-height:1.4;/*行間表示のバグ回避のため、単位はつけません。意味は140%と同じです*/
}

/*◆画像の枠線を非表示*/
/*【解説】画像にリンクを設定した時、周囲に枠線が表示されてしまうのを回避します*/
img{
	border:0;
}

/*◆リストマーカーを非表示*/
/*【解説】リストタグを使って様々なデザインのメニュー項目を作成する事が多く、
その際デフォルトのマーカーは邪魔になることが多いのであらかじめ非表示にしておきます*/
ul,
ol{
	list-style-type:none;
}

/*◆デフォルトリンク色の設定*/
a:link{
	color:#00C4AB;/*未訪問のリンク色*/
}
a:visited{
	color:#00C4AB;/*訪問済みのリンク色*/
}
a:hover{
	color:#CCE739;/*マウスが乗った時のリンク色*/
}
a:active{
	color:#CCE739;/*クリックした瞬間のリンク色*/
}