/*********************************
********* environment.css ********
**********************************/

/* footer box
**********************************/
#footerBox {
	width: 320px;
	margin: 0 auto 0;
	padding: 30px 0px 20px;
	/* background:  #000; */
	background-image: url(../images/sp/common/back_footer_top.jpg), url(../images/sp/common/back_footer_loop.jpg);
	background-position: top center;
	background-repeat: no-repeat, repeat-y;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
	color: #fff;
	font-size: 88%;
	line-height: 1.4;
}

#footerBox .title {
	padding: 0 10px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 113%;
	color: #ffe400;
}

	#footerBox .Tit {
		color: #fff;
		margin: 0 0 5px;
		font-weight: bold;
		padding: 0;
	}

	#footerBox .text {
		padding: 0 0 15px 0;
	}

	#footerBox .bold {
		margin: 10px 0 0;
		font-weight: bold;
	}

	/*#footerBox .price {
		color: #f00;
	}*/

	#footerBox .l1 {
		font-weight: bold;
	}

	#footerBox .mt {
		margin: 10px 0 0;
	}

#footerBox a {
	text-decoration: underline !important;
	color: #e1b43c;
}

#footerBox a:visited {
	color: #a99401;
}

#footerBox ul,
#footerBox dl {
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.payment {
	/*width: 265px;*/
	margin: 0 10px;
}

/* CopyBox
**********************************/
#CopyBox {
	width: 300px;
	margin: 0 auto 10px;
	padding: 10px 0 0;
	font-size: 88%;
	line-height: 1.4;
	text-align: center;
}

	#CopyBox a {
		/*color: #fff;*/
		text-decoration: underline;
	}

	#CopyBox a:hover {
		text-decoration: none;
	}

	#CopyBox a:visited {
	/*color: #fff;*/
}

.yahooOnly {
	margin-bottom: 8px;
	text-align: center;
	font-size: 63%;
	line-height: 1.2;
}

.l1 {
	color: #ffd400;
	font-weight: bold;
}

/* Browz
**********************************/
#Browz {
	width: 300px;
	margin: 0 auto;
	font-size: 88%;
}

#Browz dt{
width:100px;
height:45px;
float:left;
}
#Browz dd{
height:45px;
}

#Browz p {
/*font-weight: bold;*/
padding-bottom: 5px;
}

#Yahoo li {
  margin: 0 0 10px;
}

.errorheader {
  text-align: center;
  font-size: 125%;
  color: #f00;
  padding: 10px 0 0px;
}

#ErrBox {
  margin: 10px auto 10px;
  width: 300px;
  font-size: 100%;
  text-align: center;
  color: #fff;
}

/* BackBox
====================*/
#backBox, #BackBox {
	width: 265px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;	
	font-size: 88%;
}

#backBox .l1 {
	font-weight: bold;	
}

#backBox a {
	color: #48d0dc;
}

/* RAKUTEN header & footer
**********************************/
#rakheader,
#rakfooter{
	background-color:#FFF;
	/*font-size:0.8em;*/
	overflow:hidden;
	vertical-align: middle;	
	padding:0px 10px;
	color: #333333;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Droid Sans Japanese', Meiryo, メイリオ, sans-serif;
	font-size: 12px;
}

#rakheader:after{
	clear:both;
}


#rakheader a,
#rakheader a:visited,
#rakfooter a,
#rakfooter a:visited
{
	color:#317ED0;
	text-decoration:underline;
}

#rakheadright{
	color:#000;
	text-align:right;
	display:inline-block;
	float:right;
}

#rakheadleft{
	display:inline-block;
	text-align:left;
	float:left;
	margin-top:10px;
}

#rakfooter{
	text-align:center;
	padding:5px 0 0 0;
}

#cpHdrB, #cpFtrB {
  width: 320px !important;
  margin: 0 auto;
}