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

/*layout 
------------------------------------------------------------------*/
body {
	background:#000000 url(../img/bg.gif);
	margin:0px;
	padding:0px;
}

#mainContainer {
	background-color:#0d0d0d;
	width:980px;
	margin:0px auto;
	border-left:#333333 solid 1px;
	border-right:#333333 solid 1px;
}

#topImg {
	background:url(../img/top_img.jpg);
	height:41px;
	margin:0px;
}

#topArea{
	background:url(../img/navi_bg.png) repeat-x;
	
}

#topArea * {
	float:left;
	display:inline;
}

#mainNavi {
	display:block;
	width:587px;
	height:37px;
	background-image:url(../img/navi_all.png);
	margin-left:40px;
	margin-top:26px;
}

#mainNavi li {
	list-style:none;
}

#mainNavi li a {
	text-indent:-9999px;
	display:block;
	height:37px;	
	background-image:url(../img/navi_all.png);
	outline:none;
	/*border:#FF0000 1px solid;*/
}

a#naviHome		{width:66px;	background-position:0px 0px;}
a#naviArchives	{width:84px;	background-position:-66px 0px;}
a#naviPortfolio	{width:85px;	background-position:-150px 0px;}
a#naviMessage	{width:138px;	background-position:-235px 0px;}
a#naviContact	{width:78px;	background-position:-373px 0px;}

a#naviHome:hover		{background-position:0px -37px;}
a#naviArchives:hover	{background-position:-66px -37px;}
a#naviPortfolio:hover	{background-position:-150px -37px;}
a#naviMessage:hover		{background-position:-235px -37px;}
a#naviContact:hover		{background-position:-373px -37px;}

#mainNavi a#naviLangJa {background-image:url(../img/language_ja.png)}
#mainNavi a#naviLangEn {background-image:url(../img/language_en.png)}
a#naviLangJa, a#naviLangEn {width:136px;}
a#naviLangJa:hover, a#naviLangEn:hover {background-position:0px -37px;}

#contentsArea{background:url(../img/contents_bg.gif); width:980px;}
#leftArea, #rightArea{float:left; display:inline;}
#leftArea	{width:300px; display:inline;}
#rightArea	{width:678px; margin-left:2px;} 

.contentsContainer h3 {text-indent:-9999px;	height:25px;}

.contentsContainer{
	background-repeat:no-repeat;
	clear:both;
	background-image:url(../img/title_right_plane.png);
}
#leftArea .contentsContainer{width:270px; padding:15px;}
#rightArea .contentsContainer{width:618px; padding:15px 30px;}
.contentsContainer.contentsTop{background-position:0px -6px;}


#footerArea {
	height:30px;
	width:980px;
	background:url(../img/bg_footer.png) repeat-y;
	padding-top:18px;
	color:#ABABAB;
	font-size:0.82em;
	margin:0px auto 10px auto;
	border-left:#333333 solid 1px;
	border-right:#333333 solid 1px;
	border-bottom:#222222 solid 1px;
	text-align:center;
	line-height:0.95em;

}