/*===============================
					 #1　リセット系
===============================*/


body{
min-width:916px;
margin:0 12px;
background:#fff;
color:#333;
font-size:12px;
}
body#dmm_remote{
margin:0 0 15px 0;
}

table{
font-size:12px;
word-break:break-all;
text-align: left;
border-collapse: separate;
}

h1{font-size:16px}
address{font-style:normal}

a:link,.d-txtlink{color:#005fc0;text-decoration: none;cursor: pointer}
a:visited{color:#909;text-decoration: none}
a:hover,a:active,.d-txtlink:hover{color:#e20;text-decoration: underline}

a img,abbr{
border:0;
vertical-align:top;
}


/*===============================
   					 #2　構造系
===============================*/

#w{
width:100%;
border-collapse:collapse;
}
#su{
width:165px;
padding:0;
vertical-align:top;
}
#mu{
padding:0 0 0 22px;
vertical-align:top;
}

hr.separator{
display:none;
}

#side-l{
width:165px;
line-height:1.5;
}
.side-menu ul{
margin:0 6px;padding:6px 0;
}
.side-menu ul li{
list-style:none;
margin-right:-5px;padding-left:7px;
background:url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0 0.5em;
}

#side-l .side-pickup{
overflow:hidden;
margin:0 0 6px 0;padding:0;
background:#1b1b1b;
color:#f8f8f8;
zoom:1;
}
#side-l .side-pickup p{
margin:0;padding:0;
}
#side-l .side-pickup a{color:#fff;}
#side-l .side-pickup a:hover{color:#ff355f;}
#side-l .side-pickup .inner{
margin:0 0 -1px 0;padding:0 6px 6px 6px;
border-bottom:1px #8b8b8b dotted;
}
#side-l .side-pickup .inner.pic{padding-top:6px;}
#side-l .side-pickup .inner dl{margin:0;padding:0;}
#side-l .side-pickup .inner dl dt{
margin:8px 0 0 0;padding:0 0 0 10px;
color:#fff;
background:url(http://p.dmm.co.jp/p/common/arrow_global.gif) 0 -317px no-repeat;
}
#side-l .side-pickup .inner dl dd{
margin:0;padding:0;
}
#side-l .side-pickup .inner .box-price{
padding:3px 0 0 0;
color:#ec3448;
font-weight:bold;
}
#side-l .side-pickup .inner .box-price span{font-size:16px;}
#side-l .side-pickup .inner p.box-link{
padding:5px 0 0 6px;
background:url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0 13px;
}
#side-l .side-pickup .inner ul.box-link{
margin:0;padding:0;
list-style:none;
}
#side-l .side-pickup .inner ul.box-link li{
margin:0;padding:4px 0 4px 12px;
border-top:1px #1b1b1b dotted;
background:#3a3a3a url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 6px 12px;
}
#side-l .side-pickup .inner .box-bt{padding:6px 0 0 0;}

#side-l .side-contents{
margin:0 0 6px;padding-bottom:5px;
background:#1b1b1b;
}
#side-l .side-contents .side-menu-ttl{
margin:8px 0 5px 6px;
}
#side-l .side-contents .side-menu{
margin:0;padding:5px 0 3px 0;
background:#f8f8f8;
border:#1b1b1b solid;
border-width:0 6px 1px 6px;
}
#side-l .side-contents .side-menu p{
margin:0;
padding: 8px 6px 6px;
color:#c10000;
font-weight:bold;
text-align:left;
}
#side-l .side-contents .side-menu a.arrow{
font-weight:normal;
}
#side-l .side-contents .side-menu a.on{
padding:3px 3px;font-weight:normal;
background:#c10000;
}
#side-l .side-contents .side-menu a.on,
#side-l .side-contents .side-menu a.on:hover,
#side-l .side-contents .side-menu a.on:visited{
color:#FFF;
text-decoration:none;
}
#side-l .side-contents .side-menu .side-sub-capt{
margin:0 0 6px;
padding-left:6px;
font-weight:bold;
}
#side-l .side-contents .side-menu .side-sub-capt-mark{
margin:0 0 6px;
padding-left:13px;
background:url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 7px 8px;
font-weight:bold;
}
#side-l .side-contents .side-menu ul{
margin:0;padding:0 0 6px 0;
}
#side-l .side-contents .side-menu ul li{
margin-right:0;
margin-bottom:4px;
padding:1px 3px 1px 13px;
background:url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 7px 8px;
line-height:1.45;
}
#side-l .side-contents .side-menu li a{
color: #1a55b3;
text-decoration:none;
}
#side-l .side-contents .side-menu li a:visited{
color: #8f1485;
}
#side-l .side-contents .side-menu li a:hover{
color:#df0331;
text-decoration:underline;
}
#side-l .side-contents .side-menu table a{
text-decoration:none;
word-break:break-all;
zoom:1;
}
#side-l .side-contents .side-menu table a:hover{
color:#df0331;
text-decoration:underline;
}
#side-l .side-contents .side-menu ul li .side-sub-capt{
padding-left:13px;
}
.side-new{
margin:0 0 2px 3px;
vertical-align:middle;
}
#side-l .side-contents .side-menu table ul li{line-height: 1.5;}
#side-l .side-contents .side-menu p.back-link{
margin:3px;padding:6px 6px 3px 4px;
border-top:1px #a7a7a7 dotted;
background:none;
text-align:left;
}
#side-l .side-contents .side-menu p.back-link a{
padding-left:10px;
background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
font-weight:normal;
zoom:1;
}

#side-l .side-sub-contents .side-menu{
margin-bottom:6px;
border:1px #bbb solid;
}
#side-l .side-sub-contents .side-menu .side-capt{
margin:0;
padding:3px 5px;
background:#242424;
color:#f8f8f8;
text-align:left;
font-size:10px;
font-weight:bold;
}
#side-l .side-sub-contents .side-menu div{
margin:6px;
}
#side-l .side-sub-contents .side-rank{
margin-bottom:12px;
border:1px #bbb solid;
}
#side-l .side-sub-contents .side-rank ol{
margin:6px 0 6px 15px;
padding:0;
}
#side-l .side-sub-contents .side-rank li{
margin:0 5px 3px 15px;
padding:0;
}

#side-l.searchnav .side-contents .side-menu li:hover {
background-color: #E5E5E5;
}
#side-l.searchnav .side-contents .side-menu li a {
display: block;
padding: 2px 0;
}
#side-l.searchnav .side-contents .side-menu li a:hover {
text-decoration: none;
}
#side-l.searchnav .side-contents .side-menu li a:hover span:first-child{
text-decoration: underline;
}
#side-l.searchnav .side-contents .side-menu li span + *{  /*IE7で不具合出るためアスタリスク*/
padding-left: 3px;
font-size: 10px;
white-space: nowrap;
color: #666;
}
#side-l.searchnav .side-contents .side-menu ul li.active {
line-height: 1.3;
padding: 0;
background: #c10000 url(http://p.dmm.co.jp/p/common/bt_delete.gif) no-repeat 135px 0;
}
#side-l.searchnav .side-contents .side-menu ul li.active:hover {
background: #c10000 url(http://p.dmm.co.jp/p/common/bt_delete.gif) no-repeat 135px -100px;
}
#side-l.searchnav .side-contents .side-menu ul li.active a {
display: block;
padding: 4px 18px 4px 13px;
color: #fff;
}
#side-l.searchnav .side-contents .side-menu li.active span + *{  /*IE7で不具合出るためアスタリスク*/
color: #F8C9D6;
}

#side-r{
width:165px;
line-height:1.5;
}
#side-r p{
margin:0;
padding:3px 5px;
background:#242424;
color:#f8f8f8;
text-align:left;
font-size:10px;
font-weight:bold;
}
#side-r .side-menu{
margin:auto;
margin-bottom:6px;
border:1px #bbb solid;
}
#side-r .side-menu div{
margin:6px;
}
#side-r .side-menu div div{
margin:0;
}
#side-r .side-rank{
margin-bottom:12px;
border:1px #bbb solid;
}
#side-r .side-rank ol{
margin:6px 0 6px 15px;
padding:0;
}
#side-r .side-rank li{
margin:0 5px 3px 15px;
padding:0;
}
.temporary{
color:#666;
}
#d-side-r{
margin-left: 22px;
padding: 6px;
line-height:1.5;
background: #e7e7e7;
}
#d-side-r .side-menu {
width:165px;
margin:auto;
padding-bottom: 1px;
margin-bottom: 12px;
background: #FFF;
}
#d-side-r .side-menu div div{
margin:0;
}



/*===============================
   					 #3　ヘッダー系
===============================*/

