* { 
	font-family: "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", Helvetica, Arial, sans-serif ; 
	color:#333;
	}
body { 
	margin:0 15px 15px 15px ; 
	width: 730px; 
	padding: 0; 
	}
#pagebody { 
	width: 730px; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	vertical-align: top; 
	}
#head { 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	border: 0; 
	width: 730px;
	height: 487px;
	}
#head img { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	vertical-align: top;
	}
h1, h2 { 
	color: #333;  
	text-indent: -5000px;
	}
div#head div#foreword { 
	display: block; 
	width: 240px; 
	font-size: 100%; 
	line-height: 1.5; 
	position: absolute; 
	top: 340px;
	*top:330px; 
	right: 30px; 
	}
div#head div#foreword p { 
	margin: 0; 
	padding: 0; 
	}
.auther { 
	margin: 0; 
	padding:10px 0 0 0; 
	font-size:76%; 
	font-weight:bold;  
	}

#pagebody .page, 
#foreword .page { 
	margin: 0; 
	padding:10px 10px 0 0; 
	font-size:88%; 
	font-weight:bold; 
	color:#333; 
	}

div#pagebody .cap { 
	display: block; 
	width: 220px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top:380px; 
	left: 10px; 
	font-size:86%;
	*font-size: 85%;
	line-height: 1.3;  
	font-weight: normal; 
	}

/*-------–{•¶---------*/

div.nomal { 
	display: block; 
	width:540px; 
	font-size: 100%; 
	line-height: 1.6; 
	margin: 30px 40px 10px 150px; 
	*margin: 0 40px 10px 150px;
	padding:0;
	}

.opera div.nomal { 
	margin: 0 40px 10px 150px; 
	}

div.nomal p.catch { 
	font-size: 122%; 
	line-height: 1.5; 
	}
h3 { 
	font-size: 12px; 
	width: 450px; 
	margin: 0; 
	padding:30px 0 0 40px; 
	color: #444; 
	}
div.nomal p { 
	width:510px; 
	margin: 0; 
	padding: 0; 
	color: #333; 
	}

div.insta,
div.instaR { 
	display: block; 
	width:650px; 
	margin: 9px 40px 0 40px; 
	padding: 0; 
	font-size: 100%; 
	line-height: 1.6; 
	position: relative; 
	}
h4 { 
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 165px;
	font-size:88%;
	*font-size: 85%;
	line-height: 1.3;  
	font-weight: normal;  
	}
div.insta img,
div.instaR img { 
	display: block; 
	margin: 0; 
	padding: 0; 
	border-bottom:solid #eaedeb 4px; 
	border-top:solid #eaedeb 4px; 
	}

div.instaR img { 
	width: 300px;
	border-left: solid #eaedeb 4px; 
	position: absolute; top:0; 
	right: 0; 
	}
div.instaR p { 
	width:230px; 
	margin: 9px 15px 0 100px; 
	padding:0; 
	color: #333; 
	}
	
div.insta img { 
	width: 225px;
	border-right: solid #eaedeb 4px; 
	position: absolute; top:0; 
	left: 0; 
	}
div.insta p { 
	width:400px; 
	margin: 9px 15px 0 240px; 
	padding:0; 
	color: #333; 
	}
div.insta h3,
div.instaR h3 { 
	width: 370px;
	*width: 650px; 
	padding:30px 0 0 260px;
	}

div.instaR h4 {
	position: absolute;
	top: 210px; 
	right:0; 
	width: 300px;
	}

div.insta h4 {
	position: absolute; 
	top: 185px; 
	left:0; 
	}
div.insta h4.insta2,
div.insta h4.insta3 { 
	position: absolute; 
	top: 165px; 
	left:0; 
	}

.snavi {  
	font-size:88%; 
	*font-size: 85%;
	font-weight:bold;  
	color:#333; 
	margin: 0; 
	padding: 13px 10px 0 0; 
	}

