@charset "utf-8";
/* CSS Document */


/* Layout Settings
------------------------------------------------------------------*/
body{background:#e6e6e6;}
#bodyWrapper{width:814px; background:#404040 url(images/bgshadow.gif) repeat-y right;}

h1{width:800px; height:66px; background:url(images/headcopy.gif) no-repeat left; text-indent:-9999px; overflow:hidden; }

#headArea{width:800px; height:206px; }
#headPic{background-repeat:no-repeat; width:800px; height:206px; }
.headPic0 {background-image:url(images/topimg0.jpg);}
.headPic2 {background-image:url(images/topimg2.jpg);}
.headPic3 {background-image:url(images/topimg3.jpg);}
.headPic4 {background-image:url(images/topimg4.jpg);}
.headPic5 {background-image:url(images/topimg5.jpg);}
.headPic6 {background-image:url(images/topimg6.jpg);}
.headPic7 {background-image:url(images/topimg7.jpg);background-color:#4B5A8A;}
.headPic8 {background-image:url(images/topimg8.jpg); background-color:#7F3E40;}
.headPic9 {background-image:url(images/topimg9.jpg); background-color:#3D7051;}

#headPic ul{display:block; width:241px; height:164px; margin-left:559px; background-repeat:no-repeat; list-style:none; padding-top:42px; }
#headPic li a {text-indent:-9999px; display:block; outline:none; width:213px; height:51px; margin-left:13px;}
#headPic li a.navi1{background-position:-13px -42px;}
#headPic li a.navi1:hover{background-position:-254px -42px; }
#headPic li a.navi2{margin-top:20px;background-position:-13px -113px;}
#headPic li a.navi2:hover{background-position:-254px -113px;}
#headPic.headPic0 ul, #headPic.headPic0 li a{background-image:url(images/toplink0.png);}
#headPic.headPic2 ul, #headPic.headPic2 li a{background-image:url(images/toplink0.png);}
#headPic.headPic3 ul, #headPic.headPic3 li a{background-image:url(images/toplink3.png);}
#headPic.headPic4 ul, #headPic.headPic4 li a{background-image:url(images/toplink4.png);}
#headPic.headPic5 ul, #headPic.headPic5 li a{background-image:url(images/toplink5.png);}
#headPic.headPic6 ul, #headPic.headPic6 li a{background-image:url(images/toplink6.png);}
#headPic.headPic7 ul, #headPic.headPic7 li a{background-image:url(images/toplink0.png);}
#headPic.headPic8 ul, #headPic.headPic8 li a{background-image:url(images/toplink0.png);}
#headPic.headPic9 ul, #headPic.headPic9 li a{background-image:url(images/toplink9.png);}

#mainNavi{width:800px; height:39px; background-color:#333333; display:block; background-image:url(images/mainnavi.png); list-style:none;}
#mainNavi * {float:left;}
#mainNavi li a {height:39px; text-indent:-9999px; display:inline; outline:none; background-image:url(images/mainnavi.png); background-repeat:no-repeat; margin-right:1px;}
#mainNavi li a.navi1		{background-position:0px 0px; width:83px; }
#mainNavi li a.navi1:hover	{background-position:0px -39px;}
#mainNavi li a.navi1Active	{background-position:0px -39px; width:83px; }
#mainNavi li a.navi2		{background-position:-84px 0px; width:246px; }
#mainNavi li a.navi2:hover	{background-position:-84px -39px;}
#mainNavi li a.navi2Active	{background-position:-84px -39px; width:246px; }
#mainNavi li a.navi3		{background-position:-331px 0px; width:104px; }
#mainNavi li a.navi3:hover	{background-position:-331px -39px;}
#mainNavi li a.navi3Active	{background-position:-331px -39px; width:104px; }
#mainNavi li a.navi4		{background-position:-436px 0px; width:131px; }
#mainNavi li a.navi4:hover	{background-position:-436px -39px;}
#mainNavi li a.navi4Active	{background-position:-436px -39px; width:131px; }
#mainNavi li a.navi5		{background-position:-568px 0px; width:132px; }
#mainNavi li a.navi5:hover	{background-position:-568px -39px;}
#mainNavi li a.navi5Active	{background-position:-568px -39px; width:132px; }
#mainNavi li a.navi6		{background-position:-701px 0px; width:99px; margin-right:0px; }
#mainNavi li a.navi6:hover	{background-position:-701px -39px;}
#mainNavi li a.navi6Active	{background-position:-701px -39px; width:99px; margin-right:0px; }

#mainNaviReplace{height:3px; border-bottom:#EBEBEB; background-color:#CCCCCC; width:800px;}

#contentsArea{width:800px;  background-repeat:no-repeat; background-position:left bottom;}
.contentsArea0 {background-color:#557144; background-image:url(images/logo_subnavi0.gif);}
.contentsArea1 {background-color:#FFFFFF;}
.contentsArea2 {background-color:#557144; background-image:url(images/logo_subnavi0.gif);}
.contentsArea3 {background-color:#837856; background-image:url(images/logo_subnavi3.gif);}
.contentsArea4 {background-color:#665035; background-image:url(images/logo_subnavi4.gif);}
.contentsArea5 {background-color:#547375; background-image:url(images/logo_subnavi5.gif);}
.contentsArea6 {background-color:#7D5867; background-image:url(images/logo_subnavi6.gif);}
.contentsArea7 {background-color:#4B5A8A; background-image:url(images/logo_subnavi7.gif);}
.contentsArea8 {background-color:#7F3E40; background-image:url(images/logo_subnavi8.gif);}
.contentsArea9 {background-color:#3D7051; background-image:url(images/logo_subnavi9.gif);}

#contentsInside{width:530px; padding:30px 40px 40px; float:right; background-color:#FFFFFF; min-height:584px; }

#subNavi {width:190px; background-position:bottom; float:left;}



#subNavi ul{list-style:none; width:190px; height:330px;}
.subNavi2 ul, .subNavi2 li a{background-image:url(images/subnavi2.gif);}
.subNavi3 ul, .subNavi3 li a{background-image:url(images/subnavi3.gif);}
.subNavi4 ul, .subNavi4 li a{background-image:url(images/subnavi4.gif);}
.subNavi5 ul, .subNavi5 li a{background-image:url(images/subnavi5.gif);}
.subNavi6 ul, .subNavi6 li a{background-image:url(images/subnavi6.gif);}
.subNavi8 ul, .subNavi8 li a{background-image:url(images/subnavi8.gif);}
.subNavi9 ul, .subNavi9 li a{background-image:url(images/subnavi9.gif);}

#subNavi a{display:block; width:190px; height:46px; outline:none; text-indent:-9999px;}
#subNavi a.navi1		{background-position:0px 0px;}
#subNavi a.navi1:hover	{background-position:-190px 0px;}
#subNavi a.navi1Active	{background-position:-190px 0px;}
#subNavi a.navi2		{background-position:0px -46px;}
#subNavi a.navi2:hover	{background-position:-190px -46px;}
#subNavi a.navi2Active	{background-position:-190px -46px;}
#subNavi a.navi3		{background-position:0px -92px;}
#subNavi a.navi3:hover	{background-position:-190px -92px;}
#subNavi a.navi3Active	{background-position:-190px -92px;}
#subNavi a.navi4		{background-position:0px -138px;}
#subNavi a.navi4:hover	{background-position:-190px -138px;}
#subNavi a.navi4Active	{background-position:-190px -138px;}
#subNavi a.navi5		{background-position:0px -184px;}
#subNavi a.navi5:hover	{background-position:-190px -184px;}
#subNavi a.navi5Active	{background-position:-190px -184px;}
#subNavi a.navi6		{background-position:0px -230px;}
#subNavi a.navi6:hover	{background-position:-190px -230px;}
#subNavi a.navi6Active	{background-position:-190px -230px;}
#subNavi a.navi7		{background-position:0px -276px;}
#subNavi a.navi7:hover	{background-position:-190px -276px;}
#subNavi a.navi7Active	{background-position:-190px -276px;}
#subNavi a.navi8		{background-position:0px -322px;}
#subNavi a.navi8:hover	{background-position:-190px -322px;}
#subNavi a.navi8Active	{background-position:-190px -322px;}
#subNavi a.navi9		{background-position:0px -368px;}
#subNavi a.navi9:hover	{background-position:-190px -368px;}
#subNavi a.navi9Active	{background-position:-190px -368px;}

/*　subsubNavi 
------------------------------------------------------------------*/
ul.subsubNavi, ul.subsubNavi li, ul.subsubNavi li a {
	display:block;
	
}

#contentsInside ul.subsubNavi {
	border-left:#D9D9D9 solid 1px;
	height:31px;
	margin-bottom:2em;
	margin-top:-1em;
}
ul.subsubNavi li {
	float:left;

}

ul.subsubNavi li a {
	width:100px;
	height:24px;
	float:left;
	text-align:center;
	border-top:#D9D9D9 solid 1px;
	border-bottom:#D9D9D9 solid 1px;
	border-right:#D9D9D9 solid 1px;
	padding-top:5px;	
}

ul.subsubNavi li a:link, ul.subsubNavi li a:visited {
	background-color:#f7f5dd;
	color:#999999;
}

ul.subsubNavi li a:hover, ul.subsubNavi li a:active {
	background-color:#faf4bb;
	color:#666666;
}


#footerArea{width:800px; text-align:center; color:#c5c5c5; text-decoration:none; clear:both;}
#footerNavi{margin:20px 0px 10px 0px; letter-spacing:1px; }
#footerNavi a{color:#C5C5C5;}
#copyRight{padding-bottom:1em; color:#c5c5c5;}



/* clearfix
------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}