@charset "utf-8";

/* パンくずリスト
------------------------------------------------------------*/
div ol#breadcrumb{
padding:0 0 20px;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header2 {
text-align:left;
margin:0 0 10px;
border-bottom:3px solid #000080;
padding:5px 2px 0px 40px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
background:url('../img/document_28.png') no-repeat 5px 4px;
line-height:1.2;
}

/* 商品索引
------------------------------------------------------------*/
#goods_index {
margin-top:20px;
}

/*http://coliss.com/articles/build-websites/operation/css/css-parent-child-vertical-list-menu.html*/

#goods_index #indexes {
width:90%;
background: #f5f5f5;
border-radius: 8px;
margin:0 auto 10px;
text-align:center;
}

#goods_index #indexes ul li{
display:inline-block;
padding:5px;
white-space:nowrap;
}

#goods_index #indexes ul li a{
text-decoration:none;
color:#000000;
}
#goods_index #indexes ul li a:hover{
text-decoration:underline;
color:#800000;
}

#goods_index ul.list,
#goods_index ul.list ul {
list-style-type:none;
margin:0;
padding:0;
}

#goods_index ul.list ul {
margin-top:5px;
margin-left:10px;
position:relative;
}

#goods_index ul.list ul:before {
content:"";
display:block;
width:0;
position:absolute;
top:0;
bottom:0;
left:0;
border-left:1px solid #999;
}

#goods_index ul.list li  {
margin:0;
padding:3px 12px;
line-height:20px;
color:#fff;
font-weight:bold;
position:relative;
}

#goods_index ul.list li span {
background-color:#800000;
padding:0 5px;
}

#goods_index ul.list li a { 
text-decoration:underline;
line-height:10px;
color:#000080;
position:relative;
}

#goods_index ul.list li a:hover,
#goods_index ul.list li a:hover+ul li a {
color:#800000;
}

#goods_index ul.list li a span{ 
padding:0 3px;
}

#goods_index ul.list ul li:before {
content:"";
display:block;
width:10px;
height:0;
border-top:1px solid #999;
position:absolute;
top:10px;
left:0;
}

#goods_index ul.list ul li:last-child:before {
background:#fff; 
height:auto;
top:10px; 
bottom:0;
}

#goods_index ul.list li li {
color:#000080;
font-weight:bold;
}

#goods_index ul.list li li li {
color:#333;
font-weight:normal;
}