/* CSS Document */

.example {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	font-size: 115%;
}
.example_end {
	width: 94%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 115%;
}
.example table {
	width: 100%;
	border-collapse: separate;
	background-color: #ffffff;
}

.example caption {
	text-align: left;
	height: auto;
	width: auto;
	border: thin none #6971D6;
	padding-top: 5px;
	padding-left: 20px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.example td {
	border: 1px solid #ffffff;
	background-color: #F9F8EC;
	text-align: left;
	color: #333333;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	font-size: 93%;
}

.example th {
	border: 1px #ffffff solid;
	background-color: #E8CD8E;
	text-align: center;
	width: 25%;
	font-weight: normal;
	color: #333333;
	height: auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
	font-size: 93%;
}
.example th span {
	font-size: 76%;
	color: #FFF;
	background-color: #C00;
	text-align: center;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-radius: 5px; /* CSS3 */
	　　-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	　　-moz-border-radius: 5px; /* Firefox用 */
	　　behavior: url(../js/PIE.htc); /* IE用 */
}
.botan {
	text-align: center;
	width: 98%;
	margin-top: 15px;
	font-size: 100%;
	color: #333333;
	line-height: 150%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.button {
	display: block;
	color: #6971D6;
	text-align: center;
	text-decoration: none;
	/* ボタン画像サイズに合わせる */
	width: 180px;
	/* 使用しているフォントに合わせて調節 */
	font-size: 100%;
	font-weight: normal;
	/* input タグ用にボーダーを消す */
	border: none;
	background-color: #fff;
	background-image: url(file:///D|/data/HP_data/new_rakuji/css/wii_buttons_3.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 3%;
	padding-right: 0;
	padding-bottom: 3%;
	padding-left: 0;
}
/* リンクの状態ごとにライン色を指定 */
.button:visited {
background-color: #ddd;
}
.button:hover {
	background-color: #3cc6f5;
	color: #6971D6;
}
.button:active {
background-color: #f00;
}
.text-12-140 {
	font-size: 86%;
}
td.example55 {
	border: 1px solid #ffffff;
	background-color: #E6ECFB;
	text-align: left;
	color: #333333;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}

th.example56 {
	border: 1px #ffffff solid;
	background-color: #BCCBF5;
	text-align: center;
	width: 25%;
	font-weight: normal;
	color: #333333;
	height: auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
	font-size: 93%;
}
td.example75 {
	border: 1px solid #ffffff;
	text-align: left;
	color: #333333;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}

th.example76 {
	border: 1px #ffffff solid;
	background-color: #eee;
	text-align: center;
	width: 25%;
	font-weight: normal;
	color: #333333;
	height: auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
	line-height: 200%;
}
td.example000 {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	text-align: left;
	color: #333333;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}

th.example00 {
	border: 1px #ffffff solid;
	background-color: #ffffff;
	text-align: center;
	width: 25%;
	font-weight: normal;
	color: #333333;
	height: auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}
.text-danger {
	color: #F00;
}
td.right{
	text-align: right;
	color: #8E8E8E;
	font-size: 72%;
}
