@charset "UTF-8";

/* 全体 */
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color:#ffffe5;/*背景色*/
	background-image:url(../images/logo-2.png);
	text-align:center; /*文字の位置や、均等割付を指定。left,right,center,justify.*/
}
.wrapper {
	width: 800px; /*幅指定。%の数値を変えると幅が変化*/
	border-left: 1px solid #c3bab2; /*左側の縦線。pxの数値を変えると太さが変化*/
	border-right: 1px solid #c3bab2; /*右側の縦線。pxの数値を変えると太さが変化*/
	background-color:#ffffff; /*背景色*/
	margin: 0px auto 0px auto; /*外側の余白。上、右、下、左の順番で、pxの数値を変えると余白ができる。左右をauto指定するとセンター揃えになります。*/
}


/* メイン */
.main {
	overflow: hidden;
	padding: 50px 20px 50px 20px; /*内側の余白。上、右、下、左の順番で、pxの数値を変えると余白ができる*/
}
a {
	font-size:17px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color: #1f3134; /*文字色の指定*/
}
a:hover {
	font-size:17px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color: #00a497; /*文字色の指定*/
}
.main h1 {
	font-size:30px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color:#2a83a2; /*文字色の指定*/
}
.main h2 {
	font-size:22px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color:#000000; /*文字色の指定*/
	text-align:center; /*文字の位置や、均等割付を指定。left,right,center,justify.*/
	font-weight:bold; /*フォントの太さの指定*/
	padding: 50px 0px 0px 0px; /*内側の余白。上、右、下、左の順番で、pxの数値を変えると余白ができる*/
}

/* テーブル */
.example table {
	width:750px; /*幅指定。pxの数値を変えると幅が変化*/
	height:550px; /*高さ指定。pxの数値を変えると高さが変化*/
	border:1px dotted #000000; /*枠の太さ、スタイル、色の指定*/
	background-color:#ffffff; /*テーブルの背景色*/
	text-align:center; /*文字の位置や、均等割付を指定。left,right,center,justify.*/
	margin-right:auto;
	margin-left:auto;
}
.example td {
	border: 1px #000000 none; /*枠の太さ、スタイル、色の指定*/
	padding: 10px 20px 10px 20px; /*内側の余白。上、右、下、左の順番で、pxの数値を変えると余白ができる*/
}
.example li {
	line-height:0px; /*行間指定*/
	margin:0px;
	padding:0px;
}
.example a {
	font-size:17px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color: #1f3134; /*文字色の指定*/
	line-height:normal;
}
.example a:hover {
	font-size:17px; /*文字サイズ指定。pxの数値を変えると文字サイズが変化*/
	color: #00a497; /*文字色の指定*/
}