@charset "UTF-8";

/* Clearfixハックのリンク指定 */
@import "clearfix.css";

/* ======== CSS reset ======== */
/* 参考サイト
http://blog.e-riverstyle.com/2009/02/reset-cssreset-css.html

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* テーブルのcellspacingを"0"のままで書けます */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ======== 島袋 独自作成 ======== */
/* 改行を正しく表示させる */
br {
	letter-spacing:normal;
}

/* 短いページでは、縦スクロールバーが表示されない */
html {
 overflow:scroll;
	overflow:-moz-scrollbars-vertical;/* Firefoxが先行実装している値 */
	overflow-x:scroll;/* Firefoxで横スクロールバーが表示されない問題を回避 */
}

/* 基本的なフォントスタイルをノーマルに */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i {
font-style:normal;
}



/* リセットフォント */
/* 
参考サイト
フォントファミリー
http://www.nk0206.com/life/2009/06/ie8ie7ie6ffms-pmac-safariff.html

フォントサイズ
http://www.ichiro.to/note/fsize3


基本的には、日本語を想定しています。
英語表記がメインのサイトには、
Yahoo! UI Libraryをお使いください。

http://developer.yahoo.com/yui/fonts/
*/

body {
	font-size: 100%;
	font-family: sans-serif;
 color:#666;
}

/* for lte ie6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
}

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

/* for ie8 */
html>/**/body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} 

/* for modern browser not ie8 */
html:not(:target) body {
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/* フォントサイズについて*/
/*
参考サイト
http://www.ichiro.to/note/fsize3

デフォルトで100%にしているため、
基準の数値が分からないこともあるかもしれません。

簡単にですが、参考サイトの表も抜き出してあります。
確実にデザイン通りのサイズにする場合は、参考サイトの表をご覧ください。

13px → 81.25%
14px → 87.5%
15px → 93.75%
（基準）16px → 100%
17px → 106.25%
18px → 112.5%

*/