@charset "euc-jp";

.in,.out{
}

.slideup.in{
z-index:10;

}

.slideup.out{
z-index:0;

}

.slideup.out.reverse{
z-index:10;

}

.slideup.in.reverse{
z-index:0;

}

@-webkit-keyframes slideup{
from{
-webkit-transform:translateY(100%);

}

to{
-webkit-transform:translateY(0);

}

}

@-webkit-keyframes slidedown{
from{
-webkit-transform:translateY(0);

}

to{
-webkit-transform:translateY(100%);

}

}

#home h1{
}

#searchform{
padding:5px 5px 7px 5px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#da6464),color-stop(1,#c00000));

}

#searchform .inputsearchword{
border:solid 1px #5b5b5b;
font-weight:lighter;
margin:0 0 3px 0;
padding:0;
width:100%;
height:28px;
font-size:16px;

}

#searchform .input-left{
margin-right:72px;

}

#searchform .input-right{
width:70px;
float:right;

}

#searchform .inputselect{
border:solid 1px #5b5b5b;
margin:0;
padding:0;
width:100%;
height:24px;

}

#searchform .searchbutton{
margin:0;
padding:3px 10px 3px 10px;
width:100%;
border:solid 1px #000;
font-size:90%;
height:24px;
-webkit-border-radius:7px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.4,#cc9e9e));

}

#goto_exallgenre{
font-weight:bold;
color:#bf0000;
cursor:pointer;
background:transparent;
border:transparent;

}

#goto_exallcontents{
font-weight:bold;
color:#bf0000;
cursor:pointer;
background:transparent;
border:transparent;

}

#explainicon{
padding:0;
margin:0;
font-size:12px;
border-bottom:dotted 1px #919191;
overflow:hidden;
width:100%;
height:0px;
-webkit-transition:height ease-in-out 200ms;

}

#explainicon .iconbox-double{
padding:10px 0 10px 0px;
margin:0 auto;
width:300px;

}

#explainicon .iconbox-double div{
text-align:left;
float:left;
width:49%;

}

#explainicon .iconbox-double ul{
margin:0;
padding:0;
list-style-type:none;

}

#exallgenre .headArea,#exallcontents .headArea{
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fffbcc),color-stop(0.6,#fff));

}

#exallgenre .sdutitle,#exallcontents .sdutitle{
margin:5px 0 10px 0;
float:left;
padding:5px 10px 3px 10px;
font-size:120%;
font-weight:bold;
color:#bf0000;

}

#exallgenre .backhome,#exallcontents .backhome{
margin:7px 7px 10px 0;
float:right;
padding:3px 10px 3px 10px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#fff),color-stop(1,#dedede));
border:solid 1px #666;
-webkit-border-radius:7px;
-webkit-box-shadow:0px 0px 4px #666;
font-size:100%;

}

#exallgenre a,#exallcontents a{
text-decoration:none;
color:#ff5900;

}

#exallgenre{
background:#fff;
text-align:left;
height:100%;

}

#exallgenreform{
padding:0px;
border-top:solid 1px #e2e2e2;
border-bottom:solid 1px #e2e2e2;

}

#exallgenreform .inputsearchword{
margin:0 0 5px 0;
padding:0px;
width:100%;
height:28px;
font-size:100%;

}

#exallgenreform .inputselect{
margin:0 0 5px 0;
width:100%;
height:28px;
font-size:100%;

}

#exallgenreform .inputexclusion{
margin:0px;
padding:0px;
width:180px;
height:28px;
margin:0 0 5px 0;
font-size:100%;

}

#exallgenreform .inputprice{
margin:0px;
padding:0px;
width:70px;
height:28px;
margin:0 0 5px 0;
font-size:100%;

}

#exallgenreform .searchbutton{
width:100%;
height:30px;
margin:25px 0 0 0;
font-weight:bold;
font-size:100%;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef6d6d),color-stop(0.4,#cf3a3b));
color:#fff;
border:solid 1px #ac0404;

}

#exallgenreform .exallgenrebox{
text-align:left;
font-size:90%;
border-top:dotted 1px #919191;

}

#exallgenreform .exallgenrebox-title{
font-weight:bold;
margin:3px 0 0 0;

}

#exallcontents{
background:#fff;
text-align:left;
height:100%;

}

#exallcontentsform{
padding:0px;

}

#exallcontentsform .searchbutton{
width:100%;
height:30px;
margin:25px 0 0 0;
font-weight:bold;
font-size:100%;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.4,#dcdcdc));
border:solid 1px #5b5b5b;

}

