@charset "shift_jis";
/* CSS Document */
body
	{
	scrollbar-face-color: #202b3c;
	scrollbar-track-color: #202b3c;
	scrollbar-arrow-color: #202b3c;
	scrollbar-highlight-color: #202b3c;
	scrollbar-shadow-color: #202b3c;
	scrollbar-3dlight-color: #202b3c;
	scrollbar-darkshadow-color: #202b3c;

		margin:0px;
		padding:0px;
		background-color:#010509;
		font-size:12px;
		color:#464646;
	}
a {
	text-decoration: none;
    color:#425452;

}
a:link {/*未訪問のリンク*/
    color:#003f48;
}
a:visited {/*訪問後のリンク*/
    color:#425452;
}
a:hover {/*マウスをのせたとき*/
    color:#4b818e;
}
a:active {/*クリック中*/
    text-decoration:none;
}

img   { border:none;}


h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;

	}
#headerbg
	{
		width:100%;
			height:162px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/headbg.jpg);
		background-repeat:repeat-x;
	}
#headerblank
	{
		width:1004px;
		height:162px;
		float: none;
		margin:0 auto;
		padding:0px;
	}
#header
	{
		width:1004px;
		height:162px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/head.jpg);
		background-repeat:no-repeat;
	}
#menu
	{
		width:385px;
		height:33px;
		float: right;
		margin:133px 51px 0 0;
		padding:0px;
	}
#menu ul
	{
		width:385px;
		height:33px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	}
#menu ul li
	{
		width:76px;
		height:33px;
		float:left;
		margin:0 1px 0 0;
		padding:0px;
		display:block;		
	}
#menu ul li a.menu
	{
		width:76px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image:url(images/menu.jpg);
		background-repeat:no-repeat;
	}	
#menu ul li a.menu:hover
	{
		width:76px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image: url(images/menuover.jpg);
		background-repeat:no-repeat;		
	}

/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/	
#contentbg
	{
		width:100%;
		float:left;
		margin:0px;
		padding:0px;
	/*	background-image: url(images/bg.gif);		*/	
	}
#contentblank
	{
		width:1004px;
		float: none;
		margin:0 auto;
		padding:0px;
	}		
#content
	{
		width:1004px;
		float: left;
		margin:0px;
		padding:0px;
/*		background-image: url(images/contentbg.gif);		*/
	}

	#contenttop
	{
		width:1000px;

		float: left;
		margin:0px;
		padding:34px 0 33px 52px;

		background-repeat:no-repeat;		
	}
	#toptext
	{
	width:1000px;
	height:574px;
	}
#contentleft
	{
		width:428px;

		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
	background-image: url(images/top.jpg);
	background-position:right;
	background-repeat:no-repeat;

	}

#message
	{
		width:180px;

	}	
	
#flashcontent {
		height: 450px;
	}	
	
