@CHARSET "UTF-8";

body {
	width: 600px;
	padding-left: 250px;
}

ul {
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0;
}

.sub {
	float: left;
    width: 250px;
	margin-left: -250px;
    height: 100%;
	margin-bottom: -500%;

    /*position: fixed;*/
}

.sub ul {

	background-color: #FCFCFC;
}

.sub ul li {
	font-size: large;
	font-weight: bold;

	border-style: none;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;

	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;

	display: block;

	text-align: center;

	padding: 10px;

}

.sub ul li:last-child {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.sub ul li ul li{
	font-size: small;
	font-weight: normal;

	border-style: none;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #EEEEEE;

	text-align: left;
}

.sub ul li ul li:last-child {

	border-style: none;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #EEEEEE;
}

.sub ul li ul{
	margin-top: 10px;
	margin-bottom: -10px;

	display: block;
	width: 100%;
}

.sub ul li ul.close{
	display: none;
}


.sub ul li ul li a{
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FF0000;

	padding-left: 5px;
}


.sub ul li ul li p{
	display: inline;
	font-weight: bold;
/*
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #0000FF;

	padding-left: 5px;
	*/


	padding-left: 7px;
}










.explain {
	margin: 20px 0 0 0;
	display: block;
}
.caution {
	margin: 20px 0 0 0;
	display: block;
}
.align_right {
	text-align: right;
	display: block;
}

.summary {
	margin: 30px 0 20px 0;
	display: block;
}


.main {
	min-height: 800px;
}

.main ol {
	counter-reset:number;/* 名前を付けたカウンターをリセット */
	list-style:none;/* olが数字を付けることをキャンセル */
	margin:20px 0 0 20px;
	padding:0;
}

.main ol li {
	font-size:small;
	margin-bottom: 30px;
}

.main ol li:before{
	/* カウンタ（数字になる部分） */
	counter-increment: number;/* 任意の名前を付けて！ */
	content: counter(number);/* 名前を付けたカウンターを呼び出し */

	float: left;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	/*color: #FFFFFF;*/
	text-align: center;
	line-height: 1.5;

	/*background: #F0D0B0;*/

	border-style: solid;
	border-width: 2px;
	border-color: #333333;

	font-weight: bold;
}

.main ol li div{
	margin-left: 30px;
	padding-top: 4px;
}

.main ol li img{
	margin: 30px 0 10px 40px;
	width: 450px;
	border-style:solid;
	border-width: 1px;
	border-color: #888888;
}

.main ol li img.zooming{
	width: auto;

}