@charset "utf-8";

/*=========================================================================
用途 :
NaviPlus用左サブメニューレイアウト
適用 :
カテゴリTOP
=========================================================================*/
/*
 CONTENT
----------------------------------------------------------------------------------------------------*/
#CONTENT{
	margin:0 auto;
	padding:0 0 30px;
	width:950px;
}

/*
 CONTENT system
----------------------------------------------------------------------------------------------------*/
#CONTENT.system{
	padding:0 0 30px;
	width:750px;
}
#CONTENT.cart{
	padding:0 0 30px;
}

/*
 CONTENT subwin
----------------------------------------------------------------------------------------------------*/
.contentSubwin{
	padding:0 0 30px !important;
	width:730px !important;
}


/*
 RIGHT_MAIN
----------------------------------------------------------------------------------------------------*/
#RIGHT_MAIN{
	float:right;
	width:750px;
}


/*
 LEFT_SUB
----------------------------------------------------------------------------------------------------*/
#LEFT_SUB{
	float:left;
	width:170px;
}
/* lNTitle
----------------------------------------------------------------------*/
#LEFT_SUB .lNTitle a{
	display:block;
	padding:5px 5px 6px 10px;
	width:155px;
	font-weight:bold;
	text-decoration:none;
	background:#002596;
	color:#fff;
}
#LEFT_SUB .lNTitle a:hover{
	text-decoration:underline;
	color:#fff;
}
#LEFT_SUB .lNTitle.noHref{
	display:block;
	padding:5px 5px 4px 10px;
	width:155px;
	font-weight:bold;
	text-decoration:none;
	background:#002596;
	color:#fff;
}
/* side_category 201707
----------------------------------------------------------------------*/
#LEFT_SUB .side_category dt{
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 1em 1em 1em 40px;
	font-size: 1em;
	color: #FFF;
	background-color: #0b318f;
}
#LEFT_SUB .side_category dt a{
	color: #FFF;
}
#LEFT_SUB .side_category .side_001001 dt{
	padding-left: 55px;
}
#LEFT_SUB .side_category .side_001001 dt:before{
	left: 12px;
	width: 36px;
	height: 10px;
	background-position: -6px -470px;
}
#LEFT_SUB .side_category .side_001002 dt:before{
	left: 14px;
	width: 18px;
	height: 18px;
	background-position: -66px -466px;
}
#LEFT_SUB .side_category .side_001003 dt:before{
	left: 14px;
	width: 18px;
	height: 18px;
	background-position: -116px -466px;
}
#LEFT_SUB .side_category .side_001004 dt{
	padding-left: 33px;
}
#LEFT_SUB .side_category .side_001004 dt:before{
	left: 14px;
	width: 13px;
	height: 18px;
	background-position: -169px -466px;
}
#LEFT_SUB .side_category .side_001005 dt:before{
	left: 14px;
	width: 18px;
	height: 16px;
	background-position: -216px -467px;
}
#LEFT_SUB .side_category .side_001006 dt:before{
	left: 14px;
	width: 18px;
	height: 16px;
	background-position: -266px -467px;
}
#LEFT_SUB .side_category .side_001007 dt:before{
	left: 14px;
	width: 21px;
	height: 18px;
	background-position: -315px -466px;
}
#LEFT_SUB .side_category dd{
	border: 1px solid #e6e6e6;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#LEFT_SUB .side_category dd li{
	position: relative;
	margin: 0;
}
#LEFT_SUB .side_category dd li a{
	position: relative;
	display: block;
	padding: 0.5em 2.5em 0.5em 1em;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
}
#LEFT_SUB .side_category dd li:last-child a{
	border-bottom: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#LEFT_SUB .side_category dd li > .op,
#LEFT_SUB .side_category dd li > .ac{
	background-color: #edf3fa;
}
#LEFT_SUB .side_category dd li ul{
	position: relative;
	padding: 0 10px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFF;
}
#LEFT_SUB .side_category dd li li a{
	border-bottom-style: dashed;
	padding: 0.75em 1em;
	font-size: 0.92em;
}
#LEFT_SUB .side_category dd li a:after{
	right: 14px;
	width: 7px;
	height: 13px;
	background-position: -72px -119px;
}
#LEFT_SUB .side_category dd li .accordion{
	display: block;
	position: relative;
  border-bottom: 1px solid #e6e6e6;
	padding-right: 2.5em;
	cursor: pointer;
}
#LEFT_SUB .side_category dd li .accordion:after{
	right: 11px;
	width: 13px;
	height: 7px;
	background-position: -170px -122px;
}
#LEFT_SUB .side_category dd li .accordion > a{
	display: inline-block;
	border-bottom: none;
	padding-right: 0;
}
#LEFT_SUB .side_category dd li .accordion > a:after{
	content:normal;
}
#LEFT_SUB .side_category dd li .accordion + ul{
	display: none;
}
#LEFT_SUB .side_category dd li li a:after{
	content: normal;
}

/* sNTitle
----------------------------------------------------------------------*/
#LEFT_SUB .sNTitle{
	padding:0 0 0 5px;
	width:160px;
	border-left:5px solid #002596;
	font-size:14px;
	font-weight:bold;
	color:#01266f;
}
#LEFT_SUB .sNTitle span{
	border-bottom: 1px solid #ccc;
}

/* subNavi
----------------------------------------------------------------------*/
#LEFT_SUB .subNavi{
	margin:4px 0 0;
	border-top:2px solid #e3e5ed;
}
#LEFT_SUB .subNavi li{
	margin:2px 0 0;
	border-bottom:1px dotted #ccc;
}
#LEFT_SUB .subNavi a{
	display:block;
	padding:3px 5px 2px 22px;
	width:143px;
	text-decoration:none;
	background:url(https://images.astyle.jp/images/parts/common/image/icn/arr01.gif) no-repeat 10px 7px;
	color:#000;
}
#LEFT_SUB .subNavi a:hover{
	text-decoration:underline;
	color:#002596;
}

/* syaNTitle
----------------------------------------------------------------------*/
#LEFT_SUB .syaNTitle{
	width:170px;
	height:26px;
	background:url(https://images.astyle.jp/images/parts/common/image/left/sya_title.gif) no-repeat 0 0;
}
/* syaNavi
----------------------------------------------------------------------*/
#LEFT_SUB .syaNavi li{
	border-bottom:2px solid #ccc;
}
#LEFT_SUB .syaNavi li a{
	display:block;
	width:170px;
	height:30px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#LEFT_SUB .syaNavi li a:hover{
	background-position:0 -30px;
}
#LEFT_SUB .syaNavi .syaLN01 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln01.gif);}
#LEFT_SUB .syaNavi .syaLN02 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln02.gif);}
#LEFT_SUB .syaNavi .syaLN03 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln03.gif);}
#LEFT_SUB .syaNavi .syaLN04 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln04.gif);}
#LEFT_SUB .syaNavi .syaLN05 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln05.gif);}
#LEFT_SUB .syaNavi .syaLN06 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln06.gif);}
#LEFT_SUB .syaNavi .syaLN07 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln07.gif);}
#LEFT_SUB .syaNavi .syaLN08 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln08.gif);}
#LEFT_SUB .syaNavi .syaLN10 a{background-image:url(https://images.astyle.jp/images/parts/common/image/left/syaln10.gif);}
#LEFT_SUB .syaNavi .endLine{border-bottom:7px solid #d9dfef;}