@charset "euc-jp";
body {
font-size:12px;
color:#333;
background:#fff;
}
table{
font-size:12px;
word-break:break-all;
text-align: left;
border-collapse: separate;
}
a:link{color:#005fc0;text-decoration: none}
a:visited{color:#909;text-decoration: none}
a:hover,a:active{color:#e20;text-decoration: underline}

a img,abbr{
border:0;
vertical-align:top;
}

.header {
font-weight:bold;
line-height:15px;
}

#headlist {
line-height:1.4em;
}
.headlist-box {
background:#F1F1F1;
padding:3px;
}
.headlist-box a {
font-weight:normal;
}
#headlist dl{
margin:0;
padding:0;
list-style:none;
clear:left;
}
#headlist dt{
margin:0 10px 0 0;
padding:0;
list-style:none;
float:left;
}
#headlist dd{
margin:0;
padding:0;
list-style:none;
}
#headlist ul{
margin:0;
padding:0;
list-style:none;
}
#headlist li{
margin:0 10px 0 0;
padding:0;
list-style:none;
font-weight:bold;
float: left;
white-space: nowrap;
}

.headline {
border-bottom:2px solid #3d3d3d;
padding-bottom:2px;
}
.headline p {
font-size:16px;
margin:0;
padding-bottom:3px;
}

.mg-auto { 
margin-left:auto; 
margin-right:auto; 
}
.mg-t0 {
margin-top:0px;
}
.mg-b0 {
margin-bottom:0;
}
.mg-b3 {
margin-bottom:3px;
}
.mg-l3 {
margin-left:3px;
}
.mg-6 {
margin:6px;
}
.mg-t6 {
margin-top:6px;
}
.mg-r6 {
margin-right:6px;
}
.mg-b6 {
margin-bottom:6px;
}
.mg-l6 {
margin-left:6px;
}
.mg-b10 {
margin-bottom:10px;
}
.mg-12 {
margin:12px;
}
.mg-t12 {
margin-top:12px;
}
.mg-r12 {
margin-right:12px;
}
.mg-b12 {
margin-bottom:12px;
}
.mg-l12 {
margin-left:12px;
}
.mg-t20 {
margin-top:20px;
}
.mg-b20 {
margin-bottom:20px;
}

.pd-3 {
padding:3px;
}
.pd-6 {
padding:6px;
}
.pd-t6 {
padding-top:6px;
}
.pd-12 {
padding:12px;
}
.pd-t12 {
padding-top:12px;
}
.pd-r12 {
padding-right:12px;
}
.pd-b12 {
padding-bottom:12px;
}

.float-l {
float:left;
}
.float-r {
float:right;
}
.clear {
clear:both;
}
.group:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content:".";
}
.group {
	zoom: 1;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
.top {
vertical-align:top;
}
.middle {
vertical-align:middle;
}
.bottom {
vertical-align:bottom;
}

.bx-red {
border: 1px #c00 solid;
}
.bx-blu {
border: 1px #00c solid;
}
.bx-gra {
border: 1px #808080 solid;
}

.bd-t {
border-top: 1px #808080 solid;
}
.bd-b {
border-bottom: 1px #808080 solid;
}
.bd-t-dash {
border-top: 1px #808080 dashed;
}

.bg-whi {
background:#fff;
}
.bg-blu {
background:#00c;
}

.w100 {
width:100%;
}

.clear {
clear:both;
}

.tx10 {
font-size:10px;
}
.tx14 {
font-size:14px;
}
.tx16 {
font-size:16px;
}

.whi {
color:#fff;
}
.red {
color:#c00;
}
.gre {
color:#0a0;
}
.blu {
color:#00c;
}

.bold {
font-weight:bold;
}

.nw {
white-space:nowrap;
}
.arrow{
padding-left:10px;background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
padding-left:10px;
}
a .arrow{
padding-left:10px;background:url(http://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
padding-left:10px;
}




.d-rst * {
list-style: none;
margin: 0;
padding: 0;
}
.d-rst h1,h2,h3,h4{font-weight: normal}
.d-rst h1{font-size:16px}
.d-rst h2{font-size:14px}
.d-rst h3{font-size:12px}

.d-area{
margin-bottom: 21px;
padding-bottom:1px;
}
.d-capt{margin-bottom: 22px}
.d-sect{margin-bottom: 22px}
.d-item{margin-bottom: 22px}
.d-elem{margin-bottom: 12px}

.d-scarehead {
margin-bottom: 22px;
padding: 6px;
border-top: 1px #5e5e5e solid;
border-bottom: 1px #5e5e5e solid;
font-size: 16px;
font-weight: normal;
}
.d-scarehead span.d-txten {
margin-right: 12px;
padding: 6px 12px 6px 6px;
border-right: 1px #bfbfbf dotted;
font-size: 10px;
color: #d01e00;
}

.d-headline {
padding-left: 4px;
padding-bottom: 2px;
border-bottom: 2px #303030 solid;
font-size: 20px;
font-weight: normal;
}
.d-headline span.d-txten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}

.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;
}
.d-headwithlink span.d-txten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}
.d-headwithlink > span:first-child {
float:left;
}
.d-headwithlink a {
position: relative;
top: 4px;
margin-right: 3px;
}



