@charset "utf-8";

/* カテゴリインデックス（SP）：category_index_sp.css
 * **************************************************
 * Heading (none)
 * Local Navigation (none)
 * Category Index Navigation [ カテゴリインデックスナビ ]   
 * **************************************************
 */

/* Heading
------------------------------------------------------------------ */
/* 
#subPage .main h1 {
}
 */
 
/* Local Navigation
------------------------------------------------------------------ */
#subPage .localNav p,
#subPage .localNav ul {
    display: none;
}
 
/* Category Index Navigation
------------------------------------------------------------------ */
#subPage .categoryIndex {
    overflow: hidden;
}
#subPage .categoryIndex ul {
}
#subPage .categoryIndex li {
	position: relative;
	margin: 10px 0 10px 0;
	background-color: #608c5c;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}
#subPage .categoryIndex li:first-child {
	margin: 0;
}
#subPage .categoryIndex li a {
	display: block;
	padding: 3px;
	border: 3px solid #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#subPage .categoryIndex span {
    display: block;
	padding: 10px 10px 10px 25px;
	background: url(../images/common/list_style_category_index.png) no-repeat 0.5em 0.9em;
	font-size: 1.4em; /* =14px */
	line-height: 1.4;
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
	#subPage .categoryIndex span{
		background: url(../images/common/list_style_category_index@2x.png) no-repeat 0.5em 0.75em;
		-moz-background-size: auto 18px;
		-webkit-background-size: auto 18px;
		background-size: auto 18px;
	}
}
/* リード文（台本：なし） */
#subPage .categoryIndex small {
    display: block;
	padding: 5px 10px 10px 10px;
	font-size: 1.2em; /* =12px */
}