@charset "utf-8";

/* ---------------------------------------------------------------- */

/* 料金プラン一覧(price/index.html) */

/* ---------------------------------------------------------------- */

div.read-box {
	background-image: url(../../plan/images/bg_read-box.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 21px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.read-box h3 {
	margin-left: 10px;
}


/* ---------------------------------------------------------------- */

/* パッケージプラン */

/* ---------------------------------------------------------------- */

div.plan-box {
	background-image: url(../../plan/images/bg_plan-box.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	margin-top: 10px;
}

div.plan-box h2 {
	margin-left: 20px;
	padding-top: 10px;
}

div.plan-box div.plan-inner {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #ffffff;
	padding-top: 10px;
}

div.plan-box div.plan-inner div.plan-pht {
	float: left;
	width: 241px;
	margin-right: 0px;
	margin-left: auto;
}
div.plan-box div.plan-inner div.plan-pht p.message {
	font-size: 84%;
	font-weight: bolder;
	margin-top: 5px;
	color: #6839ab;
}

div.plan-box div.plan-inner div.contents-box {
	float: right;
	width: 600px;
}

div.plan-box div.plan-inner div.plan-contents {
	width: 600px;
	background-image: url(../../plan/images/plan-box_bg.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dad3ce;
	padding-bottom: 10px;
}
div.plan-box div.plan-inner div.plan-contents ul {
	width: 588px;
	margin-right: auto;
	margin-left: auto;
}
div.plan-box div.plan-inner div.plan-contents li {
	float: left;
	width: 98px;
	list-style-type: none;
	text-align: center;
	margin-top: 8px;
}

div.plan-box div.plan-inner div.plan-contents li img {
	vertical-align: top;
}

div.plan-box div.plan-inner h3.plan-ttl {
	margin-top: 5px;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------- */

/* お花に囲まれて… */

/* ---------------------------------------------------------------- */

div.flower-box {
	background-image: url(../../plan/images/flower-box_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.flower-box-ttl {
	margin-bottom: 5px;
	background-image: url(../../plan/images/flower-box_h3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
}

div.flower-box h3 {
}
div.flower-box .flowe-inner {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
div.flower-box ul.pht-list {
	float: left;
	width: 520px;
}
div.flower-box ul.pht-list li {
	list-style-type: none;
	text-align: right;
	width: 255px;
}
div.flower-box div.flower-txt-box {
	width: 332px;
	display: block;
	float: right;
}
div.flower-box div.flower-txt-box p.option {
	margin-bottom: 10px;
	display: block;
}

div.flower-box div.flower-txt-box p.txt {
	font-size: 12px;
	line-height: 32px;
	font-weight: bolder;
	color: #f45674;
	background-image: url(../../plan/images/flower-box_txt_p.gif);
	margin-right: 20px;
	margin-left: 20px;
}


div.option-box {
	background-color: #ffc1b0;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div.option-box h3 {
	text-align: center;
}
div.option-box ul {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 20px;
}
div.option-box li {
	list-style-type: circle;
	white-space: nowrap;
	display: block;
	float: left;
	font-size: 84%;
	margin-right: 15px;
	background-image: url(../../images/mark_plan-box.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	line-height: 135%;
}
