/* えんふぁのCSSFileだよ (・ω・)ノ */  



/* ==================================================================================================================== */
/*      html and body                                                                                                   */  
/* ==================================================================================================================== */

	html{margin:0;padding:0;}


	body {
		margin:0;padding:0;
		background-color:#eeedd8;
		line-height:20px;
		font-size:88%;
		color:#303030;
	}

	img {background: url(http://www.enfa.jp/images/loading.gif) no?repeat 50% 50%;}


/* ==================================================================================================================== */
/*      Aタグ                                                                                                           */  
/* ==================================================================================================================== */


	a:link {color: #5f9ea0;text-decoration:none;}
	a:active {color:#5f9ea0; text-decoration:none;}
	a:visited {color: #5f9ea0;text-decoration:none;}

	a:hover {color: #999999; text-decoration:underline;}


/* ==================================================================================================================== */
/*     スライドショー背景                                                                                               */  
/* ==================================================================================================================== */


	.bgmaximage{
		position:fixed !important;
		display:none;
	}

	#maincontent {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		width: 100%;
	}
	 
	.loader {
		position:absolute;
		z-index:9999;
		width:39px;
		height:39px;
		top:49%;
		left:49%
	}

/* ==================================================================================================================== */
/*      ツールチップ                                                                                                    */  
/* ==================================================================================================================== */


	body div#toolTip{
		position:absolute;
		z-index:1000;
		width:300px; height:25px;
		background:#3b3329;
		background-image:url(images/tooltip.png);
		background-repeat:no-repeat;
		text-align:center;
		padding:8px 0 0 0;
	}


	body div#toolTip p{
		margin:0; padding:0;
		color:#ffffff;
		font-style:normal;
		font-size:11px;
	}



	.clear {clear: both;}
	.hidden {display: none;}


/* ==================================================================================================================== */
/*      INDEX-PAGE                                                                                                      */  
/* ==================================================================================================================== */

	/* ------ カウンター入れ子 ------ */
	.counter{width:100%;position:absolute;text-align:right;}



	/* ------ カウンター入れ子（えんふぁロゴ・メニューの入ってる場所） ------ */
	.indexpagebox{width:100%;
		padding:0 0 0 25px;
		position:fixed;
		margin:0px auto;
		text-align : left;
		bottom: 0px;
		}

	/* ------ indexえんふぁロゴ ------ */
	.indexenfa {background:url(images/indexenfa.png) no-repeat;width:250px;height:100px;margin-left:10px;}


/* ==================================================================================================================== */
/*      更新履歴                                                                                                        */  
/* ==================================================================================================================== */

	#kousinbox{clear:left;padding:40px 0 0 20px;}

	#kousinbox p.rireki {width:500px;height:55px;overflow:auto;line-height:30px;margin:0 5px 50px 5px;}

	#kousinbox a:link {color: orange;text-decoration:none;}
	#kousinbox a:active {color:orange;text-decoration:none;}
	#kousinbox a:visited {color: orange;text-decoration:none;}

	#kousinbox a:hover {color: orange; text-decoration:underline;}

	span.rireki{color:#3F2110;font-size:12px; margin:0 15px 0 0;}




	dl.historydata {padding: 10px 0 5px 5px;font-size:10px;}

	dl.historydata dt {
		float: left;
		width: 65px;
		padding: 5px 10px 5px 10px;
		font-weight: bold;
		color:#307c7e;
		border-left: 5px solid #dcdcdc;
		border-right: 5px solid #dcdcdc;
	}

	dl.historydata dd {margin: 0 0 0 110px; padding: 5px 0 5px 0;}



/* ==================================================================================================================== */
/*      みだし                                                                                                          */  
/* ==================================================================================================================== */


	/* ------ 大見出し ------ */

	h1 {
		width:805px; height:25px;
		padding:0 0 0 45px;
		background: url(images/h1.png) no-repeat #307c7e;
		font: bold 20px "Constantia","Century Gothic"; color:#ffffff;
		letter-spacing:4pt;
		text-align:left;
	}
	h1:first-letter{font: bold 20px "Constantia","Century Gothic"; color:#a9cecf; letter-spacing:4pt;}


	/* ------ 小見出し ------ */
	h2{
		text-align:left;
		margin:20px 45px 5px 45px;
		padding:7px 0 0 45px;
		height:30px;
		color:#666666;
		font-size:12px;
		font-weight:normal;
		letter-spacing:2pt;
		background-image:url(images/h2.png);
		background-repeat:no-repeat;
		border-bottom:1px dotted #a9a9a9;
	}


	span{color:#4285a1;font-weight:bold;font-size:13px;}

	span.viva{color:#307c7e;font-weight:bold;font-size:13px;}
	span.aboutme{color:#307c7e;font-size:12px;}



/* ==================================================================================================================== */
/*      List                                                                                                            */  
/* ==================================================================================================================== */


	/* ------ メニューリンク ------ */
	ul.menu{list-style:none;margin:0;padding:0;}
	ul.menu li{list-style:none;float:left;}



	/* ------ About-バナーの表示用 ------ */
	ul.banner{list-style:none;margin:0;padding:0;}
	ul.banner li{list-style:none;float:left;margin:20px 50px 0 0;}



/* ==================================================================================================================== */
/*      メニュー部分                                                                                                    */  
/* ==================================================================================================================== */

	#enfa a{display:block;background:url(images/enfa01.png) no-repeat;width:260px;height:100px;}
	#enfa a:hover{background:url(images/enfa02.png) no-repeat;}



	#about a{margin:40px 0 0 0;display:block;background:url(images/about01.png) no-repeat;width:100px;height:25px;}
	#about a:hover{background:url(images/about02.png) no-repeat;}

	#gallery a{margin:40px 0 0 0;display:block;background:url(images/gallery01.png) no-repeat;width:100px;height:25px;}
	#gallery a:hover{background:url(images/gallery02.png) no-repeat;}

	#memo a{margin:40px 0 0 0;display:block;background:url(images/memo01.png) no-repeat;width:100px;height:25px;}
	#memo a:hover{background:url(images/memo02.png) no-repeat;}

	#links a{margin:40px 0 0 0;display:block;background:url(images/link01.png) no-repeat;width:100px;height:25px;}
	#links a:hover{background:url(images/link02.png) no-repeat;}



	#clap {margin:45px 0 0 15px;width:50px;height:25px;}



	#gototop a{margin:0 auto;display:block;background:url(images/gototop01.png) no-repeat;width:100px;height:26px;}
	#gototop a:hover{background:url(images/gototop02.png) no-repeat;}


	#history a{margin:0 auto;display:block;background:url(images/history01.png) no-repeat;width:70px;height:25px;}
	#history a:hover{background:url(images/history02.png) no-repeat;}


/* ==================================================================================================================== */
/*      Header and Footer                                                                                               */  
/* ==================================================================================================================== */


	#container{width:850px;margin:0 auto;padding:50px 0 50px 0;}

	.header {height:150px; background: url(http://www.enfa.jp/images/header.png) no-repeat;}

	.main{clear:left; padding:20px 0 0 0;background-color:#ffffff;}

	.menu{margin:0 0 0 5px;}

	.footer {height:100px; background:url(images/footer.png) no-repeat; padding:50px 0 0 0;}


/* ==================================================================================================================== */
/*      テキストボックス                                                                                                */  
/* ==================================================================================================================== */


	.text {margin:0 45px 0 45px; padding:10px 0 10px 0;}


	.text p{margin:18px 0 18px 0;}


/* ==================================================================================================================== */
/*      About me - ひむ欄                                                                                               */  
/* ==================================================================================================================== */



	.pic-l{float:left;width:125px;margin:0 0 0 0;}

	.text-l{margin:10px 0 0 150px;}
	.text-l img{margin:10px 10px 0 0;}

	.floatclear{clear:left;}



/* ==================================================================================================================== */
/*      Gallery & Log                                                                                                   */  
/* ==================================================================================================================== */




	/* ------ Galleryサムネイルリンク ------ */
	.gallery a:link img{text-decoration:underline;border-width:1px;border-color:#dcdcdc;}
	.gallery a:active img{text-decoration:underline;border-width:1px;border-color:#dcdcdc;}
	.gallery a:visited img{text-decoration:underline;border-width:1px;border-color:#dcdcdc;}
	.gallery a:hover img{text-decoration:underline;border-width:1px;border-color:#0e8184;}


	/* ------ Gallery入れ子 ------ */
	.gallery{margin:0 100px 0 90px; padding:10px 0 10px 25px;}
	.gallery img{margin:10px 0 0 5px;}



	/* ------ ログ入れ子 ------ */

	.log{clear:left; text-align:center; margin:0; padding:10px 0 10px 0; background-color:#FFFFFF;}

	.log img{margin:30px 0 30px 0;}

	.log p {margin: 0 45px 0 45px; padding:10px 0 10px 0; border-top:1px dotted #a9a9a9;border-bottom:1px dotted #a9a9a9;}




	/* ------ ログの最下部メニュー(BACK/GALLERY/NEXT) ------ */

	.logmenu{width:360px; margin:0 auto; padding:60px 0 30px 0; background-color:#FFFFFF;}


	#back a{display:block;background:url(images/back01.png) no-repeat;width:100px;height:25px;}
	#back a:hover{background:url(images/back02.png) no-repeat;}

	#ghome a{display:block;background:url(images/ghome01.png) no-repeat;width:100px;height:25px;}
	#ghome a:hover{background:url(images/ghome02.png) no-repeat;}

	#next a{display:block;background:url(images/next01.png) no-repeat;width:100px;height:25px;}
	#next a:hover{background:url(images/next02.png) no-repeat;}

	#noback {background:url(images/noback.png) no-repeat;width:100px;height:25px;}
	#nonext {background:url(images/nonext.png) no-repeat;width:100px;height:25px;}


	ul.log{list-style:none;margin:0 auto; padding:0; text-align:center;}
	ul.log li{list-style:none;float:left;margin:0 10px 0 10px;}



/* ==================================================================================================================== */
/*      Link                                                                                                            */  
/* ==================================================================================================================== */


	.link {padding: 20px 100px 20px 100px;}
	.link img{margin:10px 5px 10px 5px;}


	/* ------ link内センタリング表示入れ子 ------ */
	.link-centering{width:850px; text-align:center; padding:20px 0 0 0;}
	.link-centering img{margin:10px 5px 10px 5px;}










/* ------ これで終わりだ！ダオスレーザー！ ------ */