@charset "UTF-8";

/* lnavi.css
**************************************************************************************/


/* side-nav
=============================================================================*/

#side .lnavi-area {
	margin-bottom:30px;
}

#side p.category a {
	display:block;
	padding:25px 10px 23px;
	background-color:#f60000;
	color:#FFFFFF;
	text-decoration:none;
	font-size:20px;
	text-align:center;
}

#side div.lnavi a {
	text-decoration:none;
	color:#111111;
}

#side div.lnavi a:hover {
	color:#FF9900;
}

/* second navi */
#side div.lnavi ul li {
	border-bottom:1px solid #aba283;
	_zoom:1;
}

#side div.lnavi ul li a {
	_zoom:1;
	display:block;
	padding:14px 20px 14px 19px;
	background:url("../../image/lnavi-ar001.png") no-repeat right 10px center;
	background-size:5px  auto;
}

#side div.lnavi ul li.current a{
	color:#584607;
	background:url("../../image/lnavi-ar001.png") #eeece6 no-repeat right 10px center;
	background-size:5px  auto;
	font-weight:bold;
}



/* third navi */
#side div.lnavi ul li ul.third {
	padding:0;
	margin:0;
	background:#FFF;
}

#side div.lnavi ul li ul.third li {
	border-bottom:none;
	border-top:1px solid #aba283;
}

#side div.lnavi ul li ul.third li a {
	_zoom:1;
	display:block;
	padding:14px 20px 14px 29px;
	font-weight:normal;
	color:#444;
	background:url("../../image/lnavi-ar001.png") no-repeat right 10px center;
	background-size:5px  auto;
}

#side div.lnavi ul li ul.third li a:hover {
	color:#f39a00;
}

#side div.lnavi ul li ul.third li.current a {
	color:#584607;
	background:url("../../image/lnavi-ar001.png") #f4ebcb no-repeat right 10px center;
	background-size:5px  auto;
	font-weight:bold;
}


/* fourth navi */

#side div.lnavi ul li ul.third li ul.fourth {
	margin:0;
	padding:0;
}

#side div.lnavi ul li ul.third li ul.fourth li {
	border-top:1px solid #aba283;
}

#side div.lnavi ul li ul.third li ul.fourth li a {
	_zoom:1;
	display:block;
	padding:9px 20px 8px 45px;
	font-weight:normal;
	color:#444;
	background:url("../../image/lnavi-ar001.png") no-repeat right 10px center;
	background-size:5px  auto;
}

#side div.lnavi ul li ul.third li ul.fourth li a:hover {
	color:#f39a00;
}

#side div.lnavi ul li ul.third li ul.fourth li.current a {
	color:#584607;
	background:url("../../image/lnavi-ar001.png") #eeece6 no-repeat right 10px center;
	background-size:5px  auto;
	font-weight:bold;
}


@media screen and (max-width: 767px){
#side .lnavi-area {
	display:none;
}
}


/* bn-navi
=============================================================================*/

.banner-area ul li {
	padding-bottom:10px;
	line-height:1;
	text-align:center;
}

.banner-area ul li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.banner-area ul li img {
	max-width:255px;
}
	


@media screen and (max-width: 767px){
.banner-area ul li {
	text-align:center;
}	

.banner-area ul li img {
	max-width:100%;
}
}