@charset "UTF-8";



#main h2 {
	background: transparent url(../img/icon/icon_ume.png) no-repeat 0em center ;
	padding:0.5em 0.5em 0.5em 40px;
}
/* ------------------------ */
/* サムネイル画像 */
/* ------------------------ */
#thumbnail .div_h3{
	border: solid 1px #ff6600;
	background-color:#ff6600;
	background:-webkit-gradient(linear,0 0,0 bottom,from(#ff6600),color-stop(0.5,#ff6600),to(#ff6600));
	background:-moz-linear-gradient(#ff6600,#ff6600 50%,#ff6600);
/*	-pie-background:linear-gradient(#ff9933,#ff6600 50%,#ff6600);*/

/*	behavior:url("/css/PIE.htc");*/
	position:relative;
}
#thumbnail .div_h3 h3{
	background: transparent url(../img/icon/icon_ume.png) no-repeat 0em center ;
	padding:0 0 0 40px;
}

/* ------------------------ */
/* カテゴリページ */
/* ------------------------ */
ul.genre-tab{
	width:730px;
}
ul.genre-tab li { 
	padding: 12px 15px 12px 15px;
}
ul.genre-tab li:hover{ 
	padding: 15px 15px 15px 15px;

	background-color:#DDD;
	background:-webkit-gradient(linear,0 0,0 bottom,from(#DDD),color-stop(0.5,#DDD),color-stop(0.51,#DDD),to(#DDD));
	background:-moz-linear-gradient(#DDD,#DDD 50%,#DDD 51%,#DDD);
/*	-pie-background:linear-gradient(#eaf6fd,#d9f0fc 50%,#bee6fd 51%,#a7d9f5);*/

/*	behavior:url("/css/PIE.htc");*/
	position:relative;

	
}
ul.genre-tab li.currently { 
	padding: 15px 15px 15px 15px;

	border: solid 1px #ff6600;
	background-color:#ff6600;
	background:-webkit-gradient(linear,0 0,0 bottom,from(#ff6600),color-stop(0.5,#ff6600),to(#ff6600));
	background:-moz-linear-gradient(#ff6600,#ff6600 50%,#ff6600);
/*	-pie-background:linear-gradient(#ff9933,#ff6600 50%,#ff6600);*/

/*	behavior:url("/css/PIE.htc");*/
	position:relative;
}

#thumbnail div.frame {
	border: solid 1px #ff6600;
}
ul.genre-tab li { 
	height:1.75em;
}
ul.genre-tab li.line1{ 
	line-height:1.75em; /* 縦 中央揃え用 */
}

#thumbnail div.navi ul li a:hover{
	background-color:#c9c9c9;
	color:#FFF;
}
#thumbnail div.navi ul li.currently {
	color:#ff6600;
	font-weight:bold;
}

/* ------------------------ */
/* 特長部分　　　　　　　　 */
/* ------------------------ */

#merit .left{
	float:left;
}

#merit .right{
	float:right;
}

#merit .merit{
	width: 220px;
}

#merit h3{
	padding-top: 10px;
	text-align: center;
	color: #333;
	font-size: 26px;
	line-height: 20px;
}

.arrow_box {
	width: 210px;
	margin: 0;
}
.arrow_box:after {
	right: 100%;
	top: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(234, 241, 249, 0);
	border-right-color: #f4f4f4;
	border-width: 10px;
	margin-top: -10px;
}

#merit p{
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}

#merit a.more{
	display: block;
	width: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px 0;
	text-align: center;
	margin-top: 10px;
	background: #999 url(../img/container_bgBtn_arrowWhite_s.png) no-repeat 95% 50%;
	color: #fff;
}