@charset "utf-8";
/* ===================================================================
CSS information

 file name  :fivepoints.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* 各ページタイトル画像
----------------------------------------------------------- */
#fivepoints #header h1 {
	background:url(../fivepoints/images/title.jpg) center 0 no-repeat;
}




/* .con_intro		INTRO
----------------------------------------------------------- */
#fivepoints #main .con_intro {
	margin-bottom:30px;
	width:705px;
}

#fivepoints #main .con_intro p {
	margin:15px 0 0 30px;
	width:645px;
}


/*	.con_point_left			ポイント（左にある見出し）
----------------------------------------------------*/
#fivepoints #main .con_point_left {
	margin:40px 0 0 auto;
	padding-bottom:30px;
	width:675px;
	overflow:hidden;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#fivepoints #main .con_point_left .con_point_r {
	float:right;
	width:438px;
}

#fivepoints #main .con_point_left .con_point_r .txt_point {
	margin:10px 0 10px auto;
	width:405px;
}

#fivepoints #main .con_point_left .con_point_r .btn_point {
	text-align:right;
}



/*	.con_point_right		ポイント（右にある見出し）
----------------------------------------------------*/
#fivepoints #main .con_point_right {
	margin:40px 0 0 auto;
	padding-bottom:30px;
	width:675px;
	overflow:hidden;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#fivepoints #main .con_point_right .con_point_l {
	float:left;
	width:439px;
}

#fivepoints #main .con_point_right .con_point_l .txt_point {
	margin:10px 0 10px auto;
	width:405px;
}

#fivepoints #main .con_point_right .con_point_l .btn_point {
	text-align:right;
}

#fivepoints #main .con_point_right .con_point_l ul.list_point {
	margin:0 0 0 auto;
	width:330px;
}

#fivepoints #main .con_point_right .con_point_l ul.list_point li {
	display:inline;
}


/*	.con_details_right		ポイントの詳細情報（右にある見出し）
---------------------------------------------------------------*/

#fivepoints #main .con_details_right {
	width:675px;
	background:url(../fivepoints/images/bg_details.gif) 0 0 repeat-y;
}

#fivepoints #main .con_details_right .box_details {
	padding:10px 0 5px 15px;
	width:660px;
	background:url(../fivepoints/images/bg_chef.jpg) right top no-repeat;
}

#fivepoints #main .con_details_right .box_details h4,
#fivepoints #main .con_details_right .box_details p{
	margin-bottom:10px;
	width:500px;
}

#fivepoints #main .con_details_right .box_details ul.list_details{
	width:395px;
}

#fivepoints #main .con_details_right .box_details ul.list_details li{
	display:inline;
}


/*	.con_details_left		ポイントの詳細情報（左にある見出し）
---------------------------------------------------------------*/

#fivepoints #main .con_details_left {
	margin-top:30px;
	width:675px;
	background:url(../fivepoints/images/bg_details.gif) 0 0 repeat-y;
}

#fivepoints #main .con_details_left .box_details {
	padding:10px 0 5px 115px;
	width:560px;
	background:url(../fivepoints/images/bg_designer.jpg) left bottom no-repeat;
}

#fivepoints #main .con_details_left .box_details h4,
#fivepoints #main .con_details_left .box_details p{
	margin-bottom:10px;
	width:500px;
}

#fivepoints #main .con_details_left .box_details .btn_details{
	text-align:right;
}



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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}