@charset "euc-jp";
/*====================================================*/
/* base.cssから移動した共通パーツ */ 
/*====================================================*/
.dp-rst {line-height:1.5}
.dp-rst * {
list-style: none;
margin: 0;
padding: 0;
}
.dp-rst h1,.dp-rst h2,.dp-rst h3,.dp-rst h4{font-weight: normal}
.dp-rst h1{font-size:16px}
.dp-rst h2{font-size:14px}
.dp-rst h3{font-size:12px}
.dp-rst input[type="button"] {padding: 1px 6px;line-height: 1.2}
.dp-rst img[src*="common/bt/"][src*=".png"]:hover{
filter: alpha(opacity=82);
opacity:0.82;
position: relative;
top:1px;
background: #fff;
}

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

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



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

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

#w .dp-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 .dp-scarehead span.dp-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 .dp-scarehead {
width: auto;
padding: 6px;
zoom: 1;
}
#d-ie7 #w .dp-scarehead span.dp-txten {
width: auto;
height:1%;
margin-right: 6px;
padding: 3px 18px 3px 6px;
line-height: 20px;
zoom: 1;
}


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

#w .dp-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 .dp-headwithlink span.dp-txten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}
#w .dp-headwithlink > span:first-child {
float:left;
}
#w .dp-headwithlink a {
position: relative;
top: 4px;
margin-right: 3px;
}
#w .dp-headline.dp-noborder,
#w .dp-headwithlink.dp-noborder {
line-height: 30px;
border-bottom: none;
}



/*====== 小見出し系 dp-ttl○○ =======*/

#w .dp-ttlarrow,
#w .dp-ttllarge,
#w .dp-ttlsmall,
#w .dp-ttlnote,
#w .dp-ttlpickup {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#w .dp-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 .dp-ttllarge {
font-size: 16px;
padding: 6px 0;
}
#w .dp-ttlsmall {
font-size: 12px;
padding: 6px 0;
}
#w .dp-ttlnote {
margin-bottom:3px;
padding-bottom:7px;
background:url(http://p.dmm.co.jp/p/common/bg_fuki.gif) no-repeat 12px bottom;
}
#w .dp-ttlnote span {
display: inline-block;
padding: 0 12px;
background:#000;
line-height: 24px;
font-size: 11px;
color: #fff;
}
#w .dp-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;
}



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

#w .dp-txtstrong {
color: #b60000;
}
#w .dp-txtlarge {
font-size: 14px;
}
#w .dp-txtsmall {
font-size: 11px;
}
#w .dp-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 .dp-txten {
font-family: Arial;
}
#w .dp-txtnote {
padding-left: 12px;
font-size: 11px;
color: #666;
}
#w .dp-txtnomal {
font-size: 12px;
}
#w a.dp-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 .dp-txtrankla.dp-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 .dp-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 .dp-txtrankla {text-decoration: none}

#w .dp-capt .dp-txtservice {
font-size: 12px;
}
#w .dp-capt .dp-txtservice a {
top: 0;
margin: 0 0 0 3px;
}



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

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

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

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


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


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


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


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

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

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


#w .dp-boxpagenation {
overflow: hidden;
padding: 8px 12px;
}
#w .dp-boxpagenation p {
float: left;
margin: 0;
line-height: 24px;
}
#w .dp-boxpagenation ul {
margin: 0;
padding: 0;
list-style: none;
list-style-position: outside;
text-align: right;
float: right;
}
#w .dp-boxpagenation ul li {
float: left;
}
#w .dp-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 .dp-boxpagenation .dot {
margin: 0 4px 0 0;
display: block;
color: #000;
font-size: 13px;
text-align: center;
width: 16px;
line-height: 1.8em;
}
#w .dp-boxpagenation li a:link,
#w .dp-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 .dp-boxpagenation li a:hover {
color: #fff;
background-color: #003399;
}
#w .dp-boxpagenation ul li.large {
float: left;
}
#w .dp-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 .dp-boxpagenation li.large a:hover {
color: #fff;
background-color: #003399;
}

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

#w .dp-boxhoverlist ul {
position: relative;
min-height: 100px;
padding-left: 150px;
}
#w .dp-boxhoverlist.dp-smalltmb ul {
padding-left: 130px;
}
#w .dp-boxhoverlist.dp-largetmb ul {
padding-left: 170px;
}
#w .dp-boxhoverlist .dp-modtmb {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#w .dp-boxhoverlist li:first-child .dp-modtmb {
z-index: 10;
}
#w .dp-boxhoverlist li > *{
display: block;
padding: 4px 6px;
text-decoration: none;
}
#w .dp-boxhoverlist li .dp-ttl {
float: left;
padding: 0 12px 0 0;
}
#w .dp-boxhoverlist li .dp-ttl + * {
display: block;
overflow: hidden;
}
#w .dp-boxhoverlist li > *:hover,
#w .dp-boxhoverlist li.on > * {
background: #f0f0f0;
}
#w .dp-boxhoverlist li > *:hover .dp-modtmb,
#w .dp-boxhoverlist li.on .dp-modtmb {
z-index: 20;
}
#w .dp-boxtbllist li {
float: left;
margin: 0 -1px -1px 0;
border: 1px solid #CCCCCC;
}
#w .dp-boxtbllist.dp-4col li{
width: 24.8%;
}
#w .dp-boxtbllist li div {
margin: 0 auto;
text-align: center;
}
#w .dp-boxtbllist li .dp-img{
display: block;
margin: 10px;
}
#w .dp-boxtbllist li .dp-cont{
display: block;
margin: 10px;
text-align: left;
}

