@charset "utf-8";

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header {
text-align:left;
margin:0 0 10px;
border-left:8px solid #000080;
border-bottom:3px solid #000080;
padding:5px 0 0 10px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
line-height:1.2;
}

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

.table_row{
display:table-row;
}
.table_cell{
display:table-cell;
padding:10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#a, #ka, #sa, #ta, #na, #ha, #ma, #ya, #ra, #wa, #abc {
margin-top:-40px;
margin-bottom:10px;
padding-top:40px;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅560px以下から
------------------------------------------------------------*/
@media only screen and (max-width:560px){

	.table_row{
	display:block;
	}
	.table_cell{
	display:block;
	}
}