@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html { height: 100%; }

body {
	color: #000000;
	background-color: #f6f6f6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5;
	text-align: left;
	height: 100%;
	-webkit-text-size-adjust: none;
}

body > #container { height: auto; }

a:link { color: #0000cc; text-decoration: underline; }
a:visited { color: #0000cc; text-decoration: underline; }
a:active { color: #0000cc; text-decoration: underline; }
a:hover { color: #ff6600; text-decoration: underline; }

ul { list-style: none; }

#container {
	background-color: #ffffff;
	height: 100%;
	min-height: 100%;
}

/* ナビスキップ */
p.skip_nav a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
p.skip_nav a:focus, p.skipnav a:active {
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 0 0.5em;
	background-color: #ffffff;
}

/*------------ ヘッダー ------------*/
#header { padding-top: 10px; }
#header:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

/* キヤノンロゴ */
#header div.logo {
	padding: 0 5px 5px 5px;
}

/*------------ コンテンツ ------------*/
#contents {
	width: 94%;
	margin: 0 auto;
}

/* メインブロック */
#main { margin-bottom: 2em; }

#contents h1 {
	padding: 0.2em;
	margin-bottom: 1.5em;
	font-size: 1.8em;
	color: #ffffff;
	background-color: #000000;
}
#contents ul li {
	margin-bottom: 0.5em;
}
#contents ul.MDP_sup_list {
	list-style-type: square;
	padding: 0.5em 0 0.5em 1.5em;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}
#contents ul.MDP_sup_list li {
	margin-bottom: 0;
}
#contents div.section {
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/*------------ フッター ------------*/
/* ナビ */
#footer div.nav { border-bottom: 1px solid #cccccc; }
#footer div.nav:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

/* ページの先頭へ */
#footer p.gototop {
	clear: both;
	float: right;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-right: 3%;
	padding: 0.5em 1em;
}
#footer p.gototop a { color: #555555; text-decoration: none; }
#footer p.gototop a:hover { color: #ff6600; }

/* 言語選択ボックス */
#footer form.lang_select {
	margin: 0.5em 3%;
}

/* コピーライト */
#footer p.copyright {
	font-size: 0.9em;
	color: #cccccc;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 480px) {
	body { font-size: 87.5%; }
	
	#contents h1 {
		padding: 0.2em 0.5em;
	}
}

@media screen and (min-width: 800px) {
	body { font-size: 100%; }

	/*------------ コンテンツ ------------*/
	#contents {
 		width: 752px;
	}
	#contents h1 {
		font-size: 1.6em;
	}
	#contents h2 {
		font-size: 1.3em;
	}
	#contents ul {
		padding-left: 1.8em;
	}
	#contents div.section {
		padding-left: 1.8em;
	}

}

@media screen and (min-width: 1024px) {
	/* コンテナブロック */
	#container {
		width: 1000px;
		margin: 0 auto;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
}

@media print {
	body {
		font-size: 100%;
		background-color: #ffffff;
	}

	/* コンテンツ */
	#contents { padding-top: 0; }
	#contents h1 {
		border: solid 1px #000000;
	}

	/* フッター */
	#footer div.nav { display: none; }
	#footer form.lang_select { display: none !important; }
}