@charset "utf-8";


/* ---------------------------------------------------------------------------------------------------- */

html{
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	
	font-size: 14px;
	line-height: 1.75em;
}





/* ---------------------------------------------------------------------------------------------------- */
/* セクショニング */

header, main, footer, nav, section, article, aside{
	margin: 0;
	padding: 0;
}

/* 連絡先 (親の article に対しての連絡先。 article が無い場合は body 要素に対する連絡先を表す) */
address{
	font-style: normal;
	font-weight: normal;
}

/* 本文から参照される図版 (挿絵、図表、写真、ソースコード、等) を表す */
figure{
	border: 0;
	vertical-align: text-bottom;
}
figcaption{
	font-style: normal;
	font-weight: normal;
	text-align: center;
}





/* ---------------------------------------------------------------------------------------------------- */
/* グループ化 */

div{
	margin: 0;
	padding: 0;
}

span{
	margin: 0;
	padding: 0;
}



/* ---------------------------------------------------------------------------------------------------- */
/* 見出し */

h1, h2, h3, h4, h5, h6, h7{
	margin: 0;
	padding: 0;
	
	font-size: 16px;
	line-height: 32px;
}





/* ---------------------------------------------------------------------------------------------------- */
/* リスト */

ul, ol, dl{
	margin: 1em 0;
	padding: 0 0 0 30px;
	border: 0;
}

li, dt, dd{
	margin: 0;
	padding: 0;
	border: 0;
}





/* ---------------------------------------------------------------------------------------------------- */
/* テーブル */

table{
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-collapse: collapse; /* collapse || separate */
	empty-cells: show; /* show || hide */
}

caption{
	text-align: center;
	font-style: normal;
	font-weight: bold;
}

thead{
	
}

tfoot{
	
}

tbody{
	
}

tr{
	
}

th{
	border: 1px solid #a0a0a0;
	
	text-align: center;
	font-style: normal;
	font-weight: bold;
}

td{
	border: 1px solid #a0a0a0;
}

colgroup{
	
}

col{
	
}





/* ---------------------------------------------------------------------------------------------------- */
/* テキスト */

/* 段落 */
p{
	margin: 0 0 1.75em 0;
	padding: 0;
	text-indent: 1em;
}

/* 段落の区切り */
hr{
	margin: 2em 0;
}

/* 他と区別されるテキスト (思考・専門用語 等) */
i{
	font-style: italic;
	font-weight: normal;
}

/* 他と区別されるテキスト (キーワード・製品名 等) */
b{
	font-style: normal;
	font-weight: bold;
}

/* 文章中の伝わりにくいテキストや、本来とは異なる表記部分、ラベル付け */
u{
	text-decoration: underline;
}

/* 略語や頭字語 */
abbr{
	text-decoration: underline dotted;
}

/* 定義される用語 */
dfn{
	font-weight: normal;
	font-style: normal;
}

/* 下付き、上付き */
sub, sup{
	
}

/* すでに正確ではない内容を表す */
s{
	text-decoration: line-through;
}

/* em 要素は強調だけを表す (重要性は表さない) */
em{
	font-weight: bold;
	font-style: italic;
}

/* 重要性を現す */
strong{
	font-weight: bold;
	font-style: normal;
}

/* 引用 (行単位の引用は blockquote を使用) */
q{
	font-weight: normal;
	font-style: normal;
}