#contentgallery
	{
		width:900px;

		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#contentleftbg
{
height:500px;
overflow:auto;
}	
#leftheading
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
.lefttxtblank
	{
		width:195px;
		height:77px;
		float: left;
		margin:20px 0 0 0;
		padding:0px;
	}
.lefttxtblank02
	{
		width:195px;
		height:77px;
		float: left;
		margin:33px 0 0 0;
		padding:0px;
	}
.lefticon
	{
		width:36px;
		height:28px;
		float: left;
		margin:0px;
		padding:6px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#FFF;
		text-align:center;
		background-image:url(images/lefticon.jpg);
		background-repeat:no-repeat;
	}
.leftboldtxtblank
	{
		width:150px;
		height:34px;
		float: left;
		margin:0px;
		padding:0 0 0 9px;
	}
.leftboldtxt
	{
		width:147px;
		height:13px;
		float: left;
		margin:0px;
		padding:0 0 0 3px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#b22d00;
	}
.lefttxt
	{
		width:132px;
		height:13px;
		float:left;
		margin:0px;
		padding:0 0 0 18px;
		font-family:Arial;
		font-size:9px;
		font-weight: normal;
		color:#464646;
		background-image:url(images/lefttxtbg.jpg);
		background-repeat:no-repeat;
	}
.leftnormaltxt
	{
		width:194px;
		float:left;
		margin:4px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.morebutton
	{
		width:194px;
		float:left;
		margin:7px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.more
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration:none;
	}
.more:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration: underline;
	}
#leftnavheading
	{
		width:216px;
		float: left;
		margin:35px 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftnavheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#leftnav
	{
		width:194px;
		float: left;
		margin:0px;
		padding:0px;
	}
#leftnav ul
	{
		width:194px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;
	}
#leftnav ul li
	{
		width:194px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#leftnav ul li a.leftnav
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;
		background-image:url(images/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnav:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;		
		background-image:url(images/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/	

#contentlink
	{
		width:800px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#linkleft
	{
		width:200px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#linkmid
	{
		width:200px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#linkright
	{
		width:200px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#linkbottom
	{
		width:600px;
		float:left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#linkbottomtext
	{
		width:200px;
		float:left;
		margin:0px;
		padding:34px 0 33px 52px;
}
#contentrireki
{
		height:50px;
		width:250px;
		margin-right:50px;
		float:right;
		overflow:auto;
		background-color:#839999;
		filter: Alpha(opacity=60);
    	opacity:0.6;
		border:solid 3px #366471;
		color:#000a5c;

	  
}	
#contentnews
{
		height:250px;
		overflow:auto;
		background-color:#ffffff;
		border: solid 2px #aeb2b3;
		filter: Alpha(opacity=60);
    	opacity:0.6;	
		color:#000b0d;	
	   border-radius: 20px;         /* CSS3 */
 	  -moz-border-radius: 20px;    /* Firefox */
 	  -webkit-border-radius: 20px; /* Safari,Chrome */
}


#contentmid
	{
		width:300px;
		float:left;
		margin:0px;
		padding:34px 0 33px 34px;
		background-image:url(images/vline.jpg); 
		background-repeat:repeat-y;
	}
	
#contentmusic
	{
		width:120px;
		float:left;
		margin:0px;
		padding:34px 0 33px 34px;
		background-image:url(images/vline.jpg); 
		background-repeat:repeat-y;
	}	
	#contenttopmid
	{
		width:450px;
		float:left;
		margin:0px;
		padding:34px 0 33px 34px;
		background-color:#f6f5ea;

	}
.midheading
	{
		width:435px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		color:#7e8901;
	}
.midheading h2
	{
		width:435px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		font-weight:normal;
		color:#7e8901;
	}
.midtxt
	{
		width:400px;
		float: left;
		margin:22px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:12px;
		color:#464646;
	}
.midboldtxt
	{
		font-family: Arial;
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}
#comments
	{
		width:400px;
		height:25px;
		float: left;
		margin:22px 0 44px 0;
		padding:0px;
		background-image:url(images/commentsbg.jpg);
		background-repeat:no-repeat;
	}
#addcomments
	{
		width:82px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 34px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.addcomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.addcomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
#morecomments
	{
		width:72px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 28px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.morecomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.morecomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
.projectheading
	{
		font-family:Georgia;
		font-size:12px;
		color:#c0943c;
		padding:0 0 0 14px;
	}
#projectbg
	{
		width:401px;
		height:158px;
		float:left;
		margin:18px 0 34px 0;
		padding:0px;
		background-image:url(images/projectbg.jpg);
		background-repeat:no-repeat;
	}
#projectthumnail
	{
		width:130px;
		height:117px;
		float:left;
		margin:15px 0 0 15px;
		padding:0px;
		border:solid 3px #ebd693;
		background-image: url(images/projectthumnail.jpg);
		background-repeat:no-repeat;
	}
#projecttxtblank
	{
		width:219px;
		float:left;
		margin:15px 0 0 0;
		padding:20px 0 0 0;
	}
#projecttxt
	{
		width:206px;
		float:left;
		margin:0px;
		padding:0 0 0 13px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
.projectboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#853008;
	}
#moreproject
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
	}
.moreproject
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration:none;
	}
.moreproject:hover
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration: underline;
	}
#purposetxt
	{
		width:399px;
		float:left;
		margin:20px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
#purposenav
	{
		width:100%;
		float:left;
		margin:0px;
		padding:14px 0 0 0;
	}
#purposenav ul
	{
		width:1000px;
		float:left;
		margin:0 24px 0 0;
		padding:0px;
		display:block;		
	}
#purposenav ul li
	{
		width:180px;
		height:40px;
		float:left;
		margin:8px 0 0 0;
		padding:0px;
		display:block;
	}
#purposenav a.purposenav
	{
		width:168px;
		height:40px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-family:Arial;
		font-size:11px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		color:#7c7e84;
		text-decoration:none;
		background-image:url(images/purposeactive.gif);
		background-repeat:no-repeat;
	}
#purposenav ul li a.purposenav:hover
	{
		width:168px;
		height:40px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-family:Arial;
		font-size:11px;
		color:#c17305;
		text-decoration:none;
		background-image: url(images/purposeover.gif);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/		
#contentright
	{
		width:200px;
		float: left;
		margin:0px;
		padding:34px 0 40px 34px;
		background-image:url(images/vline.jpg);
		background-repeat:repeat-y;
	}
#contenttext
{
		background-color:#f6f5ea;
		border: solid 2px #aeb2b3;
		filter: Alpha(opacity=90);
    	opacity:0.9;
	   border-radius: 20px;         /* CSS3 */
 	  -moz-border-radius: 20px;    /* Firefox */
 	  -webkit-border-radius: 20px; /* Safari,Chrome */
}	
#contenttextabout
{
		width:500px;
		background-color:#f6f5ea;
		border: solid 2px #aeb2b3;
		filter: Alpha(opacity=90);
    	opacity:0.9;
	   border-radius: 20px;         /* CSS3 */
 	  -moz-border-radius: 20px;    /* Firefox */
 	  -webkit-border-radius: 20px; /* Safari,Chrome */
}
#contenttextprof
{
		width:250px;
		padding-right:inherit;
		background-color:#010509;
		border: solid 2px #aeb2b3;
		filter: Alpha(opacity=90);
    	opacity:0.9;
	   border-radius: 20px;         /* CSS3 */
 	  -moz-border-radius: 20px;    /* Firefox */
 	  -webkit-border-radius: 20px; /* Safari,Chrome */
}
.rightheading
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
.rightheading h4
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#galleryblank
	{
		width:180px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
	}
#rightpic
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
	}
.rightpic
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic.jpg);
		background-repeat:no-repeat;
	}
.rightpic:hover
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic.jpg);
		background-repeat:no-repeat;
	}
#rightpic02
	{
		width:180px;
		height:68px;
		float:left;
		margin:13px 0 0 0;
		padding:0px;
	}
.rightpic02
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic02.jpg);
		background-repeat:no-repeat;
	}
.rightpic02:hover
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic02.jpg);
		background-repeat:no-repeat;
	}
	
#rightpic03
	{
		width:180px;
		height:68px;
		float:left;
		margin:13px 0 0 0;
		padding:0px;
	}
.rightpic03
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic03.jpg);
		background-repeat:no-repeat;
	}