#header{
position:relative;
width:100%;
min-height:1px;
margin:0 0 12px 0;
background: url(http://p.dmm.co.jp/p/navi/global/bg_header.gif) repeat-x 0 118px;
}
#header a{
white-space:nowrap;
}
#header fieldset{
border:0;
}
#header ul{
list-style:none inside;
margin:0;padding:0;
}
#header li,
#header p{
margin:0;padding:0;
}
#header img,
#header input,
#header select{
vertical-align:middle;
}
#header .hd-utility{
height: 32px;
margin-bottom: 18px;
zoom:1;
}
#header .hd-utility #dmm-logo{
float:left;
}
#header .hd-utility #dmm-logo img{
margin-top:10px;
border:0;
vertical-align:bottom;
}
#header .hd-utility .utility-r{
float:right;
height:21px;
padding: 6px;
background: #eee;
background: #EAEAEA url(http://p.dmm.co.jp/p/common/bg/gradation_01.png) repeat-x 0 -45px;
text-align:right;
}
#header .hd-utility .hd-infobnr {
position:relative;
float: right;
right: 2px;
}
#d-ie7 #header .hd-utility .utility-r{
width: 460px;
}
#d-ie7 {
zoom:1;
}

#header .hd-utility .utility-r .hd-utilnav{
float:right;
margin:0 0 0 0;
padding:0 2px 0 10px;
text-align:right;
zoom:1;
}
#header .hd-utility .utility-r .hd-utilnav form{
margin:0;padding:0;
zoom:1;
}
#header .hd-utility .utility-r .hd-utilnav ul{
margin:0;
padding:0;
zoom:1;
}
#header .hd-utility .utility-r .hd-utilnav ul li{
display:inline;
zoom:1;
}
#header .hd-utility .utility-r .hd-utilnav ul li a{
margin: 0 3px 0 0;
line-height: 20px;
}
#header .hd-utility .utility-r .hd-utilnav ul li a.arrow{
background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
padding-left:10px;
font-size:10px;
text-decoration:none;
}
#header .hd-utility .utility-r .hd-utilnav ul li a:hover{
color:#ff355f;
text-decoration:underline;
}
#header .hd-utility .utility-r .hd-utilnav ul li a img,
#header .hd-utility .utility-r .hd-utilnav ul li input[type="image"]{
vertical-align: top;
}
#header .hd-utility .utility-r .hd-utilnav ul li img[src *= "regist.gif"]{
margin-right: -8px;
}

#header .hd-utility .utility-r .hd-subnav {
height:13px;
margin: 3px 6px 0 0;
padding-right: 12px;
border-right:1px #b2b2b2 dotted;
float: left;
}

#header .hd-utility .utility-r .hd-subnav li {
float:left;
height:13px;
}

#header .hd-utility .utility-r .hd-subnav li a {
display:block;
height:14px;
background-image:url(http://p.dmm.co.jp/p/navi/global/tb_sub_v110525.gif);
background-repeat: no-repeat;
font-size:10px;
text-decoration:none;
line-height:14px;
}
#header .hd-utility .utility-r .hd-subnav.com-sub li a {
background-image:url(http://p.dmm.co.jp/p/general/navi/global/tb_sub_v110525.gif);
}

#header .hd-utility .utility-r .hd-subnav li span {
display:block;
cursor:pointer;
position:absolute;
top:0;
left:0;
width:100%;
height:14px;
z-index: -1;
overflow: hidden;
}

#header .hd-utility .utility-r .hd-subnav li a:hover,
#header .hd-utility .utility-r .hd-subnav li.on a{background-color:#c10000}

#header .hd-utility .utility-r .hd-subnav + form {display: inline}

#tb-mobile a{width:100px;}
#tb-mobile a{background-position:6px -3px}
#tb-mobile.on a{background-position:6px -23px}
#tb-mobile a:hover{background-position:6px -23px}

#tb-tv a{width:42px;}
#tb-tv a{background-position:6px -43px}
#tb-tv.on a{background-position:6px -63px}
#tb-tv a:hover{background-position:6px -63px}

#tb-com{width:74px;}
#tb-com a{background-position:6px -83px}
#tb-com.on a{background-position:6px -103px}
#tb-com a:hover{background-position:6px -103px}

.com-sub #tb-mobile a{width:100px;}
.com-sub #tb-mobile a{background-position:6px -3px}
.com-sub #tb-mobile.on a{background-position:6px -23px}
.com-sub #tb-mobile a:hover{background-position:6px -23px}

.com-sub #tb-tv a{width:42px;}
.com-sub #tb-tv a{background-position:6px -43px}
.com-sub #tb-tv.on a{background-position:6px -63px}
.com-sub #tb-tv a:hover{background-position:6px -63px}

.com-sub #tb-r18{width:42px;}
.com-sub #tb-r18 a{background-position:6px -83px}
.com-sub #tb-r18.on a{background-position:6px -103px}
.com-sub #tb-r18 a:hover{background-position:6px -103px}



#header .hd-gnav {
height:50px;
background: url(http://p.dmm.co.jp/p/navi/global/bg_header.gif) repeat-x 0 -19px;
margin:18px 0;
padding-left: 1px;
padding-bottom: 23px;
}
#header .hd-gnav + .hd-lnav,
#header .hd-gnav + .hd-srch {
margin-top: -23px;
}
#header noscript + .hd-srch {
margin-top: -26px;
}
#d-ie7 #header noscript + .hd-srch {
margin-top: -36px;
}


#header .hd-gnav ul.hd-mainnav {
width:100%;
height:22px;
margin-left:-1px;
border-right:1px solid #a5a5a5;
zoom:1;
}

#header .hd-gnav ul.hd-mainnav li {
position:relative;
float:left;
width:11%;
margin-bottom:7px;
padding: 0;
background: #fff;
border-left:1px #a5a5a5 solid;
}
#d-ie7 #header .hd-gnav ul.hd-mainnav li {
width:10.95%;
}

#header .hd-gnav.com ul.hd-mainnav li {width:12.35%;}
#d-ie7 #header .hd-gnav.com ul.hd-mainnav li {width:12.35%;}

#header .hd-gnav ul.hd-mainnav li a {
display:block;
height:22px;
background-image:url(http://p.dmm.co.jp/p/navi/global/tb_all_v110901.gif);
background-repeat: no-repeat;
background-color: #fff;
text-align:center;
margin: 0 3px;
line-height:20px;
}

#header .hd-gnav ul.hd-mainnav li + li + li + li + li + li + li + li + li + li + li {
border-right:1px #a5a5a5 solid;
}
#header .hd-gnav.com ul.hd-mainnav li + li + li + li + li + li + li + li + li + li {
border-right:none;
}
#header .hd-gnav.com ul.hd-mainnav li + li + li + li + li + li + li + li + li + li + li + li {
border-right:1px #a5a5a5 solid;
}

#header .hd-gnav ul.hd-mainnav li a img {
position:absolute;
top:-13px;
left:0;
}

#header .hd-gnav ul.hd-mainnav span {
position:relative;
overflow: hidden;
display:block;
cursor:pointer;
width:100%;
height:20px;
z-index: -1;
}


#header .hd-gnav.com ul.hd-mainnav li a {
background-image:url(http://p.dmm.co.jp/p/general/navi/global/tb_all_v120215.gif);
background-repeat: no-repeat;
background-color: #fff;
}
#header .hd-gnav ul.hd-mainnav li.on a,
#header .hd-gnav ul.hd-mainnav li a:hover {
background-color:#c10000;
}

#tb-video a{background-position:center -5px}
#tb-video.on a,
#tb-video a:hover{background-position:center -35px}

#tb-monthly a{background-position:center -65px}
#tb-monthly.on a,
#tb-monthly a:hover{background-position:center -95px}

#tb-ppm a{background-position:center -125px}
#tb-ppm.on a,
#tb-ppm a:hover{background-position:center -155px}

#tb-nijigen a{background-position:center -185px}
#tb-nijigen.on a,
#tb-nijigen a:hover{background-position:center -215px}

#tb-rental a{background-position:center -245px}
#tb-rental.on a,
#tb-rental a:hover{background-position:center -275px}

#tb-chat a{background-position:center -305px}
#tb-chat.on a,
#tb-chat a:hover{background-position:center -335px}

#tb-fuzoku a{background-position:center -365px}
#tb-fuzoku.on a,
#tb-fuzoku a:hover{background-position:center -395px}

#tb-mono a{background-position:center -425px}
#tb-mono.on a,
#tb-mono a:hover{background-position:center -455px}

#tb-fx a{background-position:center -485px}
#tb-fx.on a,
#tb-fx a:hover{background-position:center -515px}

#tb-adultauction a{background-position:center -545px}
#tb-adultauction.on a,
#tb-adultauction a:hover{background-position:center -575px}

#tb-yyc a{background-position:center -605px}
#tb-yyc.on a,
#tb-yyc a:hover{background-position:center -635px}

#tb-video img,
#tb-monthly img,
#tb-ppm img,
#tb-nijigen img,
#tb-rental img,
#tb-mono img,
#tb-fuzoku img,
#tb-chat img,
#tb-yyc img{
position:absolute;
top:-10px;left:50%;
margin-left:-56px;
}
#tb-adultauction img,
#tb-fx img{
position:absolute;
top:22px;left:50%;
margin-left:-56px;
}

