@charset "utf-8";

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

/* Heading
------------------------------------------------------------------ */
/* 
#subPage .main h1 {
}
 */
 
/* Category Index Navigation
------------------------------------------------------------------ */
#subPage .categoryIndex {
	overflow: hidden;
	margin: 0 0 15px 0;
	background-color: #f6f3f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:0 20px;
}
#subPage .categoryIndex:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#subPage .categoryIndex ul {
	margin: 15px auto;
	width: 680px;
}
#subPage .categoryIndex li {
	float: left;
	position: relative;
	margin: 0 20px 20px 0;
	width: 328px;
	background-color: #fefefe;
	background: linear-gradient(#fefefe, #f4f4f4);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #999999;
	vertical-align: middle;
	color: #000000 !important;
}
#subPage .categoryIndex li + li {
	margin: 0;
}

#subPage .categoryIndex li:first-child,
#subPage .categoryIndex li:first-child + * + *,
#subPage .categoryIndex li:first-child + * + * + * + *,
#subPage .categoryIndex li:first-child + * + * + * + * + * + *,
#subPage .categoryIndex li:first-child + * + * + * + * + * + * + * + *,
#subPage .categoryIndex li:first-child + * + * + * + * + * + * + * + * + * + *{
	margin: 0 15px 15px 0;
}
#subPage .categoryIndex li a {
	display: block;
	padding: 3px;
	min-height:66px;
	height:auto !important;
	height:66px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
}

#subPage .categoryIndex a,
#subPage .categoryIndex a:visited,
#subPage .categoryIndex a:hover,
#subPage .categoryIndex a:active{
color: #000000 !important;
text-decoration:none;
}

#subPage .categoryIndex span {
    position: absolute;
    top: 50%;
	margin-left:-0.2em;
    margin-top: -1em;
	display: block;
	padding: 0 15px 0 20px;
	font-size: 1.6em; /* =16px */
	line-height: 2;
	color: #000000 !important;
}
	
#subPage .categoryIndex span:before{
  content: '';
    width: 16px;
    height: 16px;
    border: 0px;
    border-top: solid 2px #0066D2;
    border-right: solid 2px #0066D2;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left:300px;
    margin-top: -8px;
}

#subPage .categoryIndex span.line2 {
    position: absolute;
    top: 35%;
	line-height:1.7em
}
/* リード文（台本：なし） */
#subPage .categoryIndex small {
    display: block;
	padding: 5px 10px 10px 10px;
	font-size: 1.2em; /* =12px */
}