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

html{ overflow:scroll;
}
*{
	margin:0;
	padding:0;
	line-height:1.4;
}

a{ color:0099cc;
outline: none;}


a:hover{ text-decoration:none;}

a img{ border: none;}

li{ list-style: none;	font-size:75%;
}


.img_c{
	display: block;
	margin:10px auto;
}

.img_l{
	float:left;
	margin: 0 10px 10px 10px;
}

.img_r{
	float:right;
	margin: 0px 00px 10px 10px;
}


.img_b{
	border:3px solid #CEDEE3;
	padding:2px;
	background:#FFFFFF
}

body{ background:url(../images/bg_nol.jpg) repeat-x #cce57f;}

h1,h2,h3,h4{	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	/font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear{ clear: both;}

p{
	font-size:75%;
	line-height:1.6;
	margin-bottom:1em;
}

#wrap{
	width:960px;
	margin:0 auto;
	}
.totop{
	float: right;
	margin-top: 10px;
	clear: both;
	margin-bottom: 20px;
}	

.totop a{
	background:url(../images/ico_totop.gif) no-repeat left center;
	display: block;
	padding-left: 10px;
	color: #000000;
}
table{ font-size:75%;}



.mb20{ margin-bottom:20px;}

.fs80{ font-size:80%;}
	
/* header ------------------------------------------------------------------------------------- */

#header{
	height:60px;
	padding: 0px;
}


#logo{
	width:288px;
	height:33px;
	display: block;
	float:left;
	background:url(../images/logo_nol.gif) no-repeat;
	margin: 14px 0;
	margin-right:8px;
	text-indent:-9999px;

}

#gNav{
	margin-top: 25px;
	display: block;
	float:left;
	margin-right:0;}

#gNav li{
	float:left;
	display: block;
	margin-right: 10px;
	line-height: 1;
}

#gNav li a{
	height:13px;
	display: block;
	width: 60px;
	background:url(../images/gNav.gif) no-repeat;
	line-height:1;
	font-size:5px;
	text-indent:-9999px;
}


#gNav_02 a{
	background-position:-70px 0!important;
	width:40px!important;
}

#gNav_03 a{
	background-position:-120px 0!important;
	width:132px!important;

}


#gNav_04 a{
	background-position:-262px 0!important;
		width:48px!important;

}


#gNav_05 a{
	background-position:-318px 0!important;
			width:58px!important;

}


#gNav_06 a{
	background-position:-386px 0!important;
				width:59px!important;

}

#gNav_07 a{
	background-position:-456px 0!important;
	margin-right:10px!important;
	width:50px!important;
}
#gNav_07{margin-right:0!important;}

#gNav_01 a:hover{ background-position:0 bottom !important;}
#gNav_02 a:hover{ background-position:-70px bottom !important;}
#gNav_03 a:hover{ background-position:-120px bottom !important;}
#gNav_04 a:hover{ background-position:-262px bottom !important;}
#gNav_05 a:hover{ background-position:-318px bottom !important;}
#gNav_06 a:hover{ background-position:-386px bottom !important;}
#gNav_07 a:hover{ background-position:-456px bottom !important;}

a#bt_contact{
	background: url(../images/bt_contact.jpg) no-repeat;
	height:53px;
	width:139px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#bt_contact:hover{

filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;}
#pan{
	background: url(../images/bg_pan.jpg) no-repeat;
	height: 19px;
	padding: 10px 20px;
	margin-bottom: 10px;
}




#content{
	background: url(../images/bg_content.gif) no-repeat;
	clear: both;
}




/* footer ------------------------------------------------------------------------------------- */


#footer{
	clear: both;
	background:url(../images/bg_footer.png) no-repeat bottom;
	_background:url(../images/bg_footer.jpg) no-repeat bottom;
	height: 45px;
	padding-top: 10px;
	position: relative;
	bottom: -10px;
	_margin-bottom: 10px;
}

#footer ul{
	margin:10px;/margin:25px;


}

#footer li{
	float:left;
	font-size:75%;
	background:url(../images/ico_link.gif) no-repeat left center;
	padding-left:20px;
	margin-right: 15px;
	display: block;
}

#footer li a{ color:#000000;}

#copy{
	background:url(../images/tx_footer.jpg) no-repeat;
	width:374px;
	height:13px;
	display: block;
	float: right;
	margin: 15px;
	text-indent: -9999px;
}




/*bottom common ------------------------------------------------------------------------------------- */



#navi_left{
	float:left;
	margin:0 15px 0 15px;
	_margin:0 15px 0 7px;
	font-size: 80%;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border: none;
	background-color:#ebe6d1;
	width:210px;
}


#bottom_navi_bot{
	clear: both;
	background: url(../images/bottom_navi_bot.gif) no-repeat bottom;
	width:210px;
	height:6px;
	margin-bottom:-1px
}

/*角丸ボックス*/
.box_R{
	background:url(../images/box_r_top.gif) no-repeat top left;
	width: 645px;
	margin: 10px auto 10px auto;
	padding: 15px 20px 0 20px;
	clear: both;
}

.box_R_bot{
	background:url(../images/box_r_bot.gif) no-repeat bottom left;
	height:7px;
	margin: 0 -20px;
	clear: both;
}

.box_R_small{
	background:url(../images/box_r_top_small.gif) no-repeat top left;
	width: 310px;
	padding: 10px 10px 0 10px;
	float: left;
	margin: 10px 10px;
	_margin: 10px 14px 10px 4px;
	display: block;
}

.box_R_bot_small{
	background:url(../images/box_r_bot_small.gif) no-repeat bottom left;
	height:6px;
	margin: 0 -10px;
	clear: both;
	display: block;
	line-height:1;
}


#footer_bt{
	clear:both;
	display: block;
	height: 57px;
	padding: 0 110px;
}


#footer_bt li{
	display: block;
	float: left;
	margin: 0 5px;
}

#footer_bt a{
	display: block;
	width: 358px;
	height: 56px;
	float: left;
	text-indent:-9999px;
	
	
	
}

#footer_bt a:hover{

filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;}

#footer_bt_01 a{
	background: url(../images/bt_footer_recruit.gif)
}

#footer_bt_02 a{
	background: url(../images/bt_footer_contact.gif)
}


.li_img_4{
	margin:0px;
	clear: both;
}

.li_img_4 li{
	margin:10px 13px;_margin:10px 7px;
	float:left;
	display: block;
}


.h_green{
	background:url(../images/bg_green.gif) no-repeat;
	width:660px;
	height:25px;
	color:#FFFFFF;
	padding:12px 10px 6px 10px;
	display: block;
	margin-bottom: 16px;
	clear: both;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 20px;
}



.box_orange{
	background: url(../images/box_orange_bot.gif) no-repeat bottom left;
	margin: 10px 0;
	width: 680px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	display: block;
	padding-bottom: 5px;
}

.box_orange h3{
	display: block;
	margin:-15px -10px 10px -10px;
	background-image: url(../images/box_orange_top.gif);
	color: #FFFFFF;
	padding-left: 20px;
	height: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
	
}


.ttl_gray{  clear:both;width:690px; padding:5px; display: block; background-color: #e0e0e0; margin-bottom: 10px;}