#w .dp-boxslidelist {
position:relative;
padding: 0 50px;
}
#w .dp-boxslidelist.dp-boxfixlist {
padding: 0 4%;
}
#w .dp-boxslidelist.dp-boxfixlist li > div {
margin: 20px auto;
}
#w .dp-boxslidelist.dp-boxfixlist .dp-prev,
#w .dp-boxslidelist.dp-boxfixlist .dp-next {
position: absolute;
width: 3.8%;
max-width: 44px;
top: 0;
bottom: 0;
}
#w .dp-boxslidelist.dp-boxfixlist .dp-prev > span,
#w .dp-boxslidelist.dp-boxfixlist .dp-next > span {
width: 100%;
height: 50px;
margin: -25px 0 0;
}
#w .dp-boxslidelist .dp-prev,
#w .dp-boxslidelist .dp-next {
position: absolute;
width: 44px;
top: 0;
bottom: 0;
}
#w .dp-boxslidelist .dp-prev {
left: 0px;
}
#w .dp-boxslidelist .dp-next {
right: 0px;
}
#w .dp-boxslidelist .dp-prev:hover,
#w .dp-boxslidelist .dp-next:hover {
background: #f3f3f3;
cursor: pointer;
}
#w .dp-boxslidelist .dp-prev > span,
#w .dp-boxslidelist .dp-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 .dp-boxslidelist .dp-next > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext.png);
}
#w .dp-boxslidelist .dp-prev:hover > span {
background-image: url(http://p.dmm.co.jp/p/common/ico/arrow_slideprev_on.png);
}
#w .dp-boxslidelist .dp-next:hover > span {
background-image: url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext_on.png);
}
#w .dp-boxslidelist .dp-prev.off > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slideprev_off.png);
}
#w .dp-boxslidelist .dp-next.off > span {
background-image:url(http://p.dmm.co.jp/p/common/ico/arrow_slidenext_off.png);
}
#w .dp-boxslidelist .dp-prev.off:hover,
#w .dp-boxslidelist .dp-next.off:hover {
background: #fff;
cursor: default;
}

#w .dp-boxtable {
width: 100%;
border-collapse: collapse;
}
#w .dp-boxtable > thead > tr > th {
padding: 6px 14px;
background: #242424;
border-left: 1px #5b5b5b solid;
color: #fff;
font-size: 14px;
white-space: nowrap;
text-align: left;
}
#w .dp-boxtable > thead > tr > th {
font-weight: normal;
}
#w .dp-boxtable > thead > tr > th:first-child {
border-left: 1px solid #242424;
}
#w .dp-boxtable > thead + tbody > tr > td,
#w .dp-boxtable > thead + tbody > tr > th {
border-top: none;
}
#w .dp-boxtable > tbody > tr > th,
#w .dp-boxtable > tbody > tr > td {
padding: 12px 14px;
border-top: 1px #bbb solid;
border-right: 1px #bbb solid;
border-bottom: 1px #bbb solid;
border-left: 1px #bbb solid;
}

#w .dp-boxstrong{
background: #faf9e1;
padding: 12px;
border: 1px #bbb solid;
}
#w .dp-boxnotice{
background: #eee;
padding: 12px;
border: 1px #bbb solid;
}
#w .dp-boxerror{
background: #fff;
padding: 12px;
border: 1px #f35b5b solid;
}
#w .dp-boxnormal{
padding: 12px;
border: 1px #bbb solid;
}
#w .dp-boxexp{
padding: 12px;
border: 8px #eee solid;
}





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

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

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

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

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

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


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


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

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

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

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

#w .dp-modhdanchor {
position: relative;
display: block;
border-right: 1px #b2b2b2 dotted;
height: 16px;
top: 6px;
}
#w .dp-modhdanchor span,
#w .dp-modhdanchor span a {
display: inline-block;
line-height: 16px;
height: 16px;
vertical-align: top;
}
#w .dp-modhdanchor span {
padding: 0;
border-left: 1px #b2b2b2 dotted;
font-size: 11px;
}
#w .dp-modhdanchor span a {
color: #000;
margin: 0;
padding: 0 20px;
top: 0;
}
#w .dp-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 .dp-modhdanchor span.dp-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 .dp-modhdanchor span.dp-on ~ span a:hover {
background-position: 8px -16px;
}
#w .dp-modother {
border-top: 1px dotted #CCCCCC;
padding-top: 1em;
}