.hd-gnav.com ul.hd-mainnav span{background:#fff url(http://p.dmm.co.jp/p/general/navi/global/tb_all_v110629.gif) no-repeat;}

.com #tb-akb48 a{background-position:center -5px}
.com #tb-akb48.on a,
.com #tb-akb48 a:hover{background-position:center -35px}

.com #tb-video a{background-position:center -65px}
.com #tb-video.on a,
.com #tb-video a:hover{background-position:center -95px}

.com #tb-monthly a{background-position:center -125px}
.com #tb-monthly.on a,
.com #tb-monthly a:hover{background-position:center -155px}

.com #tb-book a{background-position:center -185px}
.com #tb-book.on a,
.com #tb-book a:hover{background-position:center -215px}

.com #tb-pcsoft a{background-position:center -245px}
.com #tb-pcsoft.on a,
.com #tb-pcsoft a:hover{background-position:center -275px}

.com #tb-rental a{background-position:center -305px}
.com #tb-rental.on a,
.com #tb-rental a:hover{background-position:center -335px}

.com #tb-various a{background-position:center -365px}
.com #tb-various.on a,
.com #tb-various a:hover{background-position:center -395px}

.com #tb-livetalk a{background-position:center -425px}
.com #tb-livetalk.on a,
.com #tb-livetalk a:hover{background-position:center -455px}

.com #tb-mono a{background-position:center -485px}
.com #tb-mono.on a,
.com #tb-mono a:hover{background-position:center -515px}

.com #tb-fx a{background-position:center -605px}
.com #tb-fx.on a,
.com #tb-fx a:hover{background-position:center -635px}

.com #tb-cashback a{xbackground-position:center -485px}
.com #tb-cashback.on a,
.com #tb-cashback a:hover{xbackground-position:center -515px}

.com #tb-charity a{background-position:center -545px}
.com #tb-charity.on a,
.com #tb-charity a:hover{background-position:center -575px}

.com #tb-solar a{background-position:center -665px}
.com #tb-solar.on a,
.com #tb-solar a:hover{background-position:center -695px}

.com #tb-akb48 img,
.com #tb-video img,
.com #tb-monthly img,
.com #tb-book img,
.com #tb-pcsoft img,
.com #tb-rental img,
.com #tb-various img,
.com #tb-livetalk img,
.com #tb-cashback img{
position:absolute;
top:-10px;left:50%;
margin-left:-56px;
}
.com #tb-mono img,
.com #tb-charity img,
.com #tb-fx img,
.com #tb-solar img {
position:absolute;
top:22px !important;left:50% !important;
margin-left:-56px !important;
}


#header .hd-gnav .hd-sitenav {
height:13px;
margin: 6px 0;
float: right;
}

#header .hd-gnav .hd-sitenav li {
float:left;
height:13px;
margin-left: 2px;
padding:3px 6px;
}

#header .hd-gnav .hd-sitenav li a {
display:block;
height:14px;
font-size:12px;
text-decoration:none;
line-height:14px;
color: #333;
font-weight: bold;
}
#header .hd-gnav .hd-sitenav li a.arrow{
padding:0 0 0 10px;
background-image:url(http://p.dmm.co.jp/p/common/arrow_global.gif);
background-repeat: no-repeat;
background-position: left -212px;
}
#header .hd-gnav .hd-sitenav li:hover,
#header .hd-gnav .hd-sitenav li.on {background-color:#c10000}
#header .hd-gnav .hd-sitenav li:hover a.arrow{background-position: left -105px;color: #fff}
#header .hd-gnav .hd-sitenav + form {display: inline}


#d-ie7 #header{
z-index:1;
}
#header #suggest {
position: relative;
width: 100%;
background: #fff;
border: 1px #989898 solid;
margin-top: -2px;
padding-right: 11px;
z-index: 10;
font-size: 14px;
text-align: left;
}
#header #suggest > div {
margin-right: -11px;
padding: 0 6px;
line-height: 2;
}
#suggest div.select,
#header #suggest > div:hover{
background: #eee;
}


/*===============================
   					 #4　ローカルナビ系
===============================*/


#header .hd-lnav{
position:relative;
list-style:none;
padding:3px 3px 2px;
background:#242424;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 12px;
}
#header .hd-lnav ul{
margin:0 80px 0 0;
padding:0;
zoom:1;
}
#header .hd-lnav ul li{
float:left;
margin:0 1px 1px 0;
padding:0;
}
#header .hd-lnav ul li a span{
padding: 0 35px 0 0;
background:url(http://p.dmm.co.jp/p/navi/tx_new.gif) right 1px no-repeat;
}
#header .hd-lnav ul li.on a,
#header .hd-lnav ul li.on a:hover{
background-color:#c10000;
color:#fff;
}
#header .hd-lnav ul li a{
display:block;
width:auto;
padding:6px 12px;
color:#f4f4f4;
font-weight:bold;
text-decoration:none;
word-break:keep-all;
line-height:1;
}
#header .hd-lnav ul li a img{
margin: 0 0 0 4px;
vertical-align:middle;
}
#header .hd-lnav ul li a:visited{
color:#fff;
}
#header .hd-lnav ul li a:hover{
background-color:#c10000;
color:#fff;
}
#header .hd-lnav .sub-lnav{
position:absolute;
top:3px;right:0;
padding:4px 10px 4px 0;
}
#header .hd-lnav .sub-lnav span{
display:inline;
float:left;
margin:0 0 0 10px;padding:0 0 0 10px;
line-height:1.3;
}
#header .hd-lnav .sub-lnav span a{
color:#fff;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

#header .nonav{
margin:0px 0px 15px;
border-bottom:1px #595959 solid;
padding-bottom:2px;
}
#header .nonav div{
background:#1b1b1b;
padding:1px;
}

#header .hd-srch {
padding: 6px 100px;
background: url("http://p.dmm.co.jp/p/common/bg/gradation_01.png") repeat-x scroll 0 -45px #EEEEEE;
border-color: #D1D1D1 #D1D1D1 #BBBBBB;
border-style: solid;
border-width: 1px;
text-align: center;
zoom:1;
}
#header .hd-lnav + .hd-srch {
border-top: none;
}
#header .hd-srch form {
position: relative;
height: 26px;
margin: 0 auto;
max-width: 1605px;
padding-right: 82px;
zoom:1;
}
#header .hd-srch form fieldset{
margin: 0;
padding: 0 96px 0 185px;
}
#header .hd-srch form fieldset legend{
display:none;
}

#header .hd-srch form fieldset .hd-pd{
position: absolute;
left: 0;
width: 175px;
height:26px;
background:url(http://p.dmm.co.jp/p/navi/global/bg_select.gif) no-repeat;
border-bottom: 1px solid #FDFDFD;
border-right: 1px solid #FDFDFD;
}
#header .hd-srch form fieldset .hd-pd select{
width: 171px;
height:24px;
margin: 1px 3px;
padding:3px;
border:none;
background:transparent;
-webkit-appearance: none;
}

#header .hd-srch form fieldset select option{
border:none;
}
#d-ie7 #header .hd-srch form fieldset .hd-pd{
margin-top: 2px;
background: none;
border:none;
}

#header .hd-srch .box-srch {
}
#header .hd-srch input{
margin:0;
padding:0;
}
#header .hd-srch .txt-srch{
background: #FFFFFF url("http://p.dmm.co.jp/p/navi/global/bg_txsrch.gif") no-repeat 0 0;
border-bottom: 1px solid #FDFDFD;
border-width: 0 0 1px;
color: #2A2A2A;
font-size: 14px;
height: 14px;
margin: 0;
padding: 6px;
vertical-align: middle;
width: 100%;
}
#header .hd-srch .txt-srch:focus {
background: #FFFFFF url(http://p.dmm.co.jp/p/navi/global/bg_txsrch.gif) no-repeat 0 -30px;
}
#header .hd-srch .bt-srch{
border-bottom: 1px solid #FDFDFD;
border-right: 1px solid #FDFDFD;
margin: 0 12px 0 -3px;
position: absolute;
right: 82px;
top: 0;
}
#d-ie7 #header .hd-srch .bt-srch{
top: 1px;
}
#header .hd-srch .txt-srch:focus{
outline:none;
}
#header .hd-srch .noform{
margin:0 -1px;
border-bottom:1px #aaa solid;
}

#header .hd-srch .popular-keyword{
margin: 0;
padding: 7px 0 4px 0;
line-height: 1;
position: absolute;
right: 0;
top: 3px;
}
#header .hd-srch .popular-keyword a{
padding-left:10px;
font-weight:normal;
background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
font-size:10px;
}
#header #suggest {
position: relative;
width: 100%;
background: #fff;
border: 1px #989898 solid;
margin-top: -2px;
padding-right: 11px;
z-index: 10;
font-size: 14px;
}
#header #suggest > div {
margin-right: -11px;
padding: 0 6px;
line-height: 2;
}
#header #suggest > div:hover {
background: #eee;
}



