@charset "utf-8";
/* CSS Document */

html {
 min-height: 100%;
 position: relative;
}

body {
 position: static;
 padding-bottom: 150px;
 background-color: #f7f8f8;
}

.wrapper {
 position: static;
}

.cpindex {
}

.cpindex_in {
 width:1100px;
 padding: 20px 0 40px;
 margin:0 auto;
}

.pankuzu {
 font-size: 18px;
 margin: 0 10px 20px;
 padding: 15px 30px;
 background-color: #fff;
}

.pankuzu ul {
 margin: 0 -5px;
}

.pankuzu ul li {
 display: inline;
 margin: 0 5px;
}

.cpindex_title {
 padding:10px 0 0 0;
}

.cpindex_title h2 {
 font-size: 30px;
 font-weight: bold;
 margin:0 10px 8px 10px;
 line-height: 1.2;
}

.cpindex_title p {
 margin:0 10px 25px 10px;
 font-size: 14px;
color:#999999;
}


.cpindex_header { /*追加*/
}

.cpindex_header h3 { /*追加*/
 font-size: 20px;
 font-weight: bold;
 margin:10px;
 padding:15px 20px;
 line-height: 1.2;
 position: relative;
}

.cpindex_header h3:before { /*追加*/
 position: absolute;
 left: 0;
 width: 6px;
 height: 6px;
 margin-top: 4px;
 content: '';
 border: 4px solid #bc1f18;
 border-radius: 8px;
}

.cpindex_header p { /*追加*/
 margin:0 10px 10px 10px;
 font-size: 14px;
color:#999999;
}

.cpindex_box_outer {

}

.cpindex_box_outer ul {
 clear: both;
 overflow:hidden;
}

.cpindex_box_outer li {
 float:left;
 background:#333333;
 width: calc(25% - 20px);
 margin:0 10px 15px 10px;
}

.cpindex_box_outer li a {
 text-decoration: none;
}

.cpindex_box_outer li:hover {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.cpindex_box {
 padding: 11px 7px 11px 10px;
 text-align:right; 
}

.cpindex_box span {
 display:inline-block;
 background:#ffffff;
 padding:5px;
 font-size:10px;
 font-weight: bold;
}

.cpindex_box span.cp {
 background:#a055ca;
 color:#ffffff;
}

.cpindex_box span.privilege {
 background:#d82918;
 color:#ffffff;
}

.cpindex_box span.timesale {
 background:#458705;
 color:#ffffff;
}

.cpindex_box img { /*追加*/
 width:9%;
}

.cpindex_img img {
 width:100%;
}

.cpindex_limit {
 padding:17px;
}

.cpindex_buy {
 text-align:center; 
 font-size:11px;
 color:#ffffff;
 margin-bottom:10px;
}

.cpindex_dl {
 font-size:11px;
 text-align:center;
 color:#ffcc00;
}

footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}