#w .dp-modkeyword {
margin: -4px 12px 12px;
}
#w .dp-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 .dp-modkeyword ul {
height: 16px;
line-height: 16px;
padding-left: 15px;
overflow: hidden;
}
#w .dp-modkeyword ul li {
float: left;
margin-right: 15px;
white-space: nowrap;
}

div[class^="dp-babble-"] {
position:absolute;
border-radius:10px;
z-index:1;
opacity:0.95;
}
div[class^="dp-babble-"] > 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^="dp-babble-"] .dp-babble-arrow,
div[class^="dp-babble-"] .dp-babble-arrow:after {
position:absolute;
}
.dp-babble-t .dp-babble-arrow {
top:-13px;
left:30px;
border-right:14px solid transparent;
border-bottom:14px #303030 solid;
border-left:14px solid transparent;
}
.dp-babble-t .dp-babble-arrow:after {
content:" ";
top:3px;
left:-12px;
border-right:12px solid transparent;
border-bottom:12px #fffac7 solid;
border-left:12px solid transparent;
}
.dp-babble-r .dp-babble-arrow {
top:17px;
right:-13px;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:14px #303030 solid;
}
.dp-babble-r .dp-babble-arrow:after {
top:-12px;
right:3px;
content:" ";
border-top:12px solid transparent;
border-bottom:12px solid transparent;
border-left:12px #fffac7 solid;
}
.dp-babble-b .dp-babble-arrow {
bottom:-13px;
left:30px;
border-top:14px #303030 solid;
border-right:14px solid transparent;
border-left:14px solid transparent;
}
.dp-babble-b .dp-babble-arrow:after {
content:" ";
bottom:3px;
left:-12px;
border-top:12px #fffac7 solid;
border-right:12px solid transparent;
border-left:12px solid transparent;
}
.dp-babble-l .dp-babble-arrow {
top:17px;
left:-13px;
border-top:14px solid transparent;
border-right:14px #303030 solid;
border-bottom:14px solid transparent;
}
.dp-babble-l .dp-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^="dp-babble-"] .dp-babble-arrow {
border:0;
}
#d-ie7 .dp-babble-t .dp-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 .dp-babble-l .dp-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 .dp-babble-b .dp-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 .dp-babble-r .dp-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^="dp-babble-"] > .close {
position:absolute;
top:12px;
right:12px;
}


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

#w input[type="text"][class*="dp-modform"]{
padding: 2px;
font-size: 14px;
vertical-align: middle;
line-height: 1;
}
#w input[type="text"].dp-modform-5{width: 6em}
#w input[type="text"].dp-modform-10{width: 11em}
#w input[type="text"].dp-modform-15{width: 16em}
#w input[type="text"].dp-modform-20{width: 21em}

#w input[type="text"][class*="dp-modform"][disabled="disabled"]{background: #ddd; color:#000}/* IE */
#w input[type="text"][class*="dp-modform"][disabled="disabled"][value]{background: #fff;color:#000}/* IE */
#w input[type="text"][class*="dp-modform"][disabled="disabled"]:not([target]){background: #ddd !important; color:#000 !important}/* モダンブラウザ */



#w [class^="dp-btn"] {
display: inline-block;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt.gif);
background-color: #D2D2D2;
background-repeat: no-repeat;
background-position: 0 center;
border-color: #BBBBBB #999999 #888888;
border-style: solid;
border-width: 1px;
border-radius: 2px;
}
#w [class^="dp-btn"]:hover {
position: relative;
top:1px;
background-position: -280px center;
border-color: #aaa #999999 #BBBBBB;
text-decoration: none;
}
#w [class^="dp-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:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-weight: bold !important;
word-break: normal !important;
color: #333;
}
#w [class^="dp-btn"]:hover > * {
color: #636363;
text-decoration: none;
}
#w [class^="dp-btn"] > input {
white-space: normal;
cursor: pointer !important;
line-height: 12px;
}
/* あしらい */
#w [class^="dp-btn"][class*="-st"] {
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_st.gif);
background-color: #FFC949;
}
#w [class^="dp-btn"][class*="-st"] > * {
border: 1px #ffecb9 solid;
}
#w [class^="dp-btn"][class*="-st"]:hover > * {
border-color: #f8e2a0;
}
#w [class^="dp-btn"][class*="-xst"] {
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_xst.gif);
background-color: #FC6225;
border-color: #8f8f8f #808080 #5d5d5d;
}
#w [class^="dp-btn"][class*="-xst"] > * {
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_arrowwhi.png);
border: 1px #ff874c solid;
color: #fff;
}
#w [class^="dp-btn"][class*="-xst"]:hover > * {
border-color: #ff9d50;
}
/* 基本設定 */
#w [class^="dp-btn"] > * {
padding: 2px 3px 2px 12px;
line-height: 12px;
font-size: 12px;
}
#w [class^="dp-btn"][class*="-hi"] > * {
padding: 5px 3px 5px 13px;
background-position: -274px center;
line-height: 14px;
font-size: 14px;
}
#w [class^="dp-btn"][class*="-xhi"] > * {
padding: 9px 3px 7px 16px;
background-position: -554px center;
line-height: 16px;
font-size: 16px;
}
/* 幅指定　サイズが以下になるよう調整
d-btn(160*20)  d-btn-sm(90*20)  d-btn-la(220*20) 
d-btn-hi(180*28)  d-btn-sm-hi(120*28)  d-btn-la-hi(240*28)
d-btn-xhi(210*36)  d-btn-sm-xhi(150*36)  d-btn-la-xhi(270*36) */

