@charset "utf-8";


/* ---------------------------------------------- */

@import url("top.css");
@import url("base.css");


/* general styles
---------------------------------------------- */
* {
	margin:0;
	padding:0;
}


body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	background-color:#F4FAFA;
}


img	{
	vertical-align	:bottom;
	border			:0px;

}


a {
	color			:#0000FF;
	}
	

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


li{
list-style:none;
}



/* wrap 
---------------------------------------------- */


#wrap{
width:100%;
height:auto;
background-image:url(../images/back.jpg);
background-repeat:repeat-x;
}




/* head-area 
---------------------------------------------- */

#head-area{
width:954px;
height:72px;
background-image:url(../images/heder_back.gif);
background-repeat:no-repeat;
margin:0px auto;
}


h1{
width:255px;
height:40px;
margin:28px 0 0 16px;
float:left;
}

#english_navi{
width:58px;
height:17px;
float:right;
margin:50px 18px 0 0;
}

/* menu-area
---------------------------------------------- */

#menu-area{
width:954px;
height:59px;
background-image:url(../images/menu_back.jpg);
background-repeat:no-repeat;
margin:0px auto;
}


#menu{
width:700px;
height:45px;
padding-top:3px;
margin:0px auto;

}


#menu-area li{
width:auto;
height:45px;
float:left;
}





/* container
------------------------------------------------------------ */

#container{
width:940px;
height:auto;
background-color:#FFFFFF;
margin:0px auto;
padding-bottom:20px;
}


/* contents-area
------------------------------------- */

#contents-area{
width:880px;
height:auto;
margin:0 auto;
}




#base_contents{
width:640px;
height:auto;
float:right;
}

#base_left_menu{
width:220px;
height:300px;
float:left;
}




/* footer-area 
---------------------------------------------- */
#footer-area{
width:100%;
height:27px;
background-image:url(../images/footer_back.jpg);
background-repeat:repeat-x;
background-position:top;
clear:both;
}

#top{
width:940px;
height:auto;
margin:0px auto;
}

.top{
float:right;
}

#copyright{
width:954px;
height:40px;
margin:auto;
background-image:url(../images/cop_back.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}