/*===============================
   					 #5　フッター系
===============================*/

#footer{
clear:both;
overflow:hidden;
margin:50px -12px 0;
}
#footer p,#footer ul,#footer li{
list-style:none;
margin:0;
padding:0;
}
#footer p.anchor{
margin:12px;
text-align:right;
}
#footer a.d-txttopback{
padding-left:12px;
background:url(http://p.dmm.co.jp/p/common/ico_toparrow.gif) no-repeat left center;
color:#666;
font-size:11px;
}
#footer ul.info{
overflow:hidden;
padding-top:10px;
border-bottom:10px #e7e7e7 solid;
background-color:#e7e7e7;
}
#footer ul.info:after{
display:block;
clear:both;
content:".";
height:0;
visibility:hidden;
}
#footer ul.info>li{
float:left;
width:24.8%;
min-height:9.5em;
margin-bottom:-10em;
padding:8px 0 10em;
border-right:1px #bbb dotted;
}
#footer ul.info>li+li+li+li{
border-right:none;
}
#footer ul.info>li>*{
margin:0 12px;
}
#footer ul.info>li>p:first-child{
margin-bottom:10px;
}
#footer ul.info>li ul{
margin-bottom:8px;
}
#footer ul.info>li ul li a{
line-height:1.6;
background:url("http://p.dmm.co.jp/p/common/marker.gif") no-repeat left 0.4em;
margin-left:0.5em;
padding-left:10px;
}
#footer ul.info>li ul li span{
display:inline-block;
margin-bottom:5px;
color:#666;
font-size:10px;
}
#footer ul.info>li div.qr{
overflow:hidden;
margin-bottom:8px;
padding:8px;
background-color:#fff;
color:#666;
}
#footer ul.info>li div.qr img{
float:left;
}
#footer ul.info>li div.qr p{
margin:4px 0 0 72px;
}
#footer ul.info>li div.qr p a{
line-height:1.6;
background:url("http://p.dmm.co.jp/p/common/marker.gif") no-repeat left 0.4em;
margin-left:0.5em;
padding-left:10px;
}
#footer ul.ft-nav{
list-style:none;
padding:15px 0 12px;
background-color:#242424;
text-align:center;
}
#footer ul.ft-nav li{
display:inline;
height:1;
margin-left:4px;
padding-left:8px;
border-left:1px #999 solid;
white-space:nowrap;
}
#footer ul.ft-nav li:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}
#footer ul.ft-nav li a{
color:#fff;
}
#footer p.copy{
padding-bottom:15px;
background-color:#242424;
color:#fff;
text-align:center;
}
#footer p.copy small{
font-size:10px;
}

#footer-my{
margin-bottom:15px;
}
#footer-my ul{
margin:0;
text-align:center;
}
#footer-my ul li{
display:inline;
height:1.2em;
margin-right:4px;
padding-right:6px;
border-right:1px #666 solid;
white-space:nowrap;
}
#footer-my ul li.last{
margin-right:0;
padding-right:0;
border-right:0;
}
#footer-my .ft-nav{
margin-top:6px;
padding:6px 7px;
border-top:1px #aaa solid;
}
#footer-my .anchor{
margin:18px 7px 0;
text-align:right;
}
#footer-my .remote{
margin-top:18px;
}
#footer-my address{
padding-top:14px;
text-align:center;
font-size:10px;
}

#footer-short p.copy{
padding-top:6px;
border-top:1px #aaa solid;
text-align:center;
}
#footer-short p.copy small{
font-size:10px;
}


/*===============================
   					 #6　汎用系
===============================*/

.float-l{float:left !important}
.float-r{float:right !important}
.clear{clear:both !important}
.group:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.group{zoom:1}

.w100{width:100% !important}
.w90{width:90% !important}

.lh1{line-height:1em !important}
.lh2{line-height:1.2em !important}
.lh3{line-height:1.3em !important}
.lh4{line-height:1.4em !important}
.lh5{line-height:1.7em !important}

.mg-auto{margin-left:auto !important;margin-right:auto !important}
.mg-t0{margin-top:0 !important}
.mg-b0{margin-bottom:0 !important}
.mg-t3{margin-top:3px !important}
.mg-b3{margin-bottom:3px !important}
.mg-l3{margin-left:3px !important}

.mg-6{margin:6px !important}
.mg-t6{margin-top:6px !important}
.mg-r6{margin-right:6px !important}
.mg-b6{margin-bottom:6px !important}
.mg-l6{margin-left:6px !important}

.mg-b10{margin-bottom:10px !important}

.mg-12{margin:12px !important}
.mg-t12{margin-top:12px !important}
.mg-r12{margin-right:12px !important}
.mg-b12{margin-bottom:12px !important}
.mg-l12{margin-left:12px !important}

.mg-t20{margin-top:20px !important}
.mg-b20{margin-bottom:20px !important}

.pd-0{padding:0 !important}
.pd-3{padding:3px !important}

.pd-6{padding:6px !important}
.pd-t6{padding-top:6px !important}
.pd-r6{padding-right:6px !important}
.pd-b6{padding-bottom:6px !important}

.pd-12{padding:12px !important}
.pd-t12{padding-top:12px !important}
.pd-r12{padding-right:12px !important}
.pd-b12{padding-bottom:12px !important}

.bx-red{border:1px #c00 solid !important}
.bx-blu{border:1px #00c solid !important}
.bx-gra{border:1px #999 solid !important}

.bd-t{border-top:1px #999 solid !important}
.bd-t-dash{border-top:1px #999 dashed !important}
.bd-b{border-bottom:1px #999 solid !important}

.bg-whi{background:#fff !important}
.bg-gra{background:#808080 !important}
.bg-red{background:#c00 !important}
.bg-blu{background:#00c !important}
.bg-yel{background:#fffade !important}

.whi{color:#fff !important}
.red{color:#c00 !important}
.gre{color:#0a0 !important}
.blu{color:#00c !important}

.bold{font-weight:bold !important}

.tx10{font-size:10px !important}
.tx14{font-size:14px !important}
.tx16{font-size:16px !important}

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}

.top{vertical-align:top !important}
.middle{vertical-align:middle !important}
.bottom{vertical-align:bottom !important}

.nw{white-space:nowrap !important}
.bw{word-wrap:break-word !important}

#w .arrow{
padding-left:10px;background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
}
#w .arrow_visible_t{
padding-left:13px;background:url(http://p.dmm.co.jp/p/common/ico/arrow_opcl.gif) no-repeat left -89px;
}
#w .arrow_visible_r{
padding-left:13px;background:url(http://p.dmm.co.jp/p/common/ico/arrow_opcl.gif) no-repeat left -44px;
}
#w .arrow_visible_b{
padding-left:13px;background:url(http://p.dmm.co.jp/p/common/ico/arrow_opcl.gif) no-repeat left 1px;
}

.vline {
background:url(http://p.dmm.co.jp/p/title/vline1.gif) repeat-y center;width:21px;
}

.headline{
padding-bottom:2px;
border-bottom:2px solid #3d3d3d;
}
.headline p{
margin:0;
padding-bottom:3px;
font-size:16px;
}
/* ============================= [ hangaku ] */
.bx-hangaku {
margin-right:auto;
margin-left:auto;
padding:12px;
border:1px #C00 solid;text-align:center;line-height:1.4em;
}
.bx-hangaku p {
margin:0 0 6px;
font-size:14px;
font-weight:bold;
}
.bx-ora{
border:1px #f40 solid;
}
.tx-hangaku {
color:#f40;
}

/*===============================
   					 #7　パーツ系
===============================*/

/*====== リセット =======*/
.d-rst {line-height:1.5}
.d-rst * {
list-style: none;
margin: 0;
padding: 0;
}
.d-rst h1,.d-rst h2,.d-rst h3,.d-rst h4{font-weight: normal}
.d-rst h1{font-size:16px}
.d-rst h2{font-size:14px}
.d-rst h3{font-size:12px}

/*====== 左右ナビ =======*/

#w .d-captside {
margin-top: 0;
margin-bottom:6px;
padding-bottom:6px;
background:url(http://p.dmm.co.jp/p/common/bg_fuki.gif) no-repeat 12px bottom;
}
#w .d-captside span {
display: block;
padding: 3px 6px;
background:#000;
font-size: 12px;
color: #fff;
}

#w .d-sectside{
margin: 3px 8px 6px;
}
#w .d-sectside + .d-sectside{
padding-top: 8px;
border-top: 1px #ccc dotted;
}
#w .d-boxside{
padding: 6px;
background: #eee;
}
#w .d-elemside {
margin-bottom: 12px;
}

#w .d-ttlside {
margin-left: 6px;
padding: 0 10px 6px;
background: url(http://p.dmm.co.jp/p/common/ico_arrow.gif) no-repeat;
background-position: left 3px;
font-weight: bold;
}
#w .d-sectside + .d-ttlside{
padding: 12px 12px 6px;
background-position: left 14px;
border-top: 1px #ccc dotted;
}
#w .d-picside {
display: block;
margin: 0 auto 8px;
}
#w ul.d-txlistside {
margin:0;
padding:0;
list-style:none;
background:url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0 0.5em;
}
#w ul.d-txlistside li {
margin-bottom: 6px;
}

#w table.d-dataside th {
padding-right: 6px;
white-space: nowrap;
font-size: 11px;
font-weight: normal;
}

#d-side-r .side-rank{
width:165px;
margin-bottom:12px;
padding-bottom: 1px;
background: #FFF;
}
#d-side-r .side-rank ol{
margin:6px 0 6px 0;
padding:0;
}
#d-side-r .side-rank ol li{
font-family: "Arial Black" !important;
margin:0 0 0 22px;
padding:0 0 12px 0;
clear: both;
list-style:decimal;
}
#d-side-r .side-rank ol li:first-child {
margin-left: -5px;
padding: 0 0 12px 27px;
list-style: none;
background: url(http://p.dmm.co.jp/p/common/ico_rankfirst.gif) no-repeat;
}
#d-side-r .side-rank ol li a{
display: block;
font-family: sans-serif;
font-size: 12px;
}

