@charset "Shift_JIS";

/**********************************************************/
/*                     ワイルドカード                     */
/**********************************************************/
* {
	box-sizing : border-box;
	text-align: left;
	-moz-box-sizing : border-box;
}



/**********************************************************/
/*                          HTML                          */
/**********************************************************/
a {
	text-decoration: underline;
}

a:link    { color: #D05020; }
a:visited { color: #705020; }
a:hover   { color: #F07050; }
a:active  { color: #D05020; }

blockquote {
	border: #777 double 3px;
	color: #333;
	font-size: 90%;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin: 0 5% 1em;
	overflow: hidden;
	padding: 0.25em 0.5em;
}

caption {
	font-size: 100%;
	font-style: italic;
	text-align: right;
}

em { 
	font-style: normal;
	font-weight: bold;
}

del {
	color: #777;
	text-decoration: line-through;
}

dfn {
}

form {
	display: block;
	font-size: 80%;
	font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace;
	margin: 0 auto 32px 16px;
}

html, body {
	background: #FFF;
	border: none;
	display: block;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

img {
	border: none;
	padding: 0;
}

strong {
	color: #900;
	font-weight: bold;
}

strong.blue {
	color: #009;
}

.below {
	font-size: 90%;
}

.important {
	color: #F00;
}

.strike {
	text-decoration: line-through;
}

.thumb {
	border: #777 double 3px; 
}

.underline {
	text-decoration: underline;
}

.veil {
	color: #FFF;
}



/**********************************************************/
/*                         ヘッダ                         */
/**********************************************************/
h1 {
	background: #000 url(image/bg_h1.jpg) 120px 80% no-repeat;
	border-bottom: #555 solid 1px;
	color: #FFF;
	font-family: "Georgia", "Verdana";
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 1px;
	padding: 11px 0 12px 24px;
}



/**********************************************************/
/*                        コンテナ                        */
/**********************************************************/
#container {
	background: #FFF url(image/bg_container.png) 0% 0% repeat;
	border-top: #777 solid 1px;
	margin: 0;
	padding: 0;
	position: relative;
	height: 100%;
}



/**********************************************************/
/*                    メニュー＆ノーツ                    */
/**********************************************************/
#menu {
	background: #FFF url(image/bg_menu.png) 0% 0% no-repeat;
	border-bottom: #507070 solid 1px;
	font-size: 80%;
	margin: 0;
	left: 0px;
	top: 0px;
	padding: 0;
	position: absolute;
	width: 199px;
}

#menu h2 {
	background: #777 url(image/bg_menu_h2.png) 0% 0% repeat-y;
	border-bottom: #777 solid 1px;
	color: #FFF;
	font-size: 100%;
	letter-spacing: 0.1em;
	margin: 0 auto 1px;
	padding: 2px;
	text-align: center;
}

#menu h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu #main, #menu .sub,
#note #main, #note .sub {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
}

#menu .sub,
#note .sub {
	margin: 0 0 8px;
}

#menu #main li, #menu .sub li,
#note #main li, #note .sub li {
	margin: 0 auto 1px;
	padding: 0;
}

#menu #main a, #menu .sub a,
#note #main a, #note .sub a {
	color: #D05020;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#menu #main a,
#note #main a {
	border-bottom: #777 dashed 1px;
	padding: 6px 8px 6px 24px;
}

#menu .sub a,
#note .sub a {
	padding: 2px 4px 2px 24px;
}

#menu #main a:hover,  #menu .sub a:hover  { background: #FFF; text-decoration: underline; }

#menu p,
#note p {
	margin: 0 0 8px;
	padding: 4px 8px 0;
}

#menu .youtube {
	background: #EEE;
	border: 1px solid #777;
	border-width: 1px 0px;
	font-size: 90%;
	margin: 0 0 8px;
	padding: 4px 8px 0;
	text-align: center;
}

#note {
	font-size: 80%;
	margin: 0;
	right: 10px;
	padding: 8px 0 0;
	position: absolute;
	top: 0px;
	width: 179px;
}

#note h2 {
	border-bottom: #777 dashed 1px;
	font-size: 100%;
	letter-spacing: 0.1em;
	margin: 0 0 6px;
	padding: 2px;
}

#note #main, #note .sub {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
}

#note #main a:hover,  #note .sub a:hover  { background: #EEE; text-decoration: underline; }
#note #main a:active, #note .sub a:active { background: #EEE; text-decoration: underline; }