/* paddingとborderを差し引いた値を設定 */
#w [class^="dp-btn"] > * {width: 141px;}
#w [class^="dp-btn"][class*="-sm"] > * {width: 71px;}
#w [class^="dp-btn"][class*="-la"] > * {width: 201px;}
#w [class^="dp-btn"][class*="-hi"] > * {width: 160px;}
#w [class^="dp-btn"][class*="-hi"][class*="-sm"] > * {width: 100px;}
#w [class^="dp-btn"][class*="-hi"][class*="-la"] > * {width: 220px;}
#w [class^="dp-btn"][class*="-xhi"] > * {width: 187px;}
#w [class^="dp-btn"][class*="-xhi"][class*="-sm"] > * {width: 127px;}
#w [class^="dp-btn"][class*="-xhi"][class*="-la"] > * {width: 247px;}

/* borderを差し引いた値を設定 */
#w [class^="dp-btn"] > input {width: 158px;}
#w [class^="dp-btn"][class*="-sm"] > input {width: 88px;}
#w [class^="dp-btn"][class*="-la"] > input {width: 218px;}
#w [class^="dp-btn"][class*="-hi"] > input {width: 178px;}
#w [class^="dp-btn"][class*="-hi"][class*="-sm"] > input {width: 118px;}
#w [class^="dp-btn"][class*="-hi"][class*="-la"] > input {width: 238px;}
#w [class^="dp-btn"][class*="-xhi"] > input {width: 208px;}
#w [class^="dp-btn"][class*="-xhi"][class*="-sm"] > input {width: 148px;}
#w [class^="dp-btn"][class*="-xhi"][class*="-la"] > input {width: 268px;}

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

/* ボタンバリエーション */
#w [class^="dp-btn"][class*="-bskt"] > * { background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_bskt.png)}

#w [class^="dp-btn"][class*="-prev"] > * {background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_prev.png)}

#w [class^="dp-btn"][class*="-next"] > * {
padding: 2px 12px 2px 3px;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_next.png);
background-position: 145px center;
}
#w [class^="dp-btn"][class*="-sm"][class*="-next"] > * {background-position: 75px center}
#w [class^="dp-btn"][class*="-la"][class*="-next"] > * {background-position: 205px center}
#w [class^="dp-btn"][class*="-hi"][class*="-next"] > * {
padding: 5px 13px 5px 3px;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_next.png);
background-position: -117px center;
}
#w [class^="dp-btn"][class*="-sm"][class*="-hi"][class*="-next"] > * {background-position: -177px center}
#w [class^="dp-btn"][class*="-la"][class*="-hi"][class*="-next"] > * {background-position: -57px center}
#w [class^="dp-btn"][class*="-xhi"][class*="-next"] > * {
padding: 9px 16px 7px 3px;
background-image: url(http://p.dmm.co.jp/p/common/bt/bg_bt_next.png);
background-position: -369px center;
}
#w [class^="dp-btn"][class*="-sm"][class*="-xhi"][class*="-next"] > * {background-position: -429px center}
#w [class^="dp-btn"][class*="-la"][class*="-xhi"][class*="-next"] > * {background-position: -309px center}


#w input[type="text"][class*="dp-modform"]{
padding: 2px;
font-size: 14px;
vertical-align: middle;
}




/*====================================================*/
/* payment.cssの独自パーツ */ 
/*====================================================*/
#main-pay .tblttl {
width: 1%;
white-space: nowrap;
}
#main-pay[class*="page-addpaytypes-"][class*="-03"] .dp-boxstrong,
#main-pay[class*="page-addpaytypes-"][class*="-03"] .dp-boxnotice {
width: 600px;
margin-left: auto;
margin-right: auto;
}
#main-pay[class*="page-addpaytypes-"] .dp-boxtable td * {
vertical-align: middle;
}
#main-pay[class*="page-addpaytypes-"] .dp-area {
text-align: left;
}
#main-pay[class*="page-basket-"],
#main-pay.basketflow{
width: 80%;
margin: auto;
}
#main-pay.page-addpaytypes-top img[src*="wallet/logo_"],
#main-pay .page-addpaytypes-top img[src*="wallet/logo_"]{
margin-top: -14px;
}

