@charset "UTF-8";
/* CSS Document */

@import url("format.css");
@import url("layout.css");

/* =========================================================
   トップ用レイアウト
========================================================= */

/* バックイメージ */
body {
}

/* トップメインイメージ */
#mainimg {
}


/* =========================================================
   コンテンツ
========================================================= */

/* パッケージ内容 */
article header h1, article header h2, article header h3, article header p {
	display: none;
}

article header#plan200, #plan150, #plan120, #plan100, #plan80, #plan60, #plan40, #plan30 {
	width: 530px;
	height: 154px;
	margin: 0;
	padding: 0 20px;
	background-repeat: repeat-x;
}

article header#plan200 { background-image: url(../../plannavi/img/warmplan_200_bg.gif); }
article header#plan150 { background-image: url(../../plannavi/img/warmplan_150_bg.gif); }
article header#plan120 { background-image: url(../../plannavi/img/warmplan_120_bg.gif); }
article header#plan100 { background-image: url(../../plannavi/img/warmplan_100_bg.gif); }
article header#plan80 { background-image: url(../../plannavi/img/warmplan_80_bg.gif); }
article header#plan60 { background-image: url(../../plannavi/img/warmplan_60_bg.gif); }
article header#plan40 { background-image: url(../../plannavi/img/warmplan_40_bg.gif); }
article header#plan30 { background-image: url(../../plannavi/img/warmplan_30_bg.gif); }


#p200_mark, #p150_mark, #p120_mark, #p100_mark, #p80_mark, #p60_mark, #p40_mark, #p30_mark {
	float: left;
	width: 127px;
	height: 154px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#p200_mark { background: url(../../plannavi/img/warmplan_200_mark.gif); }
#p150_mark { background: url(../../plannavi/img/warmplan_150_mark.gif); }
#p120_mark { background: url(../../plannavi/img/warmplan_120_mark.gif); }
#p100_mark { background: url(../../plannavi/img/warmplan_100_mark.gif); }
#p80_mark { background: url(../../plannavi/img/warmplan_80_mark.gif); }
#p60_mark { background: url(../../plannavi/img/warmplan_60_mark.gif); }
#p40_mark { background: url(../../plannavi/img/warmplan_40_mark.gif); }
#p30_mark { background: url(../../plannavi/img/warmplan_30_mark.gif); }


#p200_ti, #p150_ti, #p120_ti, #p100_ti, #p80_ti, #p60_ti, #p40_ti, #p30_ti {
	float: right;
	width: 403px;
	height: 75px;
	margin-top: 79px;
	padding: 0;
	background-repeat: no-repeat;
}

#p200_ti { background: url(../../plannavi/img/warmplan_200_ti.gif); }
#p150_ti { background: url(../../plannavi/img/warmplan_150_ti.gif); }
#p120_ti { background: url(../../plannavi/img/warmplan_120_ti.gif); }
#p100_ti { background: url(../../plannavi/img/warmplan_100_ti.gif); }
#p80_ti { background: url(../../plannavi/img/warmplan_80_ti.gif); }
#p60_ti { background: url(../../plannavi/img/warmplan_60_ti.gif); }
#p40_ti { background: url(../../plannavi/img/warmplan_40_ti.gif); }
#p30_ti { background: url(../../plannavi/img/warmplan_30_ti.gif); }

article section#p200_text, #p150_text, #p120_text, #p100_text, #p80_text, #p60_text, #p40_text, #p30_text {
	width: 530px;
	margin-bottom: 20px;
	padding: 0 20px 20px;
}

#p200_text { background-color: #eef2f4; }
#p150_text { background-color: #fffde8; }
#p120_text { background-color: #e6f4fd; }
#p100_text { background-color: #fbdcda; }
#p80_text { background-color: #c9d5ed; }
#p60_text { background-color: #bce1e3; }
#p40_text { background-color: #f4eae4; }
#p30_text { background-color: #f3eaf3; }


#plan_box {
	width: 530px;
	margin-bottom: 20px;
	padding: 0;
}

#plan_box h1, #plan_box h2, #plan_box h3, #plan_box p {
	display: none;
}

#price200, #price150, #price120, #price100, #price80, #price60, #price40, #price30 {
	float: left;
	width: 218px;
	height: 122px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#price200 { background-image: url(../../plannavi/img/warmplan_200_price.gif); }
#price150 { background-image: url(../../plannavi/img/warmplan_150_price.gif); }
#price120 { background-image: url(../../plannavi/img/warmplan_120_price.gif); }
#price100 { background-image: url(../../plannavi/img/warmplan_100_price.gif); }
#price80 { background-image: url(../../plannavi/img/warmplan_80_price.gif); }
#price60 { background-image: url(../../plannavi/img/warmplan_60_price.gif); }
#price40 { background-image: url(../../plannavi/img/warmplan_40_price.gif); }
#price30 { background-image: url(../../plannavi/img/warmplan_30_price.gif); }

#flow200, #flow150, #flow120, #flow100, #flow80, #flow60, #flow40, #flow30 {
	float: right;
	width: 272px;
	height: 122px;
	padding: 0;
	background-repeat: no-repeat;
}

#flow200 { background-image: url(../../plannavi/img/warmplan_200_flow.gif); }
#flow150 { background-image: url(../../plannavi/img/warmplan_150_flow.gif); }
#flow120 { background-image: url(../../plannavi/img/warmplan_120_flow.gif); }
#flow100 { background-image: url(../../plannavi/img/warmplan_100_flow.gif); }
#flow80 { background-image: url(../../plannavi/img/warmplan_80_flow.gif); }
#flow60 { background-image: url(../../plannavi/img/warmplan_60_flow.gif); }
#flow40 { background-image: url(../../plannavi/img/warmplan_40_flow.gif); }
#flow30 { background-image: url(../../plannavi/img/warmplan_30_flow.gif); }



