@charset "UTF-8";

/*
  各エレメント（タグ）固有の設定をリセット
=================================================================*/

/* 
  Reset: margin, padding propaty
-----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {
/*主に使用されるタグのマージンとパディングを0に設定*/
	margin:0;padding:0; } 

/* 
  Reset: border propaty
-----------------------------------------------------------------*/
abbr,acronym,fieldset,img {
/*デフォルトでボーダー（枠線）が表示されるエレメントの解除*/
	border:0; } 

/*
  Reset: [table] selector
-----------------------------------------------------------------*/
table {
/*セルとセルの間のスペースを解除*/
	 border-collapse:collapse; border-spacing:0; } 
 
table,th,td {
/*テーブル関連タグのマージンとパディングを0に設定*/
	margin:0;padding:0; } 

caption,th,td {
/*テーブル関連タグの横方向のそろえを左揃えに*/
	text-align:left; } 

/*
  Reset: List selector
-----------------------------------------------------------------*/
ol,ul {
/*箇条書、連番リスト冒頭のマークを非表示*/
	list-style:none; }


/*
  フォントの基本設定
=================================================================*/
/*
  Reset: font-size, line-height propaty
  ブラウザのデフォルトフォントサイズを16pxと前提して相対サイズで指定
-----------------------------------------------------------------*/
body {
	font-size: 75%;   /* 約12px */ }
h1,h2,h3,h4,h5,h6 {
	font-size: 1.2em; /* 約14px */ line-height: 1.0; }
div,p,li,dt,dd {
	font-size: 1.0em; /* 約12px */ line-height: 1.6; }
table,caption,th,td {
	font-size: 1.0em; /* 約12px */ line-height: 1.6; }

/* 
  Reset: font-family propaty
-----------------------------------------------------------------*/
body {
	font-family:
	/*ゴシック体を指定*/
	"メイリオ",Meiryo,
	"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,
	"ＭＳ Ｐゴシック","MS P Gothic",
	sans-serif; }


/*
  フロート操作によるボックスの高さ調整
=================================================================*/
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {
	display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;}
.clearfix {
	display: block;}
/* End hide from IE-Mac */


/*
  Firefoxの右側スクロールバーの表示
=================================================================*/
html {
	overflow-y: scroll;
}

/*
  Preタグを改行を生かしたまま折り返す
=================================================================*/
pre{
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
	font-family:
	/*ゴシック体を指定*/
	"メイリオ",Meiryo,
	"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,
	"ＭＳ Ｐゴシック","MS P Gothic",
	sans-serif;
}