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

/* ページ内共通設定
--------------------------------------------*/
.section{
	width: 739px;
	margin: 0 18px 25px;
	}

/* オススメプラン
--------------------------------------------*/
#pickup{
	background: url("/plan/img/plan_box_bg.gif") repeat-y;
	}
	#pickup #pickupInner{
		background: url("/plan/img/plan_box_bg_top.gif") top no-repeat;
		}
	#pickup #pickupBody{
		background: url("/plan/img/plan_box_bg_bottom.gif") bottom no-repeat;
		padding: 0 20px 20px;
		}
		#pickup #pickupBody .thumbnail{
			width: 254px;
			float: left;
			background: url("/plan/img/plan_thumbnail_bg_top.gif") top no-repeat;
			padding-top: 8px;
			}
			#pickup #pickupBody .thumbnail a{
				display: block;
				padding: 0 7px 8px;
				background: url("/plan/img/plan_thumbnail_bg_bottom.gif") bottom no-repeat;
				}
		#pickup #pickupBody dl{
			width: 424px;
			float: right;
			text-align: left;
			}
			#pickup #pickupBody dl dt{
				font-size:123.1%;
				font-weight: bold;
				margin-bottom: 3px;
				}
		#pickup #pickupBody .comment{
			margin-bottom: 10px;
			}
		#pickup #pickupBody .desc{
			width: 424px;
			float: right;
			text-align: left;
			background: url("/plan/img/plan_plandesc_box_top.gif") top no-repeat;
			padding-top: 5px;
			}
			#pickup #pickupBody .desc ul{
				padding: 3px 8px 8px;
				font-size:93%;
				font-weight: bold;
				margin-bottom: 10px;
				background: url("/plan/img/plan_plandesc_box_bottom.gif") left bottom no-repeat #eaf8ff;
				}
		#pickup #pickupBody .bts{
			width: 434px;
			float: right;
			text-align: left;
			overflow: visible;
			}
			#pickup #pickupBody .bts img{
				margin-left: 10px;
				}

/* プランリスト
--------------------------------------------*/
#planList{
	padding-bottom: 0;
	margin-bottom: 0;
	}
	#planList h3{
		margin-bottom: 18px;
		}
	#planList #planListBody{
		padding: 0;
		}
		#planList #planListBody li{
			width: 368px;
			overflow: hidden;
			float: left;
			position: relative;		
			}
		#planList #planListBody .thumbnail{
			width: 164px;
			background: url("/plan/img/plan_thumbnail2_bg_top.gif") top no-repeat;
			padding-top: 8px;
			margin-bottom: 8px;
			float: left;
			display: inline;
			}
			#planList #planListBody .thumbnail a{
				display: block;
				padding: 0 7px 8px;
				background: url("/plan/img/plan_thumbnail2_bg_bottom.gif") bottom no-repeat;
				}
		#planList #planListBody .desc{
			width: 185px;
			margin: 0 10px 20px 0;
			float: right;
			display: inline;
			}
			#planList #planListBody .desc ul{
				font-size:93%;
				font-weight: bold;				
				}
				#planList #planListBody .desc ul li{
					width: auto;
					height: auto;
					float: none;
					margin-bottom: 0;
					}
		#planList #planListBody dl{

			}
			#planList #planListBody dl dt{
				font-size:123.1%;
				font-weight: bold;
				margin-bottom: 3px;
				}
		#planList #planListBody .comment{
			margin-bottom: 10px;
			}

		#planList #planListBody .bts{
			width: 164px;
			float: left;
			text-align: left;
			margin-bottom: 30px;
			}
			#planList #planListBody .bts img{
				margin: 0 2px 5px;
				}

/* オリジナルプラン
--------------------------------------------*/
#original{
	background: url("/plan/img/plan_box_bg.gif") repeat-y;
	}
	#original #originalInner{
		padding-top: 25px;
		background: url("/plan/img/plan_box_bg_top_normal.gif") top no-repeat;
		}
	#original #originalBody{
		background: url("/plan/img/plan_box_bg_bottom.gif") bottom no-repeat;
		padding: 0 20px 20px;
		}
		#original #originalBody .thumbnail{
			width: 254px;
			float: left;
			background: url("/plan/img/plan_thumbnail_bg_top.gif") top no-repeat;
			padding-top: 8px;
			}
			#original #originalBody .thumbnail a{
				display: block;
				padding: 0 7px 8px;
				background: url("/plan/img/plan_thumbnail_bg_bottom.gif") bottom no-repeat;
				}
		#original #originalBody dl{
			width: 424px;
			float: right;
			text-align: left;
			}
			#original #originalBody dl dt{
				font-size:123.1%;
				font-weight: bold;
				margin-bottom: 3px;
				}
		#original #originalBody .comment{
			margin-bottom: 10px;
			}
		#original #originalBody .desc{
			width: 424px;
			float: right;
			text-align: left;
			background: url("/plan/img/plan_plandesc_box_top.gif") top no-repeat;
			padding-top: 5px;
			}
			#original #originalBody .desc ul{
				padding: 3px 8px 8px;
				font-size:93%;
				font-weight: bold;
				margin-bottom: 10px;
				background: url("/plan/img/plan_plandesc_box_bottom.gif") left bottom no-repeat #eaf8ff;
				}
		#original #originalBody .bts{
			width: 434px;
			float: right;
			text-align: left;
			overflow: visible;
			}
			#original #originalBody .bts img{
				margin-left: 10px;
				}

