@charset "utf-8";
/* CSS Document */

/*-----------------------------
	image-navigation-slider
-----------------------------*/

#image-navigation-text{
	width: 660px !important;
	margin: 0;
	height: 380px;
	overflow:hidden;
}
#image-navigation-text img{
	border:none;
}

#image-navigation-text .navi {
	position: relative;
	top: 0;
	width:200px;
	height:360px;
	background:url(../slider_image/slider/top_fade/slide_nav_bg.jpg) 0 0 no-repeat;
	left:435px;
	padding:10px 10px 10px 15px;
	margin:0;
	z-index:100;
	overflow:hidden;
}


#image-navigation-text .navi-image {
	width:430px;
	margin:0;
	padding:0;
}

#image-navigation-text ul{
	margin:0;
	padding:0;
}
#image-navigation-text ul li{
	clear:both;
	display:block;
	margin:0;
	padding:0;
}
* html #image-navigation-text ul li {
	clear:both;
	display:block;
	padding:0;
	margin:0;
	list-style-type:none;
}
#image-navigation-text ul li a {
	display:block;
	width:200px;
	height:65px;
	padding:0;
	line-height:1.2;
	margin:0 0 8px 0;
	text-decoration:none;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;	/* IE6・！E7絲上・ */
	-moz-opacity: 1 !important;	
}
* html #image-navigation-text ul{
	padding:0;
}
* html #image-navigation-text ul li a{
	width:100%;
	padding:0;
	margin:0;
	margin:0 0 5px 0;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;	/* IE6・！E7絲上・ */
	-moz-opacity: 1 !important;
}

#image-navigation-text ul li a.active {	
	opacity: 0.2 !important;
	filter: alpha(opacity=20) !important;	/* IE6・！E7絲上・ */
	-moz-opacity: 0.2 !important;
}

#image-navigation-text ul li a:hover{
	opacity: 0.2 !important;
	filter: alpha(opacity=20) !important;	/* IE6・！E7絲上・ */
	-moz-opacity: 0.2 !important;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a:hover { background:#fff;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;	/* IE6・！E7以上・ */
	-moz-opacity: 1 !important;
 }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }


/*-----------------------------
	bxslider
-----------------------------*/

/**slider prev nextのボタンimageはini.jsでslider_image/slider/を指定しています**/
.slider_01 .bx-wrapper{
	width: 950px !important;
	overflow: hidden;
	margin: 0 auto !important;
	position: relative !important;
	margin-top:10px !important;/**slider margin-topはここでとります**/
}
.slider_01 .bx-window{
	width: 880px !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	height: 108px;
}
.slider_01 ul#slide {
	width: 870px;
	height:110px;
	margin:0 auto;
	padding:0;
	background:#fff;
}
.slider_01 li.item {
	display:block;
	width: 108px;
	height:108px;
	margin:0;
	padding:0 9px;
}
.slider_01 .prev-next{
	width: 950px;
	margin: 0 auto;
	position: relative;
	margin-bottom:10px;/**slider margin-bottomはここでとります**/
}
.slider_01 .bx-prev,
.slider_01 .bx-next{
	text-align: center;
	vertical-align: baseline;
	padding-bottom: 20px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top:-80px;/**slider prevの位置**/
	text-decoration: none;
}
.slider_01 .bx-prev {left: 0px;}
.slider_01 .bx-next { right: 0px;}
.slider_01 .bx-prev:hover,
.slider_01 .bx-next:hover{
	text-decoration: none;
}
*:first-child+html .slider_01 .bx-prev,
*:first-child+html .slider_01 .bx-next{
	top:-90px;/**slider nextの位置**/
}



/**縦横slider共通設定**/
.slider_lengthwise h3,
.slider_transversely h3{
	margin:0 0 15px 0;
	padding:0;
}
ul.slide_vertical,
ul.slide_horizonal{
	width: 100%;
	height:auto;
	margin:0;
	padding:0;
	background:#fff;
}
ul.slide_vertical li.slide_item_list,
ul.slide_horizonal li.slide_item_list{
	display:block;
	font-size:12px !important;
	list-style-type:none;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:0.8;
}
ul.slide_vertical li.slide_item_list a,
ul.slide_horizonal li.slide_item_list a{
	text-decoration:none;
}
ul.slide_vertical li.slide_item_list a:hover,
ul.slide_horizonal li.slide_item_list a:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
ul.slide_vertical li.slide_item_list span,
ul.slide_horizonal li.slide_item_list span{
	display:block;
	font-size:14px !important;
	display:block;
	padding:5px 0 15px 0;
	margin-bottom:20px;
	color:#990000;
}
ul.slide_vertical li.slide_item_list span.rank,
ul.slide_horizonal li.slide_item_list span.rank{
	height:15px;
	margin:0;
	padding:5px 0 0 40px;
	background:url(../slider_image/slider/icon9.gif) left center no-repeat;
}
ul.slide_vertical li.slide_item_list img,
ul.slide_horizonal li.slide_item_list img{
	border:none;
}
ul.slide_vertical li.slide_item_list dl,
ul.slide_horizonal li.slide_item_list dl{
	margin:0;
	padding:0;
}
ul.slide_vertical li.slide_item_list dl dt,
ul.slide_horizonal li.slide_item_list dl dt{
	width:100%;
	margin:0 auto;
	color:#000;
	line-height:1.5;
	padding:0;
	margin-bottom:10px;
}
ul.slide_vertical li.slide_item_list dl dd,
ul.slide_horizonal li.slide_item_list dl dd{
	color:#990000;
	padding:0;
	margin:0;
}


/**縦並びのslider**/
.slider_lengthwise{
	width: 118px !important;
}
.slider_lengthwise .bx-wrapper{
	width: 100% !important;
	padding: 0 0 8px 0;
	height:785px;
	overflow: hidden;
}
.slider_lengthwise .bx-window{
	width: 100% !important;
	margin: 0 auto !important;
	overflow: hidden !important;
}
ul.slide_vertical li.slide_item_list {
	width: 100px;
	min-height:130px;/**縦並びのslider 画像間のマージンはここでとります**/
	margin:0 auto;
	padding:0 10px 0 10px;
}

/**横並びのslider**/
.slider_transversely{
	width: 700px !important;
	margin:0 auto;
}
.slider_transversely .bx-wrapper{
	width: 100% !important;
	min-height:150px;
	padding-top:0;
	padding-bottom:15px;/**横並びのslider 全体の余白bottomはここでとります**/
	padding-right:0;
	padding-left:0;
}
.slider_transversely .bx-window{
	width: 100% !important;
	margin: 0 auto !important;
	overflow: hidden !important;
}
ul.slide_horizonal li.slide_item_list {
	width:120px;
	margin:0;
	padding:0 5px;
}

/**ranking**/
.electric-rank{
	margin:0 auto 5px auto;
	display:block;
}