.rightpic03:hover
	{
		width:180px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic03.jpg);
		background-repeat:no-repeat;
	}
.viewbutton
	{
		width:68px;
		height:19px;
		float:left;
		margin:16px 0 36px 0;
		padding:0px;
	}
.viewbuttonbot
	{
		width:68px;
		height:19px;
		float:left;
		margin:16px 0 0 0;
		padding:0px;
	}	
.view
	{
		width:68px;
		height:16px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/viewmore.jpg);
		background-repeat:no-repeat;
	}
.view:hover
	{
		width:68px;
		height:16px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/viewmoreover.jpg);
		background-repeat:no-repeat;
	}
.righttxt
	{
		width:177px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
.rightboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}
/*--------------------------------------------------------------CONTENTPART-------------------------------------------------END--------------------------------------------------------------*/	
#footerbg
	{
		width:100%;
		height:200px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footer.jpg);
		background-repeat:repeat-x;
	}
#footerblank
	{
		width:1004px;
		height:200px;
		float:none;
		margin:0 auto;
		padding:0px;
	}
#footer
	{
		width:100%;
		height:200px;
		float:left;
		margin:0px;
		padding:41px 0 0 146px;
		background-image:url(images/footerbg.jpg);
		background-repeat:no-repeat;
	}
