@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- title ---------- */

h3 {
	padding:0 0 10px;
	background:#FFFFFF;
	clear:both;
}





/* ---------- main ---------- */

#main {
	width:705px;
	float:left;
	background:url(../../images/top/bg_main.gif) left top repeat-y;
	border-bottom:#E9ECED 4px solid;
}

#main #pickup {
	width:720px;
	float:left;
	margin:0 -15px 0 0;
	padding:0 0 25px;
	background:#FFFFFF;
	display:inline;
}

#main #pickup .product {
	width:457px;
	float:left;
	margin:0 15px 0 0;
	border:#E9ECED 4px solid;
	display:inline;
}

#main #pickup .product h4 .image {
	padding:4px 15px 4px 4px;
	float:left;
}

#main #pickup .product h4 .title {
	padding:7px 0 7px;
}

#main #pickup .product p {
	padding:0 10px 10px;
}

#main #pickup .plan {
	width:217px;
	float:left;
	margin:0 15px 0 0;
	border:#E9ECED 4px solid;
	display:inline;
}

#main #pickup .plan h4 {
	padding:4px 4px 7px;
}

#main #pickup .plan p {
	padding:0 10px 10px;
}

#main #news {
	border:#E9ECED 4px solid;
	border-bottom:none;
	padding:10px 10px 0;
	font-size:75%;
	line-height:1.5em;
}

#main #news dt {
	background:url(../../images/common/bg_arr02.gif) 3px 1px no-repeat;
	font-weight:bold;
	float:left;
	padding:0 0 0 24px;
}

#main #news dd {
	padding:0 0 10px 100px;
	border-bottom:#CCCCCC 1px dotted;
	margin:0 0 10px;
}





/* ---------- side ---------- */

#side {
	width:205px;
	float:right;
	background:url(../../images/top/bg_side.gif) left top repeat-y;
	border-bottom:#E9ECED 4px solid;
}

#side div {
	width:177px;
	padding:10px 14px 0;
	border-top:#E9ECED 4px solid;
}

#side h4 {
	padding:0 0 10px;
}

#side h5 {
	padding:0 0 5px;
	font-size:75%;
	line-height:1.1em;
}

#side ul {
	font-size:65%;
	line-height:1.3em;
	padding:0 0 5px;
}

#side ul li {
	padding:0 0 10px 10px;
	background:url(../../images/common/bg_arr01.gif) left 4px no-repeat;
}