@charset "utf-8";

/*
	ページ上部お知らせバナー
*/

#wrap > #attention{
	width:970px;
	margin:10px auto;
}
#wrap > #attention a,
#wrap > #attention img{
	display:block;
}
#wrap > #attention a:hover{
	opacity:0.7;
}

#iframe-crsl{
	width:100%;
	height:250px;
	display:block;
}

/*
	ヘッダー
*/

#heder_top{ width:100%; max-width:970px; margin:0 auto;}
#heder_top a img{ float:left; margin-right:10px;}
#heder_top span{ font-size:11px; line-height:150%;}
#heder_top nav{
	width:388px;
	margin-bottom:12px;
	border:1px #dedede solid;
	text-align:center;
	bottom:50px;
	right:0;
}
#heder_top nav ul{
	overflow:hidden;
	height:20px;
	padding:7px 0;
	display:inline-block;
}
#heder_top nav li{
	float:left;
	border-right:2px #000000 solid;
	padding:0 7px;
}
#heder_top nav li:last-of-type{
	border-right:none;
	padding-right:0;
}
#heder_top nav li:first-of-type{
	padding-left:0;
}
#heder_top nav li a{
	font-size:12px;
	line-height:20px;
	height:12px;
	color:#000000;
}

p .hidari {
  float: left;
  margin-right: 0em;
  margin-bottom: 0em;
}

p img { 
  float: left; 
  margin-right: 100px;
}

wrap{ width:100%;}
wrap > header{
	display:block;
	width:970px;
	height:113px;
	margin:0 auto 18px;
	position:relative;
}
#wrap > header > *{
	position:absolute;
}
#wrap > header a{
	display:block;
}
#wrap > header a:hover{
	opacity:0.7;
}

#wrap > header > em{
	font:bold 16px/1.5 m-bold, sans-serif;
	color:#004461;
	top:5px;
	left:0;
}
#wrap > header > h1{
	width:200px;
	height:45px;
	top:50px;
	left:0;
}
#wrap > header > h1 a{
	width:200px;
	height:0;
	padding-top:45px;
	overflow:hidden;
	background:url('../img/header/logo.png') no-repeat;
}
#wrap > header > strong{
	display:block;
	width:91px;
	height:0;
	padding-top:95px;
	overflow:hidden;
	background:url('../img/header/award.png') no-repeat;
	bottom:0;
	right:400px;
}
#wrap > header > nav{
	width:388px;
	height:28px;
	margin-bottom:12px;
	border:1px #dedede solid;
	text-align:center;
	bottom:50px;
	right:0;
}
#wrap > header > nav ul{
	overflow:hidden;
	height:14px;
	padding:7px 0;
	display:inline-block;
}
#wrap > header > nav li{
	float:left;
	border-right:2px #000000 solid;
	padding:0 7px;
}
#wrap > header > nav li:last-of-type{
	border-right:none;
	padding-right:0;
}
#wrap > header > nav li:first-of-type{
	padding-left:0;
}
#wrap > header > nav li a{
	font-size:12px;
	line-height:15px;
	height:12px;
	color:#000000;
}
#wrap > header > a,
#wrap > header >a img{
	width:390px;
	height:50px;
	bottom:0;
	right:0;
}

/*
	nav
*/

#wrap > nav{
	display:block;
	width:100%;
	background-color:#071b39;
	background: -moz-linear-gradient(top,  #071b39 0%, #071b39 50%, #ffffff 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#071b39), color-stop(50%,#071b39), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #071b39 0%,#071b39 50%,#ffffff 50%,#ffffff 100%);
	background: -o-linear-gradient(top,  #071b39 0%,#071b39 50%,#ffffff 50%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #071b39 0%,#071b39 50%,#ffffff 50%,#ffffff 100%);
	background: linear-gradient(to bottom,  #313131 0%,#313131 50%,#ffffff 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071b39', endColorstr='#ffffff',GradientType=0 );
	height:94px;
}
#wrap > nav > *{
	width:970px;
	margin:0 auto;
}
#wrap > nav ul{
	position:relative;
}
#wrap > nav li{
	display:inline-block;
	line-height:47px;
}
#wrap > nav li a{
	color:#ffffff;
	display:block;
	padding:0 10px;
}
#wrap > nav li a:hover{
	background:url('http://image.rakuten.co.jp/minority/cabinet/main_parts/16_nav2.gif') center center no-repeat;
}
#wrap > nav li:last-of-type{
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
#wrap > nav form input{
	height:30px;
	padding:0;
	border:0;
	vertical-align:middle;
}
#wrap > nav form input[type="text"]{
	width:210px;
	padding:0 10px;
	font:12px/30px 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#wrap > nav form input[type="submit"]{
	width:50px;
	background-color:#8aa9b7;
	font:13px/30px 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#wrap > nav dl{
	font-size:12px;
	color:#FF0000;
	overflow:hidden;
	height:38px;
}
#wrap > nav dt{
	font-weight:bold;
	display:inline-block;
}
#wrap > nav dt::after{
	content:"：";
}
#wrap > nav dd{
	display:inline-block;
	margin-right:5px;
	line-height:38px;
}
#wrap > nav dd a{
	color:#313131;
}
#wrap > nav dd a:hover{
	color:#bbbbbb;
}

