@charset "UTF-8";

#gradeup {
	margin-top: 30px;
	padding-bottom: 12px;
}

#gradeup #box {
	padding: 0;
	background: none;
}

#gradeup #contents {
	padding: 0;
	border-bottom: #d3c9b0 10px solid;
}

#gradeup #kome {
	width: auto;
	height: 0;
	font-size: 0;
}

/* プランカセット */
.jlnpc-gradeup__title {
	margin-bottom: 5px;
	text-align: center;
}

.jlnpc-gradeup__cassette {
	position: relative;
	padding: 10px 10px 0;
	background-color: #d3c9b0;
}

#gradeup .detail {
	width: 600px;
	border-collapse: separate;
	border-spacing: 10px;
	background-color: #fffac4;
}

#gradeup .detail td {
	vertical-align: middle;
	*border-collapse: collapse;
	*border: transparent 6px solid;
	*line-height: 1;
}

/* 画像 */
#gradeup .detail .photo {
	width: 200px;
	vertical-align: top;
}

#gradeup .pht-lin01 {
	border-color: #ccc;
}

/* キャッチ */
#gradeup .catchy {
	padding-top: 5px;
	font-size: 87.5%;
	font-weight: bold;
}

/* プランタイトル */
#gradeup .plantitle {
	padding-top: 0;
	*padding-top: 1px;
	color: #333;
	font-size: 75%;
	line-height: 1.3;
}

/* アイコン */
#gradeup .icon {
	padding-bottom: 0;
	*padding-bottom: 1px;
	border-bottom: none;
}

#gradeup .icon img {
	margin-right: 4px;
	vertical-align: middle;
}

/* ヘプ */
#gradeup .text {
	padding-top: 1px;
}

#gradeup .text img {
	margin-right: 4px;
	margin-bottom: 2px;
	vertical-align: middle;
}

/* 料金 */
#gradeup .detail .price {
	width: 240px;
	*width: 100%;
	text-align: left;
}

#gradeup .detail .price .kome {
	margin-top: 0;
	margin-bottom: 3px;
	color: #666;
	text-align: left;
}

#gradeup .detail .price .total,
#gradeup .detail .price .unit {
	display: inline;
}

#gradeup .detail .price .total {
	color: #303030;
	font-size: 87.5%;
	font-weight: bold;
}

#gradeup .detail .price .unit {
	margin-top: 5px;
	color: #666;
	font-size: 70%;
	line-height: 1.1;
}

/* このプランを見る */
#gradeup .view-plan {
	width: 116px;
	text-align: right;
}

#gradeup .view-plan .button {
	overflow: hidden;
	display: inline-block;
	width: 116px;
	height: 30px;
	background: url("/uw/images/btn_view_recommend_plan.png") no-repeat;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}

#gradeup .view-plan .button:hover {
	background-position: 0 -30px;
}

/* カセットのマウスオーバー */
.jlnpc-gradeup__cassette--on {
	cursor: pointer;
}

.jlnpc-gradeup__cassette--on a:link,
.jlnpc-gradeup__cassette--on a:visited,
.jlnpc-gradeup__cassette--on a:hover {
	color: #ff7d00;
}

#gradeup .jlnpc-gradeup__cassette--on .button {
	background-position: 0 -30px;
}

/* 下部コメント */
#gradeup .kome {
	width: auto;
	margin-bottom: 0;
	color: #666;
	font-size: 62.5%;
}

/* その他のプラン */
#details01-etc02{
	margin-bottom: 42px !important;
}
#details01-etc02 table{
	margin:0 auto;
}
#details01-etc02 td{
	text-align: left;
}

#details01-etc02 .td01 a {
	display: block;
}

#details01-etc02 .td01 img {
	display: block;
}

#details01-etc02 td.cw01{
	width: 1px !important;
	margin:0 !important;
}

#details01-etc03 td span{
	text-align: left;
	margin-left: 3px;
}

.jlnpc-otherPlan__title img{
	margin-bottom:4px;
}

#details01-etc02 td.jlnpc-otherPlan__footerRight{
	text-align: right;
}

#details01-etc02 td.jlnpc-otherPlan__footerRight img{
	vertical-align: baseline;
}