/* CSS 共通 20121109minamiリニューアル変更済み*/
* {
	margin: 0;
	padding: 0;
}

a img {
	border:0;
}

img {
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}

th, td {
	border-width: 0;
}

body {
	font-family: "ＭＳ ゴシック", "Osaka-等幅";
	/*line-height: 140%;*/
}
/* ヘッダースライダーコントロール */	
#header-slider-inner {
	width: 740px;
	height: 325px;/*height: 370px;*/
	margin-top: 0px;
	border:1px solid #7d99ca;
}

img.header-slider{
	margin-top:5px;
	border:1px solid #7d99ca;
}
	
img.header-slider-alpha{
	margin-top:4px;
	opacity: .3;
	filter: alpha(opacity=30);
}

/* タイトル グラデーションコントロール */	
.index_title h2,
.index_title {
	font-size: 16px;
	padding: 5px 7px 5px 7px;
	font-family:ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 10px 10px 3 rgba(0,0,0,0.5);
	font-weight:bold;
	color: #FFFFFF;
	border:1px solid #7AB906;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #7AB906;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABDC29), color-stop(100%, #7AB906));
    background-image: -webkit-linear-gradient(top, #ABDC29, #7AB906);
    background-image: -moz-linear-gradient(top, #ABDC29, #7AB906);
    background-image: -ms-linear-gradient(top, #ABDC29, #7AB906);
    background-image: -o-linear-gradient(top, #ABDC29, #7AB906);
    background-image: linear-gradient(top, #ABDC29, #7AB906);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ABDC29, endColorstr=#7AB906);
}

.style2 {
	color: #FF0000;
}

/* main */
#contents-main{
	width: 755px;
	margin-left: 5px;
}

iframe {
	border: none;
}	
	
#clear{
    clear:both; display:block; visibility:hidden;
}
	
/*================================================
 インフォメーションツール 
 ===============================================*/
#info-main {
	width: 755px;
	height: 220px;
	margin-bottom: 15px;
}

/* info-bar */
#info-bar {
	float:left;
}

#info-bar .title {
	width: 545px;
	margin-right: 10px;
}

/* information */
#info-inner {
	width: 563px;
	height: 178px;
	border: 1px solid #7d99ca;
	margin-top: 10px;
}

#info-inner ul.list-type-a {/* 未完成要修正 */
	list-style-type:none;
}

.list-type-a li{
	width: 563px;
	height: 16px;
	font-size: 12px;
	padding-top:2px;
	border-top:solid 1px #808080;
	border-bottom:solid 1px #fff;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	cursor: pointer;
}

/* インフォメーションカラーコントロール（ブルー） */
.list-type-a li.info-blue {
	color: #ffffff;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #cecece));
	/* Old browsers */
	background: -moz-linear-gradient(top,  #819bcb 0%, #536f9d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%,#536f9d));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #819bcb 0%,#536f9d 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #819bcb 0%,#536f9d 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #819bcb 0%,#536f9d 100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #819bcb 0%,#536f9d 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#819bcb', endColorstr='#536f9d',GradientType=0 );
	/* IE6-9 */
}

{*ホバー時スタイル*}
.list-type-a li.info-blue:hover {
	background: #536f9d;
	/* Old browsers */
	background: -moz-linear-gradient(top,  #536f9d 0%, #819bcb 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#536f9d), color-stop(100%,#819bcb));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #536f9d 0%,#819bcb 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #536f9d 0%,#819bcb  100%); 
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #536f9d 0%,#819bcb  100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #536f9d 0%,#819bcb  100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536f9d', endColorstr='#819bcb ',GradientType=0 );
	/* IE6-9 */
}
/* インフォメーションカラーコントロール（モノクロ） */
.list-type-a li.info-mono {
	color: #000000;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #cecece));
	/* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
	/* IE6-9 */
}

{*ホバー時スタイル*}
.list-type-a li.info-mono:hover {
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#ffffff  100%); 
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff  100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#ffffff  100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff ',GradientType=0 );
	/* IE6-9 */
}

/* インフォメーションカラーコントロール（赤黒） */
.list-type-a li.info-redbk {
	color: #ffffff;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #cecece));
	/* Old browsers */
	background: -moz-linear-gradient(top,  #cc0000 0%, #222211 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#222211));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc0000 0%,#222211 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc0000 0%,#222211 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc0000 0%,#222211 100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #cc0000 0%,#222211 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#222211',GradientType=0 );
	/* IE6-9 */
}

{*ホバー時スタイル*}
.list-type-a li.info-redbk:hover {
	background: #cc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top,  #222211 0%, #cc0000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222211), color-stop(100%,#cc0000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222211 0%,#cc0000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222211 0%,#cc0000  100%); 
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222211 0%,#cc0000  100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  #222211 0%,#cc0000  100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222211', endColorstr='#cc0000 ',GradientType=0 );
	/* IE6-9 */
}

.list-type-a li a.info_a_white {
	color:#ffffff;
	text-decoration:none;
	margin-left:20px;
}

.list-type-a li a.info_a_bk {
	color:#333333;
	text-decoration:none;
	margin-left:20px;
}

.list-type-a li a.info_a_blue {
	color:#0066ff;
	text-decoration:none;
	margin-left:20px;
}

.list-type-a li a img.bik{
	width: 12px;
	height: 12px;
	margin-top:-2px;	
}


#info-inner a.etc-info {
	font-size:10px;
	color:#009900;
	float:right;
	text-decoration:none;
}

#info-inner a.etc-info:hover {
	color:#0066ff;
}
/*==================================================
その他インフォメーション
==================================================*/
#etc-info {
	width: 755px;
	margin-bottom: 15px;
}


