@charset "UTF-8";
/* ################################################

	全体に関わる設定
	INDEX
		[1] Structure Module
		[2] Text Module
		[3] Hypertext Module
		[4] List Module
		[5] Forms Module
		[6] Tables Module
		[7] Image Module
		
################################################ */

/*======================================

	[1] Structure Module

=======================================*/
/*-------------------------------------
html5追加要素をブロック要素に
-------------------------------------*/

header, footer, nav, aside, section, article { display: block;}
	
/*-------------------------------------
構造要素とブロックレベル要素
-------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, legend, input, textarea {
	margin: 0;
	padding: 0;
	}
	
/*-------------------------------------
縦スクロールバー
(すべてのブラウザで、どのような状況でも表示)
-------------------------------------*/
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical; /* Firefoxの先行実装 */
	overflow-x: scroll; /* Firefoxで横スクロールが表示されない問題を回避 */
	height: 100%;/*背景をブラウザ下まで表示する*/
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	font-family: /*"Kozuka Gothic Pr6N", "小塚ゴシック Pr6N", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
	"小塚ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: 300;
	/* 行の高さ */
	line-height: 1.618 ;	
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	margin: 0 auto;
	text-align: left;/*for IE5.5*/
	}


/*======================================

	[2] Text Module

=======================================*/

h1,h2,h3,
h4,h5,h6	{ font-size: 108%;}
em			{ font-weight: bold;}
strong		{ font-weight: bold;}
hr.divider	{ display:none;}
code		{ font-size: 100%;}

	
/*======================================

	[3] Hypertext Module

=======================================*/

a:link						{ color: #000000; text-decoration: none; }
a:visited					{ color: #000000; text-decoration: none; }
a:hover, a:focus, a:active	{ color: #000000; text-decoration: none; }
a:hover 					{ text-decoration: none;}


/*======================================

	[4] List Module

=======================================*/

ol,
dl {
	list-style-position: inside;
	list-style: none;
	}
	
ul { 
	list-style: none;
	list-style-position: outside;
	} 

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd	{ font-size: 100%;}/*リストの入れ子をする際にフォントサイズが小さくならないように*/

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p { margin: 0;}
	

/*======================================

	[5] Forms Module

=======================================*/

input		{ line-height: 1.2;}
textarea	{ padding: 0.4em 10px;}


/*======================================

	[6] Tables Module

=======================================*/


table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	}

th, td {
	line-height: 1.5;
	}


/*======================================

	[7] Image Module

=======================================*/

img { 
	border: 0;
	vertical-align: bottom;
	}