#main-pay .finishtitle {
margin: 20px 0;
font-size: 16px;
font-weight: bold;
color: #CC0000;
}

#main-pay .basketpicdata {
padding-top: 6px;
}
#main-pay .basketpicdata .dp-modtmb {
display: block;
float:left;
margin-top: -6px;
margin-right: 20px
}
#main-pay .basketpicdata .mainttl {
font-size: 16px;
}
#main-pay .basketpicdata .datacol {
margin-top: 6px;
overflow: hidden;
}
#main-pay .basketpicdata {
position: relative;
padding-top: 24px;
min-height: 124px;
}
#main-pay .basketpicdata .datacol {
}
#main-pay .basketpicdata .dp-modtmb {
margin-top: -24px;
}
#main-pay .basketpicdata .status {
position: absolute;
top:0;
}
#main-pay .basketpicdata .status > span {
margin-right: 4px;
}
#main-pay .basketpicdata .function {
position: absolute;
top:0; right:0;
}
#main-pay .basketpicdata .function .fav {
padding-left: 14px;
background: url("http://p.dmm.co.jp/p/common/ico/acdn_open.png") no-repeat left;
}
#main-pay .basketpicdata .function .del {
padding-left: 14px;
background: url("http://p.dmm.co.jp/p/common/ico/acdn_close.png") no-repeat left;
}
#main-pay .basketpicdata .txtinfo {
margin-bottom: 6px;
padding-left: 16px;
background: url("http://p.dmm.co.jp/p/common/ico_attention.gif") no-repeat left top;
line-height: 14px;
color: #c00;
}
#w table.speccol {
border-top: 1px #ccc dotted;
font-size: 11px;
}
#main-pay .basketpicdata .speccol  {
margin-top: 6px;
}
#main-pay .basketpicdata .speccol .boxspec {
float: left;
margin-right: 3px;
border-top: 1px #ccc dotted;
font-size: 11px;
}

#main-pay .basketpicdata .speccol .boxspec th,
#main-pay .basketpicdata .speccol .boxspec td {
border-bottom: 1px #ccc dotted;
}
#main-pay .basketpicdata .speccol .boxspec th {
width: 1px;
padding-right: 12px;
white-space: nowrap;
text-align: left;
font-weight: normal;
}
#d-ie7 #main-pay .basketpicdata .speccol .boxspec th {
width: auto;
}
#main-pay .basketpicdata .speccol .boxspec td span {
display: inline-block;
margin-right: 6px;
white-space: nowrap;
}
#main-pay[class*="page-basket-"] .dp-boxcollist .dp-img{
height: 200px;
}
#main-pay [class*="ico-st-"] {
display: inline-block;
margin: 4px 3px 4px 0;
padding: 2px 6px;
line-height: 12px;
font-size: 11px;
font-weight: bold;
color: #fff;
text-indent: 0;
}
#d-ie7 #main-pay [class*="ico-st-"] {
display: inline-block;
}