/*
	.pick
	ヘッダーメニュー下　セールや特集など
*/

#wrap > .pick{
	width:970px;
	margin:0 auto;
}
#wrap > .pick a{
	display:block;
}
#wrap > .pick a:hover{
	opacity:0.7;
}
#wrap > .pick img{
	display:block;
	margin-bottom:15px;
}
#wrap > .pick ul{
	overflow:hidden;
}
#wrap > .pick li{
	float:left;
}

#wrap > .pick .l02 a{ margin-right:20px;}
#wrap > .pick .l02 img{ width:475px;}
#wrap > .pick .l02 li:nth-of-type(2n) a{ margin-right:0;}

#wrap > .pick .l03 a{ margin-right:20px;}
#wrap > .pick .l03 img{ width:310px;}
#wrap > .pick .l03 li:nth-of-type(3n) a{ margin-right:0;}

#wrap > .pick .l04 a{ margin-right:10px;}
#wrap > .pick .l04 img{ width:235px;}
#wrap > .pick .l04 li:nth-of-type(4n) a{ margin-right:0;}


/*ナビクーポン*/

ul#coupon-navi{
   width:970px;
   overflow:hidden;
   margin:0 auto;
}

ul#coupon-navi li{
   float:left;
   height:150px;
   display:block;
}

ul#coupon-navi li #coupon1{ width:321px;}
ul#coupon-navi li #coupon2{ width:325px;}
ul#coupon-navi li #coupon3{ width:324px;}

ul#coupon-navi li a {
   display: block;
   overflow: hidden;
   height: 0px;
   background-image: url('http://image.rakuten.co.jp/minority/cabinet/sale/0613/cpn.gif');
   padding-top:150px;
}

/* global navi normal
---------------------*/
   #coupon1 a { width:321px; background-position:0       0;}
   #coupon2 a { width:325px; background-position:-321px  0;}
   #coupon3 a { width:324px; background-position:-646px  0;}

/* global navi rollover
----------------------*/
   #coupon1 a:hover  { width:321px; background-position:0       -150px;}
   #coupon2 a:hover  { width:325px; background-position:-321px  -150px;}
   #coupon3 a:hover  { width:324px; background-position:-646px  -150px;}
   
   
/* pushitem
---------------------*/   
   ul.pushitem{
	width:970px;
	padding:0px;
	list-style:none;
	/*background:url('../img/index/detail.png') repeat;*/
	overflow:hidden;
	display:block;
	clear:both;}
	
ul.pushitem li{
	width:135px;
	background-color:#ffd700;
	display:block;
	overflow:hidden;
	float:left;
	margin-right:4px;
	}
	
ul.pushitem li:last-child{
	margin-right:0;}
	
div.title{
	font-size:10px;
	color:#333;
	font-weight:bold;
	display:block;
	overflow:hidden;
	margin:0 5px;}
	
div.price{
	display:block;
	text-align:right;
	font-size:14px;
	color:#C00;
	font-weight:bold;
	margin:5px auto;}
	
div.price span{
	font-size:8px;
	color:#333;
	font-weight:normal;
	margin-right:5px;}
	
ul.pushitem li img{
	width:125px;
	margin:5px;}
	

/*---ヘッダースライダー---*/

.eventarea {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.feabanaarea {
	width:100%;
	background-color:#fff;
	float: left;
	/*border-top:1px solid #ccc;*/
	padding-bottom: 5px;
	margin-bottom: 5px;
}

ul.feabana {
	width:970px;
	margin:0 auto;
	background-color:#eee;
}

ul.feabana li {
	width:25%;
	float:left;
	padding:0 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul.feabana li img {
	width:100%;
	border:1px solid #eee;
}

ul.feabana li p {
	font-size:10px;
	padding:5px 0;

}

ul.feabana li a {
	color:#06F;

}

ul.feabana li img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}

/*---ヘッダースライダー終わり---*/