#exallcontentsform .searchbutton{
width:99%;
height:35px;
padding:3px 10px;
margin:0 0 10px 0;
font-weight:bold;
font-size:100%;

}

#exallcontentsform .searchbutton{
width:100%;
height:35px;
padding:3px 10px;
margin:0 0 10px 0;
font-weight:bold;
font-size:100%;
border:solid 1px #5b5b5b;

}

div#feature_list{
width:280px;
height:210px;
overflow:hidden;
position:relative;
border:solid 1px #999;
-webkit-box-shadow:0px 0px 5px #a6a6a6;
margin:10px auto 12px;

}

div#feature_list ul{
position:absolute;
top:0;
list-style:none;
padding:0;
margin:0;

}

ul#feature_tabs{
left:0;
z-index:2;
width:85px;

}

ul#feature_tabs li{
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(237,237,237)),color-stop(0.4,rgb(204,204,204)));
text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;

}

div#feature_list li h3{
padding:17px 0 0 5px;
font-size:90%;
font-weight:bold;
text-transform:uppercase;

}

ul#feature_tabs li img{
padding:5px;
border:none;
float:left;
margin:0 0 0 0;

}

ul#feature_tabs li a{
color:#666;
text-decoration:none;
display:block;
padding:10px 0 10px 3px;
height:50px;
outline:none;

}

ul#feature_tabs li a:hover{
text-decoration:none;

}

ul#feature_tabs li a.current{
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffaa7d),color-stop(0.4,#ff7c36));
background:url("http://a.ichiba.jp.rakuten-static.com/com/img/home/iphone/top/201010/rankingArrow.png") no-repeat 0px 0px;
color:#ff4614;
width:90px;
z-index:3;

}

ul#feature_tabs li a.current:hover{
text-decoration:none;
cursor:default;

}

ul#feature_output{
background:#fff;
right:0;
width:195px;
height:210px;
position:relative;

}

ul#feature_output li{
position:absolute;
width:195px;
height:210px;

}

#flick1,#flick2,#flick3{
height:86px;
margin:0 auto 5px;
overflow:hidden;
position:relative;

}

#flick1 ul#slbox1,#flick2 ul#slbox2,#flick3 ul#slbox3{
position:absolute;
top:0;
left:0;

}

#flick1 ul#slbox1 li,#flick2 ul#slbox2 li,#flick3 ul#slbox3 li{
height:86px;
display:block;
float:left;

}

#flick1 ul#slbox1 li a,#flick1 ul#slbox1 li span,#flick2 ul#slbox2 li a,#flick2 ul#slbox2 li span,#flick3 ul#slbox3 li a,#flick3 ul#slbox3 li span{
display:block;
width:80px;
height:86px;
margin:0 auto;
color:#fff;

}

#flick2 ul#slbox2 li img{
border:solid 1px #999;
-webkit-box-shadow:0px 0px 3px #666;

}

.slBtnArea{
margin:0 0 5px 0;
padding:2px 10px 0 10px;

}

.btn-back,.btn-next{
width:60px;
padding:5px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#fff),color-stop(1,#dedede));
text-align:center;
-webkit-border-radius:7px;
-webkit-box-shadow:0px 0px 4px #666;
font-weight:bold;
color:#bf0000;

}

.btn-back{
float:left;
margin:0 0 -40px 0;

}

.btn-next{
float:right;
margin:-25px 0 0 0;

}

#slbox1,#slbox2,#slbox3{
-webkit-transform:translate3d(0,0,0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

}

.slPeger{
margin:0 auto 5px;
width:55px;

}

.lamper{
width:10px;
height:10px;
border:solid 1px #fff;
-webkit-box-shadow:0px 0px 3px #666;
float:left;
margin:8px 3px 0;

}

.cur{
background:#bf0000;

}

#dropdownArea01{
position:relative;

}

#dropdownArea02{
position:relative;

}

.ddaBtn,.ddaBtn02{
color:#000;

}

.ddaBtn,.ddaBtn02 a{
text-decoration:none;
outline:none;
color:#000;

}

.dda_menu,.dda_menu02{
display:none;
width:190px;
border:1px solid #aaa;
-webkit-border-radius:4px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.4,#ededed));
position:absolute;
right:10px;
z-index:99;
text-align:left;
padding:7px 3px 2px 7px;

}

.dda_menu li,.dda_menu02 li{
font-size:90%;

}

.dda_menu li a,.dda_menu02 li a{
color:#ff6411;
text-decoration:underline;
display:block;
font-size:140%;
margin:0 0 7px 0;

}

.dda_menu li a:hover,.dda_menu02 li a:hover{
}