#footerbox
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
	}
#footermid
	{
		width:215px;
		height:168px;
		float:left;
		margin:0 35px 0 35px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
#footerlast
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
.footerheading
	{
		width:215px;
		height:21px;
		float: left;
		margin:28px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		color:#f4e7bd;
	}
.footerheading h4
	{
		width:215px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		font-weight:normal;
		color:#f4e7bd;
		text-align:center;
	}
.footertxt
	{
		width:184px;
		float: left;
		margin:17px 0 0 16px;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}
.footerbutton
	{
		width:68px;
		height:19px;
		float: left;
		margin:15px 0 0 73px;
		padding:0px;
	}
.button
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/footerbutton.jpg);
		background-repeat:no-repeat;
	}
.button:hover
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/footerover.jpg);
		background-repeat:no-repeat;
	}
#footerlinks
	{
		width:715px;
		float:left;
		margin:25px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
	}
.footerlinks
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinks:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}
#copyrights
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#401400;
		text-align:center;
	}
#designedby
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#401400;
		text-align:center;
	}
.designedby
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
	}
.designedby:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:underline;
		}

#validation
	{
		width:422px;
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 293px;
	}
.xhtml
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.xhtml:hover
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css:hover
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;	
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
	

	/*--------------------------------------------------------------FUKIDASHI---------------------------------------------------------------------------------------------------------------*/	
		#tooltipTest {
		}

		.tooltip {
			position: relative;
		}
			.tooltip .tooltipBody {
				border: solid 2px #aeb2b3;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				position: absolute;
				left: 1em;
				top: -2.7em;
				text-decoration: none;
				visibility: hidden;
				padding: 3px 5px;
				width: 200px;
				zoom: 1;
				opacity: 0;
				-webkit-transition-property: opacity;
				-webkit-transition-duration: 1s;
				-webkit-transition-timing-function: ease-in-out;
			}

			.tooltip:hover ,
			.tooltip:hover .tooltipBody {
				background-color: #ffffff;
				visibility: visible;
				z-index: 10;
				opacity: 1;
			}

			.tooltip .tooltipBody .tooltipAngle {
				border-right: solid 10px transparent;
				border-left-width: 0;
				border-top: solid 10px #aeb2b3;
				line-height: 0;
				position: absolute;
				left: 1em;
				bottom: -10px;
			}

			.tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {
				border-right: solid 5px transparent;
				border-left-width: 0;
				border-top: solid 5px #ffffd2;
				line-height: 0;
				position: absolute;
				left: 2px;
				bottom: 5px;
			}
			a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; } 

			/*
			-------------------------------------------------------------
				not supported tanseparent for border by IE6.
			-------------------------------------------------------------
			*/
			* html .tooltip .tooltipBody .tooltipAngle {
				border-right-color: #ffffd2;	
				bottom: -11px;
			}

			* html .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {
				border-right-color: #aeb2b3;
			} 
			
			
			

			/*
			-------------------------------------------------------------
				ギャラリーマウスオーバー
			-------------------------------------------------------------
			*/	
			
/*					
#lately a.abstract:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onabstracts.gif);
		background-repeat:no-repeat;
	}
#lately a.ladybegood:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onladybegoods.gif);
		background-repeat:no-repeat;
}	
#lately a.futurerobot:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onfuturerobots.gif);
		background-repeat:no-repeat;
	}
#lately a.skygirl:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onskygirls.gif);
		background-repeat:no-repeat;
}		
#lately a.annuy:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onannuys.gif);
		background-repeat:no-repeat;
}		
#lately a.neverendingroad:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onneverendingroads.gif);
		background-repeat:no-repeat;
}		
#lately a.castle:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/oncastles.gif);
		background-repeat:no-repeat;
}		
#lately a.sandcat:hover
	{
		width:60px;
		height:90px;
		display:none;
		background-image: url(images/onsandcats.gif);
		background-repeat:no-repeat;
}		
*/