body	{
	background-color:#99ccff;
	background-image:url(topimg/flower.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}

.menu	{
	position:absolute;
	left:10px;
	top:100px;
	width:250px
	}

.title	{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:100px
	}

.con	{
	position:relative;
	left:250px;
	top:100px;
	width:550px;
	background-color:white;
	padding:15px

	}
	


/* メニュー */

.menu div.jp
	{
	display:block
	}

.menu	{
	width:200px;
	height:1000px
	}

.menu div	{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:dotted 1px #73a1ff
	}

.menu div.out	{
	border-bottom:none
	}

.menu div.group	{
	border:none;
	background-color:darkblue;
	padding-left:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white
	}

.menu a	{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:white
	}

.menu a:hover	{
	color:#555555
	}

.menu img	{
	width:5px;
	vertical-align:middle
	}

/* 小分類リンク　*/

.menugr	{
	width:165px;
	margin-top:0px;
	margin-left:30px;
	padding-left:6px;
	line-height:7px;
/*	font-size:12px; */
/*	font-weight:bold; */
/*	color:#FF3A9E */
	}

.menugr p	{
	margin-top:0px;
	margin-bottom:-3px;
	text-decoration:none;
	line-height:130%;
	font-size:12px;
	font-weight:bold;
	color:#FF3A9E
	}

.menugr a	{
/*	margin-top:0px;*/
/*	margin-bottom:0px;*/
	text-decoration:none;
	line-height:130%;
	font-size:12px;
	font-weight:bold;
	color:white
	}

.menugr a:hover	{
	color:#555555
	}
	

/* 外部リンクメニュー　*/

.sub	{
	width:200px;
	margin-top:30px;
	border-left:solid 8px orange;
	padding-left:6px;
	line-height:12px;
	font-size:10px;
	font-weight:bold;
	color:#555555
	}

	/* sub内のリンク色テスト　*/
.sub a	{
	color:#FFF
	}
.sub a:hover	{
	color:orange
	}
	/*	*/

	
/* タイトル */
.title	{
/*	background-image:url(topimg/yukigesiki.gif);*/
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:10px
	/*
	background-image:url(topimg/gaikan.jpg); 
	background-repeat:no-repeat;
	background-position:580px 0%;
	padding:10px*/
	}

.title h1	{
	float:left;
	margin-top:0px;
	margin-right:14px;
	margin-bottom:0px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:20px;
	color:blue
	}
	
.title h2	{
	font-size:20px;
	color:blue
	}

.title div	{
	padding-top:0px;
	font-size:20px;
	font-weight:bold;
	color:blue
	}

.title h3	{
	/*clear:right;*/
	/*padding-top:30px*/
	/*margin-top:-70px;*/
	/*margin-bottom:0px;*/
	/*line-height:10%;*/
	margin-left:25px;
	font-size:14px;
	color:#000055
	}
	
.title img	{
	margin-top:-5px;
	margin-right:20px;
	 float:right;
	 width:157px;
	 height:100px
	
	}




/* コンテンツ */



.con	{
	width:500px;
	height:auto;
	
	margin-bottom:10px
	}

.con h1	{
	position:relative;
	left:-40px;
	top:0px
	width:350px;
	background-color:#ff7f00;
	padding:5px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:16px
	}

.conmain	{
	/*float:left;*/
	margin-top:0px;
	margin-bottom:30px;
	/*margin-right:0px;*/
	width:500px
	/*border:solid 2px yellowgreen;*/
	}

.conmain h2	{
/*	margin-bottom:10px;*/
/*	margin-left:20px;*/
	font-size:14px;
	color:#3647FF;
	border-bottom:thin dotted limegreen
	}

.conmain h3	{
	margin-bottom:3px;
	font-size:14px;
	font-weight:italic;
	font-weight:bold;
	color:#00007B
	}

.conmain h5	{
/*	margin-bottom:10px;*/
	margin-left:340px;
	font-weight:lighter;
	font-size:12px;
/*	color:#3647FF;*/
	border:dotted thin limegreen;
	padding:5px
	}

.conmain h4 {
	margin-bottom:-15px;
	font-size:14px;
	font-weight:italic;
	font-weight:bold;
	color:#ffaa00
	}
	
.conmain em {
	font-size:12px;
	font-weight:italic;
/*	font-weight:bold;*/
	color:#555555
	}	

	
.conmain p	{
	margin-top:0px;
	margin-right:0px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	font-size:12px;
	color:#555555
	}

.conmain img	{
/*	margin-top:-5px; */
/*	margin-right:10px; */
/*	 float:left; */
/*	 width:240px */
	}

.conmain img120	{
	margin-top:-5px;
	margin-right:10px;
	 float:left;
	 width:120px
	}

	
/* サブコンテンツ　*/

.consub	{
	/*float:left;*/
	margin-top:0px;
	margin-bottom:30px;
	/*margin-right:10px;*/
	width:500px
	/*border:solid 2px yellowgreen;*/
	}

.consub h2	{
	margin-bottom:10px;
	margin-left:20px;
	font-size:18px;
	color:#ff7f00
	}
	

	
.consub p	{
	margin-top:0px;
	margin-right:30px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	font-size:12px;
	color:#555555
	}

.consub img	{
	margin-top:-5px;
	 float:right;
	 width:240px
	}

/* サブコンテンツ終了　*/

/* カラーコンテンツ　*/
.conblue	{
 	float:left;
	width:500px;
	height:180px;
	margin-bottom:10px;
	border-left:solid 8px #00cccc;
	background-color:#99ffff;
	padding-left:6px;
	line-height:14px;
	font-size:10px;
	color:#555555
	}

.conblue p	{
	margin-top:0px;
	margin-right:15px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	}


.conblue h1	{
	position:relative;
	left:-40px;
	top:5px;
	width:350px;
	background-color:#00cccc;
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#444444
	}

.conblue img	{
	margin-top:0px;
	margin-right:15px;
	float:left;
	width:180px
	}



.congreen	{
 	float:left;
	width:500px;
	height:180px;
	margin-bottom:10px;
	border-left:solid 8px #33ff00;
	background-color:#ccffcc;
	padding-left:6px;
	line-height:14px;
	font-size:10px;
	color:#555555
	}

.congreen p	{
	margin-top:0px;
	margin-right:15px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	}

.congreen h1	{
	position:relative;
	left:-40px;
	top:5px;
	width:350px;
	background-color:#33ff00;
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#444444
	}

.congreen img	{
	margin-top:0px;
	margin-right:15px;
	float:left;
	width:180px
	}

.conred	{
 	float:left;
	width:500px;
	height:180px;
	margin-bottom:10px;
	border-left:solid 8px #ff2222;
	background-color:#ffbb55;
	padding-left:6px;
	line-height:14px;
	font-size:10px;
	color:#555555
	}

.conred p	{
	margin-top:0px;
	margin-right:15px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	}

.conred h1	{
	position:relative;
	left:-40px;
	top:5px;
	width:350px;
	background-color:#ff2222;
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#444444
	}

.conred img	{
	margin-top:0px;
	margin-right:15px;
	float:left;
	width:180px
	}



.conwhite	{
 	float:left;
	width:500px;
	height:180px;
	margin-bottom:10px;
	border-left:solid 8px #999999;
	background-color:#f4f4f4;
	padding-left:6px;
	line-height:14px;
	font-size:10px;
	color:#555555
	}

.conwhite p	{
	margin-top:0px;
	margin-right:15px;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	}

.conwhite h1	{
	position:relative;
	left:-40px;
	top:5px;
	width:400px;
	background-color:#999999;
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#444444
	}

.conwhite img	{
	margin-top:0px;
	margin-right:15px;
	float:left;
	width:180px
	}


/* カラーコンテンツ終了　*/

/* ボーダースタイルコンテンツ　*/
.conborder	{
 	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	
	font-size:14px;
	/* font-weight:bold; */
	color:#555555
	}

.conborder h1{
	position:relative;
	left:0px;
	top:0px;
	font-size:14px;
	color:#999999;
	background-color:white;
	border-left:solid 3px;
	border-bottom:solid 1px
	}

.conborder img	{
	top:-5px;
	left:10px;
	margin-top:-5px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	width:180px
	}

.conborder h3	{
	top:20px;
	margin-top:20px;
	margin-left:250px;
	margin-bottom:-2px;
	border-bottom:thin dotted limegreen;
	/*margin:0px;*/

	font-size:10px
	}
	
.conborder a	{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#bbbbbb
	}

.conborder a:hover	{
	color:#444444
	}



/* ボーダーコンテンツ終わり */

/* ブルーボーダースタイルコンテンツ　*/
.conblueborder	{
 	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	
	font-size:14px;
	/* font-weight:bold; */
	color:#555555
	}

.conblueborder h1{
	position:relative;
	left:-15px;
	top:0px;
	width:500px;


/*	left:0px; */
/*	top:0px; */
	font-size:18px;
	color:#ffffff;
	background-color:#20b2aa;
/*	border-left:solid 3px; */
/*	border-bottom:solid 1px */
	}

.conblueborder img	{
	top:-5px;
	left:10px;
	margin-top:-5px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	width:220px
	}

.conblueborder h3	{
	top:20px;
	margin-top:20px;
	margin-left:300px;
	margin-bottom:-2px;
	border-bottom:thin dotted limegreen;
	/*margin:0px;*/

	font-size:10px
	}
	
.conblueborder a	{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#bbbbbb
	}

.conblueborder a:hover	{
	color:#444444
	}



/* ブルーボーダーコンテンツ終わり */

/* ドットボーダースタイルコンテンツ　*/
.condotborder	{
 	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	
	font-size:14px;
	/* font-weight:bold; */
	color:#555555
	}

.condotborder h1{
	position:relative;
	left:-10px;
	top:0px;
	width:500px;
	margin-bottom:-10px;

	border-bottom:double 3px limegreen;



/*	left:0px; */
/*	top:0px; */
	font-size:14px;
	color:#444444;
	background-color:white; 
/*	border-left:solid 3px; */
/*	border-bottom:solid 1px */
	}

.condotborder h2{
	margin-bottom:-10px;
	margin-left:0px;
	font-size:14px;
	color:#007777
	}


.condotborder img	{
	top:15px;
	left:10px;
	margin-top:15px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	width:80px
	}



	
.condotborder h3	{
	top:20px;
	margin-top:20px;
	margin-left:20px;
	margin-right:15px;
	margin-bottom:-10px;
	border-bottom:thin dotted limegreen;
	/*margin:0px;*/

	font-size:14px
	}
	
.condotborder a	{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#bbbbbb
	}

.condotborder a:hover	{
	color:#444444
	}



/* ドットボーダーコンテンツ終わり */





/* コンテンツリンク　*/

.conlink	{
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:10px;
	width:230px;
	border:solid 2px yellowgreen 
	}

.conlink div	{
	
	position:relative;
	left:4px;
	top:-10px;
	width:8em;
	text-align:center;
	background-color:white;
	padding:1px 2px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:12px;
	font-weight:bold;
	color:#FC883C
	}

.conlink p	{
	margin:10px;
	margin-top:0px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:10px
	}

	/* ボックス内のリンク色テスト　*/
.conlink a	{
	font-size:10px;
	color:#0099ff
	}
.conlink a:hover	{
	color:#cccc00
	}
	/*	*/

	
.conlink img	{
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:text-top;
	width:75px;
	 height:57px
	}


/* コンテンツリンク終了　*/

/* カレワラリンク　*/
.karewara	{
	width:200px;
	margin-top:10px;
	margin-left:0px;
	padding-left:px;
	line-height:7px;
	background-color:white
/*	font-size:12px; */
/*	font-weight:bold; */
/*	color:#FF3A9E */
	}

.karewara p	{
	margin-top:3px;
	margin-bottom:-3px;
	margin-left:3px;
	text-decoration:none;
	line-height:130%; 
	font-size:12px;
/*	font-weight:bold; */
	color:#555555
	}

.karewara a	{
/*	margin-top:0px;*/
/*	margin-bottom:0px;*/
	margin-left:6px;
	text-decoration:none;
	line-height:130%;
	font-size:16px;
	font-weight:bold;
	color:#0094FF
	}

.karewara a:hover	{
	color:#FF3A9E
	}
	/*	*/

	

/* エンドリンク */
.endlink h3	{
	margin-bottom:-2px;
	margin-left:0px;
	border-bottom:thin dotted limegreen;
	/*margin:0px;*/

	font-size:10px
	}
	
.endlink a	{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#888888
	}

.endlink a:hover	{
	color:#444444
	}

/* エンドリンク終了 */


/* 細かい設定のためのクラス　*/

/* 500pix イメージ */

.pic500 img	{
	top:-5px;
	left:10px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	width:500px
	}
/* 500pix イメージ 終了 */

/* 400pix イメージを中央に置く */

.pic400 img	{
	top:-5px;
	left:10px;
	margin-top:5px;
	margin-left:40px;
	margin-right:50px;
	margin-bottom:15px;
	float:left;
	width:400px
	}
/* 400pix イメージ 終了 */

/* 180pix イメージ */

.pic180 img	{
	top:-5px;
	left:10px;
	margin-top:5px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	width:180px
	}
/* 180pix イメージ 終了 */

/* 120pix イメージ */

.pic120 img	{
	top:-5px;
	left:10px;
	margin-top:5px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	width:120px
	}
/* 120pix イメージ 終了 */

/* アルバム用２５０pix イメージ */

.pic250Y img	{
/*	top:-5px; 
	left:0px; */
	margin-top:32px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:31px;
	float:left;
	width:250px
	}

.pic250T img	{
	margin-top:-7px;
	margin-bottom:4px;
	hight:250px
	}

/* 250pix イメージ 終了 */


/* リンク色ブルー*/


.linkblue a	{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#0084FF
	}

.linkblue a:hover	{
	color:#FF3A9E
	}


/* リンク色ブルー終わり*/

/* リンク色レッド*/


.linkred a	{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#FF3A9E
	}

.linkred a:hover	{
	color:#0084FF
	}


/* リンク色レッド終わり*/