/* 引用 */
blockquote{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

/* 作品のタイトル、著者名、URL */
cite{
	font-style: italic;
	font-weight: normal;
}

/* プログラム向けなど (固定幅フォントで表示されるべきもの) */
code, samp, kbd, var, time{
	font-style: normal;
	font-weight: normal;
	font-family: "MS Mincho", "ＭＳ 明朝", "Takao明朝", "TakaoMincho", "IPA明朝", "IPAMincho", "Osaka-等幅", "Osaka-mono", monospace;
}

/* コンピュータ向けのデータを指定 (テキスト読み上げやスクリプトなど) */
data{
	font-style: normal;
	font-weight: normal;
}

/* 整形済みテキスト */
pre{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-family: "MS Mincho", "ＭＳ 明朝", "Takao明朝", "TakaoMincho", "IPA明朝", "IPAMincho", "Osaka-等幅", "Osaka-mono", monospace;
}

/* ハイライト (重要性や強調を表すものではない) */
mark{
	background-color: #ffa0a0;
	padding: 0 0.25em;
	margin: 0 0.25em;
}

/* ins、del は親要素がブロックならブロック要素を囲める。 インラインの場合はインラインのみ囲める (トランスペアレントと言うらしい) */
/* 追加されたテキスト */
ins{
	text-decoration: underline;
}

/* 削除されたテキスト */
del{
	text-decoration: line-through;
}


/* 改行 */
br{
	
}

/* 改行位置の候補を指定 */
wbr{
	
}

/* ルビ */
/* ルビの範囲 */
ruby{
	
}
/* ルビの対象 */
rb{
	
}
/* ルビ */
rt{
	
}
/* ルビ非対応ブラウザ用にルビを括弧で括る場合 例 <rp>(</rp><rb>明日</rb><rt>あした</rt><rp>)</rp> */
/* 対応ブラウザでは rp は非表示。 ただし、ここで非表示を指定すると、非対応ブラウザでも非表示になるため未指定 */
rp{
	
}

/* rt 要素のコンテナ (1 つのルビに複数のルビを振る時に使用？) */
rtc{
	
}

/* 隔離されたテキスト (書字方向の違うテキストを文章中で使う場合など) */
bdi{
	
}

/* 書字方向の指定*/
bdo{
	
}





/* ---------------------------------------------------------------------------------------------------- */
/* コンテンツの埋め込み */

/* イメージ */
img{
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: text-bottom;
}

/* イメージの最適化 (最適な画像を表示するためのグループ化) (レスポンシブ向け) */
picture{
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: text-bottom;
}

/* メディアリソースの候補 */
source{
	
}

/* 動画 */
video{
	margin: 0;
	padding: 0;
	border: 0;
}

/* オーディオ */
audio{
	margin: 0;
	padding: 0;
	border: 0;
}

/* オーディオや動画に字幕などを埋め込む */
track{
	
}

/* プラグイン */
embed{
	margin: 0;
	padding: 0;
	border: 0;
}

/* プラグインに渡すパラメータ */
param{
	
}

/* コンテンツの埋め込み */
object{
	margin: 0;
	padding: 0;
	border: 0;
}

/* インラインフレーム */
iframe{
	margin: 0;
	padding: 0;
	border: 0;
}

/* イメージマップの定義 */
map{
	
}
/* イメージマップの領域を定義 */
area{
	
}





/* ---------------------------------------------------------------------------------------------------- */
/* フォーム */

form{
	margin: 0;
	padding: 0;
}

input, textarea, button, select, option{
	margin: 0;
	padding: 0;
}

input, textarea{
	outline: none;
}

/* フォームアイテムのグループ化 */
fieldset{
	margin: 10px;
	padding: 0 1em;
	border: 1px solid #a0a0a0;
}
/* フォームアイテムをグループ化したときのタイトル */
legend{
	padding: 0 0.5em;
}

/* フォームアイテム (submit, button, hidden, radio, checkbox, image, range, color は除く) */
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=search], 
input[type=telephone], 
input[type=tel], 
input[type=number], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=month], 
input[type=week], 
input[type=time]{
	padding: 3px;
	border: 1px solid #7a7a7a;
}

/* フォームアイテム - ボタン要素 (image, file は除く) */
input[type=submit], 
input[type=reset], 
input[type=button]{
	padding: 3px;
}

/* フォームアイテム - ボタン要素 (file のみ) */
input[type=file]{
	
}

/* フォームアイテム - ボタン要素 (image のみ) */
input[type=image]{
	
}

/* ボタン要素 */
/* type="menu" が主要ブラウザに実装された場合は見た目を要確認 */
button{
	padding: 3px;
}

/* 複数行テキスト */
textarea{
	padding: 3px;
	resize: none;
	overflow-y: scroll;
}

/* ドロップボックス、リストボックス */
select{
	padding: 3px;
}
/* select のデータ */
option{
	
}
/* option のグループ化 */
optgroup{
	font-style: normal;
	font-weight: bold;
}

/* 入力候補を定義 (input 要素にて list 属性で datalist の id を指定して使う) */
datalist{
}

/* 結果表示のためだけであって、フォームの内容としては送信されない */
output{
	
}

/* プログレスバーの表示 */
progress{
	
}

/* 割合をメーターで表示 */
meter{
	
}





/* ---------------------------------------------------------------------------------------------------- */
/* スクリプト */

script{
}

noscript{
}

tempalte{
}

canvas{
	margin: 0;
	padding: 0;
	border: 0;
	
}





/* ---------------------------------------------------------------------------------------------------- */
/* インタラクティブ */

/* リクエストに応じて詳細情報を提供 (アコーディオンメニューの様な感じ) */
details{
	padding: 0;
	margin: 0;
}

/* details の要約やキャプション */
summary{
	font-style: normal;
	font-weight: normal;
}

/* コンテキストメニューへメニューの追加 */
menu{
	
}

/* menu のメニューアイテム */
menuitem{
	
}