@charset "utf-8";
/* CSS Document */

/*===========================
#cpBox
=============================*/
body{
	margin:0;
	padding:0;
	background:#FFF;
}

#cpBox{
	width:980px;
	margin:0 auto;
	padding:2em 0 0 0;
	background:#FFF;
	font-size:125%;
	line-height:1.5em;
}

#cpBox dl ,
#cpBox dt ,
#cpBox dd ,
#cpBox ul ,
#cpBox li{
	list-style-type:none;
	margin:0;
}

@media screen and (max-width: 980px){
#cpBox{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	margin:0 auto;
	padding-bottom:3em;
	}
}

#cpBox img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	border:none;
}

#cpBox a:link{border:none;}

#cpBox .notes{
	display:block;
	margin-top:1em;
	font-size:81%;
	line-height:1.3em;
}

#cpBox dl.detail{
	display:table;
	width:100%;
	vertical-align:middle;
	border-bottom:1px solid #CCC;
}

#cpBox dl.detail dt{
	display:table-cell;
	width:9em;
	padding:1em;
	text-align:center;
	vertical-align:middle;
	background:#EEE;
	font-weight:bold;
}

#cpBox dl.detail dd{
	display:table-cell;
	padding:1em;
	vertical-align:middle;
}

@media screen and (max-width: 640px){
#cpBox dl.detail{
	display:block;
	width:100%;
	border:none;
}

#cpBox dl.detail dt{
	display:block;
	width:100%;
	padding:0.5em 0;
	}

#cpBox dl.detail dd{
	display:block;
	padding:1em;
	}
}

#cpBox h3{
	margin:2em 0 0 0;
	padding:0.3em 0;
	background:#E91937;
	color:#FFF;
	text-align:center;
	font-size:113%;
}

#cpBox .fd{
	margin-bottom:2em;
	padding-bottom:3em;
	border-bottom:1px solid #CCC;
	text-align:center;
}

#cpBox h5{
	margin:0 0 1em 0;
	padding:0;
	font-size:125%;
}

@media screen and (min-width: 640px){
#cpBox .fd h5 br{ display:none;}
#cpBox .fc p br{ display:none;}
}

#cpBox .fd p span{
	margin:0;
	padding:0;
	color:#E91937;
	font-style:normal;
	font-weight:bold;
	font-size:225%;
	vertical-align:middle;
	text-decoration:none !important;
}

#cpBox .fd p img{
	margin-top:-0.3em;
	margin-right:0.2em;
}

#cpBox .fc{
	text-align:center;
	font-size:88%;
}

#cpBox h6{
	margin:0 0 0.3em 0;
	padding:0;
	font-weight:normal;
}

#cpBox .fc p{
	margin:0;
	padding:0;
}

#cpBox ul#btn{
	display:table;
	width:90%;
	padding:0 5%;
}

#cpBox ul#btn li{
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
}

@media screen and (max-width: 640px){
#cpBox ul#btn li{
	display:block;
	width:100%;
	}
}

#cpBox .satei ,
#cpBox .buy {
	position : relative ;
	display:block;
	margin:2em auto;
	padding:0.5em 0 0.6em 0;
	width:95%;
	height:2em;
	color: #FFEE00;
	text-align:center;
	text-decoration:none;
	font-size:138%;
	font-weight:bold;
	line-height:1em;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
 	-webkit-box-shadow: 0px 1px 3px #666;
	-moz-box-shadow: 0px 1px 3px #666;
	box-shadow: 0px 1px 3px #666;
}

@media screen and (max-width: 640px){
#cpBox .satei ,
#cpBox .buy {
	display:block;
	margin:1.5em auto;
	padding:0.5em 0 0.6em 0;
	width:90%;
	height:2em;
	font-size:125%;
	line-height:1em;
	}
}

#cpBox .satei {
	background: #00CC00;
	background-image: -webkit-linear-gradient(top, #00CC00, #006600);
	background-image: -moz-linear-gradient(top, #00CC00, #006600);
	background-image: -ms-linear-gradient(top, #00CC00, #006600);
	background-image: -o-linear-gradient(top, #00CC00, #006600);
	background-image: linear-gradient(to bottom, #00CC00, #006600);
}


#cpBox .buy {
	background: #0066FF;
	background-image:url(../img/arr.png);
	background-image: -webkit-linear-gradient(top, #0066FF, #000066);
	background-image: -moz-linear-gradient(top, #0066FF, #000066);
	background-image: -ms-linear-gradient(top, #0066FF, #000066);
	background-image: -o-linear-gradient(top, #0066FF, #000066);
	background-image: linear-gradient(to bottom, #0066FF, #000066);
}

#cpBox .satei:after ,
#cpBox .buy:after{
	content: url(../img/arr.png) ;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
}

#cpBox .satei:hover ,
#cpBox .buy:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-weight:bold;
}

#cpBox .satei em{
	color:#FFF;
	font-size:75%;
	font-style:normal;
	text-decoration:none;
}

#cpBox .buy p em{
	color:#FFF;
}

#cpBox .buy p{
	padding-top:0.5em;
}



