/* ==================================================================== */
/*		スタイルシート                                                    */
/* ==================================================================== */
@charset "UTF-8";
body {
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #000000;
	background-color: #FFFFCC;
}
p {
	font-weight: bold;
	padding: 1px 1px 1px 15px;
}
code {
	font-weight: bold;
	width: 70%;
}
ul, ol {
	line-height: 150%;
}
blockquote {
	margin: auto;
	width: 70%;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000099;
}

/* -------------------------------------------------------------------- */
/*		文書構造の設定                                                    */
/* -------------------------------------------------------------------- */
section, article, nav, header, footer {
	display:block;
}
section {
	float: right;
	width: 83%;
	text-align: left;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 4px 4px 4px #000099;
	-moz-box-shadow: 4px 4px 4px #000099;
	-ms-box-shadow: 4px 4px 4px #000099;
	-o-box-shadow: 4px 4px 4px #000099;
	box-shadow: 4px 4px 4px #000099;
	margin: 0px 0px 10px 0px;
	padding: 10px 5px 10px 5px;
	line-height: 130%;
	color: #000000;
	background-color: #CCCCFF;
}
article {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color:#9999FF;
}
nav, header, footer {
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
nav {
	position: fixed !important;
	float: left;
	width: 14%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px 4px 4px #0000FF;
	-moz-box-shadow: 4px 4px 4px #0000FF;
	-ms-box-shadow: 4px 4px 4px #0000FF;
	-o-box-shadow: 4px 4px 4px #0000FF;
	box-shadow: 4px 4px 4px #0000FF;
	background-color: #CCCCFF;
	line-height: 200%;
}
nav a:hover {
	color: #FF0000;
	background: #FFFFFF;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
header {
	clear:both !important;
	color: #FF0000;
	font-size: 30px;
/*	font-style: italic;*/
	text-shadow: 0 -1px 1px #FFFFFF, -1px 0 1px #FFFFFF, 1px 0 1px #FFFFFF, 0 1px 1px #FFFFFF, 1px 1px 1px #000000, 2px 2px 2px #000000, 3px 3px 3px #000000;
}
footer {
	clear:both !important;
	color: #FFCCCC;
	font-size: 15px;
	padding: 10px;
}
footer a:hover {
	color: #FF0000;
}

/* -------------------------------------------------------------------- */
/*		リンク関係の設定                                                  */
/* -------------------------------------------------------------------- */
a { text-decoration: none;}
a:link { color: #000066; cursor: pointer; font-weight: bold;}
a:visited { color: #000066; font-weight: bold;}
a:active { color: #000066; font-weight: bold;}
a:hover { color: #FF0000; font-weight: bold;}

/* -------------------------------------------------------------------- */
/*		フォント設定                                                      */
/* -------------------------------------------------------------------- */
 .fs { font-size: 12px; font-family: "ＭＳ Ｐゴシック",sans-serif; }
 .fm { font-size: 14px; font-family: "ＭＳ Ｐゴシック",sans-serif; }
 .fl { font-size: 17px; font-family: "ＭＳ Ｐゴシック",sans-serif; }

/* -------------------------------------------------------------------- */
/*		文字位置の設定                                                    */
/* -------------------------------------------------------------------- */
 .cr { margin: auto; }
 .lt { margin: lrft; }
 .ctr { text-align: center; }
 .lft { text-align: left; }
 .rit { text-align: right; }
 .txtp { vertical-align: top; }
 .txdn { vertical-align: bottom; }

/* -------------------------------------------------------------------- */
/*		見出し設定                                                        */
/* -------------------------------------------------------------------- */
h1, h2, h3 {color: #FF0000; font-weight: bold; }
h1 {font-size: 26px; }
h2 {font-size: 22px; }
h3 {font-size: 18px; }

/* -------------------------------------------------------------------- */
/*		高さ設定                                                          */
/* -------------------------------------------------------------------- */
 .hd { height: 500px; }
/* -------------------------------------------------------------------- */
/*		幅設定                                                            */
/* -------------------------------------------------------------------- */
 .wd { width: 200px; }
 .wd10 { width: 10px; }
 .wd15 { width: 15px; }
 .wd20 { width: 20px; }
 .wd25 { width: 25px; }
 .wd30 { width: 30px; }
 .wd100 { width: 100px; }
 .wd150 { width: 150px; }
 .wd200 { width: 200px; }
 .wd250 { width: 250px; }
 .wd300 { width: 300px; }
 .wd350 { width: 350px; }
 .w100 { width: 100%; }
 .w95 { width: 95%; }
 .w90 { width: 90%; }
 .w85 { width: 85%; }
 .w80 { width: 80%; }
 .w75 { width: 75%; }
 .w70 { width: 70%; }
 .w60 { width: 60%; }
 .w50 { width: 50%; }
 .w45 { width: 45%; }
 .w40 { width: 40%; }
 .w35 { width: 35%; }
 .w33 { width: 33%; }
 .w30 { width: 30%; }
 .w25 { width: 25%; }
 .w20 { width: 20%; }
 .w18 { width: 18%; }
 .w16 { width: 16%; }
 .w15 { width: 15%; }
 .w13 { width: 13%; }
 .w12 { width: 12%; }
 .w10 { width: 10%; }
 .w08 { width: 8%; }
 .w07 { width: 7%; }
 .w06 { width: 6%; }
 .w05 { width: 5%; }
 .w04 { width: 4%; }
 .w03 { width: 3%; }
 .w02 { width: 2%; }
 .w01 { width: 1%; }

/* -------------------------------------------------------------------- */
/*		色設定                                                              */
/* -------------------------------------------------------------------- */
 .black { color: #000000; }
 .gray { color: #808080; }
 .silver { color: #C0C0C0; }
 .white { color: #FFFFFF; }
 .red { color: #FF0000; }
 .yellow { color: #FFFF00; }
 .lime { color: #00FF00; }
 .aqua { color: #00FFFF; }
 .blue { color: #0000FF; }
 .fuchsia { color: #FF00FF; }
 .maroon { color: #800000; }
 .olive { color: #808000; }
 .green { color: #008000; }
 .teal { color: #008080; }
 .navy { color: #000080; }
 .purple { color: #800080; }
 .bk_black { background-color: #000000; }
 .bk_gray { background-color: #808080; }
 .bk_silver { background-color: #C0C0C0; }
 .bk_white { background-color: #FFFFFF; }
 .bk_red { background-color: #FF0000; }
 .bk_yellow { background-color: #FFFF00; }
 .bk_lime { background-color: #00FF00; }
 .bk_aqua { background-color: #00FFFF; }
 .bk_blue { background-color: #0000FF; }
 .bk_fuchsia { background-color: #FF00FF; }
 .bk_maroon { background-color: #800000; }
 .bk_olive { background-color: #808000; }
 .bk_green { background-color: #008000; }
 .bk_teal { background-color: #008080; }
 .bk_navy { background-color: #000080; }
 .bk_purple { background-color: #800080; }