#main-pay .ico-st-stock {
background: #6BC7E1;
}
#main-pay .ico-st-deliver {
background: #6BC7E1;
}
#main-pay .ico-st-order {
background: #999;
}
#main-pay .ico-st-stock {
background: #6BC7E1;
}
#main-pay .ico-st-reserve {
background: #EA972B;
}
#main-pay .ico-st-direct {
background: #88C557;
}
#main-pay .ico-st-end {
xbackground: #c00;
border: 1px #E15A56 solid;
color: #c00;
}
#main-pay .ico-st-stream {
background: #185dc3;
}
#main-pay .ico-st-download {
background: #d10600;
}
#main-pay .ico-st-spdownload {
background: #dbb20d;
}
#main-pay .ico-st-hddownload {
background: #26ACFA;
}
#main-pay .ico-st-3mdownload {
background: #d10600;
}
#main-pay .ico-st-toaster {
background: #FC7A23;
}
#main-pay .dp-box2col .dp-unit.linkcol {
border-right: 1px #ccc solid;
}
#main-pay .dp-box2col .dp-unit.infocol {
border-left: 1px #ccc solid;
margin-left: -1px;
}
#main-pay .dp-boxexp .capt {
margin: 0 0 6px;
font-weight: bold;
}
#main-pay .dp-boxexp .sect {
margin: 0 0 12px 12px;
}
/*
#main-pay .dp-box2col .dp-unit.linkcol .sect li,
#main-pay .dp-box2col .dp-unit.infocol .sect li {
margin-left: 0.72em;
text-indent: -0.72em;
}
*/
#main-pay .itemlist li {
margin-left: 0.72em;
text-indent: -0.72em;
}
#main-pay .dp-capt .stepnav {
float: right;
margin-top: -30px;
padding: 0 12px;
border: 1px #ccc solid;
border-radius: 20px;
}
#main-pay .dp-capt .stepnav li {
display: inline-block;
padding: 1px 6px 1px 16px;
background: url(http://p.dmm.co.jp/p/wallet/ico_steparrow.png) no-repeat left center;
font-size: 12px;
line-height: 19px;
color: #666;
}
#d-ie7 #main-pay .dp-capt .stepnav li {
display: inline;
}
#main-pay .dp-capt .stepnav li:first-child {
background: none;
padding: 1px 6px 1px 6px; 
}
#main-pay .dp-capt .stepnav li.on span {
padding: 20px 0 0;
background: url(http://p.dmm.co.jp/p/wallet/ico_stepactive.png) no-repeat center top;
font-weight: bold;
color: #333;
}
#d-ie7 #main-pay .dp-capt .stepnav li.on span {
background: none;
}
#main-pay table +.boxoption {
margin-top: -1px;
}
#main-pay .boxoption {
display: table;
width: 100%;
margin: 0 -2px 0 0;
background: #eee;
}
#main-pay .boxoption dt {
display: table-cell;
width: 1%;
white-space: nowrap;
padding: 10px 2px 10px 12px;
background: #242424;
vertical-align: middle;
color: #fff;
} 
#main-pay .boxoption dt span {
display: inline-block;
border-width: 5px;
border-color: transparent transparent transparent #242424 ;
border-style: solid;
position: relative;
left: 12px;
}
#d-ie7 #main-pay .boxoption dt span {
display: inline;
}
#main-pay .boxoption dd {
display: table-cell;
overflow: hidden;
padding: 8px 12px;
border-width: 1px 1px 1px 0;
border-color: #bbb;
border-style: solid;
}
#main-pay .boxoption dd li {
float: left;
margin: 3px 18px 3px 0;
line-height: 23px;
}
#main-pay .boxoption dd li .ttl {
display: inline-block;
margin-right: 4px;
padding-left: 8px;
border-left: 3px solid #BBBBBB;
font-weight: bold;
line-height: 12px;
}
#main-pay .boxoption dd li.officedeli{
xwidth: 100%;
}
#main-pay .boxoption input[type="checkbox"]{
margin-right: 3px;
}
#main-pay .ico-plus,
#main-pay .ico-arrow {
width: 45px;
margin: -10px auto;
}
#main-pay .ico-plus span,
#main-pay .ico-arrow span {
display: none;
}
#main-pay .ico-plus {
height: 30px;
background: url(http://p.dmm.co.jp/p/wallet/ico_basketextra.png) no-repeat 0 0;
}
#main-pay .ico-arrow {
height: 26px;
background: url(http://p.dmm.co.jp/p/wallet/ico_basketextra.png) no-repeat 0 -45px;
}
#main-pay .total-price del {
text-decoration: line-through;
}
#main-pay .boxcampaignbtn {
border-top: 1px #bbb dotted;
padding: 8px 0 0;
clear: both;
text-align: right;
}
#main-pay .tx-campaign {
font-size: 24px;
font-weight: bold;
line-height: 20px;
color: #C00;
}
#main-pay .dp-btn-xhi-st {
margin:0 3px;
}
#main-pay .halftxt {
float: right;
margin: 3px 0;
font-size: 14px;
}
#main-pay .price-imp p.halfprice {
font-size: 12px;
color: #c00;
}
#main-pay .price-imp p.halfprice span {
display: block;
font-size: 18px;
}
#main-pay .price-imp p.halfprice label[class*="halfradio"] {
position: relative;
display: block;
background: #fffacd;
background: -moz-linear-gradient(top,  #fffacd 0%, #ffc946 100%);
background: -webkit-linear-gradient(top,  #fffacd 0%,#ffc946 100%);
background: linear-gradient(to bottom,  #fffacd 0%,#ffc946 100%);
padding: 3px 3px 3px 12px;
border: 1px #999 solid;
border-radius: 4px;
line-height: 16px;
cursor: pointer;
color: #c00;
}
#d-ie7 #main-pay .price-imp p.halfprice label[class*="halfradio"] {
cursor: default;
}
#main-pay .price-imp p.halfprice label[class*="halfradio"] span:first-child {
display: inline-block;
height: 40px;
width: 16px;
position: absolute;
top: -1px;
left: -1px;
border-radius: 4px 0 0 4px;
}
#main-pay .price-imp p.halfprice label.halfradio-cojp span:first-child {
background: #c00 url("http://p.dmm.co.jp/p/common/bg/gradation_01.png") repeat-x scroll 0 -50px;
}
#main-pay .price-imp p.halfprice label.halfradio-com span:first-child {
background: #242424 url("http://p.dmm.co.jp/p/common/bg/gradation_01.png") repeat-x scroll 0 -50px;
}
#main-pay .price-imp p.halfprice label[class*="halfradio"] input[type="radio"] {
margin-top: 14px;
cursor: pointer;
}
#main-pay .price-imp p.halfprice label[class*="halfradio"] span {
color: #333;
font-size: 11px;
}
#main-pay .total-price span.halfprice{
display: inline-block;
margin: 0 10px;
font-size: 24px;
color: #C00;
line-height: 22px;
}
#d-ie7 #main-pay .total-price span.halfprice{
display: inline;
}
#main-pay .dp-boxerror+.dp-boxerror{
margin-top: -15px;
}
#main-pay table tr.erroritem {
background: #ffeaea;
}
#main-pay table tr.erroritem {
background: #ffeaea;
}
#main-pay table tr.erroritem .dp-boxnotice.price-imp {
background: #eedada;
}
#main-pay table tr th dl dt {
float: left;
}
#main-pay table tr th dl dd {
float: left;
margin-right: 14px;
}
#main-pay table tr th .order-status {
float: left;
width: 90px;
margin-right: 14px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: center;
}
#main-pay table tr th .order-status.ordered {
background: #08c;
}
#main-pay table tr th .order-status.suspend {
background: #888;
}
#main-pay table tr th .order-status.prepare {
background: #e80;
}
#main-pay table tr th .order-status.finish {
background: #c00;
}
#main-pay table tr td.price-imp {
width: 150px;
height: 100%;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#main-pay table tr td.price-imp div.fee {
font-size: 12px;
}
#main-pay table tr td.price-imp .note,
#main-pay table tr td.price-imp .amount {
font-size: 12px;
}
#main-pay table tr td.price-imp .amount {
margin: 30px 0 -30px;
}
#main-pay table tr td.price-imp {
}
#main-pay table tr td.price {
font-size: 16px;
font-weight: bold;
}
#main-pay table tr td ul.item-name {
font-size: 16px;
line-height: 1.3em
}
#main-pay table tr td ul.item-name li {
margin-bottom: 6px;
}
#main-pay div.accordion a.open {
padding-left: 14px;
background: url("http://p.dmm.co.jp/p/common/ico/acdn_open.png") no-repeat left;
}
#main-pay div.accordion a.close {
padding-left: 14px;
background: url("http://p.dmm.co.jp/p/common/ico/acdn_close.png") no-repeat left;
}
#main-pay table tr td dl.order-info {
margin-top: 6px;
}
#main-pay table tr td dl.order-info dt {
float: left;
margin-bottom: 2px;
}
#main-pay table tr td dl.order-info dd {
margin-bottom: 2px;
}
#main-pay table tr td dl.paytype-info {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.75em;
}
#main-pay table tr td dl.paytype-info dt {
float: left;
margin-bottom: 2px;
font-weight: bold;
}
#main-pay table tr td dl.paytype-info dd {
margin-bottom: 2px;
}
#main-pay table tr td div.order-subinfo {
margin-top: 6px;
padding-top: 7px;
border-top: 1px #ccc dotted;
line-height: 20px;
}
#main-pay[class*="page-basket-"] table tr td div.order-subinfo {
font-size: 11px;
}
#main-pay[class*="page-basket-monthly"] table tr td .item-name,
#main-pay[class*="page-basket-point"] table tr td .item-name {
margin:16px 0;
}