.side-menu .d-txtpicside{
padding-left: 60px;
}

#d-side-r #side-rank-tab .s-tb-capt {
display: none;
list-style: none;
margin: 0 0 10px;
padding: 0;
height: 2em;
border-top: 1px #bebebe solid;
background: #eee;
}
#d-side-r #side-rank-tab .s-tb-capt li {
float: left;
width: 83px;
line-height: 2em;
margin: 0;
padding: 0;
border-bottom: 1px #ccc solid;
background: #eee;
text-align: center;
}
#d-side-r #side-rank-tab .s-tb-capt li.last-cont {
width: 82px;
}
#d-side-r #side-rank-tab .s-tb-capt li a {
display:block;
height: 2em;
border-right:1px #bebebe solid;
}
#d-side-r #side-rank-tab .s-tb-capt li.last-cont a {
border: none;
}
#d-side-r #side-rank-tab ol {
margin: 3px 8px 6px;
}
#d-side-r #side-rank-tab .d-ttlside {
margin: 22px 6px 3px;
}
#d-side-r #side-rank-tab .d-captside + .d-ttlside {
margin: 0 4px 3px;
}
#d-side-r #side-rank-tab .s-tb-link {
padding: 6px 0;
margin: 8px;
background-position: left 14px;
border-top: 1px #ccc dotted;
border-bottom: 1px #ccc dotted;
}
#d-side-r #side-rank-tab .tb3 li {
width: 55px;
}
#d-side-r #side-rank-tab .tb3 li.last-cont {
width: 55px;
}
#d-side-r #side-rank-tab.js-on .s-tb-sect {
visibility: hidden;
height: 0;
margin: 0;
overflow: hidden;
}
#d-side-r #side-rank-tab.js-on .s-tb-capt {
display: block;
}
#d-side-r #side-rank-tab.js-on .s-tb-sect.on {
visibility: visible;
height: auto;
}
#d-side-r #side-rank-tab .s-tb-capt li.on {
border-bottom: none;
background: #fff;
}
#d-side-r #side-rank-tab .s-tb-capt li.on a:link,
#d-side-r #side-rank-tab .s-tb-capt li.on a:visited {
font-weight: bold;
color: #333;
text-decoration: none;
cursor: default;
}
#d-side-r .side-minrank ol li {
clear: both;
padding-bottom: 3px;
border-bottom: 1px #eee solid;
vertical-align: text-top;
}
#d-side-r .side-minrank ol div {
display: table;/* Fx */
width: 100%;
}
#d-side-r .side-minrank ol img {
float: left;
margin-right: 3px;
}


/*====== 構造 =======*/

#w .d-area{
margin-bottom: 22px;
}
#w .d-capt{margin-bottom: 22px}
#w .d-sect{
margin-bottom: 11px;
padding-bottom:1px;
}
#w .d-item{margin-bottom: 22px}
#w .d-elem{margin-bottom: 12px}
#w .d-item:before,
#w .d-item:after {content:"";display:table}
#w .d-item:after {clear:both}
#w .d-item {zoom:1}
#w .d-unit{float:left}


/*====== 大見出し =======*/

#w .d-scarehead,
#w .d-headline,
#w .d-headwithlink,
#w .d-captside {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#w .d-scarehead {
display: table;
border-spacing: 6px;
border-collapse: separate;
width: 100%;
margin-bottom: 16px;
border-top: 1px #bbb solid;
border-bottom: 1px #bbb solid;
line-height: 20px;
font-size: 14px;
font-weight: normal;
}
#w .d-scarehead span.d-txten {
display:table-cell;
padding: 0 18px 0 6px;
margin: 0;
width: 1%;
background: url(http://p.dmm.co.jp/p/common/bg_scarehead.png) repeat-y scroll 100% 0;
vertical-align: middle;
font-size: 10px;
text-align: center;
white-space: nowrap;
font-family: "Arial Black";
}
#d-ie7 #w .d-scarehead {
width: auto;
padding: 6px;
zoom: 1;
}
#d-ie7 #w .d-scarehead span.d-txten {
width: auto;
height:1%;
margin-right: 6px;
padding: 3px 18px 3px 6px;
line-height: 20px;
zoom: 1;
}


#w .d-headline {
padding-left: 4px;
padding-bottom: 2px;
border-bottom: 2px #303030 solid;
font-size: 20px;
font-weight: normal;
}
#w .d-headline span.d-txten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}

#w .d-headwithlink {
height: 1.4em;
padding-left: 4px;
padding-bottom: 2px;
border-bottom: 2px #303030 solid;
font-size: 20px;
font-weight: normal;
text-align: right;
vertical-align: bottom;
line-height: 27px;
zoom:1;
}
#w .d-headwithlink span.d-txten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}
#w .d-headwithlink > span:first-child {
float:left;
}
#w .d-headwithlink a {
position: relative;
top: 4px;
margin-right: 3px;
}
#w .d-headline.d-noborder,
#w .d-headwithlink.d-noborder {
line-height: 30px;
border-bottom: none;
}


/*====== 小見出し系 d-ttl○○ =======*/
#w .d-ttlarrow,
#w .d-ttllarge,
#w .d-ttlsmall,
#w .d-ttlnote,
#w .d-ttlpickup {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#w .d-ttlarrow {
margin-bottom:12px;
padding-left: 12px;
background: url(http://p.dmm.co.jp/p/common/ico_arrow.gif) no-repeat left center;
font-size: 16px;
}
#w .d-ttllarge {
font-size: 16px;
padding: 6px 0;
}
#w .d-ttlsmall {
font-size: 12px;
padding: 6px 0;
}
#w .d-ttlnote {
margin-bottom:3px;
padding-bottom:7px;
background:url(http://p.dmm.co.jp/p/common/bg_fuki.gif) no-repeat 12px bottom;
}
#w .d-ttlnote span {
display: inline-block;
padding: 0 12px;
background:#000;
line-height: 24px;
font-size: 11px;
color: #fff;
}
#w .d-ttlpickup {
height: 32px;
margin-bottom:6px;
padding-left: 30px;
background:url(http://p.dmm.co.jp/p/common/ico_pickup.gif) no-repeat;
line-height: 27px;
font-size: 14px;
}


/*====== テキスト系 d-txt○○ =======*/

#w .d-txtstrong {
color: #b60000;
}
#w .d-txtlarge {
font-size: 14px;
}
#w .d-txtsmall {
font-size: 11px;
}
#w .d-txticon {
background: url(http://p.dmm.co.jp/p/common/arrow_global.gif) no-repeat 0% -318px;
padding-left: 8px;
font-size: 11px;
color: #b60000;
}
#w .d-txten {
font-family: Arial;
}
#w [class*="d-txtnote"] {
padding-left: 12px;
font-size: 11px;
color: #666;
}
#w .d-txtnote-l,
#w .d-txtnote-la {
font-size: 16px;
}
#w .d-txtnomal {
font-size: 12px;
}
#w a.d-txttopback {
padding-left: 12px;
background: url(http://p.dmm.co.jp/p/common/ico_toparrow.gif) no-repeat left center;
font-size: 11px;
color: #666;
}

#w .d-txtrankla.d-1st{
width: 30px;
height: 30px;
line-height: 35px;
background: url(http://p.dmm.co.jp/p/common/ico_rankcrown_la.gif);
margin-top: -6px;
}
#w .d-txtrankla {
display: block;
float: left;
width: 20px;
height: 20px;
margin: -3px 6px;
background: #000;
line-height: 20px;
text-align: center;
font-family: "Arial Black";
font-size: 14px;
color: #FFF;
}
a:hover .d-txtrankla {text-decoration: none}


/*====== ボックス（部品の入る枠）系 d-box○○ =======*/

