@charset "UTF-8";

/* !Reset */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
*{ padding:0; margin:0 }

img, iframe, embed, object {
max-width: 100%;
border: 0;
vertical-align: bottom;
}

/* !Base */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
background-image:url("./img/bg.jpg");
background-repeat:repeat-x;
color:#333;
font-family:verdana,"Osaka",Helvetica,arial," ヒラギノ丸ゴ Pro W4","ＭＳ Ｐ ゴシック",sans-serif;
font-size:small;
line-height:150%;
}

a:hover { text-decoration: none }

.center { text-align: center }

ol { padding:20px 40px }

#container {
background-image:url("./img/bg_in.jpg");
background-repeat:repeat-y;
margin:0 auto;
padding-bottom:10px;
width:790px;
}

#logo {
color:#666;
font-size:x-small;
font-weight:bold;
margin:0 5px 5px 10px;
padding:0;
text-align:center;
}

#alpha {
margin:10px 0 0;
padding:10px 10px 0;
text-align:left;
width:750px;
}

.entry-check {
border:1px solid #CCC;
clear:both;
font-size:16px;
margin:20px;
padding:0 10px 0 0;
}

.entry-check li {
background-image:url("img/checkmark2.gif");
background-repeat:no-repeat;
color:red;
font-weight:bold;
list-style:none outside none;
margin-bottom:5px;
padding-left:25px;
}

#pagebody {
margin:0 10px 10px;
width:750px;
}

#copyright {
background-color:#EEE;
clear:both;
margin:20px;
padding:5px;
text-align:center;
}

.entry-h2 {
background-color:#000;
background-image:url("img/tab1.jpg");
background-repeat:no-repeat;
clear:both;
color:#FFF;
font-size:18px;
font-weight:bold;
margin:5px 0;
padding:25px 0 25px 30px;
width:715px;
}

.lank {
border:3px solid #5E013E;
margin-bottom:20px;
width:554px;
}

.lank h3 {
background-color:#FFE5FE;
border-bottom:1px dotted #5E013E;
font-size:100%;
line-height:140%;
padding:10px;
}

.lank1 p {
background-image:url("img/cmn_rank1_bg.jpg");
}

.lank p {
background-position:0 0;
background-repeat:no-repeat;
margin:24px 18px 18px 28px;
min-height:120px;
padding-left:210px;
}

.lank2 p {
background-image:url("img/cmn_rank2_bg.jpg");
}

.lank p {
background-position:0 0;
background-repeat:no-repeat;
margin:24px 18px 18px 28px;
min-height:120px;
padding-left:210px;
}