/*==================================================
info-cm
==================================================*/
#info-cm {
	float: right;
}
	
#info-cm .title {
	width: 160px;
}

/* cm */
#cm-inner {
	width: 178px;
	height: 178px;
	border: 1px solid #7d99ca;
	margin-top: 10px;
}

#cm-inner a:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/* ディリーランキングツール */
#sp-movie {
	width: 755px;
	margin-top: 10px;
	margin-bottom: 15px;
}

*:first-child+html 	#sp-movie {
	height: 280px;/* ie7 */
}

#sp-movie a:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/* ディリーランキングツール */
#daily-rank {
	width: 755px;
	margin-bottom: 15px;
}

*:first-child+html 	#daily-rank {
	height: 345px;/* ie7 */
}
	
/* daily-rank */
#daily-rank .title  {
	width: 735px;
	float:left;
}

#daily-inner {
	width: 753px;
	height: 335px;
	margin-top: 10px;
}	


#slider8.framesize {
	width: 753px;
	height: 335px;/* 360px */
}
	
.daily-title {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	text-align: center;
	padding: 15px 0 7px 0;
}
	
a.daily-a-title {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	border: 0px;
	text-align: center;
	margin: 0 5px 0 5px;
	line-height: 150%;
	text-decoration:none;
}
	
p.daily-price {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	text-align: center;
	margin: 0 5px 0 5px;
	line-height: 150%;
}	
	

/* ▼2015/8/25 各カテゴリーランキング・タブ切替▼ */
#category-inner {
	width: 755px;
	height: 300px;
	border: none;
	margin-top: 25px;
}


#tab li {
	float: left;
	margin: 0 2px 5px 0;
	list-style: none;
	cursor: pointer;
	background: url(../images/base/cate_tab.jpg) no-repeat;
 	color: #000;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 3pt;
	text-align: center;
}

#tab li span{
 	display: inline-block;
 	padding: 15px 0;
	width: 120px;
	height: 15px;
}

#tab li.tabtop{
	margin-left: 10px;
}

#tab li.select {
 	color: #fff;
	background: url(../images/base/cate_tab_on.jpg) no-repeat;
}

.disnon {
 	display: none;
}

#tab li.fade {  /* マウスオーバー時の透過 */
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
#tab li.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
} 

.content_wrap {
	clear: left;
	width: 735px;
	height: 330px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	background: #fff;
}

#category li {
	float: left;
	width: 140px;
	height: 310px;
	margin: 5px 5px 0 0;
	padding-top: 5px;
	list-style: none;
	background: #fff;
	border: 1px solid #7d99ca;
}

#category li .linkbox{
	position: relative;
	width: 140px;
	height: 260px;
	margin-top: 2px;
}

#category li a{
	border: 0px;
/*	display:block;*/
	text-decoration:none;
}

#category li .linkbox a{
	position: absolute;	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#category li a:hover {
	background-color : #fff;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}

#category li p{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	text-align: center;
	padding-top: 5px;
	line-height: 140%;
}

#category li p.cate-price{
	color: #cc0000;
	line-height: 125%;
}

#category li img.stay{
	position: absolute;
	bottom: 0px;
	left: 15px;
}



/* カテゴリ別ランキングツール */
/*#category-rank {
	width: 755px;
	height: 795px;
	margin-bottom: 15px;
}*/
	
/* category-rank */
/*#category-rank .title {
	width: 735px;
	float: left;
}

#category-inner {
	width: 755px;
	height: 770px;
	border: none;
	margin-top: 10px;
}

* html #slider1, #slider2, #slider3, #slider4, #slider5, #slider6 {
	height: 370px;
	border: 1px solid #7d99ca;
}
	
#slider1.framesize,
#slider2.framesize,
#slider3.framesize,
#slider4.framesize,
#slider5.framesize,
#slider6.framesize {
		width: 240px; height: 370px;
		border: 1px solid #7d99ca;
}
	
.cate-title {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	text-align: center;
	padding: 0px 0 8px 0;
}
	
a.cate-a-title {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	border: 0px;
	text-align: center;
	padding: 0 5px 0 5px;
	line-height: 200%;
	display:block;
	width: 240px;
	text-decoration:none;
}
	
p.cate-price {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	text-align: center;
	padding: 0 5px 0 5px;
	line-height: 150%;
}*/



/* 新着商品紹介ツール */
#info-news {
	width: 755px;
	margin-bottom: 15px;
}

*:first-child+html 	#info-news {
	height: 345px;/* ie7 */
}
	
/* info-news */
#info-news .title {
	width: 735px;
	float:left;
}

#news-inner {
	width: 753px;
	height: 335px;/*height: 370px;*/
	margin-top: 10px;
}	

#slider7.framesize {
		width: 753px;
		height: 335px;
}
	
.news-title {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	text-align: center;
	padding: 7px 0;
}
	
a.news-a-title {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	border: 0px;
	text-align: center;
	margin: 0 5px;
	line-height: 160%;
	text-decoration:none;
}
	
p.news-price {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	text-align: center;
	margin: 0 5px;
	line-height: 160%;
}	

#news-inner .parts1 img:hover{
	filter:alpha(opacity=20);
	opacity:0.8;
}

#news-inner .parts1 img{
	padding-bottom: 5px;
}


/* オススメツール */
#info-osusume {
	width: 755px;
}

/* info-osusume */
#info-osusume .title {
	width: 735px;
	float:left;
}
	
#osusume-inner {
	width: 753px;
	padding:15px 0 15px 0;
}

a.osusume-a-title {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #383838;
	border: 0px;
	text-align: center;
	line-height: 200%;
	text-decoration:none;
}