#w .d-boxother {
padding:16px;
border-top: 1px #bbb dotted;
border-bottom: 1px #bbb dotted;
}
#w .d-boxother .d-ttlnote {
position:absolute;
margin: -30px 0 0 -12px;
}

#w .d-boxcaptside {
padding: 12px;
background: #eee;
overflow: hidden;
}
#w .d-boxcaptside .d-ttl {
float: left;
margin: 0 12px 0 0;
}
#w .d-boxcaptside .d-unit {
margin-right: 16px;
}
#w .d-boxcaptside .d-unit .d-ttl {
margin: 0 12px 0 0;
}
#w .d-boxcaptside select {
margin: 0
}
#w .d-boxcaptside + .d-boxcaptside {
border-top: 1px #aaa dotted;
}

#w .d-boxseparate .d-lcol {
float: left;
}
#w .d-boxseparate .d-rcol {
float: right;
}


#w .d-box2col {
zoom:1;
}
#w .d-box2col .d-unit {
width: 47%;
float: left;
padding: 0 0 0 9px;
}
#w .d-box2col .d-unit:first-child {
padding: 0 9px 0 0;
}
#w .d-box2col .d-unit .d-boxpiclist {
margin-right: -18px;
zoom: 1;
}


#w .d-box3col {
zoom:1;
}
#w .d-box3col .d-unit {
width: 31.5%;
padding-left: 18px;
}
#w .d-box3col .d-unit:first-child {
margin-left:-18px; 
}
#w .d-box3col .d-unit .d-boxpiclist {
margin-right: -18px;
zoom: 1;
}


#w .d-boxpicdata {
padding-top: 6px;
}
#w .d-boxpicdata .d-modtmb {
display: block;
float:left;
margin-top: -6px;
margin-right: 20px
}
#w .d-boxpicdata .d-datacol {
margin-top: 6px;
overflow: hidden;
}


#w .d-boxpiclist li {
float: left;
}

#w .d-boxpricelist {
position: relative;
}
#w .d-boxpricelist li {
float: left;
}
#w .d-boxpricelist li a {
position: absolute;
top: 0;
display: block;
}
#w .d-boxpricelist.d-smalltmb li a {width: 120px;}
#w .d-boxpricelist.d-largetmb li a {width: 160px;}
#w .d-boxpricelist.d-s2line li {padding-top: 14.2em}
#w .d-boxpricelist.d-2line li {padding-top: 16em}
#w .d-boxpricelist.d-3line li {padding-top: 17em}
#w .d-boxpricelist.d-4line li {padding-top: 18em}
#w .d-boxpricelist.d-5line li {padding-top: 19em}

#w .d-boxpricelist .d-bcol{
padding-top: 6px;
}
#w .d-boxpricelist.d-smalltmb .d-bcol {width: 120px;}
#w .d-boxpricelist.d-largetmb .d-bcol {width: 160px;}
#w .d-boxright {
text-align: right;
}
#w .d-item + .d-boxright {
margin-top: -12px;
}
#w .d-2col li {width: 49.9%}
#w .d-3col li {width: 33%}
#w .d-4col li {width: 24.9%}
#w .d-5col li {width: 19.5%}


#w .d-boxpagenation {
overflow: hidden;
padding: 8px 12px;
}
#w .d-boxpagenation p {
float: left;
margin: 0;
line-height: 24px;
}
#w .d-boxpagenation ul {
margin: 0;
padding: 0;
list-style: none;
list-style-position: outside;
text-align: right;
float: right;
}
#w .d-boxpagenation ul li {
float: left;
}
#w .d-boxpagenation ul li span {
margin: 0 4px 0 0;
display: block;
color: #000;
font-size: 13px;
font-weight: bold;
background-color: #F4F4F4;
text-align: center;
width: 34px;
line-height: 1.6em;
border: 1px solid #999;
text-decoration: none;
}
#w .d-boxpagenation .dot {
margin: 0 4px 0 0;
display: block;
color: #000;
font-size: 13px;
text-align: center;
width: 16px;
line-height: 1.8em;
}
#w .d-boxpagenation li a:link,
#w .d-boxpagenation li a:visited {
margin: 0 4px 0 0;
display: block;
color: #003399;
font-size: 13px;
background-color: #fff;
text-align: center;
width: 34px;
line-height: 1.6em;
border: 1px solid #999;
text-decoration: none;
}
#w .d-boxpagenation li a:hover {
color: #fff;
background-color: #003399;
}
#w .d-boxpagenation ul li.large {
float: left;
}
#w .d-boxpagenation li.large a:link, .navi-r li.large a:visited {
margin: 0 4px 0 0;
display: block;
color: #003399;
font-size: 13px;
background-color: #fff;
text-align: center;
width: 34px;
line-height: 1.6em;
border: 1px solid #999;
text-decoration: none;
}
#w .d-boxpagenation li.large a:hover {
color: #fff;
background-color: #003399;
}

#w .d-boxcollist li .d-modhover {
visibility: hidden;
position: absolute;
top: -20px;
left: 13px;
}
#w .d-boxcollist li a:hover .d-modhover {
visibility: visible;
text-decoration: none;
}
#w .d-boxcollist li {
float: left;
}
#w .d-boxcollist > li > .d-tmb {
position: relative;
margin: 0 auto 20px;
}

#w .d-boxhoverlist ul {
position: relative;
min-height: 100px;
padding-left: 150px;
}
#w .d-boxhoverlist.d-smalltmb ul {
padding-left: 130px;
}
#w .d-boxhoverlist.d-largetmb ul {
padding-left: 170px;
}
#w .d-boxhoverlist .d-modtmb {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#w .d-boxhoverlist li:first-child .d-modtmb {
z-index: 10;
}
#w .d-boxhoverlist li > *{
display: block;
padding: 4px 6px;
text-decoration: none;
}
#w .d-boxhoverlist li .d-ttl {
float: left;
padding: 0 12px 0 0;
}
#w .d-boxhoverlist li .d-ttl + * {
display: block;
overflow: hidden;
}
#w .d-boxhoverlist li > *:hover,
#w .d-boxhoverlist li.on > * {
background: #f0f0f0;
}
#w .d-boxhoverlist li > *:hover .d-modtmb,
#w .d-boxhoverlist li.on .d-modtmb {
z-index: 20;
}

#w .d-boxtbllist li {
float: left;
margin: 0 -1px -1px 0;
border: 1px solid #CCCCCC;
}
#w .d-boxtbllist li div {
margin: 0 auto;
text-align: center;
}
#w .d-boxtbllist li .d-img{
display: block;
margin: 10px;
}
#w .d-boxtbllist li .d-cont{
display: block;
margin: 10px;
text-align: left;
}

#w .d-boxslidelist {
position:relative;
padding: 0 50px;
}
#w .d-boxslidelist.d-boxfixlist {
padding: 0 4%;
}
#w .d-boxslidelist.d-boxfixlist li > div {
margin: 20px auto;
}
#w .d-boxslidelist.d-boxfixlist .d-prev,
#w .d-boxslidelist.d-boxfixlist .d-next {
position: absolute;
width: 3.8%;
max-width: 44px;
top: 0;
bottom: 0;
}
#w .d-boxslidelist.d-boxfixlist .d-prev > span,
#w .d-boxslidelist.d-boxfixlist .d-next > span {
width: 100%;
height: 50px;
margin: -25px 0 0;
}
#w .d-boxslidelist .d-prev,
#w .d-boxslidelist .d-next {
position: absolute;
width: 44px;
top: 0;
bottom: 0;
}
#w .d-boxslidelist .d-prev {
left: 0px;
}
#w .d-boxslidelist .d-next {
right: 0px;
}
#w .d-boxslidelist .d-prev:hover,
#w .d-boxslidelist .d-next:hover {
background: #f3f3f3;
cursor: pointer;
}
#w .d-boxslidelist .d-prev > span,
#w .d-boxslidelist .d-next > span {
display: inline-block;
position: absolute;
top: 50%;
width: 24px;
height: 50px;
margin: -25px 10px 0;
line-height: 40px;
background:url(http://p.dmm.co.jp/p/common/ico/arrow_slideprev.png) no-repeat scroll 50% 50%;
color: #fff;
text-align: center;
}
#w .d-boxslidelist .d-next > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext.png);
}
#w .d-boxslidelist .d-prev:hover > span {
background-image: url(http://p.dmm.co.jp/p/common/ico/arrow_slideprev_on.png);
}
#w .d-boxslidelist .d-next:hover > span {
background-image: url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext_on.png);
}
#w .d-boxslidelist .d-prev.off > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slideprev_off.png);
}
#w .d-boxslidelist .d-next.off > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext_off.png);
}
#w .d-boxslidelist .d-prev.off:hover,
#w .d-boxslidelist .d-next.off:hover {
background: #fff;
cursor: default;
}


/*====== モジュール（細かな部品）系 d-mod○○ =======*/

