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

ul.indexMenu {
	margin:				0 auto;
	width:				840px;
	height:				24px;
	line-height:		24px;
	border:				none;
	background:			#c0c0c0;
	list-style-type: 	none;
}
ul.indexMenu li {
	float:				left;
	margin:				0 auto;
	color:				#3333ff;
	font-size:			0.9em;
	width:				164px;
	height:				24px;
	text-align:			center;
	background:			#c0c0c0;
	padding:			0px;
}
ul.indexMenu li a {
	width:				162px;
	margin-left:		1px;
	margin-right:		1px;
	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 {
	margin:				0 auto;
	width:				840px;
	border:				0px solid #999999;
}
#leftArea {
	width:				180px;
	margin:				10px auto;
	border: 			none;
	float:				left;
	text-align:			center;
}
#leftArea h1 {
	width:				180px;
	text-align:			center;
	border:				1px solid #c0c0c0;
	font-size:			1.0em;
	height:				26px;
	line-height:		26px;
	margin:				0px auto 10px auto;
	padding:			0;
	color:				#ffffff;
	background:			orange;
}
#leftArea h1 a {
	color:				#3333ff;
	display:			block;
}
#leftArea h1 a:hover {
	color:				#ffffff;
}


.leftMenu {
	width:				180px;
	border:				1px solid #999999;
	margin:				0px auto 10px auto;
	padding:			0;
	background:			#ffffff;
}
.leftMenu h2 {
	background:			#009933;
	color:				#c0c0c0;
	padding:			0;
	margin:				0 auto;
	height:				22px;
	line-height:		22px;
	font-size:			0.9em;
}
.leftMenu p {
	padding:			5px 10px;
	margin:				0 auto;
	font-size:			0.9em;
}
.leftMenu h2 a {
	padding:			2px 0px 2px 0px;
	font-size:			0.9em;
	color:				#99ffff;
}
.leftMenu a:hover {
	color:				#ffffff;
	background:			#000000;
}

/*==================================*/
/* right							*/
/*==================================*/
#rightArea{
	color:				#333333;
	border:				0px solid #006666;
	width:				650px;
	float:				right;
	padding:			0px;
	text-align:			left;
	margin:				0px auto 0px 10px;
}
.rightBox {
	margin:				0px auto;
	padding:			0px;
	border:				0px solid #00ff00;
	width:				320px;
	float:				left;
}
.rightBox h3 {
	background:			#009933;
	width:				280px;
	color:				#cccccc;
	padding:			3px 10px 1px 10px;
	margin:				10px 10px 0px 10px;
	font-size:			14px;
	border-top:			1px solid #009933;
	border-left:		1px solid #009933;
	border-right:		1px solid #009933;
	border-bottom:		1px solid #009933;
}
.rightBox p {
	width:				280px;
	height:				100px;
	font-weight:		normal;
	margin:				0px 10px 0px 10px;
	padding:			10px;
	font-size:			0.9em;
	line-height:		100%;
	border-top:			0px solid #009933;
	border-left:		1px solid #009933;
	border-right:		1px solid #009933;
	border-bottom:		1px solid #009933;
}
.rightBox img {
	padding:			0px 0px 0px 0px;
	border:				0px solid #ff0000;
	width:				150px;
	height:				100px;
	float:				right;
}
.clr {
	width:				0px;
	height:				0px;
	clear:				both;
}

/*==========================================================*/
/*															*/
/*==========================================================*/
.rightBoxL {
	width:				470px;
	height:				160px;
	margin:				0px auto;
	padding:			0px;
	border:				0px solid #00ff00;
	float:				left;
}
.rightBoxL h3 {
	background:			pink;
	width:				470px;
	color:				olive;
	padding:			3px 10px 1px 10px;
	margin:				10px 0px 0px 10px;
	font-size:			14px;
	border-top:			1px solid #0000ff;
	border-left:		1px solid #0000ff;
	border-right:		1px solid #0000ff;
	border-bottom:		1px solid #0000ff;
}
.rightBoxL h3#haru {
	background:			#33ff33;
}
.rightBoxL h3#natu {
	background:			#9999ff;
}
.rightBoxL h3#aki {
	background:			#ff9900;
}
.rightBoxL h3#fuyu {
	background:			#ffff33;
}
.rightBoxL h3#momiji {
	background:			#ff6600;
	color:				#000000;
	/*background:			url('clip/momiji.gif') repeat right;*/
}
.rightBoxL h5 {
	width:				440px;
	color:				olive;
	padding:			0px;
	margin:				0px;
	font-size:			12px;
	border:				0px;
}
.rightBoxL p{
	color:				#333333;
	width:				440px;
	height:				100px;
	font-weight:		normal;
	margin:				0px 0px 0px 10px;
	padding:			10px;
	font-size:			14px;
	line-height:		100%;
	border-top:			0px solid #0000ff;
	border-left:		1px solid #0000ff;
	border-right:		1px solid #0000ff;
	border-bottom:		1px solid #0000ff;
}
/*              */
.rightBoxR {
	margin:				0px auto;
	padding:			0px;
	border:				0px solid #00ff00;
	width:				150px;
	float:				left;
}
.rightBoxR h4 {
	background:			pink;
	width:				150px;
	color:				blue;
	margin:				10px 0px 0px 0px;
	padding:			3px 0px 1px 10px;
	font-size:			14px;
	border-top:			1px solid #0000ff;
	border-left:		0px solid #0000ff;
	border-right:		1px solid #0000ff;
	border-bottom:		1px solid #0000ff;
}
.rightBoxR h4#haru {
	background:			#33ff33;
}
.rightBoxR h4#natu {
	background:			#9999ff;
}
.rightBoxR h4#aki {
	background:			#ff9900;
}
.rightBoxR h4#fuyu {
	background:			#ffff33;
}
.rightBoxR h4#momiji {
	background:			#ff9966;
}

