/* 影付きボタンのスタイルシートです。複数のボタンを色違いで準備しています。 */
/* ▼利用例 （class="cp_b cp_b04"）で指定 */
/* <a href="NextPage.htm" target="_blank" class="cp_b cp_b04">2-14 プリPC<br>　製造手順書</a><br> */
/******************************************************************************
**	cp_b01：水色、文字白
**	cp_b02：黄色、文字青
**	cp_b03：灰色、文字黒
**	cp_b04：黄緑、文字白
**	cp_b05：青色、文字水色
**	cp_b06：紺色、文字水色
*/
body {
	font-family: "メイリオ", Meiryo, sans-serif;
	color: #000;
/*	background-color: #fff; */
	font-size: 16px;
	line-height: 1.6;
}

a {
	text-decoration: none;
	font-size: 16px;
}

a:hover {
/*	color: #f00; */
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

table td {
	border: 2px solid #fff;
	padding: 1px;
	box-sizing: border-box;
}

img {
	border: 0;
}

/* 見出しの文字の大きさ */
div.cap01 {
	font-size: 24px;
}

/* 見出しの文字色 */
div.ttl01 {
	color: #fff;
}

/* メニューボタン 設定 */
/* メニューボタン 共通 */
a.cp_90b {
	margin-bottom: 6px;         /* 表セルボックスの下のスペースを空ける */
	position: relative;         /* 表示位置を初期値で設定 */
	display: block;             /* この要素をブロックボックスとして縦並びに設定 */
	width: 300px;               /* ボタンの幅を設定 */
	padding: 0.2em 0.2em 0.2em; /* 要素の全四辺のパディング領域(4辺の空白幅)を設定 */
	text-align: center;         /* 表セルボックスの水平方向の配置を設定：中央 */
	text-decoration: none;      /* テキストの装飾的な線の表示を設定：なし */
	font-weight: bold;          /* テキストのウエイト:太く */
	border-radius: 4px;        /* ボタンの角の丸みをつける */
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); /* フレームの周囲にシャドウ効果を追加 */
}

a.cp_90b:active {
	transform: translateY(4px);
	margin-bottom: 10px;
	border-bottom: none;
}

a.cp_90b:hover {
	text-decoration: none;
}

/**************** メニューボタン 1  *************************/
a.cp_b01 {
	color: #fff;
	background: #26c6da;
	border-bottom: 4px solid #00838f;
}

a.cp_b01:hover {
	background-color: #40e0f4;
}

/**************** メニューボタン 2  *************************/
a.cp_b02 {
	color: #24f;
	background: #ee2;
	border-bottom: 4px solid #808000;
}

a.cp_b02:hover {
	background-color: #ffff3c;
}

/**************** メニューボタン 3  ************************/
a.cp_b03 {
	color: #333;
	background: #b1cfac;
	border-bottom: 4px solid #63815e;
}

a.cp_b03:hover {
	background-color: #cbe9c6;
}

/**************** メニューボタン 4  ************************/
a.cp_b04 {
	color: #fff;
	background: #2ecc71;
	border-bottom: 4px solid #1a983d;
}

a.cp_b04:hover {
	background-color: #48e58b;
}

/**************** メニューボタン 5 ************************/
a.cp_b05 {
	color: #6cf;						/* 文字色：水色 */
	background: #0033cc;				/* ボタン背景色：青 */
	border-bottom: 4px solid #0066FF;	/* ボタンの影の色：濃い青 */
}

a.cp_b05:hover {
	background-color: #0099ff;			/* カーソルON時のボタン色：薄い青 */
}

/**************** メニューボタン 6 ************************/
a.cp_b06 {
	color: #6cf;						/* 文字色 */
	background: #000077;				/* ボタン背景色：紺 */
	border-bottom: 4px solid #0033ff;	/* ボタンの影の色：暗い青 */
}

a.cp_b06:hover {
	background-color: #0099ff;			/* カーソルON時のボタン色：薄い青 */
}