@charset "UTF-8";

#common { padding:20px 0 10px 0; width:860px; text-align:left; background:#FFF;}

#common h1 { margin:0; padding:20px 0 0 0;}

#contents { width:630px; padding:0 0 0 10px; overflow:hidden;}
	#tree-navi {width:600px; background:#EEE url(../images/bg-strp-h.gif);}
		#tree-navi p { padding:0 4px; margin:0; font-size:10px; line-height:18px; text-align:left; color:#999;}
			#tree-navi p a { padding:0 4px; color:#999; text-decoration:none;}
				#tree-navi p a:hover { color:#0071BB; text-decoration: underline;}
			#tree-navi p strong { padding:0 4px; color:#0071BB; font-weight:normal;}

#menu { width:220px;}
	#menu-navi { border:1px solid #CCC; width:208px; background:url(../images/menu-navi.jpg) no-repeat top;}
		#menu-navi p { margin:0; padding:0 0 0 22px; width:185px; font-size:14px; line-height:40px; font-weight:bold;}
			#menu-navi p a { color:#FFF; text-decoration:none;}
			#menu-navi p a:hover {text-decoration:none;}
		#menu-navi ul { margin:0; padding:8px 0;list-style:none;}
			#menu-navi li { display:block; width:185px; margin:0; padding:4px 0 4px 22px; font-size:12px; line-height:18px; background: url(../images/menu-navi1.gif) no-repeat; background-position:8px 10px;}
			#menu-navi ul ul { padding:0; }
				#menu-navi ul ul li {  padding:4px 0 0 12px; width:170px; background: url(../images/menu-navi2.gif) no-repeat; background-position:2px 10px;}
			#menu-navi ul a { color:#333; text-decoration:none;}
				#menu-navi ul a:hover { color:#0071BB; text-decoration: underline;}
				#menu-navi ul a strong { color:#0071BB; font-weight:normal;}
	#menu-banner { padding:8px 0 0 0;}
		#menu-banner p { margin:0; padding:0 0 8px 0; width:210px;}
			#menu-banner p a img { border:none; vertical-align:bottom;filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
			#menu-banner p a:hover img { border:none; vertical-align:bottom;filter: alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}

#contents-inner { width:600px;}

.contents-navi {width:572px; padding:20px 14px; border-top:1px dashed #CCC; }
	.contents-navi ul { display:block; width:370px; margin:0; padding:0; text-align:left; list-style:none;}
		.contents-navi li { display:block; width:370px; font-size:14px; line-height:20px; padding:4px 0; margin:0;}
		.contents-navi li a { color:#333;display:block; width:350px; padding-left:20px; background: no-repeat left; background-image:url(../images/contents-navi1.gif); text-decoration:none;} 
		.contents-navi li a:hover { color:#0071BB;background-image:url(../images/contents-navi2.gif);}

.adobe-download { text-align:center;}
	.adobe-download table { text-align:left; margin:0 auto; border:1px solid #CCC;}
	.adobe-download th, .adobe-download td { padding:5px 10px;}

.common-top1 { display:block; width:290px; float:left; overflow:hidden; margin:0; padding:0 20px 0 0; list-style:none; }
	.common-top1 li {display:block; padding:20px 0 0 0; margin:0; text-indent:20px; width:290px; font-size:20px; line-height:40px; vertical-align:middle;}
		.common-top1 li a {display:block; width:290px; height:40px; overflow:hidden; color:#FFF; text-decoration:none;  background:#0071BB no-repeat left;  background-image: url(../images/common-top-head11.jpg);}
			.common-top1 li a:hover {background-image: url(../images/common-top-head12.jpg);}
		.common-top1 li ul { display:block; width:248px; margin:0; padding:20px 20px 19px 20px; height:auto; border:1px solid #0071BB; border-top:none; overflow:hidden; list-style:none; background:url(../images/common-top-inner.jpg) repeat-x top; list-style:none;}
			.common-top1 ul li { display:block; width:248px; font-size:12px; line-height:20px; padding:0; margin:0;}
				.common-top1 ul li a {display:block; width:228px; height:auto; margin:0; padding:0 0 0 20px; color:#333; text-decoration:none; background-color:#FFF; background-image: url(../images/common-top-inner1.gif); background-repeat:no-repeat; background-position:left; text-indent:0;}
					.common-top1 ul li a:hover {color:#0071BB; text-decoration: underline; background-image: url(../images/common-top-inner2.gif); }

.common-top2 { display:block; width:600px; overflow:hidden; margin:0; padding:0 20px 0 0; list-style:none; }
	.common-top2 p {display:block; padding:20px 0 0 0; margin:0; text-indent:20px; width:600px; font-size:20px; line-height:40px; vertical-align:middle;}
		.common-top2 p a {display:block; width:600px; height:40px; overflow:hidden; color:#FFF; text-decoration:none;  background:#0071BB no-repeat left;  background-image: url(../images/common-top-head21.jpg);}
			.common-top2 p a:hover {background-image: url(../images/common-top-head22.jpg);}
		.common-top2 p span {display:block; width:600px; height:40px; overflow:hidden; color:#FFF; text-decoration:none;  background:#0071BB repeat-x top;  background-image: url(../images/menu-navi.jpg);}
		.common-top1 iframe {}