@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------
 01.html,body,wrapper
 02.header  
 03.content
 04.footer
 ----------------------------------------------------*/





/*-----------------------------------------------------
 01.html,body,wrapper
 ----------------------------------------------------*/



/*-----------------------------------------------------
 02.header 
 ----------------------------------------------------*/




/*---ofbtn--------*/
#menu li.home a{background:url(../img/menu.gif) no-repeat 0px -30px; width:87px;}
#menu li.company a {background:url(../img/menu.gif) no-repeat -87px 0; width:87px;}
#menu li.business a {background:url(../img/menu.gif) no-repeat -174px 0; width:87px;}
#menu li.recruit a {background:url(../img/menu.gif) no-repeat -261px 0; width:87px;}
#menu li.inquiry a {background:url(../img/menu.gif) no-repeat -348px 0; width:85px;}

/*--hover------*/
#menu li.home a:hover{background:url(../img/menu.gif) no-repeat 0px -30px; width:87px;}
#menu li.company a:hover {background:url(../img/menu.gif) no-repeat -87px -30px; width:87px;}
#menu li.business a:hover {background:url(../img/menu.gif) no-repeat -174px -30px; width:87px;}
#menu li.recruit a:hover {background:url(../img/menu.gif) no-repeat -261px -30px; width:87px;}
#menu li.inquiry a:hover {background:url(../img/menu.gif) no-repeat -348px -30px; width:85px;}




/*-----------------------------------------------------
 03.content
 ----------------------------------------------------*/



#top_img{
margin:0;
padding:0;
width:820px;
height:255px;
background:url(../img/top_img.gif) no-repeat;
}

#top_img p{
line-height:2;
margin:0;
padding-top:40px;
padding-left:400px;
width:400px;
\width:700px;
w\idth:400px;
color:#eee; 
}

#top_img p.okigaruni{ 
padding-top:0px;

}

#top_img p.error{
margin:0;
padding-top:40px;
padding-left:400px;
width:360px;
color:#eee;
font-size:150%;
font-weight:bold;
}

#left_content{
	float:left
}

#right_content{
	float:right
}

#new{
	margin:30px 20px 0px 40px;
	width:450px;
	/*float:left;*/
}

#new div{
	height: 120px;
	overflow: auto;
	border:#ccc solid 1px;
}

#new h2{
	margin:0;
}

#new p{
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:10px;
}

#blog{
	margin:30px 20px 0px 40px;
	width:450px;
	/*float:left;*/
}

#blog h2{
	margin:0;
}

#blog div{
	height: 120px;
	/*overflow: auto;*/
	border:#ccc solid 1px;
}

#line{
	border-bottom:dashed #999 1px;
}

#seo{ 
	margin:30px 20px 30px 40px;
	width:450px; 
	/*float:left; */
	background:url(../img/qr_bg.gif) repeat-x #fff;
	border:#ccc solid 1px;
}

#seo p{ 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:10px;
}

#seo h2{ 
	margin-top:20px;
	margin-bottom:0px;
	margin-left:20px;
	font-size:110%;
}

#seo img{
	margin-top:10px;
	margin-left:20px;
}

#qr{ 
	margin:0px 20px 30px 40px;
	padding-bottom:15px;
	width:450px; 
	/*float:left; */
	background:url(../img/qr_bg.gif) repeat-x #fff;
	border:#ccc solid 1px;
}

#qr h2{ 
	margin-top:20px;
	margin-bottom:0px;
	margin-left:20px;
	font-size:110%;
}

#qr p{ 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:25px;
}

#qr ul{
	margin-top:10px; 
	letter-spacing:normal;
}

#qr img{
	float:right;
	margin:15px;
}

#banner{
	width:250px;
	margin-top:30px;
	margin-right:40px;
	margin-bottom:0px;
	/*float:right;*/
}

#banner p{ 
	margin-top:0px;
	margin-bottom:10px;
}


#banner a:hover img {  
    opacity:0.8;  
    filter: alpha(opacity=80);  
    -ms-filter: "alpha( opacity=80 )";  
    background: #fff;
} 

#twitter{
	width:250px;
	margin-top:0px;
	margin-right:40px;
	margin-bottom:10px;
}

#facebook{
	width:250px;
	margin-top:0px;
	margin-right:40px;
	margin-bottom:30px;
}


#ad{ 
	margin:0px 20px 30px 40px;
	/*padding-bottom:15px;*/
	width:450px; 
	/*float:left; */
	background:#ffffff;
	/*border:#ccc solid 1px;*/
}


/*-----------------------------------------------------
 04.footer
 ----------------------------------------------------*/