#w .d-modtmb {
display: block;
}
#w .d-tmb {
display: block;
margin-bottom: 12px;
background-color: #fff;
border: 1px #ddd solid;
border-radius: 3px;
}
#w .d-tmb > * {
display: block;
padding:10px 0;
text-align: center;
text-decoration: none;
}

#w .d-smalltmb .d-modtmb,
#w .d-smalltmb .d-tmb,
#w .d-smalltmb .d-tmb .d-img  {width:120px}
#w .d-largetmb .d-modtmb,
#w .d-largetmb .d-tmb,
#w .d-largetmb .d-tmb .d-img  {width:160px}
#w .d-hugetmb .d-modtmb,
#w .d-hugetmb .d-tmb,
#w .d-hugetmb .d-tmb .d-img  {width:224px}
#w .d-freetmb .d-tmb span  {padding: 10px}

#w .d-tmb a:hover,
#w a:hover .d-tmb  {
background: #f3f3f3;
}

#w .d-tmb .d-img {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
#w .d-tmb .d-img img {
margin: auto;
}
#w .d-tmb .d-cont{
display: block;
margin: 10px 10px 0;
text-align: left;
}

#w .d-1hi {height: 1.6em;}
#w .d-2hi {height: 3.1em;}
#w .d-3hi {height: 4.6em;}
#w .d-4hi {height: 6.1em;}

#w .d-modrowlink {
overflow: hidden;
}
#w .d-modrowlink li {
float: left;
margin-right: 12px;
white-space: nowrap;
}

#w .d-modwithlink {
text-align: right;
}
#w .d-modwithlink > div:first-child {
float: left;
}

#w .d-modlabel {
margin: -15px auto auto -15px;
position: absolute;
}

#w table.d-moddatalist th {
padding-right: 12px;
white-space: nowrap;
font-weight: normal;
}
#w table.d-modspec {
border-top: 1px #ccc dotted;
font-size: 11px;
}
#w table.d-modspec th,
#w table.d-modspec td {
border-bottom: 1px #ccc dotted;
}
#w table.d-modspec th {
padding-right: 12px;
white-space: nowrap;
font-weight: normal;
}

#w ul.d-modtxlist li {
background: url("http://p.dmm.co.jp/p/common/marker.gif") no-repeat scroll 4px 8px transparent;
padding-left: 12px;
}

#w .d-modhdanchor {
position: relative;
display: block;
border-right: 1px #b2b2b2 dotted;
height: 16px;
top: 6px;
}
#w .d-modhdanchor span,
#w .d-modhdanchor span a {
display: inline-block;
line-height: 16px;
height: 16px;
vertical-align: top;
}
#w .d-modhdanchor span {
padding: 0;
border-left: 1px #b2b2b2 dotted;
font-size: 11px;
}
#w .d-modhdanchor span a {
color: #000;
margin: 0;
padding: 0 20px;
top: 0;
}
#w .d-modhdanchor span a:hover {
background: url(http://p.dmm.co.jp/p/common/ico/arrow_hdanchor.png) no-repeat scroll 8px -36px;
color: #c10000;
text-decoration: none;
}
#w .d-modhdanchor span.d-on {
background: url(http://p.dmm.co.jp/p/common/ico/arrow_hdanchor.png) no-repeat scroll 8px 4px;
padding: 0 20px;
color: #c10000;
}
#w .d-modhdanchor span.d-on ~ span a:hover {
background-position: 8px -16px;
}
#w .d-modother {
border-top: 1px dotted #CCCCCC;
padding-top: 1em;
}

#w .d-modkeyword {
margin: -4px 12px 12px;
}
#w .d-modkeyword p {
float: left;
line-height: 16px;
padding-left: 16px;
background: url(http://p.dmm.co.jp/p/common/ico_attention.gif) no-repeat left top;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 11px;
font-weight: bold;
}
#w .d-modkeyword ul,
#w .d-modkeyword div {
height: 16px;
line-height: 16px;
padding-left: 15px;
overflow: hidden;
}
#w .d-modkeyword ul li {
float: left;
margin-right: 15px;
white-space: nowrap;
}

div[class^="d-modbabble-"] {
position:absolute;
border-radius:10px;
z-index:1;
opacity:0.95;
}
div[class^="d-modbabble-"] > div {
position:relative;
width:300px;
padding:12px;
border:2px solid #303030;
border-radius:10px;
background:#fffac7;
color:#000;
box-shadow:2px 2px 8px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.4);
}
div[class^="d-modbabble-"] .d-babble-arrow,
div[class^="d-modbabble-"] .d-babble-arrow:after {
position:absolute;
}
.d-modbabble-t .d-babble-arrow {
top:-13px;
left:30px;
border-right:14px solid transparent;
border-bottom:14px #303030 solid;
border-left:14px solid transparent;
}
.d-modbabble-t .d-babble-arrow:after {
content:" ";
top:3px;
left:-12px;
border-right:12px solid transparent;
border-bottom:12px #fffac7 solid;
border-left:12px solid transparent;
}
.d-modbabble-r .d-babble-arrow {
top:17px;
right:-13px;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:14px #303030 solid;
}
.d-modbabble-r .d-babble-arrow:after {
top:-12px;
right:3px;
content:" ";
border-top:12px solid transparent;
border-bottom:12px solid transparent;
border-left:12px #fffac7 solid;
}
.d-modbabble-b .d-babble-arrow {
bottom:-13px;
left:30px;
border-top:14px #303030 solid;
border-right:14px solid transparent;
border-left:14px solid transparent;
}
.d-modbabble-b .d-babble-arrow:after {
content:" ";
bottom:3px;
left:-12px;
border-top:12px #fffac7 solid;
border-right:12px solid transparent;
border-left:12px solid transparent;
}
.d-modbabble-l .d-babble-arrow {
top:17px;
left:-13px;
border-top:14px solid transparent;
border-right:14px #303030 solid;
border-bottom:14px solid transparent;
}
.d-modbabble-l .d-babble-arrow:after {
content: " ";
top:-12px;
left:3px;
border-top:12px solid transparent;
border-right:12px #fffac7 solid;
border-bottom:12px solid transparent;
}
#d-ie7 div[class^="d-modbabble-"] .d-babble-arrow {
border:0;
}
#d-ie7 .d-modbabble-t .d-babble-arrow {
height:15px;
width:28px;
left:30px;
top:-13px;
background: url(http://p.dmm.co.jp/p/common/ico_babble_arrow.png) 0 0;
}
#d-ie7 .d-modbabble-l .d-babble-arrow {
height:28px;
width:15px;
left:-13px;
top:17px;
background: url(http://p.dmm.co.jp/p/common/ico_babble_arrow.png) -74px 0;
}
#d-ie7 .d-modbabble-b .d-babble-arrow {
height:15px;
width:28px;
left:30px;
bottom:-13px;
background: url(http://p.dmm.co.jp/p/common/ico_babble_arrow.png) -45px 0;
}
#d-ie7 .d-modbabble-r .d-babble-arrow {
height:28px;
width:15px;
right:-13px;
top:17px;
background:url(http://p.dmm.co.jp/p/common/ico_babble_arrow.png) -29px 0;
}
div[class^="d-modbabble-"] > .d-close {
position:absolute;
top:12px;
right:12px;
}

