@charset "utf-8";


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

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

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


body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:26px;
	font-size:14px;
	color:#404040;
}


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

}


a {
	color			: #006699;
	text-decoration:none;
	}
	

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


li{
list-style:none;
}



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

h1{
width:100%;
height:26px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#45AA3A;
}


#head-area{
width:100%;
height:104px;
background-image:url(../images/heder_back.jpg);
background-repeat:repeat-x;
}



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


#head h2{
width:466px;
height:104px;
float:left;
}

#head_navi_area{
width:470px;
height:104px;
float:right;
}


#head_navi_area ul{
width:355px;
height:30px;
float:right;
}

#head_navi_area li{
width:auto;
float:left;
}







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

#menu-area{
width:100%;
height:50px;
background-image:url(../images/topmenu_back.jpg);
background-repeat:repeat-x;
}


#manu{
width:773px;
height:20px;
margin:0 auto;
padding-top:16px;
}


#manu li{
width:auto;
height:20px;
float:left;
}





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

#container{
width:100%;
height:auto;
background-image:url(../images/c_back.jpg);
background-repeat:repeat-x;
background-position:top;
}





/* top_img
------------------ */
#top_img{
width:940px;
height:229px;
margin:0 auto ;
padding-top:20px;
}


#top_img .img1_l{
width:626px;
height:229px;
float:left;
}


#top_img .img2_r{
width:314px;
height:229px;
background-image:url(../images/top_img2.jpg);
background-repeat:no-repeat;
float:right;
}

#top_img .mail_b{
width:220px;
height:54px;
margin-left:42px;
}



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

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


	/* left_navi
	------------------ */
	
	#navi-area{
	width:240px;
	padding-right:20px;
	height:auto;
	float:left;
	}
	
	
	#left_navi{
	width:240px;
	height:223px;
	background-image:url(../images/left_navi_back.jpg);
	background-repeat:no-repeat;
	}
	
	
	#left_navi ul{
	width:210px;
	height:auto;
	padding:5px 15px;
	}
	
	
	.banner{
	width:240px;
	height:auto;
	margin:10px 0;}
	
	
	
	
	
	
	/* contents
	------------------ */
	
	#contents{
	width:680px;
	height:auto;
	float:right;
	}






/* footer-area 
---------------------------------------------- */
#footer-area{
width:100%;
height:229px;
background-image:url(../images/footer_back.jpg);
background-repeat:repeat-x;
font-size:12px;
line-height:22px;
clear:both;
}


#footer{
width:940px;
height:auto;
margin:0px auto;
padding-top:10px;
}


.footer_top{
text-align:right;
margin-top:2px;
height:18px;
}

.footer_menu{
text-align:center;
padding:5px 0px;
}

.footer_text{
padding-top:10px;
}

#copyright{
font-size:12px;
text-align:center;
}