#main-pay table tr td div.order-subinfo dl dt {
float: left;
}
#main-pay table tr td div.order-subinfo dl dd,
#main-pay table tr td div.order-subinfo ul li {
float: left;
margin-right: 16px;
}
#main-pay table tr td div.order-subinfo dl + dl {
clear: both;
margin-left: 0;
}
#main-pay table tr td.other-price dl {
float: right;
}
#main-pay table tr td.other-price dl dt {
float: left;
margin-right: 6px;
line-height: 26px;
}
#main-pay table tr td.other-price dl dd {
float: left;
font-size: 16px;
font-weight: bold;
}
#main-pay table tr td.total-price dl {
float: right;
}
#main-pay table tr td.total-price dl dt {
float: left;
margin-right: 6px;
margin-left: 12px;
font-size: 14px;
line-height: 32px;
}
#main-pay table tr td.total-price dl dd {
float: left;
font-size: 20px;
font-weight: bold;
}
#main-pay table tr td.total-price p {
float: left;
line-height: 32px;
}
#main-pay table tr td.check-cell {
width: 29px;
padding: 0;
text-align: center;
}
#main-pay table tr.selected th,
#main-pay table tr.selected td {
background: url("http://p.dmm.co.jp/p/common/bg/selected_01.png") repeat;
}
#main-pay table tr.selected td.price-imp {
background: url("http://p.dmm.co.jp/p/common/bg/selected_01.png") repeat #eee;
}
#main-pay table.detail-info .dp-boxnotice {
width: 150px;
}
#main-pay table.detail-info .colnote {
float: right;
color: #666;
font-size: 11px;
line-height: 20px;
text-align: right;
}
#main-pay table.detail-info .boxaddress {
margin: 0 6px 6px 0;
padding: 0 0 6px;
border-bottom: 1px #bbb dotted;
font-size: 14px;
}
#main-pay table.detail-info .boxaddress span {
color: #999;
}
#main-pay table.detail-info .boxaddress + .dp-btn {
margin: 0;
}
#main-pay .purchasettl {
font-size: 14px;
font-weight:bold;
}
#main-pay ul.boxattention {
margin-top: 6px;
color: #666;
}
#main-pay .thtxt {
float: right;
color: #fafafa;
font-size: 12px;
white-space: normal;
}
#main-pay th .atmark {
color: #C00;
margin: 0 1px 0 -10px;
font-size: 10px;
}
#w .order-subinfo * + *,
#w table.detail-info tr td * + *,
#w div.order-cmnd * + * {
margin-left:6px;
}
#main-pay .notice,
#main-pay table.detail-info .notice {
float: none;
color: #c00;
font-size: 12px;
text-align: left;
}
#main-pay div.alert {
font-size: 14px;
color: #c00;
}
#main-pay .boxannounce {
xmargin-bottom: 16px;
padding: 16px 16px 0;
border-top: 1px #999 dotted;
text-align: left;
color: #666;
}
#main-pay .boxannounce .capt {
padding-left: 6px; 
border-left: 2px #666 solid;
font-weight: bold;
line-height: 11px;
}
#main-pay .boxannounce .sect {
margin: 6px 0 16px;
}
#main-pay .numstock{
display: inline-block;
margin: 0 12px 0 4px;
font-weight: bold;
}
#main-pay .boxinputtxt {
font-size: 14px;
}
#main-pay .dp-boxtbllist li {
height: 280px;
}
#main-pay .dp-boxtbllist li .dp-img {
width: 1%;
height: 160px;
display: table-cell;
vertical-align: middle;
}
#main-pay .dp-boxtbllist li img{
max-width: 150px;
max-height: 140px;
margin: 10px auto 0;
}
#main-pay span.dp-modballoon {
background: url("http://p.dmm.co.jp/p/common/ico/detail_favorite.png") no-repeat scroll 0 -103px #eee;
display: inline-block;
margin-left: 4px;
padding-left: 6px;
color: #333;
font-weight: bold;
}
#main-pay span.dp-modballoon span {
background: none repeat scroll 0 0 #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
padding: 0 6px;
}
#d-ie7 #main-pay .dp-boxtbllist li .dp-img {
width: 100%;
}
#w p.notfound {
font-size: 16px;
margin: 60px auto;
text-align: center;
}
/* 預り金が各バスケットに埋めこまれた場合 */
#addbox {
margin: 30px auto 0;
}
*+.dp-area,
*+#main-pay{
margin-top: 30px;
}
.dp-area +.dp-area,
style+#main-pay,
script+#main-pay{
margin-top: 0;
}
/* バスケットからDMMマネーを追加した後の完了ページ修正 ここから*/
#main-pay .boxwarning {
width: 360px;
min-height: 48px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
background: url(http://p.dmm.co.jp/p/wallet/ico_notice.png) no-repeat left 3px;
text-align: left !important;
}
#main-pay .boxwarning .warningtitle {
color: #c00;
font-size: 16px;
font-weight: bold;
line-height: 48px;
}
#main-pay .boxstep {
width: 624px;
margin-left: auto;
margin-right: auto;
border: #d9d9d9 1px solid;
overflow: hidden;
}
#main-pay .boxstep .steplist li {
float: left;
padding: 24px 29px;
}
#main-pay .boxstep .steplist li:first-child {
width: 201px;
}
#main-pay .boxstep .steplist li + li {
width: 302px;
padding-left: 32px;
background: url(http://p.dmm.co.jp/p/wallet/bg_step.png) no-repeat left top;
}
#main-pay .boxstep .steptitle {
margin-bottom: 3px;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
#main-pay .boxstep .stepimg {
margin-bottom: 6px;
border: #dedede 3px solid;
border-radius: 3px;
}
#main-pay .boxstep .stepimg + p {
text-align: left;
}
#main-pay .boxstep .steplist-1step {
padding: 24px 29px;
text-align: left;
overflow: hidden;
}
#main-pay .boxstep .steplist-1step .stepimg {
float: left;
margin-right: 15px;
margin-bottom: 0;
}
#main-pay .boxstep .steplist-1step .steptitle {
margin-bottom: 6px;
}
#main-pay .boxstep .steplist-1step > p {
overflow: hidden;
}
/* バスケットからDMMマネーを追加した後の完了ページ修正 ここまで*/