/*展開メニュー----------------------------*/
#promenu {
	height: 57px;
	width: 870px;
	clear: both;
}
#promenu ul {
	width: 870px;
	list-style:none;
	float: left;
}
#promenu ul li {
	float: left;
}
#promenu ul a{
	float:left;
	list-style:none;
	display:block;
	height:51px;
	background-position:0px 0px;
	background-image:url(../image/common/btn_pro.gif);
}

#promenu .btn1 a{
	width:185px;
	background-position:0px 0px;
}
#promenu .btn1on a,#promenu .btn1 a:hover {
	width:185px;
	background-position:0px -51px;
}
#promenu .btn2 a{
	width:228px;
	background-position:-185px 0px;
}
#promenu .btn2on a,#promenu .btn2 a:hover {
	width:228px;
	background-position:-185px -51px;
}
#promenu .btn3 a{
	width:228px;
	background-position:-413px 0px;
}
#promenu .btn3on a,#promenu .btn3 a:hover {
	width:228px;
	background-position:-413px -51px;
}
#promenu .btn4 a{
	width:229px;
	background-position:-641px 0px;
}
#promenu .btn4on a,#promenu .btn4 a:hover {
	width:229px;
	background-position:-641px -51px;
}
/*page main----------------------------*/
.mainframe {
	width: 870px;
	float: left;
}
#ttlmain {
	float: left;
	width: 473px;
}
#imgttl {
	float: left;
	width: 377px;
}
#imgadvice {
	float: left;
	width: 387px;
}
.advicearea {
	float: left;
	width: 483px;
}
#beforeearea {
	width: 458px;
}
#imgbefore {
	float: left;
	width: 173px;
}
#textbefore {
	float: left;
	width: 290px;
}
#textbefore p {
	width: 290px;
	font-size: 12px;
	line-height: 16px;
}
div#advicebox {
	width: 458px;
	float: left;
}
#advicebox img{
	float: right;
}
#advicebox p {
	font-size: 12px;
	line-height: 20px;
	width: 458px;
}
/*item----------------------------*/
#itemarea {
	width: 870px;
	background-image: url(../image/common/bg_item.gif);
	background-repeat: no-repeat;
	height: 543px;
	float: left;
}
.itemframearea {
	float: left;
	width: 870px;
}
.itemframe {
	padding: 33px 0px 0px 36px;
}
.itembox {
	float: left;
	width: 266px;
}
.itemboxframe {
	padding: 0px 0px 0px 28px;
}
.itemtextarea {
	float: left;
	width: 215px;
}
.imgitem {
	float: left;
	width: 89px;
}
.textitembox {
	float: left;
	width: 126px;
}
.textitembox p {
	font-size:11px;
	line-height: 15px;
	width: 126px;
}
.iteminfobox {
	float: left;
	width: 266px;
}
.iteminfobox p {
	font-size: 12px;
	line-height: 18px;
	width: 238px;
}
/*process----------------------------*/
#processframe {
	padding-left: 11px;
}
.processarea {
	width: 859px;
	float: left;
}
.processbox {
	float: left;
	width: 212px;
	padding-bottom: 15px;
}
#processframe .processboxframe {
	padding: 0px 0px 0px 12px;
}
.imgprocess {
	width: 200px;
}
.processbox p {
	font-size: 11px;
	line-height: 15px;
	width: 186px;
}
#stylearea {
	float: left;
	width: 396px;
}
#imgmain {
	float: left;
	width: 454px;
}
#imgsub {
	clear: left;
	width: 396px;
}
#stylearea p {
	font-size: 12px;
	line-height: 18px;
	height: 95px;
}