@charset "Shift_JIS";
body {
	position:absolute;
	left : 0px;	top : 0px;
	width:100%;/*	height:565px;*/
	margin:0px;
/*	background-color:#fff;*/
	background-color:#e7e7e7;
	font-size:9pt;	/*80%*/
	line-height:1.4em;
	font-family:"MS PGothic", "MS UI Gothic";
}

select {margin:0px;}
tbody {
	font-size:9pt;	/*80%*/
	line-height:1.0;
	background-color:#f0f0f0;
}

td, .cell {
	border:1px #ece9d8 solid;
}


#pageBody {
	position:relative;
	padding:20px 0px 20px 20px;
	background-color:#fff;
	width:720px;
	margin: 20px auto;
/*	margin: 50px auto 20px 260px;*/
}

#menu {
	position:absolute;
	left:560px;
	width:150px;
}
#headLogo {
	float:left;
	width:162px;	/*height:50px;*/
}
#headLogo:hover,
#wordpress:hover {
	border:1px #0066cc solid;
}

#h20, #h21  {	
	margin-top:4px;
	float:left;
}
#hdSetDss {left:-1px;}

h4 {
	width:150px;	height:15px;
	border-top:solid 2px #bbb;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-left:solid 2px #bbb;
	font-size:11pt;
	font-weight:normal;
	margin:0px;
	margin-left:3px;
	padding:2px;
	text-align:center;
	background-color:#eac457;
}

.hdG /*Group*/{	
	background-color:#999999;
	margin:2px 1px 1px 5px;
	padding:1px;
}
.hdSet {
	width:149px;
/*	margin : 1px;*/
	margin-top:1px;
	padding:2px;
	background-color:#ffffe0;
	z-index:-1;
}

.dss, 
.hdMain {
	width:139px;	height:20px;
	padding-left:10px;	padding-top:4px;
	font-size:10pt;
	color:#808000;
	display:block;
	background-image:url(../images/headerYe.bmp);
}

.dss:active{ margin:0px;}

.mainYeF, .mainWhF, .mainBlF {
	width:137px;
	border:1px solid;
	border-color:#aca899 #ece9d8 #ece9d8 #aca899;
	background-image:none;
	cursor:auto;
}
.mainYeF {background-color:#e2e2b5;}
.mainWhF {background-color:#fdfdfd;}
.mainBlF {background-color:#d8ebff;}
.mainYeF:hover, .mainWhF:hover, .mainBlF:hover {
	cursor:auto; text-decoration:none;}

.mainYeJ, .mainWhJ, .mainBlJ {
	border:none;
}
.mainYeJ {background-image:url(../images/headerYe.bmp);}
.mainWhJ {background-image:url(../images/headerWh.bmp);}
.mainBlJ {background-image:url(../images/headerBl.bmp);}

a {	text-decoration:none;}
a:hover{text-decoration:underline;}

a:link, 
.mainBlF, .mainBlJ {
	color:#0066cc;	/*#808000 YeD*/}

a:visited,
a:active{color:#b85b5a;	/*WordPress*/}

.hdCmtr {
	width:139px;
	height:70px;
	margin:0px;
	padding:4px 0px 4px 8px;
	font-size:9pt;
	display:none;
}

#cover {
	float:left;
	width:101px;	height:144px;
	margin:15px 0px 0px 5px;
	border:none;
	padding:0px;
}
#bookOrder {
	position:absolute;
	top:490px;	left:108px;
	width:160px;
	padding:5px;
	background-color:#f1f7ff;
	visibility:hidden;
}
#wordpress {
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.ttl0, .ttl0A, .ttl1 {
	background-color:#e2e2b5;
	color:#404000;
}
.ttl0, .ttl0A {
	width:152px;
	padding-left:5px; 
}
.ttl0A {
	border:1px solid;
	border-color:#ece9d8 #aca899 #aca899 #ece9d8;

} 

.FRM, 	/*frame*/
.CMTR {	/*commentary*/	
	position:relative;
/*	float:left;*/
	width:505px;
	border:1px solid;
	border-color:#ece9d8 #aca899 #aca899 #ece9d8;
	background-color:#f8f8f8;
}
.CMTR {
	border-color:#aca899;
	width:525px;
	padding-bottom:10px;
	background-color : #f9fcff;
}
.INOUT {
	margin-top:20px;
	border:1px solid;
	border-color:#aca899;
	padding:10px;
	width:505px;
	background-color : #f9fcff;
}

h1 {
	margin: 4px 10px;/*top,bottom && left,right*/
	padding:6px 16px;
	border:1px solid;
	border-color:#aca899 #ece9d8 #ece9d8 #aca899;

	line-height:1.4em;
	font-size:16pt;
	font-weight:normal;
	text-align:left;
	background-color:#eaf4fe;/*#e2e2b5;*/
}
.h1s {	font-size:80%;
	vertical-align:top;
}
h2 {
	margin: 2.0em 10px 0em;
	padding:0.3em 15px;
	font-size:1.333em;
	font-weight:lighter;
}

br.p {
	line-height:10px;
}

p {
	margin:  0px 10px;
	padding: 5px 10px;
/*	border-left: #ece9d8 1px solid;*/
/*	border-right:#ece9d8 1px solid;*/
	background-color : #fffffd;
	line-height:1.4em;
	font-size:125%;
}
p.begin {
	padding-top:10px;
/*	border-top: #ece9d8 1px solid;*/
}
p.ans {	/*answer*/
	padding: 10px 20px;
	line-height:1.2em;
	font-weight:bold;
}
p.end {
	padding-bottom:10px;
/*	border-bottom:#ece9d8 1px solid;*/
}
img.inCMTR {
	float:right;	/*leftだと右マージンが広くなる*/
	margin:5px 11px;
}
p.endImg {
	clear:both;
	padding:0px;
	line-height:1px;
/*	border-bottom:#ece9d8 1px solid;*/
	border-bottom:#ffffff 1px solid;
}

.p1 {
/*	border:none;*/
}

.border {
	border:1px solid;
	border-color:#aca899 #ece9d8 #ece9d8 #aca899;
}
.notYet {	/*目標 goal*/
	background-color:#ffe0e0;
}
.already {	/*制約 condition*/
	background-color:#d2eaff;
}

.guide {
	background-color : #fff7f7;
/*	visibility : hidden;*/
	font-size:9pt;
	line-height:1.4em;
}

#nextIs {
	margin:-46px 0px 0px 540px;
	width:200px;
}