/* パッケージ愛内容 */
article header#planai {
	width: 570px;
	height: 152px;
	margin-bottom: 25px;
	padding: 0;
}

#pai_mark {
	float: left;
	width: 138px;
	height: 152px;
	margin: 0;
	padding: 0;
	background: url(../../plannavi/img/warmplan_ai_mark.gif) no-repeat;
}

#pai_ti {
	float: right;
	width: 432px;
	height: 152px;
	margin: 0;
	padding: 0;
	background: url(../../plannavi/img/warmplan_ai_ti.gif) no-repeat;
}

article section#plan20, #plan10 {
	width: 530px;
	margin-bottom: 20px;
	padding: 20px;
}

#plan20 h1, #plan20 h2, #plan20 h3, #plan20 p {
	display: none;
}

#plan10 h1, #plan10 h2, #plan10 h3, #plan10 p {
	display: none;
}

article section#plan20 { background-color: #f6faed; }
article section#plan10 { background-color: #fff6ea; }

#planai_box {
	width: 530px;
	margin-bottom: 20px;
	padding: 0;
}

#p20_mark, #p10_mark {
	float: left;
	width: 127px;
	height: 168px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#p20_mark { background: url(../../plannavi/img/warmplan_20_mark.gif); }
#p10_mark { background: url(../../plannavi/img/warmplan_10_mark.gif); }


#planai_boxright {
	float: right;
	width: 390px;
	margin: 0;
	padding: 0;
}

#p20_ti, #p10_ti {
	width: 390px;
	height: 56px;
	margin-bottom: 16px;
	padding: 0;
	background-repeat: no-repeat;
}

#p20_ti { background-image: url(../../plannavi/img/warmplan_20_ti.gif); }
#p10_ti { background-image: url(../../plannavi/img/warmplan_10_ti.gif); }

#price20, #price10 {
	float: left;
	width: 154px;
	height: 96px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#price20 { background-image: url(../../plannavi/img/warmplan_20_price.gif); }
#price10 { background-image: url(../../plannavi/img/warmplan_10_price.gif); }


#flow20, #flow10 {
	float: right;
	width: 218px;
	height: 96px;
	padding: 0;
	background-repeat: no-repeat;
}

#flow20 { background-image: url(../../plannavi/img/warmplan_20_flow.gif); }
#flow10 { background-image: url(../../plannavi/img/warmplan_10_flow.gif); }

.p10_image {
	margin: 0 138px 0 139px;	
}

/* パッケージ内容リスト */
article section#table_list {
	width: 530px;
	margin-bottom: 40px;
	padding: 0;
}

article section#table_list span {
	font-size: 12px;
}

#table_list table{
	border-collapse: collapse;
	width:570px;
	border:#c8c8c8 solid 1px;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: normal;
}

#table_list table th,
#table_list table td {
	padding: 5px;
	border:#c8c8c8 solid 1px;
}

#table_list table th {
	text-align: center;
	vertical-align: middle;
	background-color:#9593be;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 1px;
}

#table_list table td {
	text-align:left;
	vertical-align: middle;
}

#table_list table td.midashi {
	text-align: center;
	width: 75px;
}

#table_list table td em {
	color: #847384;
	letter-spacing: 2px;
	font-size: 10px;
	vertical-align: middle;
	letter-spacing: 80%;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



/* 下リンク */

article section#warm_planlink {
	width: 544px;
	margin-bottom: 50px;
	padding: 12px;
	border: #c8c8c8 solid 1px;
}

article section#warm_planlink nav {
	display: inline-block;
	width: 544px;
	margin: 0;
	padding: 0;
}

article section#warm_planlink nav ul {
	margin-bottom: 12px;
	padding: 0;
}

article section#warm_planlink nav ul.end {
	margin: 0;
	padding: 0;
}

article section#warm_planlink nav li {
	padding: 0;
	margin: 0;
}

article section#warm_planlink nav li.left {
	float: left;
}

article section#warm_planlink nav li.right {
	float: right;
	margin: 0;
}

article section#warm_planlink nav a {
	display: block;
	text-indent: -9000px;
	width: 266px;
	height: 47px;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
}

#p200 a { background: url(../../plannavi/img/warmplan_200_btn.gif) 0px 0px; }
#p150 a { background: url(../../plannavi/img/warmplan_150_btn.gif) 0px 0px; }
#p120 a { background: url(../../plannavi/img/warmplan_120_btn.gif) 0px 0px; }
#p100 a { background: url(../../plannavi/img/warmplan_100_btn.gif) 0px 0px; }
#p80 a { background: url(../../plannavi/img/warmplan_80_btn.gif) 0px 0px; }
#p60 a { background: url(../../plannavi/img/warmplan_60_btn.gif) 0px 0px; }
#p40 a { background: url(../../plannavi/img/warmplan_40_btn.gif) 0px 0px; }
#p30 a { background: url(../../plannavi/img/warmplan_30_btn.gif) 0px 0px; }
#pai a { background: url(../../plannavi/img/warmplan_ai_btn.gif) 0px 0px; }


#p200 a:hover, #p150 a:hover, #p120 a:hover, #p100 a:hover, #p80 a:hover, #p60 a:hover, #p40 a:hover, #p30 a:hover, #pai a:hover { background-position: 0px -47px; }