html{
	height:	100%;
}
body{
	margin:	0px;
	width:	100%;
	height:	100%;
	background-color: #ffffff;
	line-height: 	160%;
	background-image:url("../img/backimage.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment:fixed;	
}
/* フレーム　*/
#jcabox{
	width:		100%;
	max-width:	1200px;
	margin:		0px auto;
}
.jcabox3{
	width:	95%;
	margin:	20px auto;
	background:	rgba( 255 , 255 , 255 , 0.5 );
}
/* ヘッダー*/
#jcaheader{
	background-image: url("../img/jk_bg_body.gif");
	height:	68px;
}
/* フッター*/
#jcafooter{
	text-align:	center;
	background-image: url("../img/jk_bg_footer.gif");
	height:	90px;
}
@media(min-width:970px){
	#jcabox:after{
		content:	"";
		display:	block;
		clear:		both;
	}
	#jcabox1{
		float:	left;
		width:	35%;
	}
	#jcabox2{
		float:	left;
		width:	65%;
		height:	100%;
	}
}
a:link{
	color:  #004d4d;
}
a:visited{
	color:  #004d4d;
}
a:hover{
	color:  #009191;
}

/*　目次　*/
#jcaindex li{
	list-style-type : none;
	padding:	2px;
}
#ch1 li,#ch2 li,#ch3 li,#ch4 li,#ch5 li,#ch6 li,#ch7 li,#ch8 li{
	list-style-type : square;
}
#jcaindex li:hover{
	background-color:	#ddffc8;
}

#jcaindex a{
	text-decoration: none;
	display: block;
}
.jcaright{
	text-align:	right:
}

/* コンテンツ　*/
#jcaTitleImg{
	width:		100%;
	max-width:	480px;
	padding:	40px 0px 0px 0px;
}
#jcaImgReport{
	width:		80%;
	max-width:	400px;
}
.jcaRecommend{
	width:		85%;
	margin:		0px auto;
}
.jcaComp{
	width:		100%;
	margin:		0px auto;
	background:	rgba( 255 , 255 , 255 , 0.5 );
	background-repeat:	no-repeat;
	background-position: right top;
}
.jcaReport{
	width:		95%;
	margin:		10px auto;
	background:	#3e3e3e;
	font-size:	0.9rem;
	padding:	10px 5px;
	color:		#cdc0a6;
	line-height: 	100%;
	text-align:	center;
}
.jcaReTitle{
	width:		45%;
	max-width:	350px;
	text-align:	center;
	background-color: #23546d;
	font-size:	0.9rem;
	color:		#ffffff;
}
.jcaReNote{
	width:		100%;
	border-style:	solid;
	border-width:	1px;
	background:	rgba( 255 , 255 , 255 , 0.5 );
	
}

.jcaButton{
	width:			85%;
	color:			#e7e7d3;
	background-color:	#004d4d;
	text-align:		center;
	margin:		10px auto;
	padding:	10px 0px;
	font-size:	1.5rem;
	border:		solid #000000;
}
.jcaButton:hover{
	background-color:	#939393;
}
.jcaButtonPDF{
	width:			85%;
	text-align:		center;
	margin:		10px auto;
	padding:	10px 0px;
	font-size:	1.5rem;
	border:		solid thin #000000;
	border-radius: 10px;
}
.jcaButtonPDF:hover{
	background-color:#ddffc8;
}

.jcaFlag{
	float:		right;
	margin:		0px 30px;
}

.jcaWrite{
	text-indent:	1em;
	margin:		10px 15px;
}
.jcaChapter{
	font-size:	1.5rem;
	padding:	0px;
	text-shadow:	3px 3px 3px #999;
}

.jcaFig{
	width:		200px;
	background:	white;
	float:		right;
	padding:	10px;
	margin:		15px;
	font-size:	12px;
	border:	solid thin;
}
.jcaFig2{
	width:		85%;
	background:	white;
	padding:	10px;
	margin:		15px auto;
	font-size:	12px;
	border:	solid thin;
}
.jcaFig2 div{
	margin: 10px;
	float: left;
}
.jcaFig2:after{
	content:	"";
	display:	block;
	clear:		both;
}


.jcaBack{
	width:		100%;
	text-align:	right;
}

#jcaQuote{
	font-size:	0.8rem;
	text-indent:	1em;
	width:	90%;
	margin:	0px auto;
	padding:	2px 10px;
	border:	solid thin;
	color:			#5f5f5f;
}
.jcaQuoteArea{
	width:	90%;
	margin:	20px auto;
}
.jcaWords{
	width:	100%;
	margin: 0px 20px;
}
.jcaWords td{
	width:	50%;
	vertical-align:	top;
}