@charset "UTF-8";

/* lnavi.css
**************************************************************************************



**************************************************************************************/ 
/* 1.category
=============================================================================*/
#side div.category-area {
	width:230px;
}


#side p.category {
	width:230px;
	height:70px;
	text-indent:-9999px;
}

#side p.category a {
	display:block;
	width:230px;
	height:70px;
}
/* category image */
div.strong #side p.category a {
	background:url("../../image/lnavi-strong.gif") no-repeat 0 0;
}
div.hmk-3pl #side p.category a {
	background:url("../../image/lnavi-3pl.gif") no-repeat 0 0;
}
div.case #side p.category a {
	background:url("../../image/lnavi-case.gif") no-repeat 0 0;
}
div.corporate #side p.category a {
	background:url("../../image/lnavi-corporate.gif") no-repeat 0 0;
}
div.ir #side p.category a {
	background:url("../../image/lnavi-ir.gif") no-repeat 0 0;
}
div.recruit #side p.category a {
	background:url("../../image/lnavi-recruit.gif") no-repeat 0 0;
}
div.inquiry #side p.category a {
	background:url("../../image/lnavi-inquiry.gif") no-repeat 0 0;
}
div.osuk #side p.category a {
	background:url("../../image/lnavi-osuk.gif") no-repeat 0 0;
}
div.news #side p.category a {
	background:url("../../image/lnavi-news.gif") no-repeat 0 0;
}
div.sitemap #side p.category a {
	background:url("../../image/lnavi-sitemap.gif") no-repeat 0 0;
}
div.site-information #side p.category a {
	background:url("../../image/lnavi-site-information.gif") no-repeat 0 0;
}


div.search #side p.category a {
	background:url("../../image/lnavi-search.gif") no-repeat 0 0;
}
div.unauthorized #side p.category a {
	background:url("../../image/lnavi-401.gif") no-repeat 0 0;
}
div.forbidden #side p.category a {
	background:url("../../image/lnavi-403.gif") no-repeat 0 0;
}
div.not-found #side p.category a {
	background:url("../../image/lnavi-404.gif") no-repeat 0 0;
}


#side div.lnavi a {
	display:block;
}

#side div.lnavi-area {
	width:226px;
	background:url("../../image/lnavi-bg001.gif") no-repeat bottom left;
	padding:0 2px 0 2px;
}

#side div.lnavi {
	width:226px;
}
/* second navi */

#side div.lnavi ul li {
	width:226px;
	text-align:left;
	padding:0;
	margin:0;
	border-bottom:1px solid #c7d6e1;
	padding:1px 0 0 0;
}

#side div.lnavi ul li a {
	width:196px;
	color:#333333;
	text-decoration:none;
	padding:8px 6px 8px 24px;
	background:url("../../image/lnavi-ar001.gif") no-repeat 11px 12px;
}
#side div.lnavi ul li a:hover {
	color:#FFFFFF;
	background:url("../../image/lnavi-ar002.gif") #1b79c3 no-repeat 11px 12px;
	text-decoration:none;
}

#side div.lnavi ul li.current a {
	color:#FFFFFF;
	background:url("../../image/lnavi-ar002.gif") #1b79c3 no-repeat 11px 12px;
	text-decoration:none;
}


/* third navi */

#side div.lnavi ul li ul.third li {
	width:226px;
	border:none;
	padding:0 0 0 0;
	border-top:1px solid #c7d6e1;
}

#side div.lnavi ul li ul.third li a {
	width:182px;
	color:#333333;
	font-weight:normal;
	padding:8px 8px 8px 36px;
	background:url("../../image/lnavi-ar001.gif") no-repeat 22px 12px;
}

#side div.lnavi ul li ul.third li a:visited {
	font-weight:normal;
}

#side div.lnavi ul li ul.third li a:hover {
	background:url("../../image/lnavi-ar001.gif") #bad7ed no-repeat 22px 12px;

}

#side div.lnavi ul li ul.third li.current a {
	background:url("../../image/lnavi-ar001.gif") #bad7ed no-repeat 22px 12px;
}

#side div.lnavi ul li ul.third li.current a:visited {
}


/* fourth navi */

#side div.lnavi ul li ul.third li ul.fourth {
	border:none;
}

#side div.lnavi ul li ul.third li ul.fourth li {
	width:226px;
	border:none;
	padding:0;
	border-top:1px solid #c7d6e1;
}

#side div.lnavi ul li ul.third li ul.fourth li a {
	width:167px;
	color:#333333;
	font-weight:normal;
	padding:6px 8px 6px 51px;
	display:block;
	background:url("../../image/lnavi-ar001.gif") no-repeat 37px 12px;
}

#side div.lnavi ul li ul.third li ul.fourth li a:visited {
	color:#333333;
	font-weight:normal;
}

#side div.lnavi ul li ul.third li ul.fourth li a:hover {
	background:url("../../image/lnavi-ar001.gif") #e8f1f9 no-repeat 37px 12px;
}

#side div.lnavi ul li ul.third li ul.fourth li.current a {
	background:url("../../image/lnavi-ar001.gif") #e8f1f9 no-repeat 37px 12px;
}

#side div.lnavi ul li ul.third li ul.fourth li.current a:visited {
}




/* 2.btn-area
=============================================================================*/
div#side ul.btn-area{
	margin:0 0 10px 0;
}

div#side ul.btn-area{
	padding:0 0 0 0;
}

div#side ul.btn-area li {
	width:240px;
	margin:0 auto;
}
div#side ul.btn-area li img {
	padding:0;
	margin:10px 0 0 0;
	border:none;
}
div.home div#side ul.btn-area li img ,
div#side ul.bn-navi img{
	padding:0;
	margin:0 0 10px 0;
	border:none;
}
div#side div.map-area{
	height:320px;
	background:url("../../image/index-bg002.gif") no-repeat bottom left;
	margin:0 0 30px 0;
	position:relative;
	}
div#side div.map-area p{
	position:absolute;
	}
div#side div.map-area p.m001{
	width:82px;
	height:31px;
	top:69px;
	left:52px;
	}
div#side div.map-area p.m002{
	width:82px;
	height:31px;
	top:112px;
	left:33px;
	}
div#side div.map-area p.m003{
	width:82px;
	height:31px;
	top:158px;
	left:138px;
	}
div#side div.map-area p.m004{
	width:82px;
	height:31px;
	top:207px;
	left:139px;
	}
div#side div.map-area p.m005{
	width:82px;
	height:31px;
	top:158px;
	left:11px;
	}
div#side div.map-area p.m006{
	width:82px;
	height:31px;
	top:228px;
	left:55px;
	}
div#side div.map-area p.m007{
	width:82px;
	height:31px;
	top:265px;
	left:11px;
	}
div#side div.map-area p.m008{
	width:100px;
	height:34px;
	bottom:11px;
	right:9px;
	}
div#side div.inve-area{
	margin: 0 0 10px 0;
	position: relative;
	}
div#side div.inve-area ul{
	width:230px;
	min-height:63px;
	*height:63px;
	background:url("../../image/index-bg003.gif") no-repeat left bottom;
	padding:5px 0 0 0;
	}
div#side div.inve-area ul li{
	font-size:93%;
	width:87px;
	height:25px;
	line-height:25px;
	padding:0 0 0 28px;
	background:url("../../image/index-ar001.gif") no-repeat 15px center;
	}
div#side div.inve-area ul li.f-left{
	float:left;
	}
div#side div.inve-area ul li.f-right{
	float:right;
	}
div#side div.message-area a:hover img{
	/*op*/
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;

	}