.d-ttlnote {
padding-bottom:10px;
background:url(http://p.dmm.co.jp/p/common/bg_fuki.gif) no-repeat 12px bottom;
}
.d-ttlnote span {
padding: 3px 12px;
background:#000;
line-height: 16px;
font-size: 11px;
color: #fff;
}
.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: 14px;
}
.d-ttllarge {
font-size: 16px;
padding: 6px 0;
}
.d-ttlsmall {
font-size: 12px;
padding: 6px 0;
}


.d-txtstrong {
color: #b60000;
}
.d-txtlarge {
font-size: 14px;
}
.d-txtsmall {
font-size: 11px;
}
.d-txticon {
background: url(http://p.dmm.co.jp/p/common/arrow_global.gif) no-repeat 0% -317px;
padding-left: 8px;
font-size: 11px;
color: #b60000;
}
.d-txten {
font-family: Arial;
}
.d-txtnote {
padding: 0 6px;
font-size: 11px;
color: #666;
}
.d-txtnomal {
font-size: 12px;
}
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;
}

.d-txtrankla.d-1st{
width: 30px;
height: 30px;
margin-top: -6px;
line-height: 35px;
background: url(http://p.dmm.co.jp/p/common/ico_rankcrown_la.gif);
}
.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-boxother {
padding:16px;
border-top: 1px #bbb dotted;
border-bottom: 1px #bbb dotted;
}
.d-boxother .d-ttlnote {
position:absolute;
margin: -25px 0 0 -12px;
}

.d-boxcaptside {
padding: 12px;
background: #eee;
}
.d-boxcaptside .d-ttl {
float: left;
margin: 0 12px 12px 0;
}

.d-box2col {
zoom:1;
}
.d-box2col .d-unit {
width: 47%;
float: left;
padding: 0 0 0 9px;

}
.d-box2col .d-unit:first-child {
padding: 0 9px 0 0;
}
.d-box2col .d-unit .d-boxpiclist {
margin-right: -18px;
zoom: 1;
}

.d-boxpicdata dt {
float: left;
}

.d-boxpicdata.d-w120box dd {margin-left: 140px}
.d-boxpicdata.d-w140box dd {margin-left: 160px}
.d-boxpicdata.d-w160box dd {margin-left: 180px}


.d-boxpiclist li {
float: left;
}
.d-boxpiclist li a {
display: block;
}
.d-boxpiclist.d-2col li {width: 49.9%}
.d-boxpiclist.d-3col li {width: 33%}
.d-boxpiclist.d-4col li {width: 25%}

.d-boxpricelist {
position: relative;
}
.d-boxpricelist li {
float: left;
}
.d-boxpricelist li a {
position: absolute;
top: 0;
display: block;
width: 120px;
}
.d-boxpricelist.d-2col li {width: 49.9%}
.d-boxpricelist.d-3col li {width: 33%}
.d-boxpricelist.d-4col li {width: 25%}
.d-boxpricelist.d-2line li {padding-top: 16em}
.d-boxpricelist.d-3line li {padding-top: 17em}
.d-boxpricelist.d-4line li {padding-top: 18em}
.d-boxpricelist.d-5line li {padding-top: 19em}

.d-boxpricelist .d-bcol{
width: 120px;
padding-top: 6px;
}
.d-boxright {
text-align: right;
}
.d-item + .d-boxright {
margin-top: -12px;
}


.d-modpic {
display: block;
margin: 0px 1px 12px;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
}
.d-modpic span {
display: block;
margin: 0px -1px;
padding:10px 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
text-align: center;
}
a:hover .d-modpic {
background: #f3f3f3;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
a:hover .d-modpic span {
background: #f3f3f3;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
}
.d-w120col {width:120px}
.d-w160col {width:160px}

.d-modrowlink li {
float: left;
margin-right: 12px;
white-space: nowrap;
}
.d-modrowlink:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.d-modrowlink{zoom:1}

.d-modwithlink {
text-align: right;
}
.d-modwithlink > div:first-child {
float: left;
}

table.d-moddatalist th {
padding-right: 12px;
white-space: nowrap;
font-weight: normal;
}
table.d-modspec {
border-top: 1px #ccc dotted;
font-size: 11px;
}
table.d-modspec th,
table.d-modspec td {
border-bottom: 1px #ccc dotted;
}
table.d-modspec th {
padding-right: 12px;
white-space: nowrap;
font-weight: normal;
}

ul.d-modtxlist li {
background: url("http://p.dmm.co.jp/p/common/marker.gif") no-repeat scroll 4px 8px transparent;
padding-left: 12px;
}