div.info { border:1px solid #FFD562; padding:10px; margin:20px }


/* iconic: heart
*******************************************************************************/
div.heart {
padding-right: 25px;
}

div.heart:before {
color: #fff;
/*content: "h";*/
font-size: 32px;
font-family: "IconicStroke";
font-weight: normal;
position: relative;
left: -16px;
line-height: 10px;
text-shadow: 0px -1px 1px rgba(104, 45, 64, .7);
top: 6px;
visibility: hidden;
}
div.heart:hover:before {
visibility: visible;
}
div.heart:active:before {
text-shadow: 0px -1px 10px rgba(104, 45, 64, 1);
}

/* dribbble (inspired by dribbble.com)
*******************************************************************************/
div.dribbble {
background: #F26895;
background: -moz-linear-gradient(0% 100% 90deg, #F15587 0%, #F15587 50%, #F26895 50%, #F26895 100%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#F26895), to(#F15587));
border: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #fcfcfc;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 10px 20px 12px;
text-align: center;
text-shadow: 0px -1px 1px rgba(104, 45, 64, .7);
width: 150px;
margin: 0 auto;
}
div.dribbble a:link { color:#fff !important }
div.dribbble:hover {
background: #e2558b;
background: -moz-linear-gradient(0% 100% 90deg, #df3e7b 0%, #df3e7b 50%, #e2558b 50%, #e2558b 100%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#e2558b), to(#df3e7b));
}
div.dribbble:active {
background: #c94477;
background: -moz-linear-gradient(0% 100% 90deg, #c22b65 0%, #c22b65 50%, #c94477 50%, #c94477 100%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#c94477), to(#c22b65));
}
div.dribbble a:visited, div.dribbble a:link {
color:#fff !important;
text-decoration:none !important;
}

/* おすすめ商品 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !3 Columns Grid */
.grid-3col {
display: table;
display: block\9;
word-spacing: -1em;
width: 760px;
margin: 20px -10px 20px 0;
}
.grid-3col h2 { text-align:center; margin-bottom: 20px }
.grid-3col .unit {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
word-spacing: normal;
position: relative;
width: 243px;
padding-bottom: 28px;
margin: 0 10px 16px 0;
background: url(/img/bg-home-grid.png) no-repeat top left
}
.grid-3col .unit h4 {
background: url(/img/bg-home-grid.png) repeat-x 0 0;
padding: 3px 3px 0
}

.grid-3col .unit h4 a { color: #333; text-decoration: none }
.grid-3col .unit .content { width: 100%; padding: 0 0 10px; background: url(/img/bg-home-grid.png) repeat-y -460px 0 }
p.read-more { margin: 0 }
.grid-3col .unit .content .desc { padding: 0.5em 15px 0 }
.grid-3col .unit .content .info { padding: 0.5em 15px 0 }
.grid-3col .name {
/*background-position: -690px 0;*/
font-weight: bolder;
padding: 0.5em 15px 0
}
.grid-3col a { color: #333; text-decoration: none }

/* オナホールの種類 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.excerpt { width: 700px; margin: 20px auto }
.control.checkbox li {
display: inline-block;
padding: 0.68em 0;
width: 170px;
font-size: 15px
}

/*  ランキングリスト
---------------------------------------------*/
div.ranking { overflow: hidden; margin-bottom: 1.5em; width: 670px; margin: 20px auto }
div.ranking p { margin: 0 }
div.ranking h2 { margin: 0.8em 0 }

/*1〜2位*/
div.ranking ul.ranking_list {
display:inline;
float:left;
margin-bottom:10px;
_margin-bottom:4px;
}
div.ranking ul.ranking_list li {
display:inline;
position:relative;
float:left;
width: 325px;
height: 220px;
background:url("/img/ranking_bk_l.gif") no-repeat top;
margin-right:10px;
}
/*IE6*/
*html div.ranking ul.ranking_list li {
padding-bottom:7px;
}

div.ranking ul.ranking_list li div.item_detail {
float:left;
width: 180px;
overflow:hidden;
text-align:left;
margin:12px 0 0 15px;
_margin:12px 0 0 7px;
}

div.ranking ul.ranking_list li div.item_detail p.icon {
width:200px;
}

div.ranking ul.ranking_list li div.item_detail p.brand {
width:185px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:15px;
font-size:12px;
}

div.ranking ul.ranking_list li div.item_detail p.category {
width:185px;
height:30px;
/*	white-space:nowrap;*/
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:3px;
font-size:12px;
}

div.ranking ul.ranking_list li div.item_detail p.price {
width:185px;
margin-top:3px;
font-size:12px;
}

div.ranking ul.ranking_list li div.item_detail p.comment {
width:175px;
height:132px;
line-height:150%;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
padding-top:15px;
_padding-top:12px;
}

div.ranking ul.ranking_list li div.item_img {
float:left;
width: 120px;
height:252px;
text-align:center;
margin:15px 0 0 0;
position:relative;
}

/*ランキングアイコン6-10位*/
#rankingarea
div.ranking
ul.ranking_list li
div.rank_icon
{
float:left;
height:18px;
width:18px;
position:absolute;
top:0px;
left:81px;
z-index:2;
}

/* ランキングTOP1-2位　マスクをかける*/
#container a.ranklink {
display:block;
position:absolute;
float:left;
top:0px;
left:0px;
width: 325px;
height: 220px;
background:#fff;
opacity: 0.0;
-moz-opacity:0.0;
filter: alpha(opacity=0);
z-index:1;
}

#container a.ranklink:hover
{
background:#fff;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}

/*ランキング3〜5位*/
div.ranking ul.ranking_list_3to5 {
display:inline;
float:left;
width: 670px;
margin-bottom:10px;
}

div.ranking ul.ranking_list_3to5 li {
display:inline;
position:relative;
float:left;
width: 214px;
height:171px;
background:url("/img/ranking_bk_m.gif") no-repeat top;
margin-right: 9px;
}

div.ranking ul.ranking_list_3to5 li div.item_detail {
float:left;
width: 118px;
overflow:hidden;
text-align:left;
padding-left:5px;
margin:10px 0 0 10px;
}

div.ranking
ul.ranking_list_3to5 li
div.item_detail
p.brand
{
width:130px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:10px;
font-size:12px;
}

div.ranking
ul.ranking_list_3to5 li
div.item_detail
p.category
{
width:130px;
height:30px;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:3px;
font-size:12px;
}

div.ranking
ul.ranking_list_3to5 li
div.item_detail
p.price
{
width:130px;
margin-top:3px;
font-size:12px;
}

div.ranking ul.ranking_list_3to5 li div.item_detail p.comment {
width:130px;
height: 74px;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:3px;
}

div.ranking
ul.ranking_list_3to5 li
div.item_img
{
float:left;
width: 80px;
height:144px;
text-align:center;
margin:12px 0 0 0;
position:relative;
}

/* ランキングTOP3　マスクをかける*/
#container a.ranklink_3 {
display:block;
position:absolute;
float:left;
top:0px;
left:0px;
width: 214px;
height:171px;
background:#fff;
opacity: 0.0;
-moz-opacity:0.0;
filter: alpha(opacity=0);
z-index:1;
}

#container a.ranklink_3:hover {
background:#fff;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}

/*ランキング6〜30*/
div.ranking ul.ranking_list_6to30 {
display:inline;
float:left;
width:930px;
}

div.ranking ul.ranking_list_6to30 li {
display:inline;
position:relative;
float:left;
width:171px;
height:206px;
margin:0 11px 11px 0;
background:url("/img/ranking_bk_s.gif") no-repeat top;
}

div.ranking ul.ranking_list_6to30 li
div.item_detail {
float:left;
width:120px;
overflow:hidden;
text-align:left;
margin:5px 0 0 25px;
_margin:5px 0 0 12px;
}

div.ranking ul.ranking_list_6to30 li
div.item_detail p.brand {
width:120px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:3px;
}

div.ranking
ul.ranking_list_6to30 li
div.item_detail
p.category
{
width:120px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:3px;
}

div.ranking
ul.ranking_list_6to30 li
div.item_detail p.price {
width:120px;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-top:5px;
}

div.ranking
ul.ranking_list_6to30 li
div.item_img
{
float:left;
width:171px;
height:132px;
text-align:center;
margin:0 auto;
padding-top:12px;
position:relative;
}

/*ランキングアイコン*/
#rankingarea
div.ranking
ul.ranking_list_6to30 li
div.rank_icon
{
float:left;
height:17px;
width:17px;
position:absolute;
top:12px;
left:10px;
z-index:1;
}

/* ランキングTOP4-10　マスクをかける*/
#containera.ranklink_10 {
display:block;
position:absolute;
float:left;
top:0px;
left:0px;
width:171px;
height:206px;
background:#fff;
opacity: 0.0;
-moz-opacity:0.0;
filter: alpha(opacity=0);
z-index:1;
}

#containera.ranklink_10:hover {
background:#fff;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}

#leftarea #condlist form { display:inline }

.shopmenu li a img.hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}

/*ランキング下の説明
----------------------------------------*/
#contents .excerpt-list .info { border-left: 2px solid #2691B8; clear: left; padding-left: 1.5em }