@charset "UTF-8";

/*
=========================================================
Editor			 : CLSTK
Version		 : 1.3.2
Since			 : 2007-10-02
Last Up Date	 : 2012-4-18
=========================================================

[TOC]
-[001] Outline

---------------------------------------------------------
*/
/* [001] Outline
-------------------------------------------------------*/
/* ---- body ----*/
body {
	text-align:center;
}

/* ---- div#container ---- */
div#container {
	width:950px;
	margin: 0 auto;
	text-align:center;
	background:#FFFFFF url(../img/bg_contents.jpg) repeat-x top left;
	
}
	
	/** ---- NOSCRIPT ATTENTION ---- */
	noscript .attention {
		width:930px;
		margin: 0 auto;
		background:#FFFFFF;
		text-align:center;
		height:72px;
		display:block;
	}
	noscript ul {
		text-align:center;
	}
	
	
	/** ---- div#header ---- */
	div#header {
		width:770px;
		margin: 0 auto;
		text-align:left;
		height:75px;
		font-size:12px;
	}
	/** ---- div#article ---- */
	div#article {
		width:770px;
		margin: 0 auto;
		text-align:left;
		
	}
		.topPage div#article,
		.error div#article {
			
		}
		
		.topPage div#article{
			width:820px;
			padding:0;
		}

		.error div#article {
			min-height:400px;
		}
		
		.non div#article,
		.contentsTop div#article,
		.about div#article,
		.special div#article {
			background:none;
		}
		/*** ---- div#contentBlock ---- */
		div#contentBlock { /*border:1px solid #ff0000;*/
			float:left;
			width:570px;
			padding:0;			
			text-align:center;			
		}
	
		.topPage div#contentBlock,
		.error div#contentBlock { /*border:1px solid #ff0000;*/
			background:none;
			
		}
		.about div#contentBlock,
		.contentsTop div#contentBlock { /*border:1px solid #ff0000;*/
			float:none;
			width:710px;
			padding:0 30px;
			margin: 0 auto;
			text-align:left;
			background:none;
			
		}
		.special div#contentBlock { /*border:1px solid #ff0000;*/
			float:none;
			width:710px;
			padding:0 30px 0 30px;
			margin: 0 auto;
			text-align:left;
			background:none;
			
		}
		.non div#contentBlock { /*border:1px solid #ff0000;*/
			float:none;
			width:770px;
			padding:0;
			margin: 0 auto;
			text-align:left;
			background:none;
			
		}
		.topPage div#contentBlock { /*border:1px solid #ff0000;*/
			float:none;
			width:820px;
			padding:0;
			margin: 0 auto;
			text-align:left;
			background:none;
		}



			.mainBox {
				float:left;
				width:410px;
			}
			.subBox {
				float:right;
				width:270px;
			}

			.mainBox01 {
				float:left;
				width:420px;
			}
			.subBox01 {
				float:right;
				width:260px;
			}

			.mainBox02 {
				float:left;
				width:510px;
			}
			.subBox02 {
				float:right;
				width:170px;
			}
			
			.subBox03 {
				width: 234px;
				margin: 0 auto 15px;
			}
		
			.subBox04 {
				width: 510px;
				margin: 0 auto 0;
			}
			
			
			
			
			.topPage .mainBox {
				float:left;
				width:470px;
				padding-left:15px;
			}
		
		/*** ---- div#nav ---- */
		div#naviBlock {
			float:right;
			width:200px;
		}
	/** ---- div#footer ---- */
	div#footer {
		clear:both;
		width:950px;
		height:80px;
		/*height:83px;
		_height:91px;*/
		text-align:left;	
		
	}
		div#footer .copyright {
			float:right;
			margin:0;
			padding:0 30px 0 0;
		}
			div#footer .copyright img {
				vertical-align:top;
			}


/* EOF*/