@charset"Shift_JIS";

/* CSS Document */

#contents{
	padding-bottom:10px;
	}

#contents #replace{
	min-height:355px;
}

#contents h1{
	width:332px;
	height:32px;
	float:left;
	margin-top:10px;
	}
#contents h1 span{
	background: url(../../../../products/replace/img/h1_01.gif) left top no-repeat;
	width:332px;
	height:32px;
	}
#contents h2{
	width:820px;
	height:38px;
	}
#contents h2 span{
	background: url(../../../../products/replace/img/index/index_h2.gif) left top no-repeat;
	width:820px;
	height:38px;
	}
	
#contents .headTop .icon{
	float:left;
	width:176px;
	margin-top:10px;
	float:right;
	}

#contents .headTop .tagline{
	float:left;
	width:655px;
	margin-top:10px;
	}
	
#contents .tablist{
	margin-top:8px;
	background: url(../../../../products/replace/img/tabbg.gif) left center no-repeat;
	padding:3px 0 0 8px;
	}
#contents .tablist li{
	float:left;
	padding-left:2px;
	}
#contents .tabbox{
	border:1px solid #cfe1e6;
	border-top:none;
	}
#contents .tabbox .footbtns{
	background: url(../../../../products/replace/img/dotted01.gif) left top repeat-x;
	margin-top:10px;
	padding:7px 10px;
	}
#contents .tabbox .footbtns .btn1{
	float:left;
	margin-top:4px;
	padding-right:5px;
	}
#contents .tabbox .footbtns .btn2{
	float:right;
	width:173px;
	margin-top:6px;
	}
#contents .tabbox .footbtns .page{
	float:left;
	width:160px;
	padding:0 10px 0 130px;
	text-align:center;
	line-height:36px;
	}
#contents .tabbox .footbtns .page span,
#contents .tabbox .footbtns .page a,
#contents .tabbox .footbtns .page strong{
	border-right:1px solid #cccccc;
	padding:0 8px;
	}
#contents .tabfootlist{
	background: url(../../../../products/img/common/bg01.gif) left bottom no-repeat;
	padding-bottom:9px;
	}
#contents .tabfootlist p.lead{
	float:left;
	width:76px;
	padding:10px 9px 0 11px;
	}
#contents .tabfootlist li{
	float:left;
	padding-left:11px;
	font-size:84%;
	line-height:150%;
	margin-top:7px;
	}
#contents .tabfootlist li.lastChild{
	padding-right:7px;
	}
#contents .tabfootlist li a{
	background: url(../../../../img/common/arrow06.gif) 0 0.4em no-repeat;
	padding-left:8px;
	}

#contents div.alpha {
	padding: 14px 9px 15px 19px;
} 

#contents div.alpha .left {
	width: 640px;
	float: left;
	margin-right: 5px;
}

#contents div.alpha .left h2{
	width: 640px;
	height:26px;
}

#contents div.alpha .left h2 span{
	width: 640px;
	height:26px;
}

#contents div.alpha .left h3{
	margin: 10px 0 0;
}

#contents div.alpha .right {
	width: 175px;
	padding-top: 0;
	float: left;
}

#contents div.beta {
	/*padding: 14px 9px 14px 19px;*/
} 

#contents div.beta .left {
	width: 140px;
	float: left;
	padding: 4px 0 0 19px;
	margin-right: 25px;
}

#contents div.beta .right {
	width: 660px;
	float: left;
}

#contents div.beta .right h3{
	margin-bottom: 10px 10px 0;
}

/********** clear-fix  ***********/

#contents .tabfootlist:after,
#contents .tabbox .footbtns:after,
#contents .tabbox:after,
#contents .tablist:after,
#contents .headTop:after{
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	content: ".";
}

#contents .tabfootlist,
#contents .tabbox .footbtns,
#contents .tabbox,
#contents .tablist,
#contents .headTop{
	display: inline-block;
}

#contents .tabfootlist,
#contents .tabbox .footbtns,
#contents .tabbox,
#contents .tablist,
#contents .headTop{
	display: block;
}