hr[class*="d-"][class*="line"]{
height: 1px;
border-width: 1px 0px 0px 0px;
margin:22px 0;
}
hr[class*="d-"][class*="line-no"]{margin:0}
hr[class*="d-"][class*="line-sm"]{margin:12px 0}
hr[class*="d-dot"]{border-style: dotted; border-color: #999}
hr[class*="d-solid"]{border-style: solid; border-color: #bbb}

#w [class^="d-btn"] {
display: inline-block;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt.gif);
background-repeat: no-repeat;
background-position: 0 center;
border-color: #BBBBBB #999999 #888888;
border-style: solid;
border-width: 1px;
border-radius: 2px;
color: #333;
}
#w [class^="d-btn"]:hover {
position: relative;
top:1px;
background-position: -280px center;
border-color: #aaa #999999 #BBBBBB;
color: #636363;
text-decoration: none;
}
#w [class^="d-btn"] > * {
display: inline-block;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_arrow.png);
background-color: transparent !important;
background-repeat: no-repeat;
background-position: 6px center;
border-color: #fff #fff #f0f0f0;
border-style: solid;
border-width: 1px;
border-radius: 1px;
text-align: center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold !important;
word-break: normal !important;
}
#w [class^="d-btn"] > input {
white-space: normal;
cursor: pointer !important;
line-height: 12px;
}
#w [class^="d-btn"][class*="-st"] {
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_st.gif);
}
#w [class^="d-btn"][class*="-st"] > * {
border: 1px #ffecb9 solid;
}
#w [class^="d-btn"][class*="-st"]:hover > * {
border-color: #f8e2a0;
}
#w [class^="d-btn"] > * {
padding: 2px 8px 2px 14px; 
line-height: 12px;
font-size: 12px;
}
#w [class^="d-btn"][class*="-hi"] > * {
padding: 5px 10px 5px 16px; 
background-position: -274px center;
line-height: 14px;
font-size: 14px;
}
#w [class^="d-btn"][class*="-xhi"] > * {
padding: 9px 12px 7px 18px; 
background-position: -554px center;
line-height: 16px;
font-size: 16px;
}
#w [class^="d-btn"] > * {width: 134px;}
#w [class^="d-btn"][class*="-sm"] > * {width: 64px;}
#w [class^="d-btn"][class*="-la"] > * {width: 194px;}
#w [class^="d-btn"] > input {width: 158px;}
#w [class^="d-btn"][class*="-sm"] > input {width: 88px;}
#w [class^="d-btn"][class*="-la"] > input {width: 218px;}
#w [class^="d-btn"][class*="-hi"] > * {width: 150px;}
#w [class^="d-btn"][class*="-hi"][class*="-sm"] > * {width: 90px;}
#w [class^="d-btn"][class*="-hi"][class*="-la"] > * {width: 210px;}
#w [class^="d-btn"][class*="-hi"] > input {width: 178px;}
#w [class^="d-btn"][class*="-hi"][class*="-sm"] > input {width: 118px;}
#w [class^="d-btn"][class*="-hi"][class*="-la"] > input {width: 238px;}
#w [class^="d-btn"][class*="-xhi"] > * {width: 176px;}
#w [class^="d-btn"][class*="-xhi"][class*="-sm"] > * {width: 116px;}
#w [class^="d-btn"][class*="-xhi"][class*="-la"] > * {width: 236px;}
#w [class^="d-btn"][class*="-xhi"] > input {width: 208px;}
#w [class^="d-btn"][class*="-xhi"][class*="-sm"] > input {width: 148px;}
#w [class^="d-btn"][class*="-xhi"][class*="-la"] > input {width: 268px;}

#w [class^="d-btn"] > input, x:-moz-any-link {  /* firefox hack */
padding-top: 0 !important; padding-bottom: 0 !important;
}
#d-ie7 #w [class^="d-btn"] > input, x:-moz-any-link {
padding-top: 2px; padding-bottom: 2px;
}
#d-ie7 [class^="d-btn"],
#d-ie7 [class^="d-btn"] > * {display: inline !important}
#d-ie7 [class^="d-btn"] > input {
border: none;
margin:0 -10px;
}


/*===============================
   					 #8　特定ページ系
===============================*/

.page-detail .area-headline *{
margin:0;padding:0;
}
.page-detail .area-headline{
margin-bottom:12px;
padding-bottom:2px;
border-bottom:2px #3d3d3d solid;
text-align:right;
}
.page-detail .area-headline .hreview{
display:inline;
float:left;
font-weight:bold;
font-size:16px;
text-align:left;
}
.page-detail h1{
display:inline;
}

.area-review{
zoom:1;
line-height:1.4em;
border:1px #ff7101 solid;
text-align: left;
}
.area-review ul{
list-style:none;
padding:0;
}
.area-review li{
display: inline;
margin:0;
padding:0 0 0 4px;
}

.parts-review *{
margin:0;padding:0
}
.parts-review ul{
list-style:none;
}

#review-list{
padding:0 6px 12px;
border:1px #f81 solid;
}
#review-list .chapter{
margin:0 -6px 12px;
padding:0.2em 6px;
background:#f81;
color:#fff;
font-weight:bold;
font-size:12px;
}
#review-list .overall{
margin-bottom: 12px;
}
#review-list .review-nav{
line-height:1.5em;
padding:3px;
background:#e5e5e5;
}
#review-list .review-nav.second{
margin-top:12px;
background:#f2f2f2;
}
#review-list .first .review-nav.second{
margin-top:0;
border-top:1px #bbb solid;
}
#review-list .review-nav li {
margin-right:3px;
padding-right:3px;
border-right:1px #666 solid;
font-weight:bold;
}
#review-list .list-nav li {
padding-left:3px;
border-right:0;
}
#review-list .review-nav li.last{
margin-right:0;
padding-right:0;
border-right:0;
}
#review-list .review-nav li a{
font-weight:normal;
}
#review-list .review-nav ul,#review-list .review-nav ul li,
#review-list .review-nav dt,#review-list .review-nav dd{
display:inline;
}
#review-list .hreview{
margin-top:18px;
}
#review-list .summary{
margin-left:9px;
padding-left:6px;
border-left:3px #666 solid;
font-weight:bold;
}
#review-list .bg-yel{
line-height:1.65em;
padding:3px;
}
#review-list .bg-yel p img{
margin:0.4em 0;
vertical-align: middle;
}
#review-list .wrap-desc{
margin: 6px 6px 12px;
}
#review-list .wrap-desc p{
margin-bottom:12px;
}
#review-list .wrap-desc .note{
margin-bottom:3px;
color:#666;
}

.rotation img{
vertical-align:bottom;
}
.bnr-rotate-caption{
margin:3px 6px;
text-align:right;
}

#w .d-sns-button li {
float:left;
list-style:none;
margin:3px 10px 0 0;
}
#d-ie7 .d-sns-button .plusone {display:none}

.announcement{
margin:20px 0;
text-align:center;
}
.announcement dl{
width:90%;
margin:0 auto;
}
.announcement dl dt{
padding:3px;
background:#00c;
color:#fff;
font-size:10px;
font-weight:bold;
text-align:left;
}
.announcement dl dd{
margin:0;
padding:10px;
border:1px #00c solid;
}
.announcement dl dd p{
margin:0 0 10px;
}
.announcement dl dd p.bold{
padding:3px;
background:#cdf;
}

.mail-mobile form {
margin: 0;
}
.mail-mobile form input {
vertical-align: middle;
}
.mail-mobile form input.area-tx {
width: 88px;
height:20px;
margin: 0 3px 0 0;
color: #666;
}


/*===============================
   					 #9　未確認(不必要)系
===============================*/

.chnavi_search_size {
width:115px;
}
.navi_videoc_select {
width:100px;
}
.no-bn {
display:block;
height:75px;
width:100px;
}
.no-pb {
display:block;
height:96px;
width:60px;
}
.no-pt {
display:block;
height:144px;
width:90px;
}
.no-s-all {
display:inline;
float:left;
height:90px;
margin:4px;
width:120px;
}
.no-sample {
display:inline;
float:left;
height:90px;
margin:0px 2px 4px;
width:120px;
}
.t_24px_019235 {
color:#019235;
font-size:24px;
font-weight:bold;
}
.t_24px_C80000 {
color:#c00;
font-size:24px;
font-weight:bold;
}
.txlistfwhite {
padding:2px;
}
#formlayout {
margin:0px 0px 2px 0px;
}
.hbline {
border-bottom:1px #666 solid;
line-height:15px;
text-align:center;
}
.header_basket {
color:#fff;
font-size:14px;
font-weight:bold;
line-height:20px;
}
.header_basket2 {
color:#fff;
font-weight:bold;
line-height:20px;
}
.header_large {
font-size:15px;
font-weight:bold;
}
.header_search {
color:#ff7800;
font-weight:bold;
}
.header_search_l {
color:#ff7800;
font-size:16px;
font-weight:bold;
}
.header_sys {
color:#669;
font-size:14px;
font-weight:bold;
line-height:15px;
}
.large {
color:#c00;
font-size:16px;
font-weight:bold;
}
.navi {
color:#fff;
font-size:12px;
font-weight:bold;
line-height:22px;
text-decoration:none;
}
.notice {
color:#c00;
line-height:15px;
}
.notice2 {
color:#c00;
font-weight:bold;
line-height:15px;
}
.review_campaign {
background: #FF7101;
}
.bold1 {
line-height:14px
}
.bold_red1 {
line-height:14px
}
.sub_red {
color:#c00;
font-size:10px;
}
.bold_red {
color:#f00;
font-weight:bold;
line-height:14px;
}
.header,
.mono_price2 {
font-weight:bold;
line-height:15px;
}
.header2 {
color:#fff;
font-weight:bold;
}
.strong {
color:#c00;
font-weight:bold;
}
.sub {
font-size:10px;
}
.text {
line-height:14px;
}
.text3 {
color:#c00;
font-size:15px;
font-weight:bold;
}
.text5,
.title {
font-size:16px;
font-weight:bold;
line-height:20px;
}
.txlistfgreen {
background-color:#e6f5f5;
padding:2px;
}
.announce {
background-color:white;
border:1px solid blue;
color:blue;
margin:10px;
position:relative;
top:-8px;
width:600px;
}
.announce td,
.announce3 td {
text-align:center;
}
.announce2 {
background-color:white;
border:1px solid red;
font-size:13px;
margin:5px;
width:100%;
}
.announce3 {
background-color:white;
border:1px solid blue;
margin:10px;
position:relative;
top:-8px;
}
.announce3 legend {
color:blue;
}