.rightBoxR p{
	width:				150px;
	height:				100px;
	font-weight:		normal;
	margin:				0px 0px 0px 0px;
	padding:			10px 10px 10px 0px;
	font-size:			13px;
	line-height:		100%;
	border-top:			0px solid #0000ff;
	border-left:		0px solid #0000ff;
	border-right:		1px solid #0000ff;
	border-bottom:		1px solid #0000ff;
}
.rightBoxR img{
	padding:			5px 5px 5px 5px;
	margin:				3px 3px 3px 0px;
	border:				1px solid #666666;
	background:			#999999;
	width:				120px;
	height:				80px;
	float:				right;
}
.rightBoxR img.T {
	padding:			0px 30px;
	margin:				0px 5px 0px 10px;
	width:				66px;
	height:				99px;
	background:			#999999;

}
.nameP {
	font-size:			0.9em;
	font-weight:		600;
	color:				black;
}
.nameT {
	font-size:			0.8em;
	color:				blue;
}	
.nameL {
	float:				right;
	font-size:			13px;
	color:				blue;
}	


#pageTop{
	margin:				10px auto;
}
#pageTop p {
	font-size:			0.9em;
	text-align:			right;
}
#pageTop img {
	width:				100px;
	height:				20px;
	border:				none;
	float:				right;
}

#footerArea{
	width:				840px;
	margin:				10px auto;
}
#footerArea address {
	width:				840px;
	height:				24px;
	line-height:		24px;
	margin:				0px auto;
	font-size:			1.1em;
	border-top:			1px solid #ff0000;
	border-bottom:		1px solid #ff0000;
	color:				#ff0000;
	padding:			0;
	text-align:			center;
}
#rightBoxN {
	margin:				0px auto;
	width:				100%;
	border:				1px solid #6666ff;
	font-size:			0.9em;
}
#rightBoxN table {

}
#rightBoxN th {

}
#rightBoxN th.sub {

}
#rightBoxN td {

}
#rightBoxN td.sub {

}
#rightBoxN td img {
	width:				150px;
	height:				100px;
}
#pr {
	text-align:		center;
	width:			840px;
	margin:			10px auto;
}
#pr h5 {
	font-size:		0.9em;
	color:			#333333;

}
#pr p {
	font-size:		0.9em;
	color:			#333333;
	text-align:		left;
}

#pr2 {
	width:			900px;
	margin:			10px auto;
}
#pr2 h5 {
	text-align:		center;
	font-size:		0.9em;
	color:			#333333;
}
/*------------------------------------------*/
/*Credits: Dynamic Drive CSS Library 		*/
/*URL: http://www.dynamicdrive.com/style/ 	*/
/*------------------------------------------*/
.thumbnail {
	position: 		relative;
	z-index: 		0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 		50;
}
.thumbnail span { /*CSS for enlarged image*/
	position: 		absolute;
	background-color: lightyellow;
	padding: 		5px;
	left: 			-1000px;
	border: 		1px dashed gray;
	visibility: 	hidden;
	color: 			black;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 	0;
	padding: 		2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: 	visible;
	top: 			-100px;
	left: 			100px; /*position where enlarged image should offset horizontally */
}

#vc {
	margin:			0 auto;
	width:			900px;
}
#vc h5 {
	margin:			0 auto;
	width:			100%;
	font-size:		1.0em;
	line-height:	1.2em;
	color:			#ff1111;
	background:		#efefef;
}
#vc h5 a {
	color:			#ff1111;
}
#vc h5 a:hover {
	color:			#c0c0c0;
	background:		#ff1111;
}

#pr {
	margin:			0 auto;
	width:			900px;
}
#pr p {
	margin:			0 auto;
	width:			100%;
	font-size:		0.8em;
	line-height:	1.0em;
	color:			#333333;
	background:		#ffffff;
}
#pr p a {
	color:			#3333ff;
}
#pr p a:hover {
	color:			#c0c0c0;
	background:		#ff1111;
}