#pagetitle {
background:url(../images/promotion/index/title.png) no-repeat;
height:30px;
width:250px;
text-indent:-10000px;
margin:0 0 20px;
}

#body {padding-top:10px;}

#promotion {
margin:0 auto;
padding:20px 0 40px;
width:900px;
}

#intro {margin:0 0 40px;}

#intro h3 {
font-size:30px;
margin:0 0 20px;
}

#intro p {
font-size:16px;
line-height:28px
}

.selected {background:#6CF;}

.kind {
clear:both;
margin:0 0 40px;
padding:40px 0 0;
}

.kind:after {
content:"";
display:block;
clear:both;
height:0;
}

.kind {display:inline-block;}

.kind {display:block;}

.kind h4 {
color:#000;
font-size:22px;
font-weight:bold;
margin:0 0 10px;
}

.kind h5 {
color:#888;
font-size:14px;
font-weight:bold;
}

.price {
float:left;
width:300px;
margin:30px 0 0;
}

.price table {
border-collapse:collapse;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
margin:10px 0 0;
width:290px;
}

.price table td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}

.price .thead {
background:#f6f6f6;
color:#888;
font-size:10px;
}

.kind table td p {padding:10px;}

.kind table td p .attention {
color:#888;
display:block;
font-size:10px;
}

.kind .whats {margin:20px 0 0;}

.whats h5 {
color:#63b0e7;
font-size:14px;
font-weight:bold;
padding:0 0 5px;
}

.detail {
float:left;
width:600px;
}

.detail2 {padding:0 40px 0 0;}

.detail dl {
background:#f6f6f6;
margin:20px 0 0;
padding:10px;
}

.detail dt {
font-size:12px;
font-weight:bold;
}

.detail dd {
font-size:11px;
padding:0 0 10px;
}

.material {
border-top:1px #ccc solid;
padding:40px 0 0;
}

.material:after {
content:"";
display:block;
clear:both;
height:0;
}

.material {display:inline-block;}

.material {display:block;}

.material h4 {
font-size:14px;
font-weight:bold;
padding:0 0 30px;
}

.material .info {
width:598px;
float:left;
}

.material .pdfdl {
width:302px;
float:left;
}

.material .pdfdl a {
background:url(../images/promotion/index/btn_pdf.png) no-repeat;
display:block;
height:53px;
width:302px;
text-indent:-10000px;
}

.spotcm {
background:url(../images/promotion/index/spotcm.png) no-repeat;
width:300px;
height:45px;
text-indent:-10000px;
}

.namacm {
background:url(../images/promotion/index/namacm.png) no-repeat;
width:300px;
height:45px;
text-indent:-10000px;
}

.teikyou {
background:url(../images/promotion/index/teikyou.png) no-repeat;
width:300px;
height:45px;
text-indent:-10000px;
}