/**********************************************************/
/*                       コンテンツ                       */
/**********************************************************/
#contents {
	border: #777 solid 1px;
	border-width: 0 1px;
	background: #FFF;
	margin: 0 199px;
	padding: 2px 32px;
	text-align: left;
	width: auto;
}

#contents #navi {
	font-size: 80%;
	margin: 0 -24px 1em auto;
	text-align: right;
	width: auto;
}

#contents .ad {
	font-size: 80%;
	margin: 0 auto 1em;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#contents h2:first-letter { color: #900; }
#contents h2 {
	border-bottom: #777 solid 1px;
	font-family: "Georgia";
	font-size: 140%;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 auto 16px;
	padding: 0 0 1px;
	width: 100%;
}

#contents .chapter {
	font-size: 90%;
	list-style: none;
	margin: 0 auto 80px 0;
	padding: 0;
	width: 100%;
}

#contents .chapter li {
	padding: 0;
	margin: 0 auto 3em;
}

#contents .chapter li div {
	margin: 0 auto 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#contents .chapter li object.stage6 {
	border: #777 double 3px;
}

#contents .chapter li h3:after { content: "】"; } 
#contents .chapter li h3:before { content: "【"; } 
#contents .chapter li h3 {
	border: #999 dashed 1px;
	border-width: 0 0 1px;
	color: #000;
	font-family: Georgia, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 0 auto 8px 0;
	padding: 0 0 0px;
}

#contents .chapter li h3.roman { font-family: Georgia, sans-serif; }

#contents .chapter li h4 {
	font-size: 200%;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	margin: 0 auto 0.5em 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#contents .chapter li p {
	letter-spacing: 0.05em;
	line-height: 1.4em;
	margin: 0 auto 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#contents .chapter li p.copy {
	font-size: 80%;
	text-align: right;
}

#contents .chapter li pre {
	background: #EEE;
	border: #777 dashed 1px;
	padding: 0.5em 1em;
	width: 100%;
}

#contents .chapter li ul {
	font-size: 90%;
	letter-spacing: 0.05em;
	list-style-image: url(image/marker_contents_li.png);
	margin: 0 auto 32px 40px;
	padding: 0;
	width: auto;
}

#contents .chapter li ul ul {
	list-style-image: url(image/marker_contents_li_li.png);
	margin: 3px auto 4px 18px;
}

#contents .chapter li li {
	margin: 0 0 3px;
	padding: 0;
}

#contents .chapter li table {
	border-collapse: collapse;
	empty-cells: show;
	font-size: 90%;
	margin: 0 auto 32px 24px;
}

#contents .chapter li table .rowhead {
	background: #E0F0E0;
	font-weight: bold;
}

#contents .chapter li td{
	border: #709090 solid 1px; 
	padding: 2px 12px;
}

#contents .chapter li th {
	background: #507070;
	border: #709090 solid 1px; 
	color: #FFFFFF;
	padding: 2px 12px;
}



/**********************************************************/
/*                  ページ固有のスタイル                  */
/**********************************************************/
/* ソフトウェア */
#contents .chapter li.software {
	border: #CCC dashed 1px;
	padding: 1em;
}

#contents .chapter li#axel_  { background: url(software/axel/bg.jpg)  100% 0% no-repeat; }
#contents .chapter li#karge_ { background: url(software/karge/bg.jpg) 100% 0% no-repeat; }
#contents .chapter li#wmhl_  { background: url(software/wmhl/bg.jpg)  100% 0% no-repeat; }



/**********************************************************/
/*                     フローティング                     */
/**********************************************************/
.clr {
	clear: both;
	display: block;
}

br.clr {
	visibility: hidden;
}

.ftl {
	float: left;
	margin: 0 1em 0.5em 0;
}

.ftr {
	float: right;
	margin: 0 0 0.5em 1em;
}



/**********************************************************/
/*                         フッタ                         */
/**********************************************************/
#foot {
	font-size: 80%;
	margin: 0 auto;
	text-align: center;
}



/**********************************************************/
/*                          著作                          */
/**********************************************************/
address {
	background: #EED;
	border-top: #777 solid 1px;
	font-family: "Verdana";
	font-size: 80%;
	margin: 1px auto 0;
	padding: 6px 16px 20px;
}