/* 詳細ページ
--------------------------------------------*/
#detail{
	background: url("/plan/img/plan_box_bg.gif") repeat-y;
	}
	#detail #detailInner{
		background: url("/plan/img/plan_box_bg_top.gif") top no-repeat;
		}
		#detail #detailInner h3{
			padding: 40px 0 5px;
			margin: 0 20px 20px;
			font-size:123.1%;
			font-weight: bold;
			background: url("/plan/img/plan_box_tit_line.gif") bottom repeat-x;
			}
	#detail #detailBody{
		background: url("/plan/img/plan_box_bg_bottom.gif") bottom no-repeat;
		padding: 0 20px 20px;
		}
		#detail #detailBody .thumbnail{
			width: 254px;
			float: left;
			margin-right: 10px;
			background: url("/plan/img/plan_thumbnail_bg_top.gif") top no-repeat;
			padding-top: 8px;
			}
		#detail #detailBody .thumbnailRight{
			width: 254px;
			float: right;
			margin-left: 10px;
			background: url("/plan/img/plan_thumbnail_bg_top.gif") top no-repeat;
			padding-top: 8px;
			}
			#detail #detailBody .thumbnail a,
			#detail #detailBody .thumbnail span,
			#detail #detailBody .thumbnailRight a,
			#detail #detailBody .thumbnailRight span{
				display: block;
				padding: 0 7px 8px;
				background: url("/plan/img/plan_thumbnail_bg_bottom.gif") bottom no-repeat;
				}
		#detail #detailBody .comment{
			width: 424px;
			float: right;			
			text-align: left;
			margin-bottom: 10px;
			}
		#detail #detailBody .desc{
			width: 424px;
			float: right;
			text-align: left;
			background: url("/plan/img/plan_plandesc_box_top.gif") top no-repeat;
			padding-top: 5px;
			}
			#detail #detailBody .desc ul{
				padding: 3px 8px 8px;
				font-size:93%;
				font-weight: bold;
				margin-bottom: 10px;
				background: url("/plan/img/plan_plandesc_box_bottom.gif") left bottom no-repeat #eaf8ff;
				position: relative;
				}
				#detail #detailBody .desc ul li.bt{
					position: absolute;
					top: 5px;
					right: 10px;
					}
		#detail #detailBody h4{
			clear: both;
			padding-top: 25px;
			margin-bottom: 20px;
			}
		#detail #detailBody #points{
			padding-bottom: 30px;
			}
			#detail #detailBody #points .thumbnail,
			#detail #detailBody #points .thumbnailRight{
				padding-bottom: 10px;	
				}
			#detail #detailBody #points p{
				margin-bottom: 0;
				}
				#detail #detailBody #points p strong{
					display: block;
					margin-bottom: 5px;
					}
		#detail #detailBody #planDetail{
			clear: both;
			border: 2px solid #eee;
			padding: 0 20px 20px;
			margin-bottom: 30px;
			}
			#detail #detailBody #planDetail h5{
				padding-top: 15px;
				margin-bottom: 10px;
				}
			#detail #detailBody #planDetail table{
				width: 610px;
				margin: 0 auto;
				}
				#detail #detailBody #planDetail th{
					border-bottom: 1px dotted #cac6bd;
					vertical-align: top;
					width: 95px;
					padding: 5px 0;
					}
				#detail #detailBody #planDetail td{
					border-bottom: 1px dotted #cac6bd;
					padding: 5px 0;
					}
		#detail #detailBody .btArea{
			background: url("/plan/img/plan_bt_bg_top.gif") top no-repeat;
			padding-top: 5px;
			text-align: center;
			width: 693px;
			margin: 0 auto;
			}
			#detail #detailBody .btArea span{
				display: block;
				padding: 5px 10px 10px;
				background: url("/plan/img/plan_bt_bg_bottom.gif") bottom left no-repeat #eaf8ff;
				}