/*==============================================================

	Site Name   SONY BATTERY 
	File Name   cycleenergy.css
	
	/battery/share/css/products/cycleenergy/cycleenergy.css
	
===============================================================*/
.clrfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

li{
list-style:none;
margin:0;
padding:0;
}

h2,
h3{
	margin:40px 0 20px 0;
	padding-top:10px;
}

span.gold-size{
	background:#f7aa00;
	padding:3px;
	color:#FFFFFF;
	font-size:85%;
}
span.silver-size{
	background:#999999;
	padding:3px;
	color:#FFFFFF;
	font-size:85%;
}

ul.caption{
	padding:10px 0 0 0;
	clear:both;
}
ul.caption li{
	font-size:80%;
	line-height:1.4em;
	color:#666;
}

a.txtlink{
background:url(/battery/share/images/products/tmp/arrow_black.gif) 0 0.4em no-repeat;
padding-left:10px;
margin-left:5px;
}

.pagetop{
	margin:20px 0;
	text-align:right;
	clear:both;
}

.button{
margin-top:40px;
padding:0;
}



/*----------------------------------------------------------

	#anc_link

-----------------------------------------------------------*/
#anc_link{
	width:760px;
}
#anc_link ul li{
	float:left;
	margin-right:20px;
	line-height: 2;
	font-size: 110%;
}



/*----------------------------------------------------------

	tokucho

-----------------------------------------------------------*/
#tokucho .gold{
	background:	url(/battery/share/images/products/cycleenergy/cyc_tkc_bg_gold.jpg);
	width:370px;
	height:226px;
	float:left;
}
#tokucho .silver{
	background:	url(/battery/share/images/products/cycleenergy/cyc_tkc_bg_silver.jpg);	
	width:370px;
	height:226px;
	float:right;
}

#tokucho .txt{
	width:270px;
	margin:20px 0 0 20px;
}	
#tokucho .txt img{
	margin-bottom:15px;
}

#tokucho dl{
	margin-top:15px;
}
#tokucho dt{
	font-weight:bold;
}
#tokucho dd{
	margin:0;
	padding:0;
}



/*----------------------------------------------------------

	lasting

-----------------------------------------------------------*/
.fct02-left{
float:left;
width:230px;
margin:15px 0 0 0;
border:#999 1px solid;
color:#5faeaa;
}
.fct02-left p{
width:200px;
padding:10px;
}

.fct02-right{
width:500px;
float:right;
padding:0;
margin:10px 0 0 0;
}
.fct02-right li:first-child{
list-style:none;
float:left;
padding:0 30px 0 10px;
margin:0;
}
.fct02-right li{
width:230px;
list-style:none;
float:left;
padding:0;
margin:0;
}
.fct02-right li img{
padding:10px 0 0 0;
}




/*----------------------------------------------------------

	eco

-----------------------------------------------------------*/

/*---　エコパッケージ　--------------*/
#eco .point{
background-image:url(/battery/share/images/products/cycleenergy/img4_package01.gif);
background-repeat:no-repeat;
margin-top:10px;
height:195px;
}
#eco p.catch{
padding:20px 0 0 20px;
}
#eco p.text{
padding:15px 0 0 20px;
margin:0;
font-weight:bold;
font-size:100%;
line-height:1.8em;
}
#eco .caption{
padding:10px 0 20px 20px;
margin:0;
font-size:10px;
}

/*---　セット　--------------*/
.zuhan{
background-image:url(/battery/share/images/products/cycleenergy/cyc_eco_zuhan_bg.jpg);
background-repeat:no-repeat;
width:760px;
margin-top:30px;
height:244px;
position:relative;
}
.zuhan .battery-name{
	position: absolute;
	left: 25px;
	top: 15px;
	
}
.zuhan .battery-text{
	position: absolute;
	left: 150px;
	top: 55px;
	width: 200px;
}
.zuhan .battery-text li,
.zuhan .chagerset-text li {
	padding-left: 3em; /*1em（1文字）分、右に動かす*/
	text-indent: -3em; /*最初の行だけ1em（1文字）分、左に動かす*/
	margin-bottom:1.5em;
}
.zuhan .chagerset-name{
	position: absolute;
	left: 410px;
	top: 15px;
	
}
.zuhan .chagerset-text{
	position: absolute;
	left: 550px;
	top: 55px;
	width: 200px;
}



/*----------------------------------------------------------

	lineup

-----------------------------------------------------------*/
#lineup h4{
	margin:5px 0 0 10px;
}

#lineup .gold{
	width:370px;
	float:left;
}
#lineup .silver{
	width:370px;
	float:right;
}

/*---　overview　--------------*/
#lineup .overview{
	padding:15px;
	font-size:90%;
}
#lineup .overview span.bold{
	font-size:120%;
	font-weight:bold;
	line-height:1.6em;
}
#lineup .overview dl{
	clear:both;
}
#lineup .overview dt{
  float: left;
  width: 70px;
  min-height:140px;
}
#lineup .overview dd{
	margin-bottom:5px;
}
	
#lineup .gold .overview{
	background:#faeebc;
}
#lineup .silver .overview{
	background:#e5e5e5;
}

/*---　pack　--------------*/
#lineup .pack{
	padding:20px;
	font-size:90%;
}
#lineup .pack{
	padding:15px;
}
#lineup .pack dl{
	clear:both;
}
#lineup .pack dt{
  float: left;
  width: 100px;
  min-height:100px;
  margin-top:20px;
}
#lineup .pack dd:last-child{
	margin-top:15px;
}

#lineup .gold .pack{
	background:#fffbe8;
}
#lineup .silver .pack{
	background:#f5f5f5;
}