/* Seisyu.Yositomi */
* {
	padding:			0;
	margin:				0;
	border:				0;
}
body {
	padding:			0;
	margin:				0 auto;
	text-align:			center;
}
#pageArea {
	margin:				10px auto;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	background:			#ffffff;
	width:				960px;
}
/*==================================*/
/*	indexArea						*/
/*==================================*/
#indexArea {
	margin:				0px auto;
	width:				840px;
}

ul.indexMenu {
	margin:				0px auto;
	width:				840px;
	height:				24px;
	line-height:		24px;
	border:				none;
	background:			#c0c0c0;
	list-style-type: 	none;
}
ul.indexMenu li {
	margin:				0 auto;
	color:				#3333ff;
	font-size:			1.0em;
	width:				164px;
	height:				24px;
	text-align:			center;
	display:			block;
	float:				left;
	padding:			0px;
}
ul.indexMenu li a {
	width:				162px;
	border-left:		1px solid #c0c0c0;
	border-right:		1px solid #c0c0c0;
	display:			block;
	background:			url('./gclip/barR1.gif') repeat-x;
	color:				#3333ff;
}
ul.indexMenu li a:hover{
	background:			url('./gclip/barR2.gif') repeat-x;
	color:				#ff1111;
}

/*==============================*/
/* headerArea					*/
/*==============================*/
#headerArea {
	border:				0px solid red;
	width:				840px;
	height:				60px;
	margin:				0px auto;
}
#headerArea h1 {
	background:			#ffffff;
	margin:				0px auto;
	width:				800px;
	height:				60px;
	padding:			0;
	font-size:			24px;
}
#headerArea img {
	margin:				0px auto;
	width:				800px;
	height:				60px;
	border:				0px;
}

/*------------------------------*/
/* mainArea						*/
/*------------------------------*/
#mainArea {
	width:				840px;
	border:				0px solid #999999;
	margin:				0 auto;
}
/*==============================*/
/* left							*/
/*==============================*/
#leftArea {
	float:				left;
	width:				180px;
	margin:				10px auto;
	border:				none; 
}
#leftArea h1 {
	margin:				0 auto 0px auto;
	width:				180px;
	height:				26px;
	line-height:		26px;
	text-align:			center;
	border:				0px solid #c0c0c0;
	font-size:			1.0em;
	color:				#ffffff;
	background:			#c0c0c0;
}

/*------------------------------*/
/*								*/
/*------------------------------*/
#leftMenu {
	width:				180px;
	font-size:			1.0em;
	border:				0px solid #999999;
	margin:				0 auto;
	background:			#ffffff;
}
#leftMenu h2 {
	width:				180px;
	height:				26px;
	line-height:		26px;
	margin:				0px auto 6px auto;
	border:				0;
	padding:			0;
	font-size:			1.0em;
	color:				#ffffff;
	background:			url('./gclip/h3bk.gif') no-repeat;
}
#leftMenu h2.haru {
	background:			#33ff33;
}
#leftMenu h2.natu {
	background:			#6699ff;
}
#leftMenu h2.aki {
	background:			#ff9900;
}
#leftMenu h2.fuyu {
	background:			#ffff33;
}
#leftMenu h2.sakura {
	background:			pink;
}
#leftMenu h2.momiji {
	background:			orange;
}

/*==========================*/
/* submenu					*/
/*==========================*/
ul.subMenu {
	width:				180px;
	list-style-type:	none;
	margin:				0;
	padding:			0;
	font-size:			0.9em;
}
ul.subMenu li {
	line-height: 		110%; 
	width:				170px;
	height:				24px;
	text-align: 		left;
	padding-left: 		10px; 
	margin:				0px auto;
	list-style:		 	none;
	background: 		#ffffff; 
/*
	background:			url('./gclip/mark7.gif') no-repeat center left;*/

}
ul.subMenu li a {
	line-height: 		110%; 
	width:				100%;
	height:				22px;
	text-align: 		left;
	padding: 			0px 0px 0px 0px; 
	margin:				3px 0px 3px 0px;
	list-style-type: 	none;
	background: 		#ffffff; 
}
ul.subMenu li a:hover {
	line-height: 		110%; 
	width:				100%;
	height:				20px;
	text-align: 		left;
	padding: 			0px 0px 0px 0px; 
	margin:				3px 0px 3px 0px;
	list-style-type: 	none;
	background: 		#ffffff; 
}

.nameON {
	color:				red;
	font-size:			14px;
}

/*==============================*/
/* rightarea					*/
/*==============================*/
#rightArea{
	color:				#333333;
	border:				0px solid #006666;
	width:				640px;
	float:				right;
	padding:			0;
	text-align:			left;
	margin:				0px 0px 0px 10px;
}
#rightArea a {
	color:				#333333;
}
#rightArea a:hover{
	color:				#666666;
}
#rightArea h2 {
	background:			url('clip/hbar.jpg') no-repeat left top;
	color:				#ffffff;
	font-size:			13px;
	margin:				0px 10px 0px 0px;
	padding:			6px 0px 0px 10px;
	height:				26px;
	border-bottom:		1px solid #6666ff;
}
/*==========================*/
/* image					*/
/*==========================*/
.imageBox {
	width:				640px;
	float:				left;
	border-top:			0px solid #999999;
	border-bottom:		0px solid #999999;
	border-left:		0px solid #999999;
	border-right:		0px solid #999999;
}
/*------------------*/
/* haru				*/
/*------------------*/
dl.pbox {
	width:				150px;
	float:				left;
	margin:				10px 4px;
	padding:			0;
	border-top:			0px solid #999999;
	border-bottom:		0px solid #999999;
	border-left:		0px solid #999999;
	border-right:		0px solid #999999;
}
dl.pbox dt {
	width:				150px;
	height:				100px;
	background: 		#ffd9f3;
	border-bottom: 		solid 1px #B2B2B2;
	border-right: 		solid 1px #B2B2B2;
}
dl.pbox dt img {
	border:				none;
	width:				150px;
	height:				100px;
	margin:				0 auto;
}
dl.pbox dd {
	width:				150px;
	font-size:			0.9em;
	text-align:			center;
	height:				24px;
	line-height:		24px;
	border-bottom: 		solid 1px #B2B2B2;
	border-right: 		solid 1px #B2B2B2;
	background: 		#f3f3f3;
}
dl.pbox dd.haru {
	background: 		#33ff33;
}

.clr { 
	clear: 				both;
	width:				0px;
	height:				0px;
}          /* 回り込み解除 */

#pageTop{
	font:				12pt;
	padding:			10px;
	text-align:			right;
}
#pagetop img {
	float:				right;
}
/*==============================*/
/* footerarea					*/
/*==============================*/
#footerArea{
	width:				840px;
	margin:				10px auto;
}
#footerArea address{
	border-top:			1px solid #ff0000;
	border-bottom:		1px solid #ff0000;
	font-size:			1.0em;
	line-height:		24px;
	height:				24px;
	color:				#ff1111;
	text-align:			center;
}