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

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


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

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


#plan_con p.caption {
	margin: 30px 0 0 0; 
	float: left;
	width: 443px;
}
#plan_con p.btn_calendar {
	float: left;
	margin: 10px 10px 20px 0;
}

#plan_con p.btn_list {
	float: left;
	margin: 18px 0 20px 0;
}


 
/* .con_catelist カテゴリ毎のプランリスト 
-----------------------------------------------------------*/

#plan_con .con_catelist {
	clear:both;
	width:930px;
	margin:0 auto;
	padding:20px 0 30px 0;
}


#plan_con .con_catelist h3{
	padding-top:5px;
}

#plan_con .con_catelist h3.first{
	padding-top:0;
}

#plan_con .con_catelist ul.box_catelist{
	display:none;
}


#plan_con .con_catelist ul.box_catelist li{
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	padding:5px 15px;
	color:#637494;
	font-weight:bold;
	font-size:105%;
}

#plan_con .con_catelist ul.box_catelist li a{
	color:#637494;

}


#plan_con .con_catelist ul.box_plndet{
	width:900px;
	overflow:hidden;
}


#plan_con .con_catelist ul.box_plndet li{
	border:none;
	padding:5px 0 0 0;
	float:left;
}

/*プランタイトル*/

#plan_con .con_catelist ul.box_plndet li.txt_pra{
	width:470px;

}

#plan_con .con_catelist ul.box_plndet li.txt_pra img{
	padding-top:3px;
}


/*金額*/

#plan_con .con_catelist ul.box_plndet li.txt_pri{
	width:140px;
	padding-left:10px;
	text-align:right;
}

#plan_con .con_catelist ul.box_plndet li.ico_smoke{
	width:100px;
	padding-left:10px;
	text-align:right;
}



/*プラン詳細ボタン*/

#plan_con .con_catelist ul.box_plndet li.btn_det{
	width:120px;
	padding-left:10px;
	text-align:right;
}


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

	
----------------------------------------------------------- */
#caution{
	width:918px;
	border:1px solid #CDCDCD;
	padding:15px;
	margin:10px 0 0 0;
}

#caution h3{
	color:#CC0000;
	text-align:center;
	margin-bottom:7px;
}


#ypro_body #ypro_search { width: 950px; }
#ypro_body #ypro_planname { width: 950px; }
#ypro_body #ypro_planlist { width: 948px; }
#ypro_body #ypro_botton { width: 950px; }
#ypro_body #ypro_plan_nav { width: 950px; }
#ypro_body #ypro_error_con { width: 950px; }



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html #plan #plan_con p.caption {
	margin: 20px 0 0 10px; 
}

* html #plan #plan_con p.btn_calendar {